/*
global css for GNL white label
authored by: Sinead Lawless
date: November 2005

Updated by Paul Sturrs
date: 22 November 2007
*/




/*global styles */

* { margin: 0; padding: 0; }

body { margin: 0; padding: 0; background: #EC8ABB url("bodyBG.jpg"/*tpa=http://www.closerdiets.com/images/bodyBG.jpg*/) repeat-x top; font: 65% Arial, Helvetica, sans-serif; color: #333; }

p, .text { font: 11px Arial, Helvetica, sans-serif; background-color: transparent; color: #333; line-height:15px; margin-bottom: 10px; padding-right:5px; }

p.indent { padding: 0 0 0 20px; }

p.hdr{ color:#333; }

td { font: 11px Arial, Helvetica, sans-serif; background: none;	color: #333; text-align:left; line-height:15px; padding: 0; margin:0; }

hr { border: none 0; border-top: 1px dotted #999999; height: 1px; margin:10px 0; clear:left; }

table { border-collapse: collapse; }

.hide { display: none; }

ol, ul { margin: 0 0 10px 15px; }

input, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin-right: 5px; }

img { border: 0; }

blockquote.successquote { font: 1.4em "Lucida Sans", Arial, Helvetica, sans-serif; color: #F7489F; margin: 0 0 10px 10px; text-align: left; width: 255px; float: right;  }

ul.inlineList { margin: 0; padding: 0; }

.inlineList li { display: inline; list-style: none; }

.noBorder, #noBorder { border-width: 0; }




#twoColHead { background: url("bg2Col_2.gif"/*tpa=http://www.closerdiets.com/images/bg2Col_2.gif*/) repeat-y; }

p.successStoriesHeader { position:relative; top: 50px; }

#topBanner { z-index: 10000; }



/*styles for headers*/
h1 { font: 1.8em "Lucida Sans", Arial, Helvetica, sans-serif; color: #F7489F; margin-bottom: 10px; }

h2 { font: 1.6em "Lucida Sans", Arial, Helvetica, sans-serif; color: #F7489F; margin-bottom: 10px; }

h3 { font: 1.4em "Lucida Sans", Arial, Helvetica, sans-serif; color: #F7489F; margin-bottom: 10px; }

h4 { font: 1.2em "Lucida Sans", Arial, Helvetica, sans-serif; color: #F7489F; margin-bottom: 10px; }

h5 { font: 1em "Lucida Sans", Arial, Helvetica, sans-serif; color: #F7489F; margin-bottom: 10px; }


h1#closerdietsLogo { background: url("logo_closerdiets.gif"/*tpa=http://www.closerdiets.com/images/logo_closerdiets.gif*/) no-repeat top left; float: left; margin: 10px 0 0 0; }

h1#closerdietsLogo a { display: block; width: 211px; height: 90px; }

h1#closerdietsLogo a span { display: none; }

h3 a, h4 a  { color: #F7489F; text-decoration: none; }




/*styles for hyperlinks*/
a {	color:#F7489F; text-decoration:underline; }

a:link{ color:#F7489F; text-decoration:underline; }

a:active{ color:#F7489F; text-decoration:underline; }

a:visited{ color:#F7489F; text-decoration:underline; }

a:hover{ color:#03A0DC; text-decoration:underline; cursor:pointer; }




#wrapper { background: #fff; width: 955px; margin: 0 auto; padding: 1px; }

#siteContent { width: 603px; margin:  0 20px 20px 20px; padding: 0; }

#siteContent ul { margin-left: 15px; }

#rightColAds { margin-right: 20px; }

.white { background-color: white; vertical-align: top; }

body#siteContentPopup { background: #fff; padding: 20px; }




/* Styles for secondary navigation across site
td.topmenu{	text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#9dad3c; font-weight:normal; vertical-align:middle;	height:25px; }

	
td.topmenu a, td.topmenu a:active, td.topmenu a:link, td.topmenu a:visited { color: #102f6f; font-weight:normal; text-decoration: none; }

td.topmenu a:hover { color: #fff; font-weight:normal; text-decoration: none; }*/




/* Revised Styles for secondary navigation across site 10 October 2007*/
#newNav { background: url("navBG.jpg"/*tpa=http://www.closerdiets.com/images/navBG.jpg*/) repeat-x top left; float: left; width: 955px; height:30px; }

#newNav ul { list-style:none; margin-left: 20px; }
	
#newNav li{ list-style:none; float:left; color:#fff; font: 1.1em Arial, Verdana, Arial, Helvetica, sans-serif; padding-right: 5px; display: block; }

#newNav li a { color:#fff; font-weight: normal; text-decoration:none; display:block; padding: 5px; line-height: 20px; }

#newNav li a.unselected{ color:#fff; text-decoration:none; }

#newNav li a.selected{ color:#fff; background: #03A0DC; text-decoration:none; }

#newNav li a:hover{ color:#fff; background: #03A0DC; text-decoration:none; }




/* Sub Nav */
#subNav { background: url("subNav_bg.jpg"/*tpa=http://www.closerdiets.com/images/subNav_bg.jpg*/) repeat-x top; float: left; width: 955px; height: 30px; padding-bottom: 0px; }

#subNav ul { list-style: none; margin-left: 20px;}

#subNav li { float: left; list-style: none; color: #00648A; padding-right: 12px; }

#subNav li a { display:block; padding: 5px; line-height: 20px; }

#subNav li a:hover { color: #00648A; text-decoration: underline; }

.subNavdivide { background: url("subNav_divide.jpg"/*tpa=http://www.closerdiets.com/images/subNav_divide.jpg*/) repeat-y right; }




/* Second Level Nav */
#secondNav { background: #efefef; clear: both; float: left; height: 30px; margin: -8px 0 20px -8px; }

ul#secondNav  { list-style: none; padding-left: 5px; margin: -9px 0 0 0; width: 603px; }

#secondNav li { float: left; list-style: none; color: #00648A; padding-right: 12px; }

#secondNav li a { display:block; padding: 5px; line-height: 20px; text-decoration: underline; }

#secondNav li a:hover { color: #00648A; text-decoration: underline; }

.secondNavdivide { background: url("secondNav_divide.jpg"/*tpa=http://www.closerdiets.com/images/secondNav_divide.jpg*/) repeat-y right; }




/* Footer styles */
#footer { background: #f2f2f2; margin: 0; padding: 0; width: 953px; color: #333; line-height:25px; text-align: center;  }

#footer ul { margin: 0; padding: 0; }

#footer li { display: inline; list-style: none; padding: 0; margin: 0; }

#footer a { color: #333; padding: 10px; text-decoration: none; }

#footer a:hover { color: #F7489F; text-decoration: underline; }




/* PopUp Styling */
body#popup { background: #fff; font:Arial, Helvetica, sans-serif 11px; margin: 15px; }




/* Login Panels */
.loginPanel { height: 40px; text-align: left; margin: 0; padding: 0 0 0 20px; }

#loginCTR { margin-right: 25px; text-align:right; }



/* Styles for footer across site*/
/*td.footer_links{ font: 11px Arial, Helvetica, sans-serif normal; color:#666666; vertical-align:middle; }

td.footer_links a, td.footer_links a:active, td.footer_links a:link, td.footer_links a:visited { color: #F7489F; text-decoration: none; }

td.footer_links a:hover { color: #0189b8; font-weight:normal; text-decoration: none; }
td.footer { font: 11px Arial, Helvetica, sans-serif; color:#666666; font-weight:normal; vertical-align:middle; }
*/



/* Styles for tertiary(leftpanel) navigation across site*/
ul.leftmenu { list-style-type:none; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#0000ff; font-weight:normal; }

ul.leftmenu a:link, ul.leftmenu a:visited { color:#0000ff; text-decoration:underline; }

ul.leftmenu a:hover { color:#0000ff; text-decoration:underline; }




/* Headline News Container */
#headlineNewsCtr { float: left; width: 292px; background: #E8E8E8; margin: 0; padding: 0; }

/*IMAGE ROLLOVER CURSOR CHANGE*/
#headlineNewsCtr img{cursor:pointer;}



/* News Scroller */
#newsScroller { border: 1px dotted #666; border-width: 1px 0; margin: 20px 0; padding: 5px; clear: both; }

#newsScroller strong { color: #F7489F; }




/* Reasons to Join Container */
#reasons2JoinCtr { float: left; width: 292px; margin: 20px 0; }

#reasons2JoinCtr h3 { font-family: "Lucida Sans", Arial, Helvetica, sans-serif; font-size:20px; font-weight: normal; color: #F7489F; padding-bottom: 5px; border-bottom: 3px solid #F7489F; margin-bottom: 10px; }

#reasons2JoinCtr ul { margin-left: 15px; }




/* Success Stories Container */
#successStoriesCtr { float: left; width: 292px; margin: 20px 0 20px 5px; }

#successStoriesCtr h3 { font-family: "Lucida Sans", Arial, Helvetica, sans-serif; font-size:20px; font-weight: normal; color: #F7489F; padding-bottom: 5px; border-bottom: 3px solid #F7489F; margin-bottom: 10px; }

#successStoriesCtr h3 a:link, #successStoriesCtr h3 a:visited { color: #F7489F; text-decoration: none; }

#successStories div { clear: both; }

#successStories .successThumb, .expertsPic { float: left; margin: 0 10px 10px 0; border: 1px solid #ccc; padding: 3px; }

.before_after { margin: 0 10px 10px 0; }

.doty { float: right; border:0; }



/* Latest Diet News */
#latestDietNews h3 { font-family: "Lucida Sans", Arial, Helvetica, sans-serif; font-size:20px; font-weight: normal; color: #F7489F; padding-bottom: 5px; border-bottom: 3px solid #F7489F; margin: 20px 0 10px 0; }

/*Diet News*/
.dietArticle{padding:10px; display:block;}
.dietArticle img{border:1px #cccccc solid; padding:3px; display:inline; float:left; margin-right:20px; clear:left;}
.dietArticle p{clear:right;}
.clearboth{clear:both;}



/* How does it work */
#hdiwCtr h3 { font-family: "Lucida Sans", Arial, Helvetica, sans-serif; font-size:20px; font-weight: normal; color: #F7489F; padding-bottom: 5px; border-bottom: 3px solid #F7489F; margin: 20px 0 10px 0; }

#hdiwCtr ul { height: 143px; margin: 0 0 10px 0; padding: 0; }

#hdiwCtr li { list-style: none; float: left; color: #fff; font: 1.2em "Lucida Sans", Arial, Helvetica, sans-serif bold; text-align: center; padding-top: 10px; width: 143px; margin-left: 3px; }

#hdiwCtr li.hdiw_mealplan { background: url("hdiw_mealplan.gif"/*tpa=http://www.closerdiets.com/images/hdiw_mealplan.gif*/) no-repeat top; width: 143px; height: 143px; }

#hdiwCtr li.hdiw_monitor { background: url("hdiw_monitor.gif"/*tpa=http://www.closerdiets.com/images/hdiw_monitor.gif*/) no-repeat top; width: 143px; height: 143px; }

#hdiwCtr li.hdiw_nutritionist { background: url("hdiw_nutritionist.gif"/*tpa=http://www.closerdiets.com/images/hdiw_nutritionist.gif*/) no-repeat top; width: 143px; height: 143px; }

#hdiwCtr li.hdiw_friends { background: url("hdiw_friends.gif"/*tpa=http://www.closerdiets.com/images/hdiw_friends.gif*/) no-repeat top; width: 143px; height: 143px; }

#hdiw span { width: 133px; }

#hdiwCtr li a { color: #ffffff; }




/* ----- Free Diet Profile Form 1 -------*/

#freeprofile1 { width:292px; height: 292px; background: #FCE4EE url("fdp_bg1.jpg"/*tpa=http://www.closerdiets.com/images/fdp_bg1.jpg*/) repeat-x top; position: relative; float: left; padding: 0; /*left: 12px;*/ margin-right: 12px; }

#freeprofile1 legend { font: 11px Arial, Helvetica, sans-serif; color:#3d2714; padding-bottom:4px; text-align:left; }

#freeprofile1 fieldset { float:left; width:50px; border:none; padding: 0px 10px 0px 0px; margin:0; font: 11px Arial, Helvetica, sans-serif;}

#freeprofile1 h4 { color: #000; position: relative; top: 10px; left: 10px; width: 292px; }

#freeprofile1 h4.getstarted span { font: 28px Georgia, "Times New Roman", Times, serif normal; color: #F7489F; }

#freeprofile1 select { margin-bottom:10px; font: 11px Arial, Helvetica, sans-serif; width:60px; z-index:10; }

#freeprofile1 input { font:11px Arial, Helvetica, sans-serif; }

#age_field { width:40px; }

#sex_set { width:90px; }

#submit_but{ margin: 0; padding: 0; }

#submit_but a:hover { color: #F7489F; }	

.prefer { margin:0 0 10px 0; padding:0; width:300px; display:block; float:left;}

#fields { position: absolute; top: 140px; left: 10px;}
			
#metric { visibility: hidden; position: absolute; width: 380px; }
	
#imperial { visibility: visible; position: absolute; width: 380px; }

#freeprofile1 #submit_but { float: left; position:relative; clear:both; }




/* ----- Free Diet Profile Form 2 -------*/

#freeprofile2 { width:593px; height: 121px; background: #E8E8E8 url("fdp_tape.jpg"/*tpa=http://www.closerdiets.com/images/fdp_tape.jpg*/) repeat-x left top; padding:0; margin: 20px 0 30px 0; }

#freeprofile2 legend { font: 11px Arial, Helvetica, sans-serif; color:#3d2714; padding-bottom:4px; text-align:left; }

#freeprofile2 fieldset { position: relative; float:left; width:50px; border:none; padding: 0px 10px 0px 0px; margin:0; font: 11px Arial, Helvetica, sans-serif;}

#freeprofile2 h4 { float: left; color: #000; position: relative; height: 121px; left: 100px; top: 30px; }

#freeprofile2 h4.getstarted span { font: 28px Georgia, "Times New Roman", Times, serif normal; color: #F7489F; }

#freeprofile2 select { margin-bottom:10px; font: 11px Arial, Helvetica, sans-serif; width:60px; z-index:10; }

#freeprofile2 input { font:11px Arial, Helvetica, sans-serif; }

#freeprofile2 #fields { position: relative; float: left; top: 20px; left: 130px; }

#freeprofile2 #submit_but { float: left; position:relative; top: -38px; left: 165px; clear:both; }

#freeprofile2 .genderinputfix #sex_pos { position: absolute; left: 190px; z-index: 100; }

.genderinputfix #weight_pos input, .genderinputfix #height_pos input { width: 55px; }



/* ----- Free Diet Profile 3 ----- */

#freedietprofile3 { background: #E8E8E8 url("fdp3BG.gif"/*tpa=http://www.closerdiets.com/images/fdp3BG.gif*/) repeat-x left top; padding: 10px; }

#freedietprofile3 h3 { color: #F7489F; font: 1.4em "Lucida Sans", Arial, Helvetica, sans-serif bold; }

.fdp_planCTR { position: absolute; left: 0; top: 40px; width: 590px; height: 125px; z-index:3; visibility: hidden; }

.fdp_planCTR img { float: left; margin: 0 20px 0 10px; border: 1px solid #ccc; padding: 3px; }

.fdp_planCTR h3 { margin-top: 10px; }

.fdp_planCTR h3 a { margin-top: 10px; color: #F7489F; }

.fdp_planCTR p a { color: #F7489F; text-decoration: underline; }

.fdp_planCTR p a:hover { text-decoration: none; }

p#fdpMainSelection { background: #000; width: 603px; }



/* ----- Free Diet Profile Form 4 -------*/

#freeprofile4 { width:292px; height: 292px; background: #FCE4EE url("fdp_bg3.jpg"/*tpa=http://www.closerdiets.com/images/fdp_bg3.jpg*/) repeat-x top; position: relative; float: left; padding: 0; /*left: 12px;*/ margin-right: 12px; }

#freeprofile4 legend { font: 11px Arial, Helvetica, sans-serif; clear:right; color:#3d2714; padding-bottom:4px; text-align:left; }

#freeprofile4 fieldset { border:none; padding: 0px 10px 0px 0px; margin:0; font: 11px Arial, Helvetica, sans-serif;}

#freeprofile4 h4 { color: #000; position: relative; top: 10px; left: 10px; width: 292px; }

#freeprofile4 h4.getstarted span { font: 28px Georgia, "Times New Roman", Times, serif normal; color: #F7489F; }

#freeprofile4 select { margin-bottom:10px; font: 11px Arial, Helvetica, sans-serif; width:60px; z-index:10; }

#freeprofile4 input { font:11px Arial, Helvetica, sans-serif; }

#freeprofile4 #submit_but { float: left; position:relative; clear:both; }

#freeprofile4 #fields { position: absolute; top: 70px; left: 10px;}

#freeprofile4 #age_pos { float:left; }

#freeprofile4 #age_field { width: 60px; }

#freeprofile4 #sex_pos { width:90px; float:left; }





/*Select Eating Plan */
#eatingPlans_intro { clear: both; }

#eatingPlans_intro img { text-align:left; float: left; }

#eatingPlans_intro p { float: left; width: 300px; margin-left: 10px; }

#selectEatingPlanDD { float: left; width: 315px; margin-left: 10px; height: 30px; background: #f7489f; }

#selectEatingPlanDD h4 { color: #fff; float: left; line-height: 22px; padding: 5px; font-weight: bold; vertical-align:middle; }

#selectEatingPlanDD select { float: left; padding: 0; margin: 4px 0 0 10px; z-index:10; }

#selectEatingPlan { height: 30px; background: #f7489f; width: 603px; margin-bottom: 20px; }

#selectEatingPlan h4 { color: #fff; float: left; line-height: 22px; padding: 5px 5px 5px 10px; font-weight: bold; vertical-align:middle; }

#selectEatingPlan select { float: left; padding: 0; width: 200px; margin: 4px 0 0 10px; }





/* Eating Plan Header */
.eatingPlanHeader { border-bottom: 1px dotted #666; padding-bottom: 5px; margin: 10px 0; clear:both; }

#eatingPlanRowList {margin-bottom:0px;}

ul#eatingPlanRowList li { list-style: disc; margin-left:10px;}

ol#eatingPlanRowList { margin-left: 15px; }

ol#eatingPLanRowList li { margin-bottom: 10px; }

.eatingPlanHeader h4 { color: #03A0DC; }

h2.eatingPlanHeader a { text-decoration: none; }

.blueText { color: #03A0DC; }

.splLeft { float: left; width: 292px; }

.splRight { float: left; }

.eatingPlanRow { clear:both; margin: 10px 0;}

.eatingPlanRow img{margin:0 20px 10px 0; border:4px solid #E8E8E8; padding:5px; float:left;}

.dottedline { background: #fff; height: 1px; margin: 10px 0; border-bottom: 1px dotted #666; }

.sampleMenu img { border: 4px solid #e8e8e8; padding: 0; margin: 20px 10px 20px 0; }

.sampleMenu strong { color: #F7489F; }

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

.clearfix { display: inline-block; }

html[xmlns] .clearfix { display: block; }

* html .clearfix { height: 1%; }

.aPad { padding: 10px; }

.highlightBlueTxt { color: #03A0DC; }

.noborder { border: 0; }

.highlightTxt { color: #f7489f; }


/* Benefits Page Styling*/

#benefitsHeadCtr { background: url("benefitsHomeCtr.png"/*tpa=http://www.closerdiets.com/images/benefitsHomeCtr.png*/) #EEEEEE no-repeat top; width: 292px; height: 292px; float: left;  }

#benefitsHeadCtr h3 { font-size: 22px; margin: 10px 0 0 10px; width: 200px; }

#benefitsHeadCtr p { margin: 20px 0 0 10px; width: 135px; }

#benefits_hdtdw { background: url("benefits_hdtdw_bg.png"/*tpa=http://www.closerdiets.com/images/benefits_hdtdw_bg.png*/) no-repeat top left; clear: both; height: 443px; }

#benefits_hdtdw h3 { display: none; }

#benefits_hdtdw h5 { font-size: 14px; }

#benefits_splLeft { float: left; width: 250px; margin:0; padding: 0; position: relative; top: 60px; left: 20px; }

#benefits_splRight { float: left; width: 260px; margin:0; padding: 0; position: relative; top: 60px; left: 50px; }

#benefits_hdtdw p { border-bottom: 1px dotted #F7489F; padding-bottom: 10px; }

#looseweightRow { width: 603px; clear: both; margin-top: 20px; }

#looseweightRow img { text-align:left; float: left; display: block; width: 96px; height: 96px; margin: 0 10px 0 0; border: 1px solid #CCC; padding: 5px; }

#looseweightRow div { border-bottom: 1px dotted #666; padding: 10px 0; }

#looseweightRow h3 { border-bottom: 1px dotted #666; padding-bottom: 5px; }




/* Success Stories */
#successStories h3 { border-bottom: 1px dotted #666; padding-bottom: 5px; }

#successStories div { padding: 10px 0; }





/* The Experts */
#expHeader { background: url("experts_headImg.jpg"/*tpa=http://www.closerdiets.com/images/experts_headImg.jpg*/) no-repeat left; width: 603px; height: 215px; }

#expHeader p { width: 380px; margin: 50px 0 0 210px; }

.theExp { border-bottom: 1px dotted #666; padding: 10px 0 5px 0; }




/* Form Styles */
#helpForm fieldset { margin: 0; padding : 1em; border: 1px solid #CCC; }

/* Style the legend, labels and the div containing the submit button. 
#helpForm { text-align: left; }*/

#helpForm legend { font-weight: bold; color: #333; margin: 0; padding : 0.5em; color: #f7489f; }

#helpForm label { display: inline; width: 10em; float: left; text-align: right; margin-right: 0.5em; display: block; }

#helpForm { clear: both; padding-top: 1em; }


.formStyle { border: 1px solid #F9D2DB; padding: 2px 4px; background: #FBE5EA; color: #333; font-size: 100%; }

#btn_send { background: #fff; border: 0; margin: 15px 0; }

#btn_clear { background: #fff; border: 0; margin: 15px 0; }

.helpInf { list-style:none; }

.altContact { padding-bottom: 20px; }


.wt_kg { position: left; font-family: Arial; width: 45px; color: #666666; font-size: 11px; padding: 1px; }

.htm { position: left; font-family: Arial; width: 45px; color: #666666; font-size: 11px; padding: 1px; }




/* FDP */
#topStuff { padding:0px; margin-bottom:0px; background-color: transparent; position: relative;}	
						
#loseByTable td { vertical-align:top; font-weight:bold; }

span.step { display:block; padding-top:4px; }

#choose img, #person img { float: left; margin-right: 2px; border: 0px; }

#fdpMainDetails select { margin: 5px; font: 11px Arial, Helvetica, sans-serif; width: 50px; }
						
#dietchoice { font: 10px Verdana, Arial, Helvetica, sans-serif; width: 124px; }

div.image_area { position: absolute; left: 200px; top: 8px; width: 320px; height: 42px; z-index:3; visibility: hidden; text-align: left; font: 10px Verdana, Arial, Helvetica, sans-serif; }

div.image_area img { float: left; margin-right: 0px; margin-left: 0px; margin-bottom: 0px; border: 0px; }

div.image_area a, div.image_area a:hover { text-decoration: none; }

.qBG { font: 1.1em Arial, Helvetica, sans-serif bold; background: #F7489F; display: block; padding: 3px 10px; color: #fff; line-height: 25px; margin-bottom: 20px 0 10px 0; }

.qBG img { float: right; position: relative; top: -25px; }	

.qBG a { color: #fff; }

.qpoints { width: 45%; float: left; margin-left: 10px; }

.qpoints2 { width: 30%; float: left; margin-left: 10px; }

#fdpQuestions p.qpadd { margin-left: 10px; }

#fdpSelect { background: #F7489F; vertical-align: top; width: 603px; padding: 3px 10px; }

#fdpSelect p { display: inline; color: #fff; font-weight: bold; margin-right: 10px; }

#fdpSelect select { width: 200px; }

#fdpQuestions h4, #fdp_emailPref h4 { margin: 20px 0 10px 0; color: #F4789F; }

#fdp_emailPref { margin-left: 10px; }

#fdp_emailPref table { color: #f7489f; }

.pointer { cursor:pointer; }

#frame1, #frame2, #frame3, #frame4, #frame5, #frame6, #frame7, #frame8, #frame9, #frame10 { background: #FEEFF6; margin: 0 0 10px 0; border: 1px solid #FDD9EA; padding: 10px; }

select#alcoholcnt { width: 50px; }


#fdpQuestions { padding-bottom: 20px; border-bottom: 1px dotted #ccc; }


							
.cf:after { content: "."; position: absolute;  height: 0; clear: none; visibility: hidden; }

* html .cf {height: 1%;}








/* Members Styling */

.members_sectionHead { font-size: 20px; padding-bottom: 5px; width: 603px; border-bottom: 4px solid #F7489F; margin: 15px 0 30px 0; clear: both; }

.members_sectionHead h2 { float: left; width: 300px; font-size: 20px; padding-bottom: 5px; }

.members_sectionHead h2 span { color: #000; }

#editweight_stage1 select { width: 45px; }

#editweight_stage1 { margin-bottom: 10px; }

.btnContinue { margin-bottom: 20px; }


/* Calendar Styling */

.calMonth { background: #F7489F; color: #fff; width: 187px; margin: 0 0 2px 0; padding: 3px 0; text-align: center; }

.calDay { background: #FEEBF4; width: 25px; text-align: center; line-height: 20px; border: 2px solid #fff;  }

#calCTR { margin-left: 5px; }



/* Homepage */

.btn_myAccount { text-align: right; margin-right: 10px; position: relative; top: 10px; font-weight: bold; }

#members_sqBtn { list-style: none; margin: 0 0 20px -5px; padding: 0; }

ul#members_sqBtn { margin-left: -2px; }

ul#members_sqBtn2 { margin-left: -5px; }

#members_sqBtn li { float: left; margin-right: 5px; }

#members_sqBtn2 { list-style: none; margin: 0 0 20px 0; padding: 0; }

#members_sqBtn2 li { float: left; margin-left: 10px; }

.btnMember_mealplan { background: url("btn_mealplan.jpg"/*tpa=http://www.closerdiets.com/myediets/images/btn_mealplan.jpg*/) no-repeat; }

.btnMember_journal { background: url("btn_journal.jpg"/*tpa=http://www.closerdiets.com/myediets/images/btn_journal.jpg*/) no-repeat; }

.btnMember_tips { background: url("btn_tips.jpg"/*tpa=http://www.closerdiets.com/myediets/images/btn_tips.jpg*/) no-repeat; }

.btnMember_sub { background: url("btn_substitutions.jpg"/*tpa=http://www.closerdiets.com/myediets/images/btn_substitutions.jpg*/) no-repeat; }

.btnMember_diningout { background: url("btn_diningout.jpg"/*tpa=http://www.closerdiets.com/myediets/images/btn_diningout.jpg*/) no-repeat; }

.btnMember_mealplan a, .btnMember_journal a, .btnMember_tips a, .btnMember_sub a, .btnMember_diningout a { display: block; height: 154px; width: 187px; }

#members_sqBtn li span, #members_sqBtn2 li span { display: none; }

.memberHome_weighIn { border: 1px dotted #666; border-width: 1px 0; padding: 5px; }

.memberHome_weighIn strong { color: #f7489f; }

.foodPyramid { float: left; padding: 10px 30px; }


/* Programme Specs */
.btnMembersChangePlan { background: url("btn_changeplan.jpg"/*tpa=http://www.closerdiets.com/myediets/images/btn_changeplan.jpg*/) no-repeat; width: 180px; padding: 0; margin: 0; }

.btnMembersChangePlan span { display: none; visibility: hidden; }

.btnMembersChangePlan a { display: block; height: 54px; padding: 0; margin: 0; }

#programSpecs { background: url("profileBG.jpg"/*tpa=http://www.closerdiets.com/myediets/images/profileBG.jpg*/) repeat-x top #fff; float: left; width: 180px; padding: 10px 0 0 0; }

#programSpecs p { padding: 0 0 0 10px; }

#programSpecs p strong { color: #f7489f; }

#programSpecs h5 { font-family: Arial, Helvetica, sans-serif; font-size: 13px; padding: 0 0 0 10px; font-weight: bold; }

#barChart { margin-left: 10px; width: 410px; height: 210px; }


/* Weigh-in Current Stats */
#weighin_currentStats { border: 1px solid #cccccc; width: 80%; }

#weighin_currentStats td { padding: 5px 10px; background: #efefef; border-bottom: 1px dotted #666; }

.highlightCTR { border: 1px solid #F9D2DB; padding: 2px 4px; background: #FBE5EA; display: block; }


/* Tips */
#members_tipsMainHead { background: url("tips_mainHeadBG.jpg"/*tpa=http://www.closerdiets.com/images/tips_mainHeadBG.jpg*/) no-repeat;height: 200px; }

#members_tipsMainHead p { padding: 30px 0 0 200px; }


#members_supportMainHead { background: url("members_supportMain.jpg"/*tpa=http://www.closerdiets.com/images/members_supportMain.jpg*/) no-repeat; height: 175px; margin-top: 20px; }

#members_supportMainHead p { padding: 50px 0 0 200px; }

#members_supportMainHead .onlineMeeting { background: url("btn_onlinemeeting.jpg"/*tpa=http://www.closerdiets.com/myediets/images/btn_onlinemeeting.jpg*/) no-repeat left; margin-left: 195px; font-weight: bold; }

#members_supportMainHead p.onlineMeeting { padding: 10px 0 10px 50px; }

#members_profileMainHead { margin-top: 20px; }

#members_profileMainHead p, #members_profileMainHead h4 { padding: 50px 0 0 130px; width:247px; }



#members_mealplanMainHead { background: url("members_mealplanMainHead.jpg"/*tpa=http://www.closerdiets.com/images/members_mealplanMainHead.jpg*/) no-repeat right top; height: 175px; width: 410px; float: left; }

#members_mealplanMainHead p { padding: 0; width:215px; }

#members_mealplanMainHead h3 { width:215px; padding-top:22px; }

#members_mealplanMainHead h4 { width:215px; padding-top: 3px; padding-bottom: 5px; }

#members_mealplanMainHead hr { width: 215px; }

.recipesBar { background: #eaeaea; display: block; padding: 5px; psoition: relative; top: 30px; }




/* Fitness */

#fitnessHomeCP { clear: both; margin-bottom: 10px; }

.myworkout { color: #fff; background: #F7489F url("symbol_workout.gif"/*tpa=http://www.closerdiets.com/myediets/images/symbol_workout.gif*/) no-repeat left; line-height:20px; margin: 0; text-indent: 40px; line-height: 30px; font-size: 14px; font-weight: bold;}

.workoutcheckin { color: #fff; background: #F7489F url("symbol_checkin.gif"/*tpa=http://www.closerdiets.com/myediets/images/symbol_checkin.gif*/) no-repeat left; line-height: 20px; margin: 0; text-indent: 40px; line-height: 30px; font-size: 14px; font-weight: bold; }

.changeworkout { color: #fff; background: #F7489F url("symbol_changeworkout.gif"/*tpa=http://www.closerdiets.com/myediets/images/symbol_changeworkout.gif*/) no-repeat left; line-height: 20px; margin: 0; text-indent: 40px; line-height: 30px; font-size: 14px; font-weight: bold; }

.imgfloatLeft { float: left; }

#fitness_CP { float: left; width: 400px; }

#fitness_CP ul { margin: 0 0 10px 0; padding: 5px 10px; }

.fitness_CP { background: #EAEAEA; margin: 0 0 10px 0; padding: 5px 10px 1px 10px; }

.fitness_CP li { display: inline; }

.members_homeSnipet { clear: both; height: 116px; padding-top: 10px; }

.members_homeSnipet img { float: left; padding: 3px; border: 1px solid #ccc; margin-right: 10px; }

.members_profileSnipet { clear: both; float:left; height: 175px; padding-top: 10px; width: 390px; }

.members_profileSnipet img { float: left; padding: 3px; border: 1px solid #ccc; margin-right: 10px; }

.floatRight { float: right; }

ul#fitnessTabs { margin: 0 0 -4px 0; padding: 0;}

ul#fitnessTabs li { margin-right: -3px; }

ul#fitnessTabs2 { margin: 0 0 5px 0; padding: 0;}

ul#fitnessTabs2 li { margin-right: -3px; }

.btnRefresh { padding: 5px; }



.workout_splitContainer { width: 250px; float: left; }

.bmiTable { background: #efefef; }

.bmiTable td { padding: 5px; }

.chartTable { width: 603px; }

#chartTable .chartTableTopRow, #chartTable2 .chartTableTopRow { background: #f7489f; color: #fff; }

#chartTable { background: #efefef; width:100%; }

#chartTable td { padding: 5px; }

#chartTable2 { background: #efefef; width:100%; }

#chartTable2 td { padding: 5px; }

#chartTable tr,#chartTable2 tr { border-bottom: 1px solid #fff;  }

.chartTableTopRow a { color: #fff; text-decoration: none; }




.classname { background: #efefef; }



/* Collapsable Div */

.expandable { display: none; }




/*Miscellaneous*/
td.bgdown { background-repeat:repeat-y; }

td.bgacross { background-repeat:repeat-x; }

td.bgonce { background-repeat:no-repeat; }

td.bdr { border-top:1px; border-bottom:1px; border-left:1px; border-right:0; border-style:solid; border-color:#d8e5ba; margin:0; }

td.bdr2 { border-top:1px; border-bottom:1px; border-right:1px; border-left:0; border-collapse: collapse; border-style:solid; border-color:#d8e5ba; margin:0; }

.server { color:white; }

.server2 {color:#EFEFEF;}

#termsandcond { border-top:1px dotted #ccc; }

#termsandcond p { font:10px/12px Arial, sans-serif; color:#666; }

img.sample { padding:0; margin:10px 10px 10px 0; } 

.sectionHead { font-size: 20px; padding-bottom: 5px; width: 100%; border-bottom: 4px solid #F7489F; margin: 10px 0; }

.sectionHead span { color: #000; }

.sectionHeadDining { font-size: 20px; padding-bottom: 5px; width: 503px; border-bottom: 4px solid #F7489F; margin-bottom: 10px; }

.sectionSubHead { padding-bottom: 5px; border-bottom: 1px dotted #999999; margin-top: 20px; }

.blackTxt { color: #000; }

.joinImg { margin: 15px 0; }

#barGraphCTR { background: url("bargraphBG.jpg"/*tpa=http://www.closerdiets.com/images/bargraphBG.jpg*/) repeat-x bottom; border: 1px solid #ccc; margin: 10px; height: 125px; }

.welcometo { float: left; }

.verd11blue {font-size: 11px; color: #315A60; font-family: Arial, Helvetica, san-serif;}
	
.menuskin { position:absolute; width:300px; background: #efefef; border:1px solid #ccc; font:normal 11px Arial, Helvetica, sans-serif; line-height:18px; z-index:100; visibility:hidden; padding: 10px; }

.menuskin a { text-decoration:none; color:#f7489f; padding: 0 10px; }

##mouseoverstyle a { color:white; }

.list_xxo li { float: left; width: 50%; }

.alert { color: #03A0DC; font-weight: normal; }

.HPNewsImg { border: 1px solid #ccc; padding: 3px; }

#othernewsitems { margin: 5px 10px; padding-bottom: 5px; }

#othernewsitems a { color: #333; margin-bottom: 5px; }

.txtBlack { color: #000; }

.dotw {	color: #fff; text-align:center; font-family: Lucida Sans, Arial, Helvetica, sans-serif; padding: 5px; }

.padMargNull { padding: 0; margin: 0; }


#ExerciseMenu { background: #FFF0F8; padding: 10px; width: 180px; float: left; }
#ExerciseContent { width: 390px; float: left; margin-right: 10px; }

#ExerciseJournalMenu {width: 200px; float: left;}

.changeplanBG { background: url("changeplan_img.jpg"/*tpa=http://www.closerdiets.com/myediets/images/changeplan_img.jpg*/) no-repeat right top; height: 200px }
.changeplanBG p {width: 350px;}

.onlineMeeting { background: url("btn_onlinemeeting.jpg"/*tpa=http://www.closerdiets.com/myediets/images/btn_onlinemeeting.jpg*/) no-repeat left; padding: 20px 20px 0px 47px; font-weight: bold; float:left; margin-top:5px;}

.team_bikini img{ border:0px; padding-bottom:10px; }

.fiveReasons{background:url("5_reasons_bg.jpg"/*tpa=http://www.closerdiets.com/dietprofile2/images/5_reasons_bg.jpg*/) no-repeat left top; height:658; width:450px; padding:30px 50px 0px 50px; margin:10px 0 0 0;}
.fiveReasons h3{text-align:right; color:#000000; padding-bottom:20px;}
.fiveReasons .joinImg{padding:0 0 0 50px;}

#results hr{padding:10px 0 0 10px;}
#results #weightResults  {margin-left:0px; margin-top:15px; background-color:f6f6f6; padding:10px 12px 10px 10px;}
#results #weightResults li {display:inline; list-style-type:none; font-size:1.1em; text-align:left;}
#results .joinImg{margin-left:100px;}


#bmiNote{border:1px solid #e8e8e8; background-color:#FFF6FB; text-align:center;}
#bmiNote td{padding:10px; margin-bottom:20px;}
#bmiNote p{margin-bottom:0px;}

.ProfAnHead { padding-bottom: 5px; border-bottom: 1px dotted #999999; margin-top: 30px; }

.selectedDietImg{float:left; border:3px solid #e8e8e8; margin-right:10px;}