@import url("/css/20100215/blc-navigation.css");
@import url("/css/20100215/blc-content.css");
@import url("/css/20100215/blc-diary.css");
@import url("/css/20100215/blc-nutrition.css");
@import url("/css/20100215/blc-recipe.css");
@import url("/css/20100215/blc-registration.css");
@import url("/css/20100215/blc-menuplan.css");
@import url("/css/20100215/blc-exercise.css");
@import url("/css/20100215/blc-setup.css");
@import url("/css/20100215/blc-help.css");
@import url("/css/20100215/blc-myaccount.css");
@import url("/css/20100215/blc-mygoals.css");
@import url("/css/20100215/blc-community.css");
@import url("/css/20100215/blc-radstyles.css");
@import url("/css/20100215/blc-dietitian.css");
@import url("/css/20100215/blc-homepage.css");



body {background-color: #cef2ff; font-family: Arial,Helvetica,sans-serif; }


h1{ color:#147dce; } 
h3{ color:#0f91d7; }
h4{ color:#fea418; }

a:link,
a:visited{ color:#4269BA; }

.bigred{ color:#147dce; }
.red{ color:#147dce; }
span.red{color:#147dce;}
span.note { color: #147dce; }


.themeColour { color: #0F91D7;  }
.themeColourBold { color: #0F91D7; font-weight: bold; }

a.btn_redButton { background: url(/sites/blcasia/css/images/btn_redLeft.gif) top left no-repeat #153894; display:-moz-inline-box; display: inline-block; padding: 0px 0px 0px 10px; line-height: 24px; color: #fff !important; text-decoration: none; }
a.btn_redButton:hover span { /*text-decoration: underline;*/ }
a.btn_redButton span { background: url(/sites/blcasia/css/images/btn_redRight.gif) top right no-repeat transparent; display: block; padding: 0px 30px 0px 0px; color: #fff; line-height: 24px; }

a.btn_redButtonYelBG { background: url(/sites/blcasia/css/images/btn_redLeft_yellowBG.gif) top left no-repeat #153894; display: inline-block; padding: 0px 0px 0px 10px; line-height: 24px; color: #fff !important; text-decoration: none; }
a.btn_redButtonYelBG:hover span { /*text-decoration: underline;*/ }
a.btn_redButtonYelBG span { background: url(/sites/blcasia/css/images/btn_redRight_yellowBG.gif) top right no-repeat transparent; display: block; padding: 0px 30px 0px 0px; color: #fff; line-height: 24px; }

a.btn_redButtonGreyBG { background: url(/sites/blcasia/css/images/btn_redLeft_greyBG.gif) top left no-repeat #153894; display: inline-block; padding: 0px 0px 0px 10px; line-height: 24px; color: #fff !important; text-decoration: none; }
a.btn_redButtonGreyBG:hover span { /*text-decoration: underline;*/ }
a.btn_redButtonGreyBG span { background: url(/sites/blcasia/css/images/btn_redRight_greyBG.gif) top right no-repeat transparent; display: block; padding: 0px 30px 0px 0px; color: #fff; line-height: 24px; }

span.units { color: #0f91d7; }






body{
	margin:0;
	padding:0;
  font-size:75%;
	line-height:1.5em;
  background-repeat: repeat-x; 
  background-position: left top;
  background-image:url(/sites/blcasia/css/images/bg_body.gif);
	text-align:center;
}

form, fieldset{margin:0;padding:0;}

/* Neutralize styling: Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address{margin: 0 0 1em 0;padding: 0;}

/* Apply left margin: Only to the few elements that need it: */
li, dd, blockquote {margin-left: 1em;}

/* Miscellaneous inconveniences: */
fieldset{border: none;}
textarea{font-family:inherit;}
input, select, textarea{font-size:1em;}

/*  Fonts  */
h1, h2, h3, h4, h5 {
	font-weight: bold;
	/*letter-spacing: -.05em;*/
}

h1{
	font-size: 1.7em;
}
h2{
	color:#000000;
	font-size: 1.4em;
}
h3{
	font-size: 1.4em;
}
h4{
	font-size: 1.4em;
}
h1 strong,
h1.grey,
h2 strong{
	color:#454545;
}




a:hover{
	color:#6c6f7f;
}

h1.withsub{
    margin-bottom:5px;
}
h2.pageSubTitle{
	font-size:1.1em;
	margin-bottom:1.5em;
	padding:0;
}

h2,h3,h4{
	margin-bottom:.5em;
	padding-top:.5em;
}



/* Layout styles */
#printLogo{
	display:none;
}
#wrapper{
	margin:0 auto;
	width:988px;
	/*position:relative;*/
}

#header{
	margin-bottom:-1px;
	/*height:170px;
	overflow:hidden;*/
}
/*#main{
	width:952px;
}
*/
.mc{
    background:url(/css/images/bg_mc.png) repeat-y 50% 50%;
	padding:0;
	text-align:left;	
}
.mc_inner{
    background:#FFF url(/css/images/bg_mcinner.gif) repeat-x 0 0;
	padding:0 8px;
	margin:0 7px;
}
.mc_ot{    
	background:url(/css/images/bg_mctop.png) no-repeat 50% 0%;
	padding:18px 0;
	margin-bottom:20px;
	position:relative;
}
.mc_ob{    
	background:url(/css/images/bg_mcbot.png) no-repeat 50% 100%;
	padding:0 0 43px;
}

#main{
   background:url(/css/images/bg_main.gif) repeat-y 50% 50%;
   padding:0 10px; 
}
#main_ot{
   background:url(/css/images/bg_maintop.gif) no-repeat 50% 0%;
   padding:14px 0 0;   
   margin-bottom:15px; 
}
#main_ob{
   background:url(/css/images/bg_mainbot.gif) no-repeat 50% 100%;
   padding:0 0 15px; 
}


/*.homepage #main{
	width:913px;
}*/
#left{
	position:absolute;
	left:-220px;
	top:185px;
	width:209px;
	z-index:10;
	overflow:hidden;
	padding-right:6px;
}
#footer{
	clear:both;
	background:#FFF;
}



/*Extended Home Page Styles*/

/*.homepage #main{
	width:913px;
	background:url(/css/images/home_bg_bottom.gif) bottom no-repeat;
}
.homepage #HomeWrapper{
	background:url(/css/images/home_bg_top.gif) no-repeat;	
	padding-top:15px;
	padding-left:15px;
}*/

/*  Footer Styles  */
#footer{
	color:#6B6F7F;
	font-size:1em;
	padding:0 18px 10px 18px;
}

/* - This is the css for when they want to put the SPHealth logo back into the footer.
#footer{
	color:#6B6F7F;
	font-size:1em;
	padding:0 18px 10px 190px;
  background: url(/images/SPHealthLogo.gif) top left no-repeat;
}
*/
#footer ul#links{
	margin-bottom:8px;
	display:block;
	width:100%;
}
#footer ul#links li{
	float:left;
	margin-right:15px;
	background:none;
}
#footer a:link,
#footer a:visited{
	color:#6B6F7F;
}
#footer a:hover{color:#000000;}
#footer a.nodec:link,
#footer a.nodec:visited{
	text-decoration:none;
}

#footer div{
	clear:left;
}
#footer div.footertext{
	font-size:.9em;
}
#footer #footerlogos{
	margin:30px 0 20px 15px;
}
#footer #footerlogos a{
	text-decoration:none;
}
#footer #footerlogos img{
	border:none;
}
.pm#footer{padding-top:20px;}
.pm#footer img{float:left;margin-right:35px;}
.pm#footer div{float:left;clear:none;margin-top:25px;}


 
/*  Common Styles  */
.SilentList{margin:0;padding:0;}
.SilentList li{list-style-type:none;margin:0;padding:0;}
.ArrowedList li{background:url(/sites/blcasia/css/images/bg_golink.gif) no-repeat 2px .4em !important;}
	
span.label {
	position: relative;
	clear: left;
	float: left;
	color: #6b6f7f;
	font-weight: bold;
	display: block;
	width: 80px;
}

span.grey{color:#9295a1;}

div.divider {
	height:1px;
	background:url(/css/images/bg_divider.gif) repeat-x left bottom;
	font-size:1px;
}

.showextra,
.hideextra{
	padding-left:15px;
	background-position:left .3em;
	background-repeat:no-repeat;
}
.showextra{background-image:url(/css/images/arrow_show.gif);}
.hideextra{background-image:url(/css/images/arrow_hide.gif);}


/* Clearfix /**/
  .cf:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
  .cf { display: inline-block; }
  /* Hide from IE Mac \*/
  * html .cf { height: 1%; }
  .cf { display: block; }
  /* End Hide */



.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow:hidden;
}
/* REMOVED TO FIX FF3 printing issue .clearfix {display: inline-table;} 

*/
.clear{clear:both;height:0;overflow:auto;line-height:0;}

div.center{text-align:center;}

span.units {
	font-weight: bold;
	padding-left: 5px;
}

span.small {
	font-size: 0.9em;
	padding-left: 5px;
	font-weight:normal;
}

span.subtitle {
	color: #5582cc;
	font-weight: bold;
}

span.standard {
	color: #b0b0b0;
	font-weight: bold;
}

span.normal {
	font-weight: normal;
}

span.note {
	font-weight: bold;
}

span.white {
	color: #fff;
}
span.black {
	color: #000;
}
.bigred{
	font-size:35px;
	font-weight:bold;
	line-height:37px;
}

/*  Buttons  */

a.btn_whtButton { background: url(/css/images/btn_whtLeft.gif) top left no-repeat #fff; display:-moz-inline-box; display: inline-block; padding: 0px 0px 0px 9px; line-height: 24px; color: #000 !important; text-decoration: none; }
a.btn_whtButton:hover span { /*text-decoration: underline;*/ }
a.btn_whtButton span { background: url(/sites/blcasia/css/images/btn_whtRight.gif) top right no-repeat transparent; display: block; padding: 0px 30px 0px 0px; color: #000; line-height: 26px; }

a.btn_whtBackButton { background: url(/sites/blcasia/css/images/btn_whtBackLeft.gif) top left no-repeat #fff; display:-moz-inline-box; display: inline-block; padding: 0px 0px 0px 26px; line-height: 24px; color: #000 !important; text-decoration: none; }
a.btn_whtBackButton:hover span { /*text-decoration: underline;*/ }
a.btn_whtBackButton span { background: url(/css/images/btn_whtBackRight.gif) top right no-repeat transparent; display: block; padding: 0px 10px 0px 0px; color: #000; line-height: 26px; }


a.btn_whtButtonYelBG { background: url(/css/images/btn_whtLeft_yellowBG.gif) top left no-repeat #fff; display:-moz-inline-box; display: inline-block; padding: 0px 0px 0px 9px; line-height: 24px; color: #000 !important; text-decoration: none; }
a.btn_whtButtonYelBG:hover span { /*text-decoration: underline;*/ }
a.btn_whtButtonYelBG span { background: url(/sites/blcasia/css/images/btn_whtRight_yellowBG.gif) top right no-repeat transparent; display: block; padding: 0px 30px 0px 0px; color: #000; line-height: 26px; }


a.liStyle{
    padding-left:13px;
    background:url(/sites/blcasia/css/images/bg_golink.gif) no-repeat 5px .4em;    
}
a.liStyle:link,
a.liStyle:visited{
    color:#000;
    text-decoration:none;
}
a.liStyle:hover{
    text-decoration:underline;
}


.printtext{
	display:none;
}

.GlobalPageError strong
{
   	color:#f63500;
}

.GlobalPageError 
{ 
    margin: 0px 5px; 
    border: 2px solid #f63500; 
    padding: 5px; 
    font-weight: bold; 
    color:#000000; 
}


.GlobalPageStatus strong
{
   	color:#009900;
}

.GlobalPageStatus
{
    margin: 0px 5px;
	border: 2px solid #009900;
	padding: 5px;
	font-weight: bold;
	color:#000000;
	/* width:712px; */
}

.LoadingPosition
{
	position:absolute;
	z-index:100;
	width: 200px;
	height:25px;
}

.Loading
{
	border: solid 1px #000000;
	text-align: center;
	vertical-align: middle;
	color: #1c9bd9;
	font-weight:bold;
	background-color: #e5e3e4;
	width: 200px;
	height:20px;
}

.Hidden
{
	display: none;	
}


div.formRow div.formLabel { float: left; width: 150px; padding: 3px 0px 0px 0px; }
div.formRow div.formLabel strong, 
div.formRow div.formLabel label { display: block; text-align: right; margin: 0px 10px 0px 0px; color: #000; font-weight: bold; }
div.formRow div.formPopulated{float: left; padding-top:3px; width: 250px;}

div.formRow div.formInput { float: left; width: 250px; font-size:1em;  }
div.formRow div.formInput input.inputbox, 
div.formRow div.formInput select.selectInput,
div.formRow div.formInput textarea.textareaInput,
div.formRow div.formInput textarea.textInput { display: block; width: 250px !important; border: 1px solid #6b6f7f; font-size:1em; color: #4d4d4d; }
div.formRow div.formInput input.inputbox,
div.formRow div.formInput textarea.textareaInput,
div.formRow div.formInput textarea.textInput { padding: 4px; width: 240px !important; } /* width needs to be 10px less than the width of the formInput_O due to padding and border */
div.formRow div.formInput select.selectInput { padding: 2px; }
div.formRow div.formInput select.selectInput option { line-height: 15px; }

div.formRow div.formInput div.landPhone { }
div.formRow div.formInput input.inputbox.areaCode { float: left; width: 50px !important; }
div.formRow div.formInput input.inputbox.phoneNumber { float: right; width: 170px !important; }
div.phoneLabels { }
div.phoneLabels span.areaCode { width: 70px; display: inline-block; }
div.phoneLabels span.phoneNumber { width: 140px; display: inline-block; }


div.formRow div.formRadioText { float: left; width: 150px; padding: 3px 0px 0px 0px; }
div.formRow div.formRadioText span { display: block; height: 18px; text-align: right; margin: 0px 10px 0px 0px; color: #000; font-weight: bold; }

div.formRow div.formRadio { padding: 3px 0px 5px 150px; }
div.formRow div.formRadio div.myPasswordIs input.inputbox { display: block; border: 1px solid #6b6f7f; font-size: 11px; color: #4d4d4d; padding: 4px; width: 240px; }
div.formRow div.formRadio.withtext input{vertical-align:-2px;}


div#MyAccount input.inputbox, 
div#MyAccount textarea.textInput,
div#MyAccount textarea.textareaInput,
div#MyAccount select.selectInput, 
div#MyAccount select.selectInput option { font-weight: bold; }

div.formRow div.formInput select.selectInput.dayDOB { float: left; width: 45px !important; }
div.formRow div.formInput select.selectInput.monthDOB { float: left; width: 130px !important; }
div.formRow div.formInput select.selectInput.yearDOB { float: left; width: 65px !important; }
div.formRow div.formInput select.selectInput.state { float: left; width: 110px !important; }

div.formRow div.formInput select.selectInput.cardMonth { float: left; width: 80px !important; margin-right:5px; }
div.formRow div.formInput select.selectInput.cardYear { float: left; width: 80px !important; }

div.formRow div.formDefinition { float: left; width: 250px !important; padding: 3px 0px 0px 10px; }

div.formValidation { padding: 5px 0px 10px 150px; }

div.formSection{clear:both; border-bottom:1px solid #ccd0d4;padding:15px;}
div.formSection h3{font-size:1em;color:#000;margin:0;}

div#loginform.forgotpassword {}

div#loginform.forgotpassword div.formRow div.formInput select.selectInput.dayDOB { float: left; width: 60px !important; margin-right:5px; }
div#loginform.forgotpassword div.formRow div.formInput select.selectInput.monthDOB { float: left; width: 125px !important; margin-right:5px; }
div#loginform.forgotpassword div.formRow div.formInput select.selectInput.yearDOB { float: left; width: 65px !important; }
div#loginform.forgotpassword div.GlobalPageError { margin: 0px; }

div.challengeform div.formRow div.formLabel{width:280px;}
div.challengeform div.submitButton{padding-left:280px;}


/* ********************************************************************************************************************************* */
/*   Styles for error mesages */
/* ********************************************************************************************************************************* */

div.formValidation .Errormsg strong { color:#f63500; }
div.formValidation .Errormsg { width: 240px; border: 2px solid #f63500; padding: 3px; font-weight: bold; color:#000000; }
div.formValidation .PageError strong { color:#f63500; }
div.formValidation .PageError { margin: 20px 0 10px 25px; border: 2px solid #f63500; padding: 5px; font-weight: bold; color:#000000; width:618px; }
div.formValidation .Pagemsg strong { color:#5582CC; }
div.formValidation .Pagemsg { width: 240px; border: 2px solid #5582CC; padding: 3px; font-weight: bold; color:#000000; }

div.formRow.submitButton div.agreeTerms { float: left; width: 330px !important; padding: 15px 0px 0px 0px; }
div.formRow.submitButton div.formButton { width: 140px; float: right; padding: 10px 0px 0px 0px; }


.detailsbox div.formConfirmRow {padding:0 10px;}
div.formConfirmRow div.formLabel { float: left; width: 150px; padding: 3px 0px 0px 0px; }
div.formConfirmRow div.formLabel strong { display: block; text-align: right; margin: 0px 10px 0px 0px; }
div.formConfirmRow div.formValue { float: left; width: 250px; padding: 3px 0px 0px 0px; }
div.formConfirmRow {}

.pdetails{border:1px solid #ccd0d4;	border-top:0;}
.pdetails .detailsbox{border-width:1px 0;}
.pdetails .detailstitle{padding-left:10px; padding-right:10px;}

p.note { padding: 10px 0px 5px 0px; margin: 0px; font-weight: bold; }

div.MyGoalContent div.myCurrentStats { padding: 0px 0px 20px 0px; }
div.MyGoalContent div.formConfirmRow div.formLabel, 
div.MyGoalContent div.formRow div.formLabel { width: 200px; }
div.MyGoalContent div.formRow div.formDefinition { width: 50px !important; }
div.MyGoalContent div.formValidation{padding-left:200px;}

div#weighinprefs div.myCurrentStats { padding: 0px 0px 20px 0px; } 
div#weighinprefs div.formConfirmRow div.formValue, 
div#weighinprefs div.formRow div.formInput { width: 530px !important; }
div#weighinprefs div.formRow div.formDefinition { width: 5px !important; }

#MyAccount div.formRow.submitButton{text-align:right;padding:15px 15px 0;}
/*#MyAccount div.formRow.submitButton{padding:5px 15px 10px;}*/

.errorWrapper{border:1px solid #ccd0d4; border-bottom:0; padding:20px 0;}
.sorrytext{border:1px solid #ccd0d4; border-top:0; padding:10px 25px;}
.upsellHeader .Errormsg{width:415px;margin:0 0 10px 110px; padding:5px 10px;}

.PromoCodeEntryBox
{
	border:1px #ccd0d4 solid;
	background-color: #f3f3f2;
	padding-top:35px;
	padding-left:16px;
	padding-bottom:35px;
}

/*

-- These items have been removed as they are no longer used, but I have kept them here just incase.  Having a class of "red" is bad because if the colour changes with the theme (like in this case, then you end up with an instance where you have a class of red which is actually blue coloured.  BUMP BOW!!!!


h1.red,
h2.red,
h2.red{color:#f01c14;}

*/