
/*
1. Global Variables
2. Global Elements & Classes
3. Main Page Structure
*/

/* ******************************************* Global Variables ********************************************* */

/* Global Variables */
h1 { text-transform:uppercase; color:#F13C41; font-weight:normal; }
h2 { color:#000; }
h3 { color:#000; }
h4 { color:#000; }
h5 { color:#000; }
h6 { color:#000; }

a:link, a:visited	{ color:#363636; text-decoration:underline; }
a:hover,.a:active	{ color:#363636; text-decoration:none; }
#ct_article_print a, #ct_article_email a { color:#666666; }
#ct_article_print a:visited, #ct_article_email a:visited { color:#666666; }
#bottom a			{ color:#363636; }
.inputButton {background-color:#EF3D42;height:28px;color:#FFD977;font-weight:bold;font-family:arial;border-bottom:2px solid black;border-right:2px solid black;font-size:14px;}	
/*{ color:#FEDB77; background:url('/images/members/btn-bkgd.gif') repeat-x bottom; border:none; text-align:center; height:25px; font-size:11px;}*/
 /*background-image:url(/images/members/btn_save-entry.gif);*/
.inputButtonDefault { font-size:11px; font-weight:bold; padding:2px 0 2px 0;} 
.hr 				{ height:1px; border-top:1px dotted #ccc; clear:both; }
.hrOnramp			{ height:1px; border-top:1px dashed #ccc; margin:10px 0; }
.profileHR  { height:1px; border-top:1px solid #ccc; clear:both; margin:5px 0 5px 0;}


/* ******************************************* Global Elements & Classes ********************************************* */

/* Global Elements & Classes */
p, ul, ol, li, dl, dt, dd, hr, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, label, legend { 
	padding:0; margin:0; border:0;
	}
body, html { 
	font:0.9em arial,verdana,tahoma,helvetica,sans-Serif; color:#000;
	height:100%; min-height:100%;
	padding:5px; margin:0; border:0;
	text-align:center; background-color:#c0c0c0;
	}
h1 { font-size:150%; margin-top:0px; line-height:22px; }
h2 { font-size:122%; margin:5px 0; }
h3 { font-size:110%; }
h4 { font-size:110%; }
h5 { font-size:100%; }
h6 { font-size:100%; }

p  { padding:7px 0; }
i, em		{ font-style:italic; }
bold, strong{ font-weight:bold; }
img 		{ border:0; }
.imgValign	{ vertical-align:middle; }
.imgSide	{ margin-left:16px; }
ul { margin:10px; list-style:none;}
ol { margin:10px; padding:0 0 0 15px; }
li { 
	background:url('/images/bullet_primary.gif') no-repeat 2px 7px;
	margin:5px 0; padding-left: 10px;
	}
.bullet		{ width:10px; height:16px; vertical-align:middle; background:url('/images/bullet_primary.gif') no-repeat 2px 7px; }
.bullet2	{ width:10px; height:16px; vertical-align:middle; background:url('/images/bullet_secondary.gif') no-repeat 2px 7px; }

.clear_left		{ clear:left; }
.clear_both		{ clear:both; }
.clear_right	{ clear:right;}
.float_left		{ float:left; }
.float_none		{ float:none; }
.float_right	{ float:right;}
.align_left		{ text-align:left; }
.align_center	{ text-align:center;}
.align_right	{ text-align:right; }

.textbox 		{ border:1px solid #ccc; }
.smallLinkText	{ font:normal 85% arial; padding:4px 5px 0 0; }
.black			{ color:#000; }
.white			{ color:#FFF; }
p.first			{ text-indent:16px; }
p.intro			{ font-style:italic; font-size:110%; }
table.width100	{ width:100%; }
td.width50		{ width:50%; vertical-align:top; text-align:center; }

input, textarea, select, option { vertical-align:text-top; }
option {
	font:13px/1.2em arial;
	vertical-align:middle;
	padding:1px;
	}
.noBorder { border:none; }
.inputButton {
	width:auto;
	cursor:hand; cursor:pointer;
	padding:4px 15px; margin-top:0px;
	font:bold 12px arial;text-align:center;
    }
    * html .inputButton { padding:4px; }

/* ******************************************* Structure ********************************************* */

/* Header */
#uc_top_hdr { width:950px; height:184px; background:url('/images/members/hdr_members_main.gif') no-repeat 0 0; } /* top headline on uc_top.ascx */
#uc_top_hdr #logo { float:left; }
#uc_top_hdr #logo img { width:300px; height:100px; }
#top_searchContainer{ padding:5px; padding-bottom:0; height:85px; float:right; width:290px;
    position:relative; top:15px; right:10px; background:#000 url('/images/members/bkgd-search.gif') top repeat-x;
    color:#FFF; font-size:11px; font-weight:bold;    }
#top_search table {padding-bottom:5px;}
#top_searchContainer a {color:#FFD977;}

#top_searchContainer input[type="button"] {margin-top:3px; background: url('/images/members/btn-search.gif') no-repeat; 
width: 74px; height: 23px; border:none; padding:0;}

.searchbox input	{ width:195px; padding:0; margin:0; }

#top_siteTools		{ text-align:right; margin:21px 0; font-size:11px; width:950px;}
#top_siteTools .top_site_links{text-transform:uppercase;}
#top_siteTools .loginLinks { padding-right:20px;}
#top_siteTools a	{ font-weight:bold; color:#363636;}

#top_siteTools #fitnessContainer {margin-left:140px;}
#top_siteTools #fitnessContainer img { float:right; padding-left:5px;}

#top_siteTools #mealPlanContainer {text-align:right; width:245px; margin-left:10px;}
#top_siteTools #mealPlanContainer img { float:right; padding-left:5px;}

.profileFitnessLvl {font-size:14px;}

/* Body */
#container { width:950px; border-top:3px solid #363636; background:url('/images/members/body-bg.gif') repeat-y; border-bottom: 3px solid #363636 }
#container_onramp {width:950px; margin:0px; border-top: 2px solid #363636; border-bottom: 2px solid #363636; background-color: #fff}

/* Navigation */
#nav_container {width:155px; float:left; margin:0; margin-right:10px;}
#nav { width:164px; text-align:left;}
#nav_container #nav li{background:none; padding:0;}
#nav_background_top { width:0; height:0;
	background:url('/images/nav_bg_top.gif') no-repeat 0 0; }
#nav_background_bot { width:0; height:0;
	background:url('/images/nav_bg_bot.gif') no-repeat 0 0; }

/* Breadcrumb */
#breadcrumb { margin:10px 0 10px 0px; font-weight:bold;text-align:left; }
#breadcrumb a { color:#363636; font-weight:bold;}
#breadcrumbitem_level_2_true, #breadcrumbitem_level_1_true { color:#F13C41;}
#breadcrumbitem_level_2_true .breadcrumb .red {color:#000;}

/*Breadcrumb for Members:Article Page */
#breadcrumb_article { margin:10px 0 10px 0px; font-weight:bold;text-align:left;padding-left:10px; }
#breadcrumb_article a { color:#363636; font-weight:bold;margin-left:12px}
#breadcrumbitem_level_2_true, #breadcrumbitem_level_1_true { color:#F13C41;}
#breadcrumbitem_level_2_true .breadcrumb_article .red {color:#000;}



/*Left Column Modules */
#pt_article_content {float:left; width:430px; margin:15px 0 70px 17px; text-align:left;	}
#pt_article_content h1 {text-transform:uppercase; color:#F13C41; font-weight:normal;}
#pt_page_full_width_content {float:left; width:760px; margin:15px 0 65px 15px; text-align:left;	}
#pt_onramp { text-align:left; padding: 15px }
.forDetails{ float:right; font:normal 11px arial; }



/*Right Column Modules */
#side_modules_container {  float:right; margin:15px 8px 0 10px; width:305px;padding-bottom:20px;}
.ct_article_sidemodule_content	{ color:#381123; text-align:left; background-color:#e1e1e1; }
.ct_article_sidemodule_content h6 { color:#fff; font-weight:bold; padding: 8px 0 0 20px; background:url('/images/sidemodules/sidemodule-top.gif') no-repeat; width:280px; height:32px }
.ct_article_sidemodule_content .content { margin:0px 0px 0px 25px; }
.ct_article_sidemodule_content .thumb { float:right; border:2px #f47d33 solid; margin:0 20px 0 10px }

#rightcol { padding-bottom:15px; width:300px; }
#rightcol_onramp { width:320px; }
#rightcol_onramp .content_pad	{ padding: 18px 13px 0 18px; }
#rightcol_onramp .text_pad		{ padding: 5px 5px 15px 5px; }
#ct_onramp_side_module_container{ }

#pt_homepage_date { padding-bottom:6px; }

/* Footer */
#bottom {	width:950px; padding-bottom:20px;	padding-top:25px;	text-align:left;margin:0 auto;	font-size:90%;	clear: both;	}
#bottom #links	{ font-size:13px; text-align:center; }
#bottom #links a{  padding:2px; }
#bottom p 		{ margin:0; line-height:16px; }
#bottom #branding { float:left; margin:10px 0 30px 0; }
#bottom #secondary-links { float:right; padding:20px 0 0 0; text-align:right; color:#666; }

#bottom .copy   { float:left; width:220px; margin:0 0 0 30px; padding:20px 0 0 0; }
#bottom .copy a {  }
#bottom .copy p { color:#666; padding-bottom:6px; text-indent:0; }
#bottom #branding #powered { display:block; }
#bottom #copyright { color:#666; margin:12px 0 0 0; }

/* Popup Print Layout */
#popupMain { width:640px; margin:20px auto; }
#popupMain img {padding:0; margin:0;}
#popupMaintop { padding-bottom:10px;}
#popupMaintop .closeButton { float:right; margin-right:5px; }
#popupMaintop .printButton { float:left; position:relative; left:270px;}
#popupMain #popContent {margin:0; padding:0 20px 20px 20px;	text-align:left;	}
#popupMain #popContent .common_box .head .title {color:#FFF;}
#popupMain #popContent .common_box .body {border-color:#000;}
#PopfooterPrint p, #copyright { color:#666; }
#PopfooterPrint{width:570px}   
#popContent { border:5px solid #BFBFBF;}
#popContentEmail { padding: 25px; text-align: left; border:5px solid black;width:585px;background-color:White;}
#popContentHelp {padding:0 10px 10px 25px; text-align: left;width:535px;background-color:White;}
#popContentHelp h2 {margin-top:0}
#popContentHelp li {list-style-type:none;}
#popContentEmail li{ background:none}
/* ******************************************* Article ********************************************* */


/* Article */
.ct_conent_container{ width:100%; float:left; margin:10px 0; }
.ct_conent_container img{border:2px solid #D7D7D7; margin: 0 0 10px 10px;}
.ct_conent_containerText, .ct_conent_containerText p { font-size:12px; }
.ct_home_contentImg { float:right; padding-left:200px; padding-bottom:0px; }
.ct_article_image	{ float:right; clear:right; border:2px solid #D7D7D7; margin:5px 0 0 5px; }

.ct_article_imageDIV {float:right;}
.ct_article_imageDIV img{ border:2px solid #D7D7D7; margin:5px 0 0 5px;}

#ct_article_title_container		{ padding-top:0px; margin-top:-5px;}
#ct_article_title_container #tools img {text-decoration:none; margin: 0 4px -2px 0 }
#pt_page_full_width_content #tools img {text-decoration:none; margin:  0 4px -2px 0 }
#pt_page_full_width_content #tools {text-decoration:none; margin: 0 4px -2px 0; width: 150px; }
#ct_article_introcopy p {font-size:14px; color:#636363;}
#body_content {margin-bottom:10px;}
#body_content_challenge {margin-bottom:10px;height:369px;background:url('/Images/members/img_paper.gif') no-repeat;padding:40px 10px 0 50px;}

/* Print & Email */
#tools	{ float:right; margin-top:3px; }
#toolsday{float:right; margin-top:3px;width:200px;}
#toolsday a{ height:19px; font-size:10px; padding-top:3px; padding-left:20px;}
#tools2	{ float:right; width:325px; margin-top:3px; }
#tools a,#tools2 a{ float:right; height:19px; font-size:10px; padding-top:3px; padding-left:20px;  }
.ct_article_email { margin-right:20px;	background:url('/images/icon_email.gif') no-repeat 0 0;	}
.ct_article_print { margin-right:2px;	background:url('/images/icon_print.gif') no-repeat 0 2px;	}
.ct_article_faves { margin-left:16px; padding-right:16px;	margin-top:4px;}
.printURLBottom { color:#363636; font-weight:bold;}
.mealPlanPrintPad { margin-top:-6px;}

	
/* Highlighted and None Hightlight Tabs For Article Landing Pages */
.ct_article_click_thru_highlightTop { display:block; }
#ct_article_click_thru_highlightNone {	width:390px;  padding:20px; border-top:1px dotted #CCC;}
#ct_article_click_thru_highlightNone img { float:left; border:2px #D7D7D7 solid; padding:0px; margin:0px 15px 0 0 }
#ct_article_click_thru_highlightNone .copy { font-size:13px; margin-left:70px; color:#000; width:285px;}
#ct_article_click_thru_highlightNone h4 { margin-bottom:10px; color:#4c3f99; }

#ct_article_click_thru_highlight {	width:390px; height:90px;	padding:15px 10px 20px 15px; margin-bottom:20px;	
background:url('/images/members/bkgd-landing-highlight.gif') repeat-x; border-top:1px dotted #CCC;	}

#ct_article_click_thru_highlight img { float:left; border:2px #D7D7D7 solid; padding:0px; margin:0px 10px 0 0 }
#ct_article_click_thru_highlight .copy { font-size:13px; margin-left:70px; color:#000;  }
#ct_article_click_thru_highlight h4 { margin-bottom:10px; color:#4C3F99; }
.ct_article_click_thru_highlightNone p, .ct_article_click_thru_highlight p { margin:5px 0 0 0; }

/* Article Specific ?? */
.ct_coach_img { float:right; margin-right:15px; margin-left:10px;}
.ct_article_hompage_text	{ color:#000; }
.ct_article_red_QAtext		{  font:bold 14px arial; }

/* Article Landing Img */
.ct_article_landing_image { width:405px; margin:14px 0 0 0; }
.ct_article_big_bold_QandA { font-weight:bold; }
.ct_article__QandA_image img { float:right; clear:right; margin-left:5px; }


/* OnRamp */
#ct_onramp_welcome_content h1	{ margin-bottom:5px }
#ct_onramp_profile_content		{ padding:25px 20px 30px 20px; }
#ct_onramp_profile_content hr	{ border-top:1px dashed #e3e2e2; margin:10px 0; }
#ct_onramp_profile_content table td { vertical-align: top }
img.cms { border: 2px solid #E6E6E6; float: left; margin-right: 15px;  }
.smlTxt {font-size:11px;}

.toolwelcome {text-align: left; color: #fff; }
.toolwelcome ul { margin-left: 45px }
.toolwelcome li { background: none; list-style-type:disc; font-weight: bold; line-height: 1.1em  }
#onrampbottom {width:625px !important; text-align: left; font-weight: bold; background: url(/images/publicsite/onramp/bg-onramp-box.gif) bottom left repeat-x #ffffff; margin-top:50px; border: 2px solid #FFD977; padding: 10px 150px 10px 150px;  height:100px; }
#onrampbottom img { float: right; margin-left: 15px; border: 2px solid #E6E6E6 }


/*Healthy Weight Page -- Styles for Chart */
.healthyhdr{background-color:#CCF0FF;height:25px;text-align:center;}
#hdr_heatlhy{border-bottom:1px solid #004A81;border-right:1px solid #004B7F;text-align:center;background-color:#B5E4AE}
#hdr_overweight{text-align:center;}
#hdr_obese{text-align:center;}
#bmi_chart2 .lborder {

    border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#004B7F;
} 
#bmi_chart2 .noTopLeft{ border-right-width:1px; border-right-style:solid; border-right-color:#004B7F;}
#bmi_chart2 .brdrBottom{border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#004B7F;}

#bmi_chart2{border: 1px solid #004B7F; border-right-width:0; border-bottom-width:0;}

#bmi_chart2 .LandRbrdr {
    border-left-width:1px; border-left-style:solid; border-left-color:#004B7F;
    border-right-width:1px; border-right-style:solid; border-right-color:#004B7F;
}
#bmi_chart2 .Rbrdr {border-right-width:1px; border-right-style:solid; border-right-color:#004B7F;}
#hdr_overweight{background-color:#FFFF67;}
#hdr_obese{background-color:#F03D43;color:#FEFF00}  
#bmi_chart2 .healthy{background-color:#CBFFCC}
#bmi_chart2 .overweight{background-color:#FFFFCD;}
#bmi_chart2 .obese{background-color:#FFF2F2}
#bmiFooter{border-bottom: solid 1px #004B7F}
.lborderHt{border-bottom: solid 1px #004B7F;border-right:solid 1px #004B7F;font-weight:bold;}
.lborderBot{border-bottom: solid 1px #004B7F;border-right:solid 1px #004B7F;background-color:#E1E1E1;}
.lborderRt{border-right:solid 1px #004B7F;border-bottom: solid 1px #004B7F;}
.lborderBotR{border-right:solid 1px #004B7F;border-bottom: solid 1px #004B7F;}
.lborderLeft{border-bottom: solid 1px #004B7F;background-color:#B5E4AE;}
.lborderMid{border-bottom: solid 1px #004B7F;background-color:#FFFF67;}
.lborderRight{border-bottom: solid 1px #004B7F;background-color:#F03D43;color:#FAFF02;}

#healthyWeightCalculatorTable {border-collapse:collapse; font-size:11px;}
#healthyWeightCalculatorTable td {border:1px solid #000000;}

.profileSpacing { margin:10px 0 15px 7px;}
.profileHeaders { color:#353534; text-transform:uppercase; font-size:15px; margin-top:25px;}
.redArrow { margin-right:5px;margin-left:5px;}
.errorTxt { font-size:11px; color:Red;}

#content{list-style-type:none;}


.pr-recom span { color: red }
.error { color: red }
.error-log-in { color: #ffd977; }

#weightTrackerAlertMessage {text-align:left; position:absolute;}


/* My Fitness Diary Specific */
.labelBold{
font:bold 13px Arial, Helvetica, sans-serif;
}

.w150px{
width:150px;
}

.linkEntries{
position:absolute;top:89px;left:363px;
}

