#environment_banner { position: fixed; bottom: 0; opacity: 0.5; line-height: 2em; font-weight: bold; background: #000; color: #fff; text-align: center; width: 100%; z-index: 10000; text-transform: uppercase; }

body { margin: 0; padding: 0; background: transparent url("/images/body-bg.png") top center repeat-y; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #333; }
p { font-size: 1.2em; line-height: 1.5; }
ul.basic li, ol.basic li { font-size: 1.2em; line-height: 1.5; margin-bottom: 1em; }

a { color: #3362B4; }
a:visited { color: #303179; }
a:hover { color: #4498C8; }
a:active { color: #EBA651; }
a.footnote, a.footnote:visited,
a.reference, a.reference:visited { text-decoration: none; color: #3362B4; }
a.reference { font-weight: bold; }

#header { padding-bottom: 20px; }
.global_nav { text-align: right; }
.global_nav ul { list-style: none; float: right; }
.global_nav ul li { list-style: none; display: block; float: left; margin-left: 10px; margin-top: 0; padding-top: 0px; line-height: 1;}
.global_nav ul li a { display: block; padding: 10px 15px; text-decoration: none; color: #303179; font-size: 1em; }
.global_nav ul li.selected a { background: #fff url("/images/global-nav-arrow.png") no-repeat bottom center; text-decoration: none; }

.global_nav li#nav_login a,
.global_nav li#nav_dashboard a { background-color: #303179; color: #fff; }

#title_bar_container { background: #4498C8 url("/images/title-bg.png") top left repeat-x; }
#title_bar { margin: 0px auto; background: transparent url("/images/bg-shadow.png") top center repeat-y; }
#title_bar .container { padding: 0px 0px; vertical-align: bottom;}


h1, h2, h3 { font-family: Georgia, Times, serif; }
h1 { font-weight: normal; }
h2 { margin-bottom: 1em; line-height: 1.5; margin-top: 0; color: #555; }
h3 { margin-bottom: 1em; line-height: 1.5; margin-top: 0; color: #555; }

#title_bar h1 { color: #fff; line-height: 1.5em; margin: 0 0 0 0px; padding: 20px 0 10px 0; }
#site_index #title_bar { text-indent: -50px; margin-left: 0px; }
#title_image { text-align: right; vertical-align: bottom; margin-top: -30px; height: 100%; }
#title_image img { vertical-align: bottom; }

#sidebar #subnav_title { background-color: #ccc; }
#sidebar #subnav_title a, #sidebar #subnav_title a:visited { display: block; padding: 10px 10px 10px 10px; font-size: 1.2em; line-height: 1; font-weight: bold; color: #000; text-decoration: none; }
#sidebar #subnav_title a:hover { text-decoration: underline; }
#sidebar .sub_nav ul { list-style: none; background: #fff url("/images/subnav-bg.png") bottom right no-repeat; padding: 0px 0px 40px 0; margin: 0 0 0 0px; }
#sidebar .sub_nav li { list-style: none; padding: 0 0 0 0; margin: 0px 0px 0px 0px; }
#sidebar .sub_nav li a,
#sidebar .sub_nav li a:visited { display: block; padding: 7px 10px 7px 10px; margin: 0; font-size: 1.1em; line-height: 1.5; color: #303179; text-decoration: none; }
#sidebar .sub_nav li a:hover { text-decoration: underline; }
#sidebar .sub_nav li.selected { background-color: #303179; margin: 0; padding: 0; }
#sidebar .sub_nav li.selected a { color: #fff; font-weight: normal;  }
#sidebar .sub_nav li.selected a:hover { text-decoration: none; }

/* =Footer
-------------------------------------------------- */
#footer { background: #3362B4 url("/images/footer-bg.png") top left repeat-x; color: #fff; position: relative; }
* { margin: 0; }
html, body { height: 100%; }
#wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -100px; /* the bottom margin is the negative value of the footer's height */ }
#footer, #push { height: 100px; /* .push must be the same height as .footer */ }
#footer_content { padding-top: 20px; padding-bottom: 0; margin-bottom: 0; }
#footer_content { margin: 0px; line-height: 1; }
#footer_content p { font-size: 1em; margin: 0px; padding: 0; line-height: 1.6; }
#footer_content a, #footer_content a.visited { color: #fff; }

#footer_nav ul{ position: relative; top: 68px; display: block; }
#footer_nav ul li a { color: #fff; }
#footer_nav ul li#nav_login a,
#footer_nav ul li#nav_dashboard a { background-color: #72C62E; }
#footer_nav ul li.selected a { background: transparent url("/images/global-nav-arrow.png") bottom center no-repeat; text-decoration: none; }

#footer #mcafee { position: absolute; right: 50px; top: 10px; }

/* =Misc
-------------------------------------------------- */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
a.pdf { padding-left: 20px; background: url("/images/pdf.png") center left no-repeat; }
a.excel_doc { padding-left: 20px; background: url("/images/excel.png") center left no-repeat; }

/* =Home Page
-------------------------------------------------- */
#main_content { padding-top: 40px; }
#main_content_content { margin-bottom: 40px; }
#main_content #home_vid { padding-bottom: 40px; }
#main_content #main_screenshot { border: 5px solid #ccc; }
#main_content #main_screenshot a { padding: 0; }
ul#feature_list { margin-left: 0; padding-left: 0; list-style: none; /*url("/images/feature-bullet.png");*/ }
ul#feature_list li { font-size: 1.2em; line-height: 1.5; margin-bottom: 1em; color: #333; margin-left: 0;
                     background: transparent url("/images/feature-bullet.png") 0px 2px no-repeat; padding-left: 25px; }

#home_overview strong { color: #303179; }

#main_content #take_survey { background: #FEF5D4; width: 100%; float: left; text-align: center; height: 20px; padding: 10px 0 10px; }

#main_content #callouts { padding: 40px 0; background-color: #eee; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
#main_content .callout { margin-left: 70px; float: left; width: 170px; }
#main_content #callout1 { margin-left: 30px; display: inline; }
#main_content .callout a { display: block; border: 4px solid #ccc; padding: 0; }
#main_content #callout4 a { border: 4px solid #3362B4; }
#main_content #callout4 .callout_link a { border: none; display: inline; }
#main_content .callout p { font-size: 1em; text-align: center; font-weight: bold; margin: 10px 0 0 0; }

#main_content #sub_footer { padding: 40px 0; }
#main_content #sub_footer p { font-size: 1.6em; line-height: 1.5; text-align: center; font-weight: normal; margin: 0; color: #555; }
#main_content #sub_footer #signup_holder { padding-top: 10px; }

/* =Login/Sign Up Buttons
---------------------------------------------------------*/
.sign-up-button { color: #fff; font-size: 180%; vertical-align: 70%; margin: 10px 10px; }

/* =Plans Page
-------------------------------------------------- */
#pricing_plans { margin-bottom: 40px; }
#pricing_plans p { color: #555; }
#pricing_plans h2 { margin-bottom: 0; margin-top: 2em; font-size: 1.5em; }
#pricing_plans h2.first { margin-top: 0; }
#pricing_plans input.text { width: 200px; }
.plan { border: 1px solid #ccc; background: #eee url("/images/plan-bg.png") top left repeat-x; margin-bottom: 10px; }
.plan div { float: left; font-size: 1.6em; padding: 0 0px 0 20px; }
.plan .plan_name { width: 130px; }
.plan .plan_name a { text-transform: uppercase; color: #3362B4; text-decoration: none; line-height: 60px; }
.plan .plan_limit { width: 130px; font-size: 1.4em; line-height: 60px; }
.plan .plan_limit.unlimited { color: #D36D44; }
.plan .plan_cost { width: 100px; font-size: 1.4em; line-height: 60px; color: #303179; }
.plan .plan_select { float: right; margin: 12px 10px 0px 10px; line-height: 60px; }
.plan .plan_select a { padding: 0; position: static; }
#group_code_entry { margin-bottom: 10px; }
#group_code_entry p { margin: 0; padding: 0; float: left; }
#group_code_entry form { margin: 0; padding: 0; float: right; }

/* =Features Page
-------------------------------------------------- */
body.features #main_content { text-align: center; width: 728px; }
body.features h2 { font-size: 2.5em; margin-bottom: 10px;  }
body.features p.screenshot_description { font-size: 1.2em; color: #555; }
body.features .screenshot_holder { border: 4px solid #ccc; display: inline-block; margin-bottom: 60px; }

body.features p#next_steps { padding: 20px; background-color: #eee; border-top: 2px solid #ccc; font-size: 2em; }

/* =Survey
---------------------------------------------------------*/
#enter_survey_code input { font-size: 2em; padding: 0.5em; width: 50%; }
#enter_survey_code .button { font-size: 2em; margin-top: 10px; }

body.surveys #main_content { padding-bottom: 40px; }
body.surveys #main_content h2 { font-size: 2em; }
body.surveys #main_content p,
body.surveys #main_content li { font-size: 1.4em; }
body.surveys #main_content a.button { font-size: 1.6em; }

#language_selection { float: right; font-size: 1.5em; padding: 10px;  border: 1px solid #3362B4; margin-top: -5px; }
#language_selection select { font-size: 100%; width: 200px; }

.survey_questions ul { margin: 20px 0; }
.survey_questions li { list-style: none; margin: 10px 0; }
.survey_questions li label { display: block; margin-bottom: 4px; }
.survey_questions li select,
.survey_questions li input { font-size: 1em; padding: 2px; width: 250px; }
.survey_questions.demographics li { width: 32%; float: left; margin-right: 10px; margin-bottom: 20px; }
.survey_questions table { width: 100%; }
.survey_questions th { font-size: 1.2em; }
.survey_questions th.empty { border-top: 1px solid #fff; border-left: 1px solid #fff; }
.survey_questions td { text-align: center; vertical-align: middle; font-size: 1.2em; }
.survey_questions td.question { text-align: left; }
.survey_questions td.checked { background: #ffffd4; }

.survey_result { margin-bottom: 40px; padding-bottom: 20px; border-bottom: 1px dotted #aaa; }
.survey_result.effects { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
.scores { float: right; padding: 15px; width: 300px; padding: 0 0 15px 15px; }
body.surveys #main_content .description h2 { font-size: 160%; color: #000; }
.your_score { text-align: center; padding: 10px; line-height: normal; border: 1px solid #000; }
.your_score span { font-size: 140%; display: block; text-transform: uppercase; }
.your_score strong { font-size: 300%; display: block; }
.your_score.below { border: 1px solid #cb2323; color: #cb2323 }
.your_score.average { border: 1px solid #ffa500; color: #ffa500 }
.your_score.above { border: 1px solid #59cb49; color: #59cb49 }
.your_rating { position: relative; margin: 3px 0 0; }
.your_rating .below,
.your_rating .average,
.your_rating .above { position: relative; height: 25px; position: absolute; }
.your_rating .below { background: #cb2323 }
.your_rating .average { background: #ffa500 }
.your_rating .above { background: #59cb49 }
.your_rating_arrow { width: 13px; height: 10px; position: absolute; top: 18px; margin-left: -6.5px; }
.average_score { margin-top: 33px; font-size: 120%; padding: 15px; background: #f2f2f2; }
.suggestions li { margin-top: 10px; margin-bottom: 10px; line-height: 1.5em; }
.download { margin-bottom: 15px; padding: 10px 0; background: #eee; border: 1px dotted #ccc; border-width: 1px 0; text-align: center; text-transform: uppercase; }
.download a { text-decoration: none; }
.download img { vertical-align: top; }

/* =Survey Results Summary
---------------------------------------------------------*/
#results_wrapper { border-bottom: 1px dotted #aaa; padding-bottom: 40px; margin-bottom: 20px; }
#results_wrapper #description_summary { float: left; width: 60%;}
#results_wrapper #scores { float: right; width: 35%; padding: 15px 0px; }

/* =Group Clinic Registration
---------------------------------------------------------*/
#reg_vid_hold { margin-bottom: 25px; }