/* Top Image on Secondary Pages */
#top-image {padding:0; margin:0; height:90px;}

/* Two Column Layout ************/
.two-column {padding:0; margin:0; position:relative; overflow:hidden; border:solid 1px #CDCDCD;}
.two-column .col1-bg { position:relative; overflow:hidden; background:#FFFFFF;  width:948px;}
.two-column .diagnostic-bg {background:#FFFFFF url(https://images.agoramedia.com/sonoma/cms/home-bg-gradient.gif) repeat-x 0 -700px;}
.two-column .col1-bg .col2-bg { position:relative; background:#F8F2E4 url(https://images.agoramedia.com/sonoma/cms/col2-bg.jpg) no-repeat bottom left; width:948px; left:670px;}
.two-column .col1-bg .col2-bg .col1 { position:relative; left:-668px; float:left; width:668px;}
.two-column .col1-bg .col2-bg .col2 { position:relative; left:-668px; float:right; width:280px;}
.two-column .col1-bg .col2-bg .col2 .col2-inner { padding-bottom:325px; }
.btnHomeFunnel{height:36px; color:#FFFFFF; font-weight:bold; font-size:16px; width:275px; margin:20px; border:none; background: #79132A url(https://images.agoramedia.com/sonoma/cms/home-bg-gradient.gif) repeat-x 0 0; vertical-align:middle; cursor:hand; cursor:pointer;}
#healthybmi a.btnHtmlFunnel{ display:block; color:#FFFFFF; text-align:center; padding:10px; text-decoration:none; font-family:Helvetica, Verdana, Arial, sans-serif; font-weight:bold; font-size:16px; margin:20px; border:none; background: #79132A url(https://images.agoramedia.com/sonoma/cms/home-bg-gradient.gif) repeat-x 0 0; vertical-align:middle; cursor:hand; cursor:pointer;}
#healthbot  .btnHtmlFunnel {margin: 20px 90px;}

/* Diagnostic Page******************/
#diagnostic.two-column .col1-bg .col2-bg .col1 .col1-inner { padding:20px;}
#diagnostic-wrapper{ padding:30px 0 0 30px;}
#diagnostic-wrapper h2{font: normal 16px/18px  Georgia, Times, Times New Roman, serif; padding:0; margin:0 0 15px;}
#diagnostic.two-column .col1-bg .col2-bg .col1 .col1-inner .question { padding:0 0 24px 0;}
#diagnostic.two-column .col1-bg .col2-bg .col1 .col1-inner .question .questiontext { font-weight:bold; font-size:16px; padding:0 0 14px 0;}
#diagnostic.two-column .col1-bg .col2-bg .col1 .col1-inner .question .questiontext .instruction {font-weight:normal; font-size:13px;}
#diagnostic.two-column .col1-bg .col2-bg .col1 .col1-inner .question .answerlist, #diagnostic .col1-bg .col2-bg .col1 .col1-inner .question .detailslist  {  font-size:16px; padding:0 0 0 18px;}
#diagnostic.two-column .col1-bg .col2-bg .col1 .col1-inner .question .answerlist td { padding: 0 0 14px 0;}
#diagnostic.two-column .col1-bg .col2-bg .col1 .col1-inner .question .answerlist input { margin:0 10px 0 0; vertical-align:middle;}

#heath-conditions-display {width:576px; font-size:12px;}
#diagnostic.two-column .col1-bg .col2-bg .col1 .col1-inner .question .answerlist #heath-conditions-display input { margin:0 3px 0 0; vertical-align:middle;}
#heath-conditions-display .health-col{ width:180px; float:left;}
#heath-conditions-display #health-col2{margin:0 16px}
#heath-conditions-display #health-col3{float:right;}
#heath-conditions-display .child-conditions {display:none; padding-left:15px;}

#diagnostic-wrapper .newsletterdescription {display:block; margin:0 0 0 30px;}

#diagnostic.two-column .col1-bg .col2-bg .col1 .col1-inner .question .detailslist .formdiv{padding:8px; text-align:left;}
#diagnostic.two-column .col1-bg .col2-bg .col1 .col1-inner .question .detailslist .formlabel{width:100px; float:left; text-align:right; display:block; padding-right:8px; padding-top:2px;}
#diagnostic.two-column .col1-bg .col2-bg .col1 .col1-inner .question .detailslist .htxtbox {width:40px;background:none repeat scroll 0 0 #FFFFFF;border:1px solid #CDCDCD;padding:0;}
#diagnostic.two-column .col1-bg .col2-bg .col1 .col1-inner .question .detailslist .txtbox {width:60px;background:none repeat scroll 0 0 #FFFFFF;border:1px solid #CDCDCD;padding:0; vertical-align:middle;}
#diagnostic.two-column .col1-bg .col2-bg .col1 .col1-inner .question .detailslist .etxtbox {width:126px;background:none repeat scroll 0 0 #FFFFFF;border:1px solid #CDCDCD; padding:0; vertical-align:middle;}
#diagnostic.two-column .col1-bg .col2-bg .col1 .col1-inner .question .detailslist .error {color:#FF0000; text-align:center;}
#diagnostic.two-column .col1-bg .col2-bg .col1 .col1-inner .question .detailslist .ntxtbox {width:160px;background:none repeat scroll 0 0 #FFFFFF;border:1px solid #CDCDCD; padding:0; vertical-align:middle;}
#diagnostic.two-column .col1-bg .col2-bg .col1 .col1-inner .formdivfull{padding:8px; text-align:center;}
#diagnostic.two-column .col1-bg .col2-bg .col1 .col1-inner .newsletters { margin: 15px 0; font-weight:bold;}
#diagnostic.two-column .col1-bg .col2-bg .col1 .col1-inner .newsletters input{ margin:0 10px 0 0; vertical-align:middle;}
#diagnostic.two-column .col1-bg .col2-bg .col1 .col1-inner .sonoma-tips { background:#F8F2E4; text-align:center; padding:25px; margin-left:-25px; font-size:18px; font-weight:bold; color:#34261E; -moz-border-radius: 5px; border-radius: 5px;}
#diagnostic.two-column .col1-bg .col2-bg .col1 .col1-inner .funnel-privacy-link {float:right; font-size:12px; color:#1B1DFC; cursor:hand; cursor:pointer;}#diagnostic .col1-bg .col2-bg .col1 .col1-inner .funnel-privacy-link {float:right; font-size:12px; color:#1B1DFC; cursor:hand; cursor:pointer;}
#diagnostic.two-column .col1-bg .col2-bg .col1 .col1-inner .funnel-privacy-link img { vertical-align:middle;}
#diagnostic.two-column .col1-bg .col2-bg .col1 .col1-inner #privacyPop { display:none; background:#FFFFFF none repeat scroll 0 0; border:2px solid black; font-size:11px; font-weight:normal; line-height:15px; margin-left:275px; margin-top:-5px; padding:5px; position:absolute; width:301px; z-index:25;}
#diagnostic.two-column .col1-bg .col2-bg .col1 .col1-inner #privacyPop #privacyclose { cursor:hand; cursor:pointer;}

.two-column .col1-bg .col2-bg .col2 .col2-inner .col2-header{ padding:30px 50px; font:normal small-caps 24px/24px  Georgia, Times, Times New Roman, serif; color:#000000; text-align:center;}
.two-column .col1-bg .col2-bg .col2 .col2-inner .col2-list{ position:relative; padding:20px 20px 40px 50px; font-family:Georgia, Times, Times New Roman, serif; color:#34261E;}
.two-column .col1-bg .col2-bg .col2 .col2-inner .diagnostic-list {padding:40px 20px 60px 50px;}
.two-column .col1-bg .col2-bg .col2 .col2-inner .col2-list ul{ margin:0; padding:5px 15px;}
.two-column .col1-bg .col2-bg .col2 .col2-inner .col2-list ul li{ margin:0 0 8px 0;}
.two-column .col1-bg .col2-bg .col2 .col2-inner .col2-list .arrow{ position:absolute; margin: 4px 0 0 -30px;}
.two-column .col1-bg .col2-bg .col2 .col2-inner .col2-footer{ padding:30px 50px; font:normal bold 21px/22px  Georgia, Times, Times New Roman, serif; color:#7A5B49; text-align:center;}

/* Results Page *****************/
#diag-results.two-column .col1-bg { position:relative; overflow:hidden; background:#FFFFFF;  width:948px;}
#diag-results.two-column .col1-bg .col2-bg .col1 .col1-inner { padding:20px;}
#diag-results.two-column .btnHomeFunnel{width:200px;}

#aboutyourweight{ border:solid 1px #D5CDBB; padding:15px; color:#5B4335;}
#aboutyourweight h2{ font: normal 27px/24px  Georgia, Times, Times New Roman, serif; padding:0; margin:0 0 10px;}
#aboutyourweight .weight-col1{float:left; width:241px }
#aboutyourweight .weight-col1 ul{padding:0; margin:10px 0 0 10px;}
#aboutyourweight .weight-col1 ul li{padding:0; margin:0 0 5px 0;}
#aboutyourweight #ibSubmit1{ width:200px; position:absolute; left:20px; margin-top:-40px}

#aboutyourweight .weight-col2{float:right; width:341px; position:relative; }
#aboutyourweight .weight-col2 p{padding:0; margin:0 0 5px;}
#aboutyourweight .weight-col2 h3{ font-size:16px; font-weight:bold; padding:0; margin:0 0 5px;}
#aboutyourweight .weight-col2 .info-box{ background:#F8F2E4; padding:20px 20px 5px; margin:0 0 15px; height:auto;}
#aboutyourweight .weight-col2 #pn_Graph{margin:0 0 20px 0 ;}

#aboutyourweight .weight-col2 #bmichart{height:127px; width:340px; background:url(/Images/Funnel/diagnostic/bmi-graph.gif);}

#aboutyourweight .weight-col2 .bmikey { text-align:right; font-size:11px; font-weight:bold; margin:20px 0 0 0 ;}
#aboutyourweight .weight-col2 #bmiinfo {padding:10px; background:#F8F2E4; border:solid 1px #000000; position:absolute; right:10px; bottom:10px; }

#messagefromconnie { font: normal 15px/18px  Georgia, Times, Times New Roman, serif; background:#F8F2E4 url(https://images.agoramedia.com/sonoma/cms/connie2.jpg) no-repeat bottom left; padding:30px 20px 10px 150px; margin:20px 0 0 0;}
#messagefromconnie h2{ padding:0; margin:0 0 10px; font-size:21px;}

.signup-button{ text-align:center;}

/* Registration Page *****************/

#registration-top{ border:solid 1px #D5CDBB; padding:15px; color:#5B4335;}
#registration-top h3.reg{ font: normal 27px/24px  Georgia, Times, Times New Roman, serif; padding:0; margin:0 0 10px;}
#registration-top h3.reg strong{ color:#761329; font-weight:bold;}
#registration-top .sub-col1{float:left; width:241px }

#registration-top .sub-col2{float:right; width:341px; position:relative; font-size:16px; line-height:19px; }
#registration-top .sub-col2 ul{padding:0; margin:10px 0 0 10px;}
#registration-top .sub-col2 ul li{padding:0; margin:0 0 5px 0;}
#registration-top .sub-col2 h3{ font-size:21px; color:#761329; font-weight:bold; padding:0; margin:10px 0;}

#signupbelowbanner {height:78px; margin:10px -20px 10px -22px; color:#FFFFFF; text-align:center; border:none; background: #79132A url(https://images.agoramedia.com/sonoma/cms/button-gradient.gif) repeat-x 0 -400px; vertical-align:middle;}
#signupbelowbanner h3{ font-size:21px; font-weight:bold; padding:28px;}
#signupbelowbanner h3 strong{ font-size:14px; font-weight:normal; margin:35px 0 0 20px;}

#transaction {}
#transaction table tr td.label{ width:200px; padding:3px; text-align:right;}
#transaction table tr th { text-align:left;}
#transaction #fineprintbox{ border:solid 1px #000000; width:400px; padding:5px; margin:20px auto; font-size:10px; line-height:11px; text-align:left;}



/* Funnel Full Wrapper Page *****************/
#funnel-full {padding:0; margin:0; border:solid 1px #CDCDCD; background:#FFFFFF}



/* Healthy BMI Page *****************/
#funnel-full #healthybmi{padding:0; margin:40px 124px; background:#F8F2E4; font: normal normal 14px/18px Georgia, Times, Times New Roman, serif; color:#5B4335;}
#funnel-full #healthybmi #healthtop{ height:359px; background: url(https://images.agoramedia.com/sonoma/cms/healthy-connie.jpg) no-repeat top right; padding:50px 275px 0 50px;}
#funnel-full #healthybmi #healthbot{ height:359px; background: url(https://images.agoramedia.com/sonoma/cms/healthy-book.jpg) no-repeat 50px 20px; padding:20px 50px 0 275px;}
#funnel-full #healthybmi #healthbot em{ font-weight:bold; text-decoration:underline; font-style:normal;}

/* Legacy CSS's *******/

#maincolumn{width:538px; vertical-align: top;}

#toparea { border:solid 1px #D5CDBB; padding:15px; color:#5B4335; position: relative;}
#toparea h2{ font: normal 27px/24px  Georgia, Times, Times New Roman, serif; margin:10px; }
#toparea img { padding:0 10px 10px;}
#toparea p{ margin:0; padding:0 10px 10px 0; FONT-FAMILY:Times New Roman; font-size:18px; color:#652242;}

#RegistrationForm #signupbutton { text-align:center;}
#RegistrationForm .fineprintbox { border:solid 1px #000000; width:300px; padding:5px; margin:20px auto; font-size:10px; line-height:11px; text-align:left;}

#maincolumn #signupbelowbanner {height:78px; margin:10px -10px 10px -10px; color:#FFFFFF; text-align:center; border:none; background: #79132A url(https://images.agoramedia.com/sonoma/cms/button-gradient.gif) repeat-x 0 -400px; vertical-align:middle;}


#marketingcolumn { background:#E4EDBC; vertical-align:top; width: 240px; padding-top:10px;}

#marketingcolumn div.subsection {
background-image: url(../../Images/Funnel/diagnostic/bgd_rightcolumnsubsection.gif);
background-repeat: repeat-x;
margin-top: 15px;
padding: 10px;
}

#marketingcolumn div.subsection h2 {
margin: 0px;
padding: 0px;
font: normal bold 16px/18px Georgia, Times, Times New Roman, serif;
margin-bottom: 5px;
}


/* Tools Small Icons  ***********/
ul.toolssmall {  margin:0; padding:5px 15px; list-style-type:none;}

ul.toolssmall li {font-size:14px;background-position: 0 50%;background-repeat: no-repeat;padding-left: 25px;margin:0 0 8px 0;}

ul.toolslarge li {
background-position: 0 0;
background-repeat: no-repeat;
padding-left: 40px;
}

ul.toolssmall li.mealplanner {
background-image: url(/Images/Common/toolicons_small/icn_mealplan.gif);
}

ul.toolssmall li.shoppinglist {
background-image: url(/Images/Common/toolicons_small/icn_shoppinglist.gif);
}

ul.toolssmall li.recipes {
background-image: url(/Images/Common/toolicons_small/icn_recipes.gif);
}

ul.toolssmall li.fooddiary {
background-image: url(/Images/Common/toolicons_small/icn_successjournal.gif);
}

ul.toolssmall li.weighttracker {
background-image: url(/Images/Common/toolicons_small/icn_weighttracker.gif);
}

ul.toolssmall li.recipessearch {
background-image: url(/Images/Common/toolicons_small/icn_recipesearch.gif);
}

ul.toolssmall li.eatingguides {
background-image: url(/Images/Common/toolicons_small/icn_eatingguides.gif);
}

ul.toolssmall li.wineguide {
background-image: url(/Images/Common/toolicons_small/icn_wineguides.gif);
}

ul.toolssmall li.portionguide {
background-image: url(/Images/Common/toolicons_small/icn_portionguide.gif);
}

ul.toolssmall li.support {
background-image: url(/Images/Common/toolicons_small/icn_40daycalendar.gif);
}

ul.toolssmall li.messageboards {
background-image: url(/Images/Common/toolicons_small/icn_messageboards.gif);
}

ul.toolssmall li.qa {
background-image: url(/Images/Common/toolicons_small/icn_qa.gif);
}

ul.toolssmall li.emails {
background-image: url(/Images/Common/toolicons_small/icn_newsletter.gif);
}

ul.toolssmall li.dietitians {
background-image: url(/Images/Common/toolicons_small/icn_dieticians.gif);
}

ul.toolslarge li.buddies {
background-image: url(/Images/Common/toolicons/icn_dietbuddies.gif);
}

ul.toolslarge li.messageboards {
background-image: url(/Images/Common/toolicons/icn_messageboards.gif);
}

#diagSingleNewsletter span{
font-weight:normal;
}