/* layout styles */
body{ font-family: sans-serif; font-size:13px; color:#333; padding:0; margin:0}
#wrapper{ }

.ui-datepicker{ position: absolute; top:-200px}
.autoWidth input {
    width:auto !important;
}

#logo{ float:left; width:155px; text-align:center}
#logo a{ display:block; text-indent:-5000px; background:#F5822A url(../graphics/header-top-logo.png) no-repeat center center; width:130px; height:60px; border-right:1px solid #fff}

#headerLine1{ line-height:50px; font-size:16px; color:#fff; font-weight:bold; padding-left:20px; float:left}
#Prices {border:solid;}
#topnavigation { float:right; color: #fff; line-height:50px; font-weight:bold}
#topnavigation h3{ margin-right:10px; font-size:11px; font-weight:normal}
#topnavigation ul{ list-style:none; padding:0; margin:0}
#topnavigation li{ float:left; margin-right:5px}
#topnavigation li.right{ float:right}

#topnavigation a{ display:block; font-weight:bold; color: #fff; text-decoration:none; background:url(../graphics/menu-link-bg.png) no-repeat top; padding:0 5px 0 0;} 
#topnavigation a:hover{ background-position:right bottom; color:#333}
#topnavigation a span{ display:block; padding:0 5px 0 10px; background:url(../graphics/menu-link-bg.png) no-repeat top}
#topnavigation a:hover span{ background-position:left -24px}

.logout-wrapper{ padding-top:7px}

.nephritis-flat-button {
  position: relative;
  vertical-align: top;
  width: 150px;
  height: 40px;
  padding: 0;
  font-size: 16px;
  color: white;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  background: #27ae60;
  border: 0;
  border-bottom: 2px solid #219d55;
  cursor: pointer;
  -webkit-box-shadow: inset 0 -2px #219d55;
  box-shadow: inset 0 -2px #219d55;
}
.nephritis-flat-button:active {
  top: 1px;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.link-buttons{ line-height:24px; height:34px}
.link-buttons a{ display:block; float:left; background:url(../graphics/link-buttons-bg.png) no-repeat; background-position:right -24px; padding:0 5px 0 0; color:#fff; text-decoration:none; font-weight:bold}
.link-buttons a:hover{ background-position:right bottom}
.link-buttons a span{ display:block; padding:0 5px 0 10px; background:url(../graphics/link-buttons-bg.png) no-repeat top left}
.link-buttons a:hover span{ background-position:left -48px}
.link-buttons a img{ margin-bottom:-3px}

#content-wrapper{ background:#fff url(../graphics/content-bg.png) repeat-y left; position:relative}
.front-end #content-wrapper{ background:#fff url(../graphics/front-content-bg.png) repeat-y right}
.account-home #content-wrapper{ background:#fff}

#content-inner{ background:url(../graphics/side-content-bg.png) repeat-y right; padding-bottom:20px; min-height:650px}
#side-content{ width:250px; position:absolute; right:0; top:0; z-index:0}
#side-content .inner{ padding:10px}
.filter-title{ font-size:16px; color:#000; font-weight:bold; margin-bottom:10px;}

#sideNavWrapper{ width:200px; position:absolute; left:0; top:0; padding-top:10px}
/*#sidebar h3{ font-size:14px; color:#fff; background:#005735; line-height:35px; margin:0; padding:0 10px}
#sidebar h3.top-shadow{ background:#005735 url(../graphics/sidebar-heading-top.png) no-repeat top}
#sidebar h3.bottom-shadow{ background:#005735 url(../graphics/sidebar-heading-bottom.png) no-repeat bottom}*/

#sideNav{ background:#00472b url(../graphics/sidebar-sub-bg.png) no-repeat top; margin:0; padding:10px 0 0 0}
#sideNav ul{ background:#003520 url(../graphics/sidebar-sub-sub-bg.png) no-repeat top; margin:0; padding:10px 0 0 0; display:none}

#sideNav ul li{ border-bottom:1px dashed #005030}
#sideNav ul li.bottom{ border:none}
#sideNav ul li.bottom img{ display:block; margin:0}

#sideNav h3, #sideNav li{ cursor:pointer; border-bottom:1px dashed #005030; margin:0}

#sideNav h3, #sideNav a{ background:url(../graphics/menu-arrow.png) no-repeat; background-position:300px 0; color:#fff; font-weight:bold; display:block; line-height:18px; padding:5px 10px; font-size:12px; text-decoration:none}
#sideNav a{ padding-left:20px}

#sideNav a.active, #sideNav a:hover{ background-color:#002919; background-position:right center}
#sideNav h3.active, #sideNav h3:hover{ background-color:#003c24}


#sidebar .active ul a{ background-color:#003520; background-position:300px 0}
#sidebar ul ul li:hover{ background-color:#002919; background-position:right center}

#sidebar img{ display:block; margin:0}
#sidebar p{ color:#fff; padding:0 10px}

#app-form{ float:right; width:300px}
 
#main-content{ margin:0 250px 0 200px}
.front-end #main-content{ margin:0 300px 0 0}
.account-home #main-content{ margin:0}

.noSidebar #main-content{ margin-right:0}
.noSidebar #side-content { display:none}
.noSidebar #content-inner { background:none}

#footer { clear:both; text-align:center; padding:10px; background:#F5822B; color:#fff}

#tooltip{ position:absolute; border:1px solid #333; border-width:1px 2px 2px 1px; background:#fff; padding:2px 5px; color:#333; display:none; width:250px; text-align:left; line-height:16px; font-size:11px; z-index:5000}	



#tooltip h3{ font-weight:normal; font-size:12px; letter-spacing:0; margin:0; line-height:18px;}

.breadcrumb{ margin-bottom:10px}

img{ margin:0; border:none}
.clear{ clear:both}
.inner{ padding:20px}
.left{ float:left}
.right{ float:right}
.centered{ text-align:center}
.right-align{ text-align:right}
.inline{ display:inline}
.hidden{ display:none}

h1{ font-size:24px; font-weight:normal; padding:30px 20px; line-height:1em; margin:-20px -20px 20px; background:#f6f6f6}
h4{ margin-bottom:5px;
    height: 191px;
    width: 77px;
}
#main-content h4{width:100%; height:1.5em;}
a{ color:#21779E; text-decoration:none}

.btn-link{ display:block; color:#21779E; text-decoration:none; line-height:20px; padding:0 5px 0 25px; white-space:nowrap; background:none; border:none;}
.edit-link{ background:url(../graphics/icon-edit.png) no-repeat left}
.delete-link{ background:url(../graphics/icon-delete.png) no-repeat left}
.negative-link{ background:url(../graphics/icon-cross.png) no-repeat left}
.stats-link{ background:url(../graphics/icon-stats.png) no-repeat left; font-size:12px; letter-spacing:0}
.preview-link{ background:url(../graphics/icon-preview.png) no-repeat left}
.order-link{ background:url(../graphics/icon-order.png) no-repeat left}
.add-link{ background:url(../graphics/icon-add.png) no-repeat left}
.notes-link{ background:url(../graphics/icon-notes.png) no-repeat left; font-size:12px; letter-spacing:0}
.duplicate-link{ background:url(../graphics/icon-duplicate.png) no-repeat left}
.translate-link{ background:url(../graphics/icon-translate.png) no-repeat left}

p{ margin:0 0 10px 0}

hr{ border:2px solid #ccc; border-width:2px 0 0; height:1px; margin:20px 0}

.display-notice{ background:#c00; color:#fff; font-weight:bold; padding:10px; position:fixed; top:0; right:0; z-index:10}

.error-message{ color:#c00; font-weight:bold; margin-bottom:10px}

/* tab navigation */
.tab-wrapper{ border-bottom:2px solid #CCCCCC; height:31px; margin-bottom:20px}
.tab-nav{ margin:0; padding:0; list-style:none}
.tab-nav li{ margin:0 10px 0 0; float:left}
.tab-nav li a{ display:block; line-height:30px; color:#000; text-decoration:none; padding:0 10px; border:1px solid #ccc; border-width:1px 1px 0; background:#F6F6F6; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.tab-nav li a.active-tab{ color:#21779E; background:#fff; margin-bottom:-2px; padding-bottom:2px}

/* booking form syles */
#form-preview-wrapper{ width:210px; padding:1px}
.form-preview{ padding:5px}
.bold-font{ padding:0 5px; font-size:16px; font-weight:bold; line-height:30px; background: url(../graphics/btn-overlay.png) repeat-x top}
.preview-button{ font-family:inherit; padding:2px 10px; cursor:pointer; background: url(../graphics/btn-overlay.png) repeat-x top}

.search-button{ text-align:right}
.search-button input{ border:none; font-size:16px; font-weight:bold}

#picker-wrapper{ display:none; position:absolute; border:1px solid #006840; background:#fff}
.picker-close{ position:static; cursor:pointer; z-index:10000; position:absolute; top:-12px; right:-12px}

.search-element label, label.title{ display:block; line-height:22px}
.location label{ float:left; width:70px}

.select-group{ font-size:12px; font-family:Arial, Helvetica, sans-serif}
.search-element select{ border:1px solid #ccc; height:22px}
.location select{ width:120px; }

.pickup-details{ border:1px solid #fff; border-width:1px 0; padding:5px; margin-bottom:10px; background:url(../graphics/location-field-bg.png)}
.search-element{ margin-bottom:8px}

/* end booking form */

.quarter{ width:25%; float:left}
.half, .right-half{ width:50%; float:left}

.half-inner{ margin:0 10px 0 0}
.right-half .half-inner{ margin:0 0 0 10px}

.form-content{ width:226px
}

.grad-box{ border:1px dotted #999; background:url(../graphics/silver-fade-bg.png) repeat-x bottom; margin-bottom:15px; padding:10px 0; }

.navigation-panel{ background: url(../graphics/navigation-panel-bg.png) no-repeat bottom; margin-bottom:10px}
.navigation-panel .inner{ background: url(../graphics/navigation-panel-top.png) no-repeat top}

.news-panel{ background: url(../graphics/news-panel-bg.png) no-repeat bottom; margin-bottom:10px; height:450px}

.panel-title{ font-size:16px; font-weight:bold; margin-bottom:10px; border-left:3px solid #F5822A; border-bottom:1px dotted #F5822A; padding:5px 10px}
.panel-title a{ text-decoration:none; display:block; color:#006840}
.news-panel .panel-title{ border-color:#006840; color:#F5822A}

.news-feed{ height:390px; overflow:auto}

.navigation-panel a{ text-decoration:none}
.navigation-panel a img{ margin-bottom:-3px}

.form-code{ border-bottom:1px solid #016C42; padding:10px 0; margin-bottom:10px}
.form-field-info{ font-size:10px; color:#999}

#login-form{ width:530px; margin:0 auto; text-align:left}

#app-form h3{ font-size:16px; border-bottom:1px dotted #F5822A; border-left:5px solid #F5822A; padding:5px 10px; line-height:1em; margin:0 0 10px}

#join-list{ list-style:none}
#join-list li{ background:url(../graphics/tick-icon.png) no-repeat left; padding:2px 0 4px 20px; font-size:14px; font-weight:bold; font-style:italic}

.question{ background:url(../graphics/question-bg.png) no-repeat left top; padding-left:30px; min-height:25px; font-weight:bold; font-size:12px}
.answer{ background:url(../graphics/answer-bg.png) no-repeat left top; padding-left:30px; margin-left:30px; min-height:25px; margin-bottom:20px}

/* news listings */
.news-section{ width:330px; float:left; height:220px}
.news-section .inner{ border:1px solid #999; margin:0 5px}
.news-section h3{ margin:0 0 10px 0; color:#016B41; border-bottom:1px dotted #999; padding-bottom:5px}
/* end news */


/* Standard Text Fonts ____________________________________ */
.tx08 {font-size: 8px;}
.tx09 {font-size: 9px;}
.tx10 {font-size: 10px;}
.tx10W {color: #ffffff; font-size: 10px;}
.tx10WB {color: #ffffff; font-size: 10px; font-weight: bold;}
.tx11 {font-size: 11px;}
.tx11Bld {font-size: 11px; font-weight: bold}
.tx11RedBld {font-size: 11px; font-weight: bold; color: #FF0000}
.tx12 {font-size: 12px;}
.tx12W {color: #ffffff; font-size: 12px;}
.tx12B {font-size: 12px; font-weight: bold;}
.tx12BlB {font-size: 12px; color: #99ccff; font-weight: bold;}
.tx12wb {color: #ffffff; font-weight: bold}
.tx14 {font-size: 14px;}
.tx14B {font-size: 14px; font-weight: bold;}
.tx18 {font-size: 18px;}
.tx14BTxtTitle{font-size:14px; font-weight: bold; color:#036;}
.tx12OrBd{ font-size: 12px; font-weight: bold; color: #FE6601;}

.category-section{ border-top:1px dashed #999; padding:10px 0; width:500px}
.category-name{ font-size:12px; margin-bottom:5px}
.info-section{ padding:5px 10px}
.info-section:hover{ background:#efefb4}
.info-section a{ text-decoration:none}
.info-section a img{ margin-bottom:-3px}

.hidden{ display:none}

.table-list td.usa{ background:#c00; color:#fff}

.nav-links{ height:30px; margin-bottom:20px} 
.nav-links a{ display:block; float:left; margin-right:10px; color:#fff; text-decoration:none; background:url(/graphics/menu-bg.gif) repeat-x top; font-weight:bold; line-height:30px; padding:0 10px; border-radius:5px; -moz-border-radius:5px}

/* Feedback section *************/
.feedback-details td{ padding:3px 15px 3px 0}

.feedback-header h2{ font-size:14px; border-bottom:1px solid #cfcfcf; padding-bottom:5px}

.feedback-field-wrapper{ margin-bottom:20px}
.feedback-rating, .feedback-comment, .feedback-location{ padding:10px; background:#FBFBFB}
.feedback-rating{ height:16px}
.feedback-rating label{ display:none}
.feedback-comment{ padding-top:0}
.feedback-location{ padding-bottom:0}
.feedback-comment textarea{ border:1px solid #cfcfcf; width:100%; height:100px; padding:5px; font-family:inherit}
.feedback-location input{ border:1px solid #cfcfcf; width:500px}

.stat-wrapper{ width:160px; float:left; margin:0 20px}
.stat-title{ font-weight:bold; text-align:center; margin-bottom:10px}
.stat-subtitle { text-align: center; margin-bottom: 5px; position: relative; top: -20px; }

.feedback-stats-list{ list-style:none; margin:0; padding:0}
.feedback-stats-list li{ border-top:1px solid #999; line-height:30px; padding:0 5px; font-size:11px}
.feedback-stats-list li span{ display:block; float:right; font-weight:bold}

.brand-average{ width:150px; height:150px; background:url(../graphics/feedback-star.png) no-repeat; margin-bottom:20px}
.brand-average .inner{ text-align:center; padding:50px 0 0 0; font-size:36px}


.stat-brand1 .feedback-stats-list li{ border-color:#F5822B}
.stat-brand1 .stat-title, .stat-brand1 .stat-subtitle { color: #F5822B }
.stat-brand1 .brand-average{ color:#F5822B; background:url(../graphics/feedback-star_apollo.png) no-repeat;}
.stat-brand2 .feedback-stats-list li{ border-color:#04506E}
.stat-brand2 .stat-title, .stat-brand2 .stat-subtitle{ color:#04506E}
.stat-brand2 .brand-average{ color:#04506E; background:url(../graphics/feedback-star_cheapa.png) no-repeat;}
.stat-brand3 .feedback-stats-list li{ border-color:#33191A}
.stat-brand3 .stat-title, .stat-brand3 .stat-subtitle{ color:#33191A }
.stat-brand3 .brand-average{ color:#33191A; background:url(../graphics/feedback-star_hippie.png) no-repeat;}
.stat-brand6 .feedback-stats-list li{ border-color:#000}
.stat-brand6 .stat-title, .stat-brand6 .stat-subtitle{ color:#000 }
.stat-brand6 .brand-average{ color:#000; background:url(../graphics/feedback-star_star.png) no-repeat;}

.table-list th.feedbackCombinedHeader{ font-size:16px; background:#21779E; color:#fff; text-align:center; width:180px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.table-list th.feedbackCombinedHeader a{ color:#fff; text-shadow:0 1px 1px rgba(0,0,0,.3)}

.table-list td.feedbackCombinedTD, .table-list .odd td.feedbackCombinedTD{ font-weight:bold; text-align:center; background:#cbe6f3 !important}


/* Business Listings section *************/
.business-listings td{ padding:3px 15px 3px 0}

.business-listings-header h2{ font-size:14px; border-bottom:1px solid #C4B1A8; padding-bottom:5px}

.business-listings-field-wrapper{ margin-bottom:20px}
/*.business-listings-rating, .business-listings-comment, .business-listings-location{ padding:10px; background:#FEF2E9}
.business-listings-rating{ height:16px}*/
.business-listings-rating label{ display:none !important}
.business-listings-comment{ padding-top:0}
.business-listings-location{ padding-bottom:0}
.business-listings-comment textarea{ border:1px solid #C4B1A8; width:500px; height:80px}
.business-listings-location input{ border:1px solid #C4B1A8; width:500px}

/* Specials section *************/
#termsList{ border-collapse:collapse}
#termsList .term-text label{ padding:0 10px 0 5px}
#termsList .drag-handle{ background:url(../graphics/drag-handle.png) no-repeat center center; width:9px; cursor:pointer}
.termsList-highlight{ height:37px; background:#e0eff6}

#conditionList .drag-handle{ background:url(../graphics/drag-handle.png) no-repeat center center; width:9px; cursor:pointer; float:left; height:30px; margin-right:6px}
#conditionList .input label{ display:inline; float:none} 
#conditionList .input .sub-condition-toggle input{ width:auto; margin:0 5px 0 10px}
.conditionsList-highlight{ height:44px; background:#e0eff6}

.add-condition{ display:block; line-height:20px; text-decoration:none; float:left}
.add-condition img{ display:block; float:left;}

#sortable { list-style-type: none; margin: 0; padding: 0; width: 550px}
#sortable li { margin: 0 0 5px; border:1px solid #cfcfcf; padding-left: 1.5em;  line-height: 30px; height: 30px; font-size: 1em; position:relative; cursor:pointer; border-radius: 3px;}
#sortable li span.ui-icon{ position: absolute; margin-left: -1.3em; top:7px }

#sortable li.new-special{ background:#e0eff6; color:#21779E; border-color:#21779E}

 html>body #sortable li { height: 30px; line-height: 30px; }
#list .ui-state-highlight { height: 30px; line-height: 30px; }

.vehicle-image-wrapper, .vehicleImagesHighlight{ width:360px; border:1px solid #CCC; position:relative; float:left; margin:0 10px 10px 0}
.vehicle-image{ padding:10px; height:150px}
.vehicle-image img{ 
    float: left;
    margin-right: 10px;
    max-height: 133px;
    max-width: 194px;
}
.list-img-icon{ position:absolute; top:0; left:0; display:none}
.vehicle-list-image .list-img-icon{ display:block}
.vehicle-list-image .list-img{ display:none}

.vehicleImagesHighlight{ height:170px; background:#F5822B}

.special-img-thumb{ float:left; margin-left:10px; border:1px solid #999; padding:2px}
.special-img-thumb img{ width:200px}

#vehicleImagesWrapper{ padding-top:20px}
.vehicle-image a{ display:block; float: right; clear: right;margin:0 0 10px; color:#333; border:1px solid #ccc; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; line-height:16px; background:#eee; text-decoration:none; padding:5px}
.vehicle-image .delete-img{ border-color:#c00}
.vehicle-image a img{ position:static; float:left; margin:0 5px 0 0}

#ContentPlaceHolder1_messageText, #messageText{ display:none; position:fixed; top:0; right:0; background:#c00; color:#fff; font-size:14px; padding:10px; font-weight:bold}

/* user page edit */
#pageList, #pageList ul, #pageList li{ margin:0; padding:0; list-style:none}
#pageList{ margin-bottom:20px}
#pageList li{ border-bottom:1px solid #cfcfcf; line-height:35px}

#pageList ul.subPageList{ border-top:2px solid #cfcfcf; display:none}
#pageList ul.subPageList li{ background:url(../graphics/page-node.png) no-repeat 8px center; padding-left:30px}

.page-actions{ float:right}
.page-actions input{ height:35px; margin:0; padding:0}
.toggleSubPages{ display:block; line-height:35px; float:left; margin-right:20px}

.parentToggle label, .pageToggle label{ display:none}

/* spec list*/
.specValue input{ width:100%}
.specValue .inactive{ border-color:transparent; background:none; cursor:default}
.specActions{ width:150px}
.specActions .btn-link{ display:inline-block}
.specActions .btn-link.hidden{ display:none}

/* specials banners*/
#agentBannerPreview, #agentTilePreview{ width:570px; height:350px; overflow:hidden; background:#CCCEDB; position:relative; color:#5F6171; font-size:14px; font-family:Arial}
#agentBannerPreviewBg, #agentTilePreviewBg{ position:absolute; display:block; width:100%; top:0; left:0}

#agentBannerViewDetails{ position:absolute; right:0; bottom:0; line-height:30px; background:#4EA0D8; color:#fff; padding:0 10px; z-index:0; font-size:18px; z-index:5}

#agentBannerSubText{ display:none}
#agentBannerPreTitle, #agentBannerText, #agentBannerBreakout, #agentBannerAdditional, #agentTilePreTitle, #agentTileSubText, #agentTileBreakout{ position:absolute; z-index:1}

#agentBannerTitle, #agentTileTitle{ position:absolute; left:0; top:30px; background:#FF9301; color:#fff; font-size:50px; font-weight:bold; padding:15px 20px; line-height:1em; z-index:2; border-right:2px solid #000}
#agentBannerSubText{ font-size:22px; line-height:24px; padding:10px 0 0 0}
#agentBannerPreTitle, #agentTilePreTitle{ top:-20px; left:20px; line-height:30px; padding: 0 10px; background:#CCCEDB; z-index:3; color: #5F6171; font-size: 14px; font-weight: normal;}
#agentBannerText{ left:0; top:140px; max-width:36%; background:#5F6171; color:#fff; padding:10px 20px; font-size:14px; border-right:2px solid #000; line-height:18px}

#agentBannerBreakout{ top:20px; right:20px; color:#fff; width:100px; height:100px; text-align:center; background:url(../graphics/resize_sw.png) no-repeat left bottom; z-index:10}
#agentBannerBreakoutText, #agentTileBreakoutStar{ width:100px; height:100px; overflow: auto; display: table-cell; text-align: center; vertical-align: middle; font-size:14px; font-weight:bold; padding:0 20px; position:relative; z-index:1}
#agentBannerBreakoutStar, #agentTileBreakoutStar{ position:absolute; display:block; width:100%; top:0; left:0; z-index:0}
#agentBannerAdditional{ left:20px; top:200px; max-width:245px; font-size:12px}

.agentBannerAttribute, .agentTileAttribute{ display:none}

#agentTilePreview{ width:270px; height:140px}

#agentTileViewDetails{ position:absolute; right:0; bottom:0; line-height:25px; background:#4EA0D8; color:#fff; padding:0 10px; z-index:0; font-size:12px; z-index:5}

#agentTileTitle{ top:15px; font-size:20px; font-weight: normal; padding:6px 10px}
#agentTileSubText{ font-size:18px; line-height:24px; padding:6px 10px; right:0; top:60px; background:#5F6171; color:#fff}
#agentTilePreTitle{ top:-15px; left:10px; line-height:20px; font-size: 12px}

#agentTileBreakout{ top:20px; right:20px; color:#fff; width:50px; height:50px; text-align:center; background:url(../graphics/resize_sw.png) no-repeat left bottom; z-index:10}
#agentTileBreakoutStar{ width:50px; height:50px}

#agentTileFields .input input { width:270px}

#agentBannerPreview .hiddenText, #agentTilePreview .hiddenText{ left:-5000px; right:auto}

/* Vehicle Features */
.featureImg{ float:left; border:1px solid #ccc; padding:5px; margin:0 10px 10px 0}

#featureImgWrapper{ border:1px solid #ccc; float:left}
#featureImg{ width:1140px; position:relative}
#featureImg img{ width:100%}

.feature { background: #333; border: 1px solid #222; border-radius: 50%; box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3); color: #FFFFFF; display: block; font-size: 30px; line-height: 30px; position: absolute;}
.activeFeature{ background:#F5822B; border-color:#d8630b}
.feature span{ border: 2px solid #FFFFFF; border-radius: 50%; display: block; height: 30px; width: 30px; text-align:center}

#featureFormWrapper{ display:none}