/* Common Tag re-writing */
*,html{ margin:0; padding:0; }
body{ margin:0; padding:0; background: #ffffff; text-align:center; font-family: Arial,Helvetica,Verdana,Sans-serif; font-size: 10pt; }
pre { background-color: #eee; padding: 10px; font-size: 11px; }
h1,h2,h3,h4 { margin: 0; padding: 0; margin-bottom: 7px; }
h1 { font-size: 3em; font-weight: normal; color: #207CE5; }
h2 { font-size: 1.8em; font-weight: normal; color: #207CE5; } 
h2 em { font-style: normal; color: #038D01; }
h3 { font-size: 1.5em; font-weight: normal; color: #038D01;}
h4 { font-size: 1.2em; color: #363636; }
input, select { border-style: solid; border-width: 1px; border-color: #ABADB3 #DBDFE6 #E3E9E9 #E2E3EA; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
textarea{ font-weight: normal; font-family: Arial, Helvetica, Verdana, Sans-serif; color:#404040; border-style: solid; border-width: 1px; border-color: #ABADB3 #DBDFE6 #E3E9E9 #E2E3EA; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
input:hover, input:focus, select:hover, select:focus, textarea:hover, textarea:focus { border-color: #3D7BAD #A4C9E3 #B7D9ED #B5CFE7; }
input.submit { color: #FFFFFF; background: #207CE5 url(/images/search_button_gradient.gif) repeat-x top left; border: 1px solid #207CE5; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
input.submit:hover { background: #038D01 url(/images/search_button_highlighted_gradient.gif) repeat-x top left; border-color: #038D01; }
abbr { cursor: help; }
a { color: #363636; }
a:hover { color: #696969; }
a.green-link { color: #038D01; font-size: 0.9em; }

/* jQuery related and flash notices */
.highlight-info { padding: 3px 0px; }
.highlight-info .ui-icon { float: left; margin: 0 0.3em; }
.form-error { padding: 3px 3px 3px 23px; width: 55%; margin-bottom: 10px; position: relative; }
#support_page .form-error p { margin: 0; } /* fix for paragraph margin on support pages */
.form-error .ui-icon { position: absolute; left: 3px; }
.field-error { padding: 3px 3px 3px 23px; margin-left: 5px; position: relative; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
div.field-error { width: 55%; text-align: left; }
.field-error .ui-icon { position: absolute; left: 3px; top: 3px; }
.ui-widget-content div.info-text { padding: 5px 0px; margin: 0px 10px; border-width: 1px 0px; border-style: solid; border-color: #d7d7d7; line-height: 1.3em; }
.ui-widget-content h3 { font-size: 1.8em; line-height: 1.2em; line-height: 1.2em; margin-top: 7px; border-bottom: 1px solid #EEEEEE; width: 95%; }
.ui-widget-content div.popup-bottom { margin: 10px 0px; text-align: center; }
.ui-widget-content button.fromLink { padding: 3px 6px; }
#flashHome.flash { margin-top: 10px; text-align: center; }
.flash { margin-bottom: 10px; }
.flash .field-error { margin-left: 0px; font-weight: bold; }
#searchForm div.flashSearchError { text-align: center; margin-bottom: 0px; }
#searchForm div.flashSearchError .form-error { padding-left: 3px; font-size: 1.2em; font-weight: bold; display: inline-block; }

/* floating error box */
.error-container { position: absolute; z-index:500; cursor:pointer; padding-bottom: 13px; opacity: 0.9; filter:Alpha(opacity=90); }
.error-container .field-error { box-shadow: 0px 0px 6px #000; -moz-box-shadow: 0px 0px 6px #000; }
.error-container div.field-error { float: none !important; min-width: 150px; max-width: 250px; width: auto; }
.error-container .field-error-arrow { position:absolute; bottom:0;left:20px; width:15px; height:15px; z-index:501; }
.error-container .field-error-arrow div { box-shadow: 0px 2px 3px #444; -moz-box-shadow: 0px 2px 3px #444; -webkit-box-shadow: 0px 2px 3px #444; font-size: 0px; height: 1px; line-height: 0px; margin:0 auto; border-width: 0px 1px; -webkit-box-shadow: 0px 0px 6px #000;  }
.error-container .field-error-arrow .line10 {width: 17px; border: none;} 
.error-container .field-error-arrow .line9 {width: 15px;} 
.error-container .field-error-arrow .line8 {width: 13px;} 
.error-container .field-error-arrow .line7 {width: 11px;} 
.error-container .field-error-arrow .line6 {width: 9px;} 
.error-container .field-error-arrow .line5 {width: 7px;} 
.error-container .field-error-arrow .line4 {width: 5px;} 
.error-container .field-error-arrow .line3 {width: 3px;} 
.error-container .field-error-arrow .line2 {width: 1px;}
.error-container .field-error-arrow .line1 {width: 1px; border: none; background: #fcd113; } 

/* Google maps syles */
div.gmapWindowTitle { font-size: 0.9em; font-weight: bold; margin-bottom: 4px; }
ul.gmapWindowResults { padding-left: 5px; list-style: none url(/images/li-icon.gif) inside; margin-bottom: 4px; }
div.gmapWindowDescription { font-size: 0.9em; color: #696969; }

/* page layout elements */
#pageTop { height: 35px; background: #404040 url(/images/topBar_bg.gif) repeat-x left top; color: #FFFFFF; padding-bottom: 1px; }
#pageTop div { width: 930px;  height: 25px; margin: auto; padding: 10px 0 0 30px; border-width: 0px 1px; border-style: solid; border-color: #d7d7d7; }
#pageTop div ul { display: inline; margin: 0; }
#pageTop div ul li { display: block; float: left; height: 20px; width: 12em; margin-right: 1.2em; padding-top: 4px; background-color: #505050; border-top: 1px solid #505050; }
#pageTop div ul li.login { width: 8em; float: right; background: #505050 url(/images/topBar_selected.gif) repeat-x top left; }
#pageTop div ul li.selected { border-style: solid; border-color: #9C9C9C; border-width: 1px 1px 0px 1px; background: #505050 url(/images/topBar_selected.gif) repeat-x top left; }
#pageTop div ul li a { color: #FFFFFF; text-decoration: none; font-weight: normal; font-size: 1.1em; }

#pageContent { width: 960px; position: relative;}
#pageContent #endClear { clear: both; }

#mainColumn { margin-bottom: 20px; margin-left: 35px; width:699px; padding-right: 5px; float:left; border-right: 1px solid #D7D7D7; }

#feedColumn { width: 210px; padding-left: 10px; float: right; margin-bottom: 20px;}
#feedColumn a { color: #666666; text-decoration: none; }
#feedColumn a:hover { text-decoration: underline; }
#feedColumn #experienceMatters { margin-top: 10px; }
#feedColumn ul li { padding: 5px 0; border-bottom: 1px solid #D7D7D7; list-style-type: none; margin-right: 5px; }
#feedColumn .review { padding: 5px 0; border-bottom: 1px solid #D7D7D7; margin-right: 5px; }
#feedColumn .review .entity { font-weight: bold; }
#feedColumn .review .entity a { font-weight: normal; }
#feedColumn .review .quote { font-style: italic; padding: 2px 5px; }

#pageBottom { background: #404040 url(/images/bottomBar_bg.gif) repeat-x left top; height: 15em; }
#pageBottom div.container { width: 960px; height: 100%; margin: auto; border-width: 0px 1px; border-style: solid; border-color: #d7d7d7; }
#pageBottom div.legalText { margin: 5px 0; padding: 0 5px; width: 460px; height: 95%; float: left; color: #FFFFFF; font-size: 0.9em; }
#pageBottom div.legalText p { margin-bottom: 10px; text-align: left; }
#pageBottom div.legalText a { color: #FFFFFF; font-weight: bold; }
#pageBottom div.links { margin: 5px 0; padding: 0 5px; width: 470px; height: 95%; float: left; text-align: left; color: #FFFFFF; border-left: 1px solid #d7d7d7; }
#pageBottom div.links ul { margin-bottom: 10px; }
#pageBottom div.links ul li { padding-left: 20px; padding-bottom: 1px; list-style-type: none; }
#pageBottom div.links ul li  a { color: #FFFFFF; }
#pageBottom .copyright { color:#ffffff; font-size: 1.0em; padding-bottom: 0px; }
#pageBottom .copyright span { font-size: 1.1em; }

/* common page elements including search box */
#contents { width: 960px; padding: 0px; margin: 0px auto; min-height: 600px; background-color: #FFFFFF; border-width: 0px 1px; border-style: solid; border-color: #d7d7d7; text-align: left; color: #202020;}
#logo { padding: 20px 0px 10px 0px; margin: 0px 45px; border-bottom: 1px solid #d7d7d7; }
#logo img { border: 0px; }
#logo #byline { margin-left: 10px; margin-top: 5px; color: #666666; font-size: 1.4em; }
#searchBox { padding-top: 10px; margin: 0px 45px 10px 45px; text-align: left; border-bottom: 1px solid #d7d7d7; position: relative;}
#searchBox.hidden { padding-top: 0px; width: 320px; background: #505050 url(/images/topBar_selected.gif) repeat-x top left; border-bottom-width: 0px; }
#searchBoxShow { padding: 1px 0px 1px 15px; text-align: left; font-size: 1.1em; }
#searchBoxHide { text-align: right; padding-bottom: 5px; font-size: 1.1em; }
#searchBoxShow a { text-decoration: none; color: #FFFFFF; }
#searchBoxHide a { text-decoration: none; color: #696969; }
#searchSelector { text-align: center; font-size: 2.4em; font-weight: bold; text-transform: uppercase; }
#searchSelector span { position: relative; top: -3pt; font-size: 0.75em; color: #363636; }
#searchSelector a { position: relative; top: -3pt; text-decoration: none; border-bottom: 1px dashed #666666; font-size: 0.75em; line-height: 18pt; color: #666666; }
#searchSelector a:hover { color: #038d01; border-bottom-color: #038d01; }
#searchSelector a.selected { color: #207ce5; border-bottom-width: 0px; }
#searchForm { margin: 20px auto; min-height: 200px; vertical-align: middle; text-align: center; }
#searchForm.error { margin-top: 0px; }
#searchForm div { width: 750px; margin: 0px auto 15px auto; text-align: right; position: relative; }
#searchForm label { font-size: 1.8em; color: #404040; padding-right: 10px; }
#searchForm input { height: 1.33em; width: 497px; font-size: 1.8em; color: #696969; padding-top: 0.15em; padding-left: 3px; }
#searchForm input.submit { color: #FFFFFF; width: auto; height: auto; padding: 5px 20px; }
#searchForm input.defaultText { color: #999999; }
#searchForm select { height: 1.33em; width: 502px; font-size: 1.8em; color: #696969; }
#searchForm input.fieldWithErrors, #searchForm select.fieldWithErrors { background-color: #FFFF99; }

#searchRefine { border: 1px solid #cedbe7; background: #d8e6f3; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 15px 10px; text-align: center; }
#searchRefine div { width: 90%; margin: 0px auto 15px auto; text-align: right; position: relative; }
#searchRefine input { height: 1.25em; width: 397px; font-size: 1.5em; color: #696969; padding-top: 0.15em; padding-left: 3px; }
#searchRefine select { height: 1.3em; width: 402px; font-size: 1.5em; color: #696969; }
#searchRefine label { font-size: 1.5em; color: #404040; padding-right: 10px; }
#searchRefine input.submit { color: #FFFFFF; width: auto; height: auto; padding: 5px 20px; }
#searchRefine input.defaultText { color: #999999; }
#searchRefine input.fieldWithErrors, #searchRefine select.fieldWithErrors { background-color: #FFFF99; }
#searchRefine div.other { margin-top: 10px; border-top: 1px solid #999999; padding-top: 10px; text-align: center; }

.pagination { padding: 5px 0; font-size: 12pt; text-align: center; }
.pagination a { border: 1px solid #d7d7d7; margin: 0 2px; padding: 0 3px; color: #207CE5; text-decoration: none; }
.pagination a:hover {border: 1px solid #4aa614; background: #038d01 url(/images/jquery/ui-bg_highlight-soft_50_038d01_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; outline: none; } /* borrowed from ui-state-hover */
.pagination span { border: 1px solid #d7d7d7; margin: 0 2px; padding: 0 3px; color: #999999; }
.pagination span.current { border: 1px solid #499aea; background: #207ce5 url(/images/jquery/ui-bg_highlight-soft_50_207ce5_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; outline: none; } /* borrowed from ui-state-active */

/* tab styling - including non jQuery version */
#greatCareTabs { width: 45%; float: left; }
#greatCareTabs.ui-accordion h3 { margin-bottom: 0; }
#greatCareTabs.ui-accordion .ui-accordion-header a { padding-top: 0; padding-bottom: 3px; }
#greatCareTabs.ui-accordion div.ui-accordion-content { height: 230px; overflow: auto; padding: 0.5em 1.5em; }
#greatCareTabs div.type { padding-bottom: 10px; }
#greatCareTabs div.type h4 { font-size: 1.2em; color: #207CE5; margin-bottom: 5px; }
#greatCareTabs div.entry { margin-left: 10px; font-size: 1.1em; font-weight: bold; }
#greatCareTabs div.entry a { text-decoration: none; font-weight: normal; color: #666666; }
#greatCareTabs div.entry a:hover { text-decoration: underline; }

#greatCareTabs h3 { font-size: 1.3em; color: #038D01; margin-bottom: 5px; }
#greatCareTabs div.content { margin-left: 10px; }

#fp_info { width: 50%; float: left; margin-left: 20px; }
#fp_info h4.ui-state-active { font-weight: bold; padding: 3px; margin-bottom: 0;}
#fp_info div.ui-widget-content { padding: 5px; }


/* autocompleter */
.ac_results, .ac_results_small { padding: 0px; border: 1px solid #ABADB3; background-color: white; overflow: hidden; text-align: left; z-index: 99999; color: #363636; }
.ac_results ul, .ac_results_small ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; }
.ac_results li { margin: 0px; padding: 2px 5px; cursor: default; display: block; font-size: 1.33em; line-height: 1.33em; overflow: hidden; }
.ac_results_small li { margin: 0px; padding: 2px 5px; cursor: default; display: block; font-size: 1.1em; line-height: 1.1em; overflow: hidden; }
.ac_results li span.alternate, .ac_results_small li span.alternate { color: #1b551a; }
.ac_results li strong, .ac_results_small li strong { font-weight: normal; color: #000000; }
.ac_results li span.alternate strong, .ac_results_small li span.alternate strong { font-weight: normal; color: #10310f; }
.ac_loading { background: white url('/images/ajax-loader-3.gif') 99.5% 50% no-repeat; }
.ac_odd { background-color: #F9F9F9; }
.ac_over { background: #207ce5 url(/images/jquery/ui-bg_highlight-soft_50_207ce5_1x100.png) 50% 50% repeat-x; font-weight: normal; outline: none; }

/* ajax loading div */
.loading-overlay { z-index: 100; background: #999999 url(/images/loading_bg.gif) repeat scroll top left; width: 100%; height: 100%; opacity: 0.40; filter: alpha(opacity=40); position: absolute; top: 0; left: 0; }
.loading { z-index: 101; position: absolute; font-size: 1.8em; background: #FFFFFF url(/images/ajax-loader-3.gif) 5px 5px no-repeat; height: 32px; padding: 4px 5px 0px 40px; text-align: left; color: #999999; 
			border: 5px solid #FFFFFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

/* search results */
div.search-expansion { width: 80%; font-weight: bold; margin-bottom: 10px; }
div.search-expansion p { margin-left: 25px; }
#mainMap { width: 500px; height: 250px; display: none; }
#resultCountDiv { text-align: center; font-size: 1.2em; font-weight: bold; color: #363636; margin-bottom: 5px; }
#resultCountDiv.no-results { margin-bottom: 10px; color: #bc3624; }
#newEntryDiv { margin-top: 10px; font-size: 12pt; font-weight: bold; }
#newEntryDiv a { color: #363636; }
#changeSearch { margin: 5px 0; padding: 5px 0; border-color: #d7d7d7; border-style: solid; border-width: 1px 0px; font-size: 1.2em; width: 95%; }
#changeSearch span { font-weight: bold; }
#changeSearch select, #changeSearch input {  margin-left: 5px; padding: 2px; font-size: 1em; }

#searchResults { padding-top: 10px; }
#searchResults div.search-result { border-width: 1px; border-style: solid; width: 93%; padding: 5px 10px; margin-bottom: 5px; }
#searchResults h2 em { font-style: italic; }
#mainMedicine div.medicine { border-width: 1px; border-style: solid; width: 93%; padding: 10px 10px; margin: 10px 0px; border-color: #038d01; background: #94d192; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#mainMedicine div.medicine .result-info { border-color: #696969; }
#searchResults div.row1 { border-color: #cedbe7; background: #d8e6f3; }
#searchResults div.row2 { border-color: #d6dad8; background: #e3e8e6; }
#searchResults div.row0 { border-width: 0px; padding-bottom: 0px; }
.toGmap {  position: relative; margin: auto auto 5px auto; border: 1px solid black;  }
div.search-result img { float: left; margin-right: 10px; padding: 1px; border: 1px solid #d7d7d7; background-color: #FFFFFF;}
div.search-result img:hover { border-color: #207CE5 }
div.search-result .result-info { width: 40%; float: left; border-right: 1px solid #d7d7d7; }
div.search-result .result-info h2 { font-size: 1.5em; margin-bottom: 3px; }
div.search-result .result-info h2 a { text-decoration: none; color: #207CE5; }
div.search-result .result-info h2 a:hover { text-decoration: underline }
div.search-result .result-info h3 { font-size: 2em; margin-bottom: 3px; }
div.search-result .result-info a { font-size: 1.1em; display: block; margin-bottom: 3px; }
div.search-result .result-info button.fromLink { margin: 5px 5px 5px 0; padding: 3px 7px; font-size: 1.4em; }
div.search-result .result-detail { margin-left: 10px; width: 40%; float: left; }
div.search-result .result-detail div.title { font-weight: bold; margin-bottom: 3px; font-size: 1.1em; }
div.search-result .result-detail ul { margin-left: 5px; padding-left: 5px; list-style: none url(/images/li-icon.gif) inside; }
div.search-result .result-detail ul li { padding-bottom: 2px; }
div.search-result .result-detail ul li.empty { list-style-image: none; height: 1em; }
div.search-result .links { clear:both; text-align: center; font-size: 1.2em; padding-top: 5px; }
div.search-result .new-entity input.text { padding: 1px; border-color: #207CE5; margin: 0px 3px 0px 0px; }
div.search-result .new-entity select { padding: 0px; border-color: #207CE5; margin: 0px 3px 0px 0px; }
div.search-result .new-entity div { margin-bottom: 0; }
div.search-result .new-entity label { margin-right: 5px; text-align: right; }
div.search-result .new-entity label.hidden { opacity: 0; filter:Alpha(Opacity=0); }
div.search-result .new-entity input.submit { width: auto; height: auto; padding: 5px 20px 5px 20px; }

/* reviews page */
h1.reviews { margin-bottom: 0px; }
h3.reviews { margin-bottom: 15px; }
h3.reviews a, h3.reviews a:hover { color: #038D01; font-size: 1.7em; }
#revieweeImage { width: 140px; float: left; text-align: center; }
#revieweeImage img { padding: 1px; border: 1px solid #d7d7d7; background-color: #FFFFFF; }
#revieweeImage div { text-align: left; padding: 10px 5px 0px 5px; font-style: italic; }
#revieweeInfo { float: left; width: 280px; padding-left: 10px; border-left: 1px solid #d7d7d7; }
#revieweeInfo div.info { margin-bottom: 10px; width: 280px; }
#revieweeInfo div.highlight-info { margin-bottom: 10px; width: 270px; }
#revieweeInfo div.title { font-weight: bold; margin-bottom: 3px; font-size: 1.1em; }
#revieweeInfo div.content { padding-left: 5px; }
#revieweeInfo ul.content { padding-left: 5px; list-style: none url(/images/li-icon.gif) inside; }
#revieweeInfo ul.content li, #ratingsGraph ul.content li { padding-bottom: 2px; }
#revieweeInfo .content a, #ratingsGraph .content a { color: #000000; }
#ratingsGraph { float: left; width: 260px; border-left: 1px solid #d7d7d7; }
#ratingsGraph div.title { margin-left: 10px; clear: both; font-weight: bold; margin-bottom: 5px; font-size: 1.1em; padding-top: 5px; }
#ratingsGraph ul.content { margin-left: 10px; padding-left: 5px; list-style: none url(/images/li-icon.gif) inside; }
#ratingsGraph dl { margin: 0; padding: 0; }
#ratingsGraph dt { clear: both; display: block; float: left; width: 120px; height: 24px; margin-right: 7px; padding-top: 1px; font-weight: bold; text-align: right; }
#ratingsGraph dd { display: block; float: left; width: 100px; height: 14px; margin-bottom: 11px; border: 1px solid #666666; background: url(/images/graph_bg_blue.gif) repeat-x left center;}
#ratingsGraph dd div { height: 14px; text-align: center; font-size: 12px; font-weight: normal; line-height: 15px; color: #FFFFFF; background: url(/images/graph_bg.gif) repeat-x left center; white-space: nowrap; border-right: 1px dashed #d7d7d7; }

#revieweeLocations { clear: both; padding-top: 20px; }
#revieweeLocations div.locations { width: 35%; float: left; }
#revieweeLocations div.title { font-weight: bold; margin-bottom: 3px; font-size: 1.2em; }
#revieweeLocations div.content { padding-left: 5px; font-size: 1.1em; }
#revieweeLocations li.content { padding: 0 0 5px 5px; font-size: 1.1em; list-style-position: inside; }
#revieweeLocations div.image { width: 50%; float: left; }

#reviews { clear: both; padding-top: 20px; }
#reviews div.review { width: 95%; padding: 5px; margin-bottom: 5px; position: relative; } 
#reviews div.row1 { border: 1px solid #cedbe7; background: #d8e6f3; }
#reviews div.row2 { border: 1px solid #d6dad8; background: #e3e8e6; }
#reviews div.report { float:right; padding: 5px; }
#reviews div.report a { color: #000000; }
#reviews div.info { clear: both; font-size: 1.2em; padding: 5px; }
#reviews div.metadata { font-size: 1.1em; padding: 0px 15px 10px 15px; color: #696969; }
#reviews dl.ratings { float: left; width: 210px; border-right: 1px dotted #666666; }
#reviews dl.ratings dt { clear: both; display: block; float: left; width: 100px; height: 20px; margin-right: 5px; font-size: 1em; text-align: right; }
#reviews dl.ratings dd { display: block; float: left; width: 80px; height: 14px; margin-bottom: 6px; border: 1px solid #999999; text-align: left; background: url(/images/graph_bg_light_blue.gif) repeat-x left center; }
#reviews dl.ratings dd div { height: 14px; text-align: center; font-size: 12px; line-height: 15px; background: url(/images/graph_bg_light.gif) repeat-x left center; white-space: nowrap; border-right: 1px dashed #999999; }
#reviews div.notes { margin-left: 220px; padding-left: 5px; }
#reviews div.notes strong { display: block; }

/* add a new {thing} page */
.new-entity div { margin-bottom: 5px; }
.new-entity input {margin: 3px; padding: 3px; font-size: 1.2em; }
.new-entity input.defaultText { color: #999999; }
.new-entity input.submit { width: auto; height: auto; padding: 5px 20px 5px 20px; }
.new-entity select { margin: 3px; padding: 2px; font-size: 1.2em; }
.new-entity textarea { margin: 3px; padding: 2px; font-size: 1.1em; color: #000000; }
.new-entity label { display: block; font-size: 0.9em; margin-left: 5px;}
.new-entity span.fieldWithErrors input, .new-entity span.fieldWithErrors textarea { background-color: #FFFF99; }
.new-entity input.fieldWithErrors, .new-entity textarea.fieldWithErrors { background-color: #FFFF99; }
.new-entity select.fieldWithErrors, .new-entity span.fieldWithErrors select { background-color: #FFFF99; }
td .new-entity {padding-top: 10px; }

/* help and contact pages */
#helpPage .question { margin: 10px 0px; }
#helpPage #contactForm { margin: 10px 10px 0px 0px; padding-top: 10px; border-top: 1px solid #d7d7d7; }
.new_contact div { margin-bottom: 5px; }
.new_contact input {padding: 2px; font-size: 1.2em; }
.new_contact input.submit { width: auto; height: auto; padding: 5px 20px 5px 20px; }
.new_contact select {font-size: 1.2em; }
.new_contact textarea {padding: 2px; font-size: 1em; color: #000000;}
.new_contact label { padding: 3px 10px 0px 0px; display: block; float: left; width: 100px; text-align: right; }
.new_contact span.fieldWithErrors input, .new_contact span.fieldWithErrors textarea,.new_contact span.fieldWithErrors select { background-color: #FFFF99; }

/* support pages - help/view */
#support_page #mainBullets { margin:0; padding:0; list-style: none url(/images/li-icon.gif) outside; padding-left:55px; padding-bottom:18px; margin-right: 15px ; border-bottom: 1px solid #d7d7d7;}
#support_page #mainBullets li {line-height:1.4em; font-size: 1.2em; text-indent: -3px; }
#support_page #pageText { padding-top:20px; padding-bottom: 20px; text-align:left; }
#support_page ul, #support_page ol { margin: 1em 0; padding-left: 40px; }
#support_page p { margin: 1em 0; }
#support_page h3 a { color: inherit; }
#support_page .contact-text { border-width: 1px 0px; border-style: solid; border-color: #d7d7d7; margin: 10px 0px; padding: 5px 0px; }

/* ajax popup dialog box */
#dialog_non_js { margin: auto auto 20px auto; border: 1px dotted grey; width: 380px; padding: 10px; }
#dialog { text-align: left; }
#dialogForm { padding-top: 10px; text-align: center; font-size: 1.1em; }
#dialogForm input { width: 220px; height: 20px; padding-top: 2px; }
#dialogForm input.submit { padding: 3px 5px; height:auto; width: auto; }
#dialogForm span.fieldWithErrors input { background-color: #FFFF99; }
#dialogForm span.fieldWithErrors textarea { background-color: #FFFF99; }
#dialogForm div { margin: 5px auto; }

/* rate and review page */
h1.rate-and-review { font-size: 2em }
#rarForm label { font-size: 1.2em; }
#rarForm input , #rarForm select { font-size: 1.2em; padding: 2px; }
#rarForm fieldset { display: inline; padding: 2px; border-width: 0; vertical-align: bottom; }
#rarForm label.block-label { display: block; }
#rarForm input.submit { color: #FFFFFF; width: auto; height: auto; padding: 5px 20px 5px 20px; font-size: 1.3em; }
#rarForm input.defaultText, #rarForm textarea.defaultText { color: #999999; }
#rarForm span.fieldWithErrors input, #rarForm input.fieldWithErrors { background-color: #FFFF99 ! important; }
#rarForm span.fieldWithErrors textarea, #rarForm textarea.fieldWithErrors { background-color: #FFFF99; }
#rarForm span.fieldWithErrors select, #rarForm select.fieldWithErrors, #rarForm fieldset.fieldWithErrors { background-color: #FFFF99; }
#rarForm div.fieldWithErrors { background-color: #FFFF99; } /* for .ui-slider divs */
#rarForm .field-error { float:right; }
#rarForm div.rating .field-error { margin-top: 0.3em; }

#rarForm .section { clear: both; margin: 0px 15px 10px 0px; padding-bottom: 10px; border-bottom : 1px solid #d7d7d7; }
#rarForm #metadata div.metadata-field { margin-top: 10px; }
#rarForm #metadata div.title { margin-top: 0px; font-size: 1.2em; font-weight: bold; }
#rarForm .rating { clear: both; margin-bottom: 5px; }
#rarForm .rating-info { float: left; width: 350px; }
#rarForm .rating-description { color: #696969; padding-bottom: 10px; }
#rarForm span.rating-input { font-size: 1.6em; margin-left: 10px; }
#rarForm span.rating-input input { text-align: right; }
#rarForm div.rating-input { margin-left: 30px; }
#rarForm div.rating-input span.value { font-size: 1.6em; margin-left: 10px; }
#rarForm div.rating-input span.description { float:left; color: #696969; width: 80px; margin-top: 0.6em; }
#rarForm div.rating-input span.min-text { text-align: right; margin-right: 10px; }
#rarForm div.rating-input span.max-text { text-align: left; margin-left: 20px; }
#rarForm .note-info { float: left; width: 125px; }
#rarForm .note-input { margin-left: 10px; }
#rarForm .note-input textarea { font-size: 1em }
#rarForm div.ui-slider { width: 200px; float:left; margin-top: 0.8em; height: 0.7em; border-color: #ABADB3 #DBDFE6 #E3E9E9 #E2E3EA; }
#rarForm a.ui-slider-handle { border-color: #E3E9E9 #DBDFE6 #ABADB3 #E2E3EA; width: 2em; }
#rarForm input.slider { border-width: 0px; padding: 0px; text-align: right; color: #000000; background-color: #FFFFFF; width: 1.8em; }
#rarForm div.ui-wrapper { padding: 0px ! important } /* override style= padding definition for resizable text area */

#newSuggestion { border: 1px solid #ABADB3; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; width: 95%; }
#newSuggestion.blueBg { background-color: #d8e6f3; }
#newSuggestion h2 { color: #555555; margin-bottom: 0px; cursor: hand; }
#newSuggestion h2 div.expand { width: 20px; height: 20px; margin: 2px 5px 0 0; padding: 0 0 1px 1px; text-align: center; float: left; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; border: 1px solid #ADADB3; background-color: #FFFFFF; font-size: 0.8em; line-height: 1em; color: #000000; }
#newSuggestion h2.hover { color: #207CE5; }
#newSuggestion h2.hover div { background-color: #499aea; }
#newSuggestion form { margin-top: 7px; } 
#newSuggestion label { font-size: 1.2em }
#newSuggestion input , #newSuggestion select { font-size: 1.2em; padding: 2px; }
#newSuggestion textarea { font-size: 1.2em; width: 100%; margin-bottom: 5px; }
#newSuggestion input.submit { color: #FFFFFF; width: auto; height: auto; padding: 5px 20px 5px 20px; font-size: 1.3em; }
#newSuggestion input.defaultText, #newSuggestion textarea.defaultText { color: #999999; }
#newSuggestion span.fieldWithErrors textarea, #newSuggestion textarea.fieldWithErrors { background-color: #FFFF99; }
#newSuggestion span.fieldWithErrors input, #newSuggestion input.fieldWithErrors { background-color: #FFFF99 ! important; }
#newSuggestion .form-error { width: 80% }
#newSuggestion span.field-error { float:right; }
#newSuggestion .section { clear: both; margin: 0px 15px 10px 0px; padding-bottom: 10px; }
div.suggestion { border: 1px solid #ABADB3; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; width: 95%; margin-top: 10px;  }
#extraInfoForm { text-align: left; padding: 10px }
#extraInfoForm .section { margin: 0px 15px 10px 0px; padding-bottom: 10px; border-bottom : 1px solid #d7d7d7; }
#extraInfoForm .section div.input { clear: both; margin-bottom: 5px; }
#extraInfoForm label.fixed-width { font-size: 1.2em; width: 150px; display:block; float:left }
#extraInfoForm input { font-size: 1.2em; padding: 2px; }
#extraInfoForm input.submit { color: #FFFFFF; width: auto; height: auto; padding: 5px 20px 5px 20px; font-size: 1.3em; }
#extraInfoForm .field-error { float:right; width: auto; margin: 5px 5px 0px 5px; }
#extraInfoForm span.fieldWithErrors input, #extraInfoForm input.fieldWithErrors { background-color: #FFFF99 ! important; }

#confirmation form { text-align: center; }
#confirmation div { margin-bottom: 5px; }
#confirmation input { font-size: 1.2em; padding: 2px; }
#confirmation label { font-size: 1.2em; }
#confirmation input.submit { color: #FFFFFF; width: auto; height: auto; padding: 5px 20px 5px 20px; font-size: 1.3em; }
#confirmation .form-error { margin-left: auto; margin-right: auto; }
#confirmation .confirmed-text { padding: 10px 0px; border-width: 1px 0px; border-style: solid; border-color: #d7d7d7; }
#confirmation .confirmed-text div { margin-bottom: 5px; }
#confirmation .confirmed-text h4 { margin-top: 10px; }

/* entity editing pages */
div.current_data { width: 40%; float: left; }
div.replacement_data { width: 40%; float: left; }
div.current_data ul { list-style: none url(/images/li-icon.gif) inside; }
div.replacement_data ul { list-style: none url(/images/li-icon.gif) inside; }
form.replacement_data { clear: both; padding-top: 20px;  }
div.radio-checkboxes div { padding-bottom: 10px; }
form.edit-entity input { margin: 3px; padding: 2px; font-size: 1.1em; }
form.edit-entity select { margin: 3px; padding: 2px; font-size: 1.2em; }
form.edit-entity textarea { margin: 3px; padding: 2px; font-size: 1.1em; color: #000000; }
form.edit-entity input.submit {margin: 3px; padding: 2px; font-size: 1.2em; }
form.edit-entity input.defaultText { color: #999999; }
form.edit-entity input.isAutoCompleted { font-size: 1.2em; }
