/* Login CSS  */
/* Image path was: /login/images/[image].gif */
#header #loginContainer { margin-bottom: 10px; }

#loginContainer a img { border: 0; }
#loginContainer ul { list-style: none; }

#content #loginContainer { float: left; width: 785px; margin:0; }
#loginBox {width:264px; height:206px; float:left; padding:15px 10px 15px 15px;}
#tdfemale #loginBox, #loginBox { background: url(../images/controls-back.jpg) top left no-repeat; }
#tdmale #loginBox { background: url(../images/controls-back_m.jpg) top left no-repeat; }

* html #loginBox { padding-bottom: 8px; }
#loginBox ul, #notAmember{list-style:none;}
#loginBox ul li.username {display:block; margin:17px 0 10px 8px; padding: 0; line-height: 12px;  }
#loginBox ul li.username span{color:#559ccc; font-size:11px; line-height: 12px; }

#loginBox ul li.usernameStore {display:block; margin:3px 0 2px 6px; padding: 0; line-height: 12px;  }
#loginBox ul li.usernameStore span{color:#559ccc; font-size:11px; line-height: 12px; }

#loginBox ul li.usernameBox {display:block; margin:0 0 0 7px; height: 23px; }
#loginBox ul li.usernameBox input {border:0; background: transparent; margin: 0; width: 240px; font-size:11px; padding: 5px 0 0 0; color: #559bcc; font-weight: bold; }

#loginBox ul li.password {display:block; margin:15px 0 8px 8px; padding: 0; line-height: 12px; }
#loginBox ul li.password span {color:#559ccc; font-size:11px; line-height: 12px;  }
#loginBox ul li.passwordBox{display:block; margin:0 0 0 7px; height: 23px; }
#loginBox ul li.passwordBox input {border:0; background: transparent;  margin: 0; width: 240px; font-size:11px; padding: 5px 0 0 0; color: #559bcc; font-weight: bold;}

#loginBox ul li.lostPassword{display:block; margin:0 0 0 129px;} 
/* Ivan change. It was margin:20px 0 0 8px */
#loginBox ul li.r2j { margin:0 0 0 129px; }
#loginBox ul li.r2j a { text-decoration:none; }

#loginBox ul li.lostPassword a{color:#ffa620; font-size:11px; }
#loginBox ul li.loginSubmit {display:block; margin:5px 0 0 0; }
#loginBox ul li.loginSubmit {display:block; margin:5px 0 0 0; }
#loginBox ul li.loginSubmit input{width:265px; height:27px; border:none; background:transparent; color:#fff; font-size:18px; cursor:pointer; font-weight:bold; margin:6.5px 0 0 0; padding: 0;}

#loginBox #autologin { border: 0; margin: 0; }	 
#loginBox h1#incLogin { font-size: 1.4em; }

.errmsg { font-weight: bold; font-size: 0.75em; color: #ffa620; position: relative; top: 4px; }


/* Ivan changes on help option for the loginBox */
#loginBox p { margin:0; text-align:left; padding: 10px; }

#help-panel { width:264px; float:left; padding:0 15px 15px 15px; border-right:1px dotted #ccc; }
#help-panel h1 { padding-bottom:5px; }
#help-panel h1 span { color:#003; }
#help-panel p { padding:8px 0; }
#help-panel ul { margin:10px 10px 10px 20px; }
#help-panel li { font:normal 10px/14px Verdana; margin-bottom:8px;  }

/* Ivan implementations for incorrect username/password page */
.checkBox { font:normal 11px/14px Verdana; color:#559ccc; margin:4px 0 0 2px; padding:0; }
html>body .checkBox { margin:7px 0 0 4px; }
#loginBox ul li.checkBox input { border:0; }

#tdfemale #notAmember {width:264px; /*background:url(/images/login_girl_new.jpg) top right no-repeat;*/ height:251px; float:left; margin-left:30px; }
#tdmale #notAmember {width:264px; /*background:url(/images/login_man_new.jpg) top right no-repeat;*/ height:251px; float:left; margin-left:30px; }

#notAmemberNobg {width:264px; height:251px; float:right; margin-left:30px; }
#notAmember h3, #notAmemberNobg h3 {font-size:20px; font-weight:normal; color:#ffaf35; margin:0 0 20px 0;}
#notAmember strong, #notAmemberNobg strong {margin:0 0 8px 0; display:block}
#notAmember ul li, #notAmemberNobg ul li{background:url(../images/orangeArrowBullet.gif) center left no-repeat; padding:5px 5px 5px 25px; font-size:12px; list-style:none;}


.LoginInfoCont { width: 310px;  /*background: url(../images/bgLoginInfoCont.gif) no-repeat;*/ padding: 13px 0; float: left; margin-left: 10px; } 	
.LoginInfoCont h2 { color:#559BCC; font-size:1.6em; font-weight:400; margin:0px; background: url(../images/bgDotted.gif) bottom repeat-x; padding-bottom: 6px; margin: 0 0 20px 0; }
.LoginInfoCont p, #loginCol3 p { font-size: 11px; line-height: 18px; }  	
.LoginInfoCont p.LoginSupport, #loginCol3 p { background: #e3f1f9; font-weight: bold; color: #559bcc; padding: 10px 10px 5px 10px; margin: 0 0 10px 0; }
.LoginInfoCont p.LoginSupport img { margin-top: 4px; }

#altlogin { display: block; padding: 10px 0 5px 3px; }

.basicLogin { width: 300px; /* background: url(../images/bgLoginInfoCont2.gif) no-repeat;*/ padding: 0px 14px 13px 14px; }
#basicLoginPage h1 { margin-bottom: 20px; }
.basicLogin  p { margin-bottom: 15px; }	
/*body#basicLoginPage { background: url(/images/footerBG.gif) repeat-x; }*/
body#basicLoginPage #loginContainer #loginBox .loginSubmit { margin: 28px 0 0 0; }	

#loginCol3 { float: left; width: 285px; }
#loginCol3 img, .LoginInfoCont img { border: 0; margin-bottom: 10px; }
	
/* Ivan - Reasons to join section (r2j) implementations */
#r2j { width:450px; background: url(../images/login-img.jpg) top right no-repeat; float:right; } /* height was 251px */
#r2j h3{ font-size:20px; font-weight:normal; color:#ffaf35; margin:0 0 20px 0; }
#r2j strong{ margin:0 0 8px 0; display:block; }
#r2j ul li{ padding:0; margin:14px 0; font-size:12px; line-height:24px; list-style:none;}
#r2j h3 span { color:#559bcc; }
#r2j li span { background:transparent url(../images/r2j-bullet.gif) 0 0 no-repeat; padding:2px 16px 10px 9px; color:#fff; font-weight:bold; font-size:20px; }
.for-help { margin:3% 0; }
.for-help h3 { padding-top:10px; }
.for-help p { margin:0; padding:15px 0 0 0; font-size:12px; font-weight:bold; }
html>body .for-help p { padding:5px 0 0 0; }
 

#incorrectLogin {background:url(../images/dotted_line.gif) bottom center no-repeat; padding:10px; height:100px;}
#incorrectLogin h3{color:#CC0000; margin-bottom:18px;}
#incorrectLogin img{float:left; margin-right:15px;}
#incorrectLogin a{color:#ffaf35;}

/* Ivan updates on incorrectLogin message */
#incorrectLogin h3 { margin-bottom:0; }
#incorrectLogin strong { color:#c00; margin-bottom:5px; display:block; }
#incorrectLogin .message { padding-top:5px; }

#membersReceive h3{margin:20px 0; font-size:24px; font-weight:normal;}
#membersReceive .left {float:left; list-style:none; width:369px;}
#membersReceive .right {float:right; list-style:none; width:369px;}
#membersReceive .team{width:304px; height:25px; display:block; background:url(../images/login_pic05.gif) 7px 3px no-repeat #fff3e1; margin:1px; padding:18px 0 0px 65px;}

#membersReceive .community{width:304px; height:25px; display:block; background:url(../images/login_pic06.gif) 7px 3px no-repeat #fff9f0; margin:1px; padding:18px 0 0px 65px;}
#membersReceive .meetings{width:304px; height:25px; display:block; background:url(../images/login_pic07.gif) 7px 3px no-repeat #fff3e1; margin:1px; padding:18px 0 0px 65px;}
#membersReceive .newsletter{width:304px; height:25px; display:block; background:url(../images/login_pic08.gif) 7px 3px no-repeat #fff9f0; margin:1px; padding:18px 0 0px 65px;}
#membersReceive .mealPlans{width:304px; height:25px; display:block; background:url(../images/login_pic01.gif) 7px 3px no-repeat #fff3e1; margin:1px; padding:18px 0 0px 65px;}
#membersReceive .shoppingList{width:304px; height:25px; display:block; background:url(../images/login_pic02.gif) 7px 3px no-repeat #fff9f0; margin:1px; padding:18px 0 0px 65px;}
#membersReceive .mentor{width:304px; height:25px; display:block; background:url(../images/login_pic03.gif) 7px 3px no-repeat #fff3e1; margin:1px; padding:18px 0 0px 65px;}
#membersReceive .weigh-in{width:304px; height:25px; display:block; background:url(../images/login_pic04.gif) 7px 3px no-repeat #fff9f0; margin:1px; padding:18px 0 0px 65px; }



#joinButton {background:url(../images/login_buttonBg.gif) no-repeat; float:left; width:768px; height:65px!important; height:65px; margin:10px 0 0 0 ;}
#joinButton a{display:block; height:65px; text-decoration:none; text-align:center; margin:15px 0 0 0; font-size:28px; color:#FFFFFF; width:768px; }

/*Freeze account*/
#removeDefer{ margin:20px 0 100px;}
#removeDefer .signInBtn{background:#569BCA; color:#FFFFFF; width:auto; border:0; padding:5px 10px; cursor: pointer;}
#m #removeDefer .signInBtn{background:#7F9504;}
/* onhold CSS  */

/*#loginCtr h4 { margin-left: 8px; }*/

#onHold_loginCtr, #loginCtr { background:url(../images/onhold_BG.jpg) no-repeat top left; padding:65px 150px 0px 20px; margin-top: 10px; font: 11px Verdana, Arial, Helvetica, sans-serif; }
#onHold_loginCtr h3, #loginCtr h3 { color: #559BCC; line-height: 20px; }
#onHold_loginCtr fieldset, #loginCtr fieldset { border-width: 0; }
#onHold_loginCtr .submitQuerie, #loginCtr .submitQuerie { margin-top: 10px; }
#onHold_topSection { padding:20px; }
#onHold_topSection p { margin-bottom: 10px; }
#onHold_topSection h3 {color:#000033; font-size:12px; margin-bottom:20px;}
#onHold_topSection h3 span{color:#ffaf35;}

#onHold_loginCtr { margin-top: 40px; }
#onHold_topSection h2 { margin-bottom: 20px; }
#onHold_topSection p { width: 740px; }
#pleaseNote { padding: 5px 5px 5px 30px; margin: 30px 178px 0 22px; font-size: 0.9em; background: #fdeecf url(/login/images/login_error_icon_small.gif) 5px 4px no-repeat; }
#loginBtnOnHold { margin-left: 10px; position: relative; top: 17px; }

#contactInfo ul{list-style:none; font-size:11px; }
#contactInfo ul li.times{display:block; width:15%; float:left; margin-right:10px; background:url(../images/vert_dotted_line.gif) top right no-repeat; padding:20px;}
#contactInfo ul li.times .monFri{color:#ffaf35; font-size:12px; font-weight:bold;}
#contactInfo ul li.times .9-5 {color:#559ccc; display:block; padding-top:10px; font-size:12px; font-weight:bold;}
#contactInfo ul li.uk{display:block;  width:35%; float:left; margin-right:10px; background: url(../images/vert_dotted_line.gif) top right no-repeat;  padding:20px 20px 20px 0; font-size:11px;}
#contactInfo ul li.uk img{float:left; margin:0 10px 100px 0;}
#contactInfo ul li.irl{display:block; width:35%; float:left; padding:20px 0 20px 0; font-size:11px;}
#contactInfo ul li.irl img{float:left; margin:0 10px 130px 0;}

h2 { font-size: 1.6em; font-weight: 400; margin-bottom: 0.5em; color:#559bcc; /*blue*/ }
h3 { font-size: 1.2em; font-weight: 600; margin-bottom: 0.5em; color:#559bcc; /*blue*/ }
h4 { font-size: 1.1em; color: #ffaf35; }

/* common login issues */
#commonissues { float: left; width: 615px; border-right: 1px dotted #CCD9E2; padding-right: 20px; }
#commonissues ol, #commonissues  p { font-size: 0.9em; line-height: 1.5; }
#commonissues ol li { list-style-position: inside; list-style-type:decimal;  }
#commonissues p { margin-bottom: 10px; }
#commonissues h3 { margin-top: 23px; }
#commonissues a { font-size: 1em; line-height: 1.5; }

#ie6, #ie6sp2 { background: url(/login/images/bg_ie6.gif) 0 50% no-repeat; padding-left: 26px; }
#ie7, #ie8, #ie9 { background: url(/login/images/bg_ie7.gif) 0 50% no-repeat; padding-left: 26px;  }
#firefox { background: url(/login/images/bg_firefox.gif) 0 50% no-repeat; padding-left: 26px; }
#aol9 { background: url(/login/images/bg_aol9.gif) 0 50% no-repeat; padding-left: 26px; padding-top: 3px; padding-bottom: 1px; }
#safari { background: url(/login/images/bg_safari.gif) 0 50% no-repeat; padding-left: 26px; }

/* tech support page */
#techsupport { float: left; width: 615px; border-right: 1px dotted #CCD9E2; padding-right: 20px; }
#techsupport fieldset { border: 0; }

#techsupport p { font-size: 0.9em; line-height: 1.5; margin-bottom: 10px; }
#techsupport #techform input { font: 12px/1.5 Verdana, Arial, Helvetica, sans-serif; color: #000; height: 18px; border: 1px solid #7e9db9; }
#techsupport #techform label { font-weight: bold; font-size: 0.9em; }
#existingMembers { background: #ecf7fd; padding: 5px; margin: 5px 0; vertical-align: middle; }
#techsupport textarea { width: 615px; font: 12px/1.5 Verdana, Arial, Helvetica, sans-serif; height: 170px; }
#techsupport #techform #techSubmit { border: 0; height: 25px; padding: 0; float: right; margin: 5px 0 25px 0; }
#techsupport #techform #haslogin { border: 0; position: relative; top: 2px; }
#techsupport #tdAccount { margin-right: 10px; width: 100px; line-height: 40px; }
#techsupport #tdPassword { margin-right: 10px; width: 100px; display: inline; }
#techsupport #logincheck { width: 206px; float: left; }
#emailFrom, #subject { width: 181px; }
#techsupport #messageSent { background: #ecf7fd; padding: 10px 10px 2px 10px; margin: 15px 0 220px 0; }
#techsupport #techform #hasloginLabel { font-weight: normal; position: static; clear: right; }
#techsupport #existingMembers { margin-bottom: 12px; }

#emailInput { margin-bottom: 12px; }
#emailInput label { display: block; }
#emailInput input { width: 615px; }
#subjectInput { float: left; margin-bottom: 12px; }
#subjectInput input { width: 615px; }
#subjectInput label { display: block; }

#techsupport .warning { float: left; width: 335px; margin: 0 10px 10px 0; padding: 10px 15px 1px 15px; background: #fff2de; }
#techsupport .warning * { color: #c20f0f; }
#techsupport .warning h4 { margin-bottom: 5px; }
#techsupport .warning a { color: #70a1d4; }

#supportBanners { float: left; }
#supportBanners div { width: 226px; height:82px; margin-bottom: 10px; display: block; border-top: 1px solid #70a1d4; padding-left: 11px; }
#supportBanners a { color: #0099cc; }
#supportBanners div h5 { color: #0099cc; font-size: 1em; margin-top: 10px; margin-bottom: 6px; }
#supportBanners div strong { color: #f6a427; }
#supportBanners div strong em {  font-weight: normal; font-style: normal; }
#supportBanners #livehelp { background:url(/login/images/bg_livehelp.jpg) no-repeat; }
#supportBanners #directemail { background:url(/login/images/bg_email.jpg) no-repeat; }
#supportBanners #phone { background:url(/login/images/bg_phone.jpg) no-repeat; margin-right: 0; }

.forgotpassword a { color: #559BCC; text-decoration: none; margin-left: 8px; }
.forgotpassword a:hover { text-decoration: underline; }

.error2 { font: 12px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }

#billingdetails p.note { background: #FDEECF; padding: 5px; }
#loginCtr { margin-bottom: 60px; }
#carddetails { background: url(/login/images/bgCardDetails.gif) no-repeat; }
#existingcard { width: 220px; padding: 5px 25px; float: left; }
#content #ccUpdate form { background: none; background-image: none; }
#newcard { width: 470px; float: right; }

/* 2009 login page */
div#loginPage h1{font-size:2.6em;font-weight:normal;line-height:1em;margin-bottom:20px; padding-bottom:18px; float:left;}
div#loginPage div#loginContainer{width:220px; float:left; margin-right:5px;}
div#loginPage div#loginContainer .signInUserPass input{ margin-bottom:5px; padding: 9px; clear: both; }
div#loginPage div#loginContainer input.signInBtn{margin-top:15px;}

div#loginPage #notAmember{margin-bottom:50px; float:right;}
div#loginPage #notAmember h2, div#loginPage #notAmember h3{font-size:1.79em; padding:0; margin:0;}
div#loginPage #notAmember h3{color:#7B9D06; margin:5px 0 10px 0;}
div#loginPage #notAmember ul li, #notAmemberNobg ul li {padding:5px 5px 5px 15px;}

#f div#loginPage h1{border-bottom:5px solid #FAF7EB;}
/*#f #loginContainer {background:transparent url(/design/structure/img/bg/LogInBg-1.0-2.jpg) no-repeat;}
#m #loginContainer {background:transparent url(/design/structure/img/bg/LogInBg-1.0-2.jpg) no-repeat 0 -205px;}*/
#f div#loginPage #notAmember ul li, #notAmemberNobg ul li {background:transparent url(/design/structure/img/icons/bullet_f.png) no-repeat left center;}
#m div#loginPage #notAmember ul li, #notAmemberNobg ul li {background:transparent url(/design/structure/img/icons/bullet_m.png) no-repeat left center;}
.errorCtrLP{margin-left:10px !important;}
#loginClock{text-align:center;}


#forgotForm h1{font-size:2.6em; padding-bottom:15px; margin-bottom:10px; line-height:normal; border-bottom:5px solid #FAF7EB;}
#forgotForm #loginBox {padding:0; width:300px; height:190px;}
#forgotForm #loginBox input { padding: 9px; margin-left: 10px; margin-top: 5px; } 
#forgotForm #loginBox label { padding: 0 0 10px 10px; }
#f #forgotForm #loginBox {background: #f5f5f5; border:1px solid #D4D4D4; padding-top: 10px;}
#m #forgotForm #loginBox {background: #f5f5f5;border:1px solid #D6E4EC;}
#forgotForm #loginBox ul{float:left; padding-left:10px;}
#forgotForm #loginBox ul li.passwordBox, #forgotForm #loginBox ul li.usernameBox{height:35px;}

#forgotForm #loginBox ul li.passwordBox input, #forgotForm #loginBox ul li.usernameBox input{ padding: 9px; }
#forgotForm .LoginInfoCont{padding:0; margin-bottom:50px;}
#forgotForm .LoginInfoCont h2 {background:none;margin:0;padding-bottom:6px;}
#forgotForm .LoginInfoCont p.LoginSupport{background:#FAF7EB;}
 
#commonissues {border-right:0;width:auto; padding:0 0 0 10px;}
#commonissues h2{display:block; clear:both;}

#currentBrowser {width:140px; height:135px; margin:0 20px 20px 0; _margin:0 20px 0 0; background:url(../images/browserBg.jpg); float:left; text-align:center; padding:5px 0 0 0;}
#currentBrowser span { display:block;}
#currentBrowser #browserName { font-weight:bold; height:87px;}
#currentBrowser #browserVersion { margin:5px 0 0 0;}


.ie7 { background:url(../images/ie7.jpg) no-repeat 37px 20px; }
.firefox { background:url(../images/firefox.jpg) no-repeat 37px 20px; }
.safari{ background:url(../images/safari.jpg) no-repeat 37px 20px; }
.unknown{ background:url(../images/unknown.jpg) no-repeat 37px 20px; }
.ie6 { background:url(../images/ie6Img.jpg) no-repeat 37px 20px; }

.accnotfound { padding-bottom: 50px; }


#f #loginBtn.submit { background: url(/px/images/td/btn/cta_sprite.png) no-repeat right -224px transparent; color: #FFFFFF; font-weight: bold; width: 101px; margin-left: 10px; margin-bottom: 10px; height: 37px; text-align: center; }

#m #loginBtn.submit { background: url(/px/images/td/btn/button_m.jpg) no-repeat 0 0 transparent; color: #FFFFFF; font-weight: bold; width: 101px; margin-left: 10px; margin-bottom: 10px; height: 37px; text-align: center; }