/* form field backgrounds */ /************************************************************************/ /* jQuery is used to add .narrow, .medium or .wide classes to form fields. These classes drive the styles below */ input:active, input:focus, select:active, select:focus { outline:0; } input.text { background:url(/assets/images/forms/form.png) 0 0 no-repeat; padding:4px; border:none; border-bottom:1px solid #cecece; border-right:1px solid #cecece; font-size:1.2em; } select { height:20px; padding:0 2px 0 0; border:none; } select.narrow { width:96px; background:transparent url(/assets/images/forms/form.png) 0 -120px no-repeat; } select.medium { width: 166px; background:transparent url(/assets/images/forms/form.png) 0 -90px no-repeat; } select.wide { width:269px; background:transparent url(/assets/images/forms/form.png) 0 -60px no-repeat; } body.myalliplan #backTopLink { display:none; } .error_message { background:transparent url(/assets/images/icons/icon_error_bg.gif) no-repeat scroll left 50% !important; color:Red; padding:0 0 0 15px; font-size:1.2em; } .hidden { display:none; } /************************************************************************/ /* Alli tools forms */ /************************************************************************/ /* login page */ body.signin #column1 { padding-top:40px; width:100%; } body.myalliplanstart #column1, body.mycheckin #column1 { margin:62px 0 20px; padding:15px 39px 0 38px; } body.signin.fullwidth h1 { font-size:3em; margin:0 0 20px; padding:0; } div.authPanel { float:left; margin:0 5px 20px 21px; width:437px; } div.authPanelContent { text-align:left; border:1px solid #CCCCCC; height:250px; overflow:hidden; padding:24px; } div#returnUserPanel span { display:none; } div#returnUserPanel a { font-size:1.2em; } div#returnUserPanel .AspNet-Login { overflow:hidden; padding:15px 0 0; } div#returnUserPanel .AspNet-Login-UserPanel { float:left; width:100%; } div#returnUserPanel .AspNet-Login-PasswordPanel { float:left; width:100%; } div#returnUserPanel input { display:inline; float:left; margin:11px 0 10px 13px; width:250px; } div#returnUserPanel input.loginButton { border:0 none; background:transparent url(/assets/images/icons/icon_greenarrow.gif) no-repeat scroll left top; color:#FFFFFF; display:block; float:left; font-size:1.6em; height:36px; line-height:2; margin:5px 250px 5px 0; float:left; clear:both; text-indent:5px; width:121px; display:inline; } div#returnUserPanel label { display:block; float:left; font-size:1.6em; font-weight:bold; padding:14px 0; width:115px; clear:left; } div#returnUserPanel label em { font-style:normal; } div#returnUserPanel a.forgottenDetails { font-size:1.2em; display:block; margin-top:15px; } div#returnUserPanel div.AspNet-Login-SubmitPanel input { background:transparent url(/assets/images/icons/icon_greenarrow.gif) no-repeat scroll left top; color:#FFFFFF; display:block; float:right; font-size:1.6em; height:36px; margin:20px 0 10px; width:121px; border:0; } div#returnUserPanel div.AspNet-Login-SubmitPanel a { color:#fff; display:block; padding:9px 40px; } #returnUserPanel h2, #newUserPanel h2 { color:#39892F; margin-bottom:10px; margin-top:0; padding-bottom:15px; text-indent:24px; text-align:left; } #registerLink { text-align:center; background: url(/assets/images/icon_greenarrow.gif) no-repeat scroll left top; color:#FFFFFF; display:block; float:right; font-size:1.6em; height:36px; line-height:2; margin:25px 0 0; text-indent:5px; width:121px; } #returnUserPanel h2, #newUserPanel h2, body.registeruser div.authPanel h2 { color:#39892F; margin-bottom:10px; margin-top:20px; padding-bottom:15px; text-indent:24px; } #registerLink, #notyet { background: url(/assets/images/icons/icon_greenarrow.gif) no-repeat scroll left top; color:#FFFFFF; display:block; float:right; font-size:1.6em; height:36px; line-height:2; margin:25px 0 0; text-indent:5px; width:101px; padding:0 10px; } #notyet { float:left; width:110px; padding-left:28px; font-size:1.4em; } body.signin #registerLink { font-size:1.2em; line-height:1.4em; } /* my account */ div#myaccount { float:left; margin:19px; } div#myaccount fieldset ol { float:left; width:600px; } div#myaccount fieldset span { background:transparent none repeat scroll 0 0; color:#666666; font-size:1.2em; margin:14px 0 0; padding:0; top:0; } div#myaccount fieldset span.validator { text-indent:-9999px; } div#myaccount fieldset li.error span { text-indent:0; top:-4px; font-size:1.6em; left:9px; } .register .justCheckBox input { width:auto; } div#myaccount input.saveMyAccountDetails { background:transparent url(/assets/images/icons/buttons.png) no-repeat scroll -400px -30px; border:0 none; height:22px; text-indent:-9999px !important; width:80px; margin:10px 0 0 272px; line-height: 0px; } div#myaccount fieldset span.saved { background:transparent url(/assets/images/icons/icons_greentick.png) no-repeat scroll left center; height:auto; margin:0 0 20px; padding:5px 0 5px 20px; position:static; } span.saved.greenTick {float:left; width:100%; } /* register page */ .register fieldset { width:600px; border:1px solid #ccc; padding:20px; margin-bottom:25px; } .register fieldset p { font-size:1.4em; margin-bottom:20px; } .register fieldset ol p { font-size:1.3em; margin-bottom:10px; color:black; } .register legend { color:#38992F; font-size:1.4em; font-weight:bold; margin-left:10px; padding:0 10px; } .register fieldset ol { border-bottom:1px solid #ccc; overflow:hidden; margin:0; } .register fieldset li { clear:left; padding:14px 10px 23px; border:1px solid #ccc; border-bottom:none; overflow:hidden; position:relative; vertical-align:top; list-style-type:none; min-height:2em; } .register fieldset span { display:none; position:absolute; bottom:4px; left:250px; float:none; display:inline; padding:0 0 0 15px ; font-size:1.1em; height:16px; color:#39892f; /*background:transparent url(/assets/images/icons/icon_error_bg.gif) left 50% no-repeat;*/ } .register fieldset span.info { background:none; padding:0; } .register fieldset span.startedalli { position:static; background-image:none; } .register fieldset span.acceptterms { background-image:none; display:inline; padding:0; width:auto; } .register fieldset span.error { width:320px; } .register label { display:block; text-align:left; font-weight:bold; float:left; font-size:1.3em; width:220px; margin-right:20px; color:#666; } .register input, .register select, .register textarea { float:left; } .register input { width:280px; } .register fieldset span.startedalli input { margin-right:10px; margin-top:0; width:auto; } .register textarea { width:300px; font-size:1.4em; padding:2px; background-color:#ffffcd; } .register .otherinfo { margin-left:240px; } .register table.radiogroup input { width:auto; margin-top:0;} .register li.error span.validator, .register li#bmiLi span.validator { left:-4px; position:absolute; top:10px; } .register li#bmiLi p { margin:0 0 15px; } .register li#calendarLi, .register li#calendarLi.error { position:static; overflow:visible; } .register li#calendarLi.error span.validator { bottom:auto; left:-256px !important; position:relative; right:auto; top:-43px !important; } .ajax__calendar .ajax__calendar_container { z-index:5000; } .register p.whatsactivity { line-height:1; } div#plaseConfirm { color:#666666; font-size:1.2em; } div#confirmContainer { margin:0; padding-bottom:45px; } div#confirmContainer a:hover { text-decoration:underline; } p#describeBMI { padding-top:10px; } li#bmiLi p { padding-top:10px; } li#bmiLi span { position:static; } div.register_form li span, body.forgot .register li span { text-indent:-9999px; } div.register_form li.error span, div.register_form li#selectWeight span, div.register_form li#selectHeight span, body.forgot .register li.error span { text-indent:0; } #column1 .register p { clear:both; float:none; margin:0 53px 1em 0; color:#666; } #column1 .register p.bmireportval { clear:none; float:none; display:inline; font-size:1.6em; margin:0 0 20px 15px; } #column1 .register input.calcbmibutton { margin-left:240px; display:inline-block; float:none; width:70px; height:22px; border:none; background:transparent url(/assets/images/icons/buttons.png) -100px 0 no-repeat; cursor:pointer; } .register input.clearbutton { margin-left:240px; display:inline-block; float:left; width:70px; height:22px; border:none; background:transparent url(/assets/images/icons/buttons.png) -200px 0 no-repeat; cursor:pointer; } .register span.acceptterms { display:block; position:static; width:100%; margin:0 0 20px 0; overflow:hidden; } .register span.acceptterms input { float:left; width:13px; height:13px; margin:0 5px 0 0; } .register span.acceptterms label { float:left; width:80%; font-size:1.2em; line-height:0.9em; } .register input.registeruserbutton, .register input.registeruserbuttondisabled { margin-left:225px; display:inline-block; float:none; clear:both; width:70px; height:22px; border:none; background:transparent url(/assets/images/icons/buttons.png) -300px 0 no-repeat; cursor:pointer; margin-bottom:25px; } .register input.registeruserbuttondisabled { background-position:-400px 0; } #column1 .thankyoutext { font-weight:bold; } #column1.register_form li#selectWeight span.bmiCustom { clear:both; display:block; font-size:1em; padding:10px 0; position:static; width:100%; } #ctl00_masterPageContent_createUserWizard_StartNavigationTemplateContainerID_StartNextButton, .arrowContinueLink { position:absolute; background:transparent url(/assets/images/icons/icon_greenarrow.gif) no-repeat scroll left top; border:0 none; color:#FFFFFF; cursor:pointer; display:block; font-size:1.6em; height:36px; line-height:2; margin:10px 0 0 520px; text-indent:6px; width:121px !important; } .arrowContinueLink.thank_you { margin-left:0; text-indent:30px; } .arrowContinueLink.thank_you:hover { color:#fff; } .selectDD { margin-left:240px; margin-top:5px; } #forgotError { border:1px solid red; color:red; font-size:1.2em; margin:30px 0 5px; padding:15px 10px 15px 23px; text-align:left; } #forgotError span { font-size:1em; background:transparent url(/assets/images/icons/icon_iconmap.png) no-repeat scroll -150px -109px; padding-left:20px; } .register fieldset li#registerLi { padding-left:10px; padding-bottom:0; } /* weight input control - register user context */ li#selectWeight { background:transparent none repeat scroll 0 0; position:relative; list-style :none; } li#selectWeight div div { display:inline-block; height:50px; width:330px; overflow:hidden; } li#selectWeight label { margin-right:15px; float:left; display:inline; margin-top:8px; width:auto; } li#selectWeight span { color:#666; float:none; } li#selectWeight span.stones_error, li#selectWeight span.kg_error { bottom:auto; left:-5px; position:absolute !important; top:12px; } li#selectWeight span.pounds_error { bottom:auto; left:-5px; position:absolute !important; top:37px; } li#selectWeight input {margin:5px 5px 10px 0; width:100px; } li#selectHeight label { display:inline; float:left; margin-right:15px; margin-top:8px; width:auto; } li#selectHeight input { margin:5px 5px 10px 0; width:100px; } #column1.register_form li#selectWeight , #column1.register_form li#selectHeight { height:auto; padding-bottom:20px; } #column1.register_form li#selectWeight.error , #column1.register_form li#selectHeight.error { padding-top:30px !important; background:#FEF3F4; } #column1.register_form li#selectWeight div.selectWeightInner { overflow:hidden; } #column1.register_form li#selectWeight span.validator, #column1.register_form li#selectHeight span.validator { text-indent:-9999px; position:static; height:auto; width:auto; font-size:1.6em; left:-4px; } #column1.register_form li#selectWeight.error span.validator, #column1.register_form li#selectHeight.error span.validator { text-indent:0; } #column1.register_form li#selectWeight span.weight_label, #column1.register_form li#selectHeight span.height_label { background:transparent none repeat scroll 0 0; color:#666666; display:block; float:left !important; font-size:1.3em; font-weight:bold; padding:0; position:static; width:220px; } #column1.register_form li#selectWeight div.weighttype, #column1.register_form li#selectHeight div.heighttype { height:30px; display:none; float:left; margin:0 0 0 20px; width:335px; } #column1.register_form li#selectWeight div.weighttype span, #column1.register_form li#selectHeight div.heighttype span { background:transparent none repeat scroll 0 0; display:inline-block; float:left; height:auto; margin:0; padding:0; width:142px; } #column1.register_form li#selectWeight div.weighttype span input, #column1.register_form li#selectHeight div.heighttype span input { display:inline; height:auto; margin:0; width:auto; } #column1.register_form li#selectWeight div.weighttype span label, #column1.register_form li#selectHeight div.heighttype span label { font-size:1.2em; font-weight:normal; margin:0 0 0 5px; width:102px; } #column1.register_form li#selectWeight div.weightimperialoptions, #column1.register_form li#selectWeight div.weightmetricoptions, #column1.register_form li#selectHeight div.heightimperialoptions, #column1.register_form li#selectHeight div.heightmetricoptions { display:inline-block; float:left; margin:0 0 0 240px; height:auto; width:300px; } #column1.register_form li#selectWeight div.weightimperialoptions input, #column1.register_form li#selectWeight div.weightmetricoptions input, #column1.register_form li#selectHeight div.heightimperialoptions input, #column1.register_form li#selectHeight div.heightmetricoptions input { margin:0; float:left; display:inline; text-align:right; } #column1.register_form li#selectHeight div.heightimperialoptions input, #column1.register_form li#selectHeight div.heightmetricoptions input { width:100px; } #column1.register_form li#selectWeight div.weightimperialoptions label, #column1.register_form li#selectWeight div.weightmetricoptions label, #column1.register_form li#selectHeight div.heightimperialoptions label, #column1.register_form li#selectHeight div.heightmetricoptions label { margin:6px 18px 0 5px; } #column1.register_form li#selectWeight div.weightimperialoptions span.stones_error, #column1.register_form li#selectWeight div.weightimperialoptions span.pounds_error, #column1.register_form li#selectWeight div.weightmetricoptions span.kg_error, #column1.register_form li#selectHeight div.heightmetricoptions span.cm_error, #column1.register_form li#selectHeight div.heightimperialoptions span.feet_error, #column1.register_form li#selectHeight div.heightimperialoptions span.inches_error { background:transparent; width:130px; padding:0; position:absolute; left:auto; top:auto; right:auto; bottom:auto; } #column1.register_form li#selectWeight div.weightimperialoptions span.stones_error, #column1.register_form li#selectWeight div.weightmetricoptions span.kg_error { bottom:auto; left:-5px; position:absolute !important; top:12px; } #column1.register_form li#selectWeight div.weightimperialoptions span.pounds_error { bottom:auto; left:-5px; position:absolute !important; top:37px; } #column1.register_form li#selectHeight span.feet_error, #column1.register_form li#selectHeight span.cm_error { bottom:auto; left:-5px; position:absolute !important; top:12px; } #column1.register_form li#selectHeight span.inches_error { bottom:auto; left:-5px; position:absolute !important; top:37px; } body.registeruser p { clear:both; } /* validation errors */ #column1.register_form li#selectWeight div.weightimperialoptions span.stones_error { left:250px; top:74px; } #column1.register_form li#selectWeight div.weightimperialoptions span.pounds_error { left:392px; top:74px; } #column1.register_form li#selectWeight div.weightmetricoptions span.kg_error { left:250px; top:74px; } body.registeruser div.authPanel { margin-left:0; } body.registeruser div.authPanel div.authPanelContent { height:60px; } body.registeruser div.authPanel div.authPanelContent a.arrowContinueLink { background:transparent url(/assets/images/icons/icon_greenarrow.gif) no-repeat scroll left top; color:#FFFFFF; display:block; float:right; font-size:1.6em; height:36px; line-height:2; margin:25px 0 0; width:121px; margin-left:0; } body.registeruser div#newUserPanel.authPanel div.authPanelContent a.arrowContinueLink { text-indent:17px; } #activityBriefHidden { background:#fff; } #whatsMyPlanHidden { width:95%; background:#fff; } #thankyouButtons { } #thankyouButtons input { } #thankyouButtons a { } #thankyouButtons a.joinPlan { margin-left:200px; text-indent:18px; } #thankyouButtons a.joinMyPlan { margin-left:200px; text-indent:47px; } #thankyouButtons a.joinMyPlan:hover { color:#fff; } #thankyouButtons a.Yes { margin-left:200px; text-indent:43px; } #thankyouButtons a.joinPlan:hover { color:#fff; } /**********************************************************************************************************/ /* =Tools */ /**********************************************************************************************************/ /* recipe actions */ #container #content_main ul.actionsRow { display:block; margin:0; padding:0; overflow:hidden; } #container #content_main ul.actionsRow li { width:auto; margin:0; border:0; padding:0; } #container #content_main ul.actionsRow li a.linkbutton { display:block; width:auto !important; line-height:1; color:#666; text-decoration:none; padding:2px 0 3px 20px; margin:0 15px 2px 0; background: transparent url(/assets/images/icons/icon_iconmap.png) no-repeat scroll -149px 0; font-size:1.2em !important; } #container #content_main ul.actionsRow li a:hover { text-decoration:underline; } #container #content_main ul.actionsRow li a.linkbutton.remove { background-position:-149px -250px !important;} div#bannerSub a.inlineSifrLink { display:block; font-size:2em; line-height:1; margin-top:10px; padding-right:0; padding-top:10px; text-transform:lowercase; width:114px; cursor:pointer; } div#bannerSub a.inlineSifrLink object{ cursor:pointer;} #container #content_main #mealPlannerRecipes ul.actionsRow li a.linkbutton { background: transparent url(/assets/images/icons/icon_iconmap.png) no-repeat scroll -149px 3px; } /********************************************************************************/ /* Mini Tool Widgets */ /* tool blue subnav */ .miniToolNav { width:100%; color:white; background:#016E8D url(/assets/images/backgrounds/background_trackertool_nav.gif) repeat-x; overflow:hidden; } .miniToolNav li { float:left; padding-bottom:14px; } .miniToolNav li.in { background:transparent url(/assets/images/icons/icons_trackertool_nav_selected.gif) center bottom no-repeat; } .miniToolNav li a { display:block; text-align:center; font-size:1.2em; font-weight:bold; padding:0 10px; margin:7px 0 0 0; border-right:1px solid white; color:#cbccc7; } .miniToolNav li.in a { color:white; } .miniToolNav li.last a { border-right:none; } /* triple height */ .miniToolNav.doubleHeight { background-position:0 20px; } .miniToolNav.doubleHeight li { } .miniToolNav.doubleHeight li a { float:left; height:36px; padding:0 15px; } .miniToolNav.doubleHeight li a br { height:0; line-height:0; } .miniToolNav.doubleHeight li a span { line-height:1; display:block; margin-top:4px; } .miniToolNav.doubleHeight li a span.oneLineLink, .miniToolNav.doubleHeight li a span.twoLineLink { margin-top:10px; } /********************************************************************************/ /* mini meal planner */ #mealPlannerRecipes { padding:0 5px 10px 15px; } #mealPlannerRecipes h2 { margin-top:14px; } #mealPlannerRecipes h2#mealPlannerTitle { line-height:1; margin:16px 0 10px !important; padding:0 !important; text-transform:none; } #mealPlannerRecipes h2 span { font-size:0.8em; text-transform:none; display:block; } #mealPlannerRecipes a { font-size:1.2em; } #mealPlannerRecipes a:hover { text-decoration:underline; } #mealPlannerRecipes .jcarousel-container-horizontal { position:relative; width: 400px; height:100%; padding: 0; } #mealPlannerRecipes { margin-bottom:0; overflow:hidden; padding-top:0; } #mealPlannerRecipes h3#prevTitle { font-weight:bold; } #mealPlanStats { margin:10px 0; width:100%; } #mealPlanStats ul { overflow:hidden; } #mealPlanStats li { float:left; font-size:1.2em; color:#666; clear:both; width:350px;} #mealPlanStats li span { color:#b15210; } #mealPlannerRecipes input.resetbutton { cursor:pointer } /* faqs */ .mealplantips { height:298px; margin:0 0 0 10px; padding:8px 10px 0 0; color:#666; overflow:auto; } .mealplantips li { font-size:1.2em; list-style-type:decimal; } .mealplantips li p { font-size:1em; } .mealplantips a.moretips { display:block; font-size:1.2em; margin:20px 10px 20px 35px; } .mealplantips a.moretips:hover { text-decoration:underline; } /********************************************************************************/ /* mini recipe tool */ .recipesMiniTool { margin:5px 10px; } .recipeButton { display:block; float:left; width:70px; height:22px; margin-left:10px; text-indent:-9999px; background:url(/assets/images/icons/buttons.png) -100px -30px no-repeat; border:none; cursor:pointer; color:#FFFFFF; padding:2px 8px; text-transform:lowercase;} label.recipeSearchList { display:block; font-size:1.4em; font-weight:bold; padding:14px 0 23px; text-align:left; width:100%; } /* item filters */ .recipesMiniTool div#itemFilters { clear:left; padding:0; } .recipesMiniTool div#itemFilters ul li { display:inline; float:left; margin-right:15px; } .recipesMiniTool div#itemFilters ul li a { display:block; } .recipesMiniTool h2 { line-height:1; margin:0; } body.myalliplan div.recipesMiniTool #searchContainer input.recipeSearch { margin-right:16px !important; } #column1 ul#miniResults { overflow:hidden; padding:0 2px 0 0; } #column1 ul#miniResults li { display:block; margin:10px 0 0; padding-bottom:4px; overflow:hidden; width:100%; border-bottom:1px solid #e0e0e0; } #column1 ul#miniResults li img { display:inline-block; float:left; width:110px; height:76px; padding-right:10px; } #column1 ul#miniResults li ul li a { width:222px !important; } #column1 ul#miniResults li h3 { font-weight:bold; font-style:italic; line-height:1; font-size:1.2em; margin-bottom:1px; } #column1 ul#miniResults li h3 a:hover { text-decoration:underline; } #column1 ul#miniResults li .recipeTeaserContent { margin:0 0 0 85px; padding:0 0 0 5px; } #column1 ul#miniResults li .recipeTeaserContent p { line-height:1; margin:0; font-size:1.1em; padding-top:3px; } #column1 div.recipesMiniTool ul#miniResults li .recipeTeaserContent p { padding-bottom:5px; } #column1 ul#miniResults li .recipeTeaserContent span { float:none; font-size:1em; color:#666; display:inline; } #column1 ul#miniResults li .recipeActions { margin:0 0 0 85px; padding:5px 0 0 0; overflow:hidden; } /********************************************************************************/ /* mini weight loss tracker */ div.wltt { padding:0 5px 0 5px; } #weightLossTrackerContent { padding:15px 5px 10px 15px; } #weightLossTrackerContent h2 { margin-top:14px; font-size:1.4em; } #weightLossTrackerContent ol { list-style:none; margin:0; position:relative; } #weightLossTrackerContent ol li { position:relative; clear:both; font-size:1.2em; margin-bottom:10px; color:#666; overflow:hidden; } #weightLossTrackerContent ol li#selectWeight { margin-bottom:0; } #weightLossTrackerContent ol li#selectWeight.error { padding-top:20px !important; } #weightLossTrackerContent ol li#weighInLi { overflow:hidden; position:relative; } #weightLossTrackerContent label { float:left; width:200px; } #weightLossTrackerContent input.text { float:left; display:block; width:66px; text-align:right; font-size:0.9em; padding:3px 2px 2px 3px; margin:5px 5px 0 0; } #weightLossTrackerContent select { position:absolute; top:0px; right:18px; width:97px; font-size:1em; padding:2px 3px 2px 2px; margin:0 0 0 10px; border:none; background:transparent url(/assets/images/forms/form.png) 0 0 no-repeat; border-right:1px solid #cecece; border-bottom:1px solid #cecece; } #weightLossTrackerContent ul.contentlist { margin:10px 10px 0 0; clear:both; } #weightLossTrackerContent ul.contentlist li { position:relative; overflow:hidden; } #weightLossTrackerContent ul.contentlist li.nobg { background-image:none; } #weightLossTrackerContent ul.contentlist li span { color:#b15210; } #weightLossTrackerContent ul.contentlist a { position:absolute; top:0; right:0; } #weightLossTrackerContent input.savebutton { background:transparent url(/assets/images/icons/buttons.png) no-repeat scroll 0 -30px; border:medium none; clear:none; cursor:pointer; display:block; float:left; height:22px; margin:0; outline-color:-moz-use-text-color; outline-style:none; outline-width:medium; text-indent:-9999px; width:70px; } #weightLossTrackerContent ul.contentlist li div span { float:left; width:131px; color:#666; } #weightLossTrackerContent span.error { position:absolute; top:20px; left:200px; display:block; } #weightLossTrackerContent div.newactivitylevel, #weightLossTrackerContent div.changegoalweight { position:relative; margin-top:15px; padding-bottom:3px; } #weightLossTrackerContent div.changegoalweight input { } #weightLossTrackerContent div.changegoalweight label { color:#666666; display:block; font-size:1.2em; line-height:2.5; width:40px; } #weightLossTrackerContent div#changegoalweightlower input.savebutton { margin-top:20px !important; } #weightLossTrackerContent div.newactivitylevel input { position:absolute; right:40px; top:-2px; } #weightLossTrackerContent div.changegoalweight span.error { bottom:auto; font-size:1.6em; font-weight:bold; left:-4px; line-height:1; margin:0; position:absolute; top:-16px; } #weightLossTrackerContent div.newactivitylevel select { position:static; font-size:0.9em; padding:2px 3px 4px 2px; margin:0 0 3px; background:url(/assets/images/forms/form.png) 0 -120px no-repeat; } #weightLossTrackerContent select.narrow { width:96px !important; background:transparent url(/assets/images/forms/form.png) no-repeat scroll 0 -120px !important; } #weightLossTrackerContent li#selectWeight div div {height:auto; } span.stones_error, span.pounds_error, span.kg_error { height:auto; } #weightLossTrackerContent div.panelresults ul.contentlist li div span { width:150px; } #weightLossTrackerContent li#weighInLi div#weighin input { background:transparent url(/assets/images/icons/buttons.png) no-repeat scroll -300px -30px; border:0 none; cursor:pointer; display:block; float:left; height:22px; outline-color:-moz-use-text-color; outline-style:none; outline-width:medium; text-indent:-9999px; width:73px; margin:0 0 0; } #weightLossTrackerContent ul.contentlist div.changegoalweight input.savebutton { margin:0 0 0 20px;} #weightLossTrackerContent li#selectWeight span.stones_error { bottom:auto; font-size:1.2em; height:auto; top:0; width:auto; left:0; } #weightLossTrackerContent li#selectWeight span.pounds_error { font-size:1.2em; left:0; top:16px; } #weightLossTrackerContent div.changegoalweight li#selectWeight span.stones_error { font-size:1.4em; } #weightLossTrackerContent div.changegoalweight li#selectWeight span.pounds_error { font-size:1.4em; } #weightLossTrackerContent li#selectWeight label.stones_label { margin-right:25px; } #weightLossTrackerContent li#selectWeight div div { width:auto; padding-bottom:5px; } #weightLossTrackerContent div.panelresults { margin-top:20px; } #weightLossTrackerContent div.panelresults span { color:#666; font-size:1.2em; line-height:1.6; } #weightLossTrackerContent div.panelresults span.weight_label { color:#666; } #weightLossTrackerContent div.panelresults h2 { margin-top:10px; width:100%; clear:both; } #weightLossTrackerContent div.panelresults #progresswrapper { padding:15px 14px 7px 14px; margin-bottom:20px; background:#f5f5f5; } #weightLossTrackerContent div.panelresults #progressbg { height:13px; background:#ccc; } #weightLossTrackerContent div.panelresults #progress { width:0; height:13px; background:url(/assets/images/backgrounds/background_trackertool_progress.png) repeat-x; } #weightLossTrackerContent div.panelresults #progresswrapper ul { overflow:hidden; } #weightLossTrackerContent div.panelresults #progresswrapper li { color:#666; width:180px; float:left; font-style:italic; } #weightLossTrackerContent div.panelresults #progresswrapper li.endProgress { float:right; text-align:right; } #weightLossTrackerContent .panelresults .changegoalweight { position:relative; left:20px; float:left; width:350px; } #weightLossTrackerContent .panelresults .changegoalweight ul { width:220px; float:left; } #weightLossTrackerContent .panelresults .changegoalweight li#selectWeight div.selectWeightInner div { width:300px; } #weightLossTrackerContent .panelresults li#selectWeight div.selectWeightInner { font-size:1.2em; } #weightLossTrackerContent .panelresults li#selectWeight div.selectWeightInner label.unitLabel { color:#666; } #weightLossTrackerContent .panelresults li#selectWeight div.selectWeightInner div.weightmetricoptions span.kg_error { left:0; top:40px; } #weightLossTrackerContent .panelresults li#selectWeight div.selectWeightInner div.weightimperialoptions span.stones_error { left:0; top:40px; } #weightLossTrackerContent .panelresults li#selectWeight div.selectWeightInner div.weightimperialoptions span.pounds_error { left:167px; top:42px; } li#selectWeight span.kg_error { bottom:auto; font-size:1.2em; left:0; position:absolute !important; top:12px; } #weightLossTrackerContent div#changegoalweightlower { padding-bottom:10px; overflow:hidden; } #weightLossTrackerContent div#changegoalweightlower div.changegoalweight { width:100%; } #weightLossTrackerContent div#changegoalweightlower div.changegoalweight ul { width:100%; } #weightLossTrackerContent div#changegoalweightlower div.changegoalweight ul li#selectWeight { } #weightLossTrackerContent div#changegoalweightlower div.changegoalweight ul li#selectWeight.error { padding-top:15px !important; } #weightLossTrackerContent div#changegoalweightlower div.changegoalweight ul li#selectWeight div.selectWeightInner div { float:left; width:225px; padding:0; margin:0; } #weightLossTrackerContent div#changegoalweightlower div.changegoalweight ul li#selectWeight span.weight_label { float:left; width:130px; clear:none; display:block; } #weightLossTrackerContent div#changegoalweightlower div.changegoalweight ul li#selectWeight span.error { bottom:auto; left:0; width:400px; } #weightLossTrackerContent div#changegoalweightlower div.changegoalweight ul li#selectWeight span.kg_error, #weightLossTrackerContent div#changegoalweightlower div.changegoalweight ul li#selectWeight span.stones_error { top:-16px; font-size:1.4em; } #weightLossTrackerContent div#changegoalweightlower div.changegoalweight ul li#selectWeight span.pounds_error { top:-2px; font-size:1.4em; } /* #weightLossTrackerContent div#changegoalweightlower div.changegoalweight ul li#selectWeight input.input_kg, #weightLossTrackerContent div#changegoalweightlower input.savebutton { margin-top:0 !important; } */ #weightLossTrackerContent ol.topWeightLossList div.selectWeightInner span { float:left; margin:7px 7px 7px 0; width:150px; color:#666; } #weightLossTrackerContent ol.topWeightLossList span.error { font-size:1.4em; font-weight:bold; position:static; } #weightLossTrackerContent ol.topWeightLossList div.weightmetricoptions { overflow:hidden; display:inline-block; padding-bottom:5px; width:auto; } #weightLossTrackerContent ol.topWeightLossList div.weightmetricoptions label { display:inline; float:left; margin-right:15px; margin-top:8px; width:auto; color:#666; } #weightLossTrackerContent ol.topWeightLossList li#selectWeight span.kg_error, #weightLossTrackerContent ol.topWeightLossList li#selectWeight span.stones_error { font-size:1.4em; width:100%; top:0; } #weightLossTrackerContent ol.topWeightLossList li#selectWeight span.pounds_error { font-size:1.4em; width:100%; } #weightLossTrackerContent div.newactivityleveltop { font-size:1.2em; width:100%; } #weightLossTrackerContent div.newactivityleveltop p { font-size:1em; width: 130px;} #weightLossTrackerContent div.newactivityleveltop #activityInfoHidden { background:#fff; width:400px; clear:both; display:none; } #weightLossTrackerContent div.newactivityleveltop span { color:#666666; float:left; margin-bottom:7px; margin-left:0; margin-right:7px; margin-top:2px; width:150px; } #weightLossTrackerContent .calories { width:400px; } /********************************************************************************/ /* Main tools */ /********************************************************************************/ /* tab links (which arent real tabs) */ div#column1 .fakeTabs { background:transparent url(/assets/images/backgrounds/background_faketabs.png) repeat-x scroll left top; float:left; height:42px; width:100%; } div#column1 .fakeTabs a { display:inline; border-top:1px solid #ECF3EB; border-bottom:1px solid #ECF3EB; font-weight:bold; color:#000000; border-left:1px solid #ECF3EB; display:block; float:left; font-size:1.6em; padding:14px 24px 11px 24px; width:auto; } div#column1 .fakeTabs a:hover { background:#fff; text-decoration:none; cursor:pointer; border-right:1px solid #CCCCCC; border-top:1px solid #CCCCCC; background:#fff; text-decoration:none; cursor:pointer; } div#column1 .fakeTabs a.selected, div#column1 .fakeTabs span { background:#FFFFFF; border:1px solid #ccc; border-bottom:1px solid #fff !important; color:#000000; display:block; float:left; font-size:1.6em; font-weight:bold; padding:13px 24px 13px 24px; } div#column1 .fakeTabs a.selected:hover { cursor:text; border:1px solid #ccc; padding-top:13px; padding-bottom:13px; border-bottom:1px solid #fff !important; } /********************************************************************************/ /* Recipe Tool - Search page */ /* 'page xx of xx' counter */ div#resultsCounter { display:inline-block; float:right; font-size:1.4em;text-align:right; } div#resultsCounter span { font-weight:bold; } /* recipe actions in recipe tool search page */ #container #content_main #resultsList ul.actionsRow { margin-left:125px; width:450px; height:auto!important; } #container #content_main #resultsList ul.actionsRow li { display:block; float:left; } #container #content_main #resultsList ul.actionsRow a { font-weight:normal; font-size:0.9em !important; white-space:nowrap; display:block; } /* results pagination */ div#pagingResultsContainer { font-size:1.4em; position:absolute; right:25px; top:20px; } div#paging { bottom:50px; height:30px; left:28%; overflow:hidden; position:absolute; width:300px; } div#paging div#pagingInner { } div#paging div#pagingInner span.previousPage { height:30px; left:0; position:absolute; top:0; width:60px; } div#paging div#pagingInner span.previousPage a { background:transparent url(/assets/images/icons/icon_iconmap.png) repeat scroll 0 -170px; padding:1px 0 0 25px; position:relative; top:-1px; } div#paging div#pagingInner span#pageContainers { display:inline-block; float:left; height:23px; margin-left:111px; overflow:hidden; width:125px; } div#paging div#pagingInner span#pageContainers span.page { display:inline-block; float:left; margin:0 7px 0 0; overflow:hidden; text-align:center; width:16px; } div#paging div#pagingInner span#pageContainers span.page a { } div#paging div#pagingInner span#pageContainers span.page a.currentPage { color:#666666; } div#paging div#pagingInner span.nextPage { height:30px; right:0; position:absolute; top:0; width:100px; } div#paging div#pagingInner span.nextPage a { background:transparent url(/assets/images/icons/icon_iconmap.png) repeat scroll 80px -141px; padding:1px 0 0; } /* item filters */ #btnSearch { width:100px; text-align:center; display:inline-block; margin:5px auto 5px 25px; float:left; background-color:#4A9B3F; font-size:1.3em; color:#fff; padding:4px 0; text-transform:lowercase; border:0; outline:0;} body.recipelist div#itemFilters, body.recipedetails div#itemFilters { padding-top:15px; } div#itemFilters { padding:0 0 0 5px; width:196px; } div#itemFilters a { display:block; padding:5px 0 5px 0; text-indent:25px; color:#666; text-decoration:none; font:1.2em/1.1 Arial; background:transparent url(/assets/images/icons/icon_iconmap.png) no-repeat scroll -149px -77px; } div#itemFilters a:hover { text-decoration:underline; background-position:-149px -108px; } div#itemFilters span { font-size:1.2em; line-height:1; color:#666; display:block; margin:10px 0; } /* search results - recipe list */ ul#resultsList { font-size:0.8em; } ul#resultsList li { font-size:1.3em; margin:0 0 30px 0; overflow:hidden; } ul#resultsList li a.recipeImageLink { position:absolute; display:block; height:80px; position:absolute; width:120px; } ul#resultsList li a.recipeImageLink img { float:left; display:block; height:80px; width:110px; margin:0; } ul#resultsList li h3.recipeTitle { padding:0 0 0 125px; font-weight:bold; font-size:1.1em; font-style:italic; margin:0; } ul#resultsList li h3.recipeTitle a { color:#39892F; font: bold italic 1.3em/1.1 Arial; text-decoration:none; } ul#resultsList li h3.recipeTitle a:hover { text-decoration:underline; } ul#resultsList li p.nutritionHint { padding:0 15px 0 125px; } ul#resultsList li p.descriptionHint { padding:0 15px 0 125px; } /********************************************************************************/ /* Recipe Tool - Details page */ div#recipeMain { width:675px; font-size:1em; color:#666; float:left; position:relative; } div#recipeMainContent { border:1px solid #ccc; border-top:0; padding-left:25px; padding-top:34px; padding-bottom:5px; margin-bottom:30px; } div#recipeList div#recipeMainContent { overflow:hidden; } div#recipeMain h2#recipeName { color:#39892F; font: bold italic 2em/2 Arial; text-decoration:none; line-height:1.2; margin-bottom:10px; margin-top:0; } div#recipeMain h2 { font-size:1.4em; font-weight:bold; margin:16px 0 2px 0; color:#666; text-transform:none; } div#recipeMain p { font-size:1.2em; margin:0 0 10px 0; line-height:1.4; padding-right:305px; padding-left:0; } div#recipeMain p span { font-weight:bold; font-size:1.2em; display:inline; color:#666; float:none; width:auto; font-size:1em; } div#recipeMain a { color:#39892F; font-weight:bold; font-size:1.4em; text-decoration:none; width:100%; display:block; height:1em; margin-bottom:11px; } div#recipeMain a:hover { text-decoration:underline; } /* recipe detail main panel */ div#recipeInfo { min-height:575px; /*overflow:hidden;*/ margin-top:40px; display:block; clear:right; } #container #content_main #recipeCal ul.actionsRow li a.linkbutton { background-position:-149px 7px; color:#666666; font-size:1.2em !important; font-weight:normal; padding:10px 0 10px 30px; width:212px; margin-right:0 !important; } #container #content_main #recipeCal ul.actionsRow li a.linkbutton.remove { background-position:-149px -242px; } ul.ingredients { font-size:1.2em; } .nutritionalInformation { font-size:1.2em; } #recipeInfo ul{ width: 360px!important;} /* recipe details side panel */ #recipeCal { font-size:1em; position:absolute; top:75px; right:26px; z-index:500; } #recipeCal div.recipeActions { padding-left:0; } #recipeCal a.printThisPage { background: transparent url(/assets/images/icons/icon_iconmap.png) no-repeat scroll -149px -28px; border-bottom:1px dotted #CCCCCC; color:#666666; display:block; font-size:1.2em; font-weight:normal; margin:0 0 5px 0; padding:10px 0 12px 29px; width:213px; } #recipeCal a.shareFriend { border-bottom:1px dotted #CCCCCC; margin-right:0 !important; } #bigRecipePicContainer { display:block; height:150px; width:240px; margin-bottom:5px; } #bigRecipePicContainer img { height:150px; width:240px; display:block; } /* recipe detail - previously viewed recipes */ #previouslyViewedRecipes { margin-top:20px; } #previouslyViewedRecipes span { font-weight:normal !important; } #previouslyViewedRecipes h3 { font-weight:bold; } /*=carousel */ #content_main .jcarousel-skin-tools .jcarousel-container { position:relative; width:633px; height:240px; padding:0; } #mealPlannerRecipes .jcarousel-skin-tools .jcarousel-container { width: 400px; } #content_main .jcarousel-skin-tools .jcarousel-clip { position:absolute; height:240px; overflow:hidden; margin:0 25px; width:585px; } #mealPlannerRecipes .jcarousel-skin-tools .jcarousel-clip { width:350px; z-index: 2; } #content_main .jcarousel-skin-tools .jcarousel-list { position:relative; top:0; left:0; z-index: 1; overflow:hidden; margin:0; padding:0; } #content_main .jcarousel-skin-tools .jcarousel-item { position:relative; float:left; width:111px; height:238px; border:1px solid #ccc; margin:0 5px 0 0; padding:0; overflow:hidden; } #content_main .jcarousel-skin-tools .jcarousel-item h2 { width:100%; text-align:center; margin:0.5em 0; color:#666; } #content_main .jcarousel-skin-tools .jcarousel-item img { width:111px; height:74px; } #content_main .jcarousel-skin-tools .jcarousel-item a.recipeImageLink { display:block; float:left; height:74px; width:100%; margin-bottom:0; } #content_main .jcarousel-skin-tools .jcarousel-item a.recipeImageLink img { } #content_main .jcarousel-skin-tools .jcarousel-item h3 a { display:block; font-size:0.8em !important; height:25px; line-height:1; margin:0; padding:10px 10px 0; width:88px; overflow:hidden; } #content_main .jcarousel-skin-tools .jcarousel-item .recipeTeaserContent { display:block; float:left; height:auto; padding:0; } #content_main .jcarousel-skin-tools .jcarousel-item .recipeTeaserContent h3 { display:block; height:35px; margin-bottom:0; padding-bottom:10px; } #content_main .jcarousel-skin-tools .jcarousel-item .recipeTeaserContent p { display:block; height:26px; line-height:1; margin:0 0 4px; padding:0 10px 5px; width:88px; } #content_main .jcarousel-skin-tools .jcarousel-item .recipeTeaserContent p span { display:block; color:#666; font-size:1em; width:auto; } #content_main .jcarousel-skin-tools .jcarousel-item .recipeActions { float:left; padding-left:3px; } #content_main .jcarousel-skin-tools .jcarousel-item .recipeActions ul.actionsRow { } #content_main .jcarousel-skin-tools .jcarousel-item .recipeActions ul.actionsRow li { } #content_main .jcarousel-skin-tools .jcarousel-item .recipeActions ul.actionsRow li a.linkbutton { font-size:1.2em !important; margin-right:2px !important;} body.toolsdashboard #content_main .jcarousel-skin-tools .jcarousel-item .recipeTeaserContent p.descriptionHint { display:none; } /* prev next arrows */ .jcarousel-skin-tools .jcarousel-prev { position: absolute; top: 43px; left:0; width: 13px; height: 16px; cursor: pointer; background: transparent url(/assets/images/icons/icon_iconmap.png) no-repeat 0 -230px; z-index: 3; } .jcarousel-skin-tools .jcarousel-prev:hover { background-position:0 -170px;} .jcarousel-skin-tools .jcarousel-next { position: absolute; top: 43px; right:0; width: 13px; height: 16px; cursor: pointer; background: transparent url(/assets/images/icons/icon_iconmap.png) no-repeat 0 -200px; z-index: 3; } .jcarousel-skin-tools .jcarousel-next:hover { background-position:0 -140px } .jcarousel-skin-tools .jcarousel-prev-disabled, .jcarousel-skin-tools .jcarousel-next-disabled { background:#fff; cursor:default; } /********************************************************************************/ /* Meal planner */ #mealPlanContainer { float:left; margin:15px; width:912px; } div#mealPlanPanel { border-right:1px solid #CCCCCC; float:left; margin-left:10px; overflow:hidden; padding-left:0; padding-right:15px; width:525px; display:inline; } #mealPlanContent { border:1px solid #ccc; border-top:0; display:block; float:left; overflow:hidden; padding:10px 0;} #mealPlanContainer .fakeTabs { width:912px; } #mealPlanContainer #mealPlanContent { width:912px; } /* print link */ div.plannerTagline { color:#666666; float:left; font-size:1.2em; line-height:2.5; margin:0 0 5px 15px; text-align:right; } div.plannerTagline a { padding-right:35px; } div.plannerTagline a:hover { color:#666; } div.plannerTagline a#printPlan { background:transparent url(/assets/images/icons/icon_printPlanner.png) no-repeat scroll right top; display:block; float:left; width:476px; } div.plannerTagline a#printPlan:hover { color:#339935; text-decoration:underline; } /* start of main meal planner widget */ div#blueBox528 { float:left; overflow:hidden; width:528px; background:url(/assets/images/backgrounds/background_528blueBoxMiddle.png) repeat-y top left; } div#boxTop528 { background:transparent url(/assets/images/backgrounds/background_528blueBoxTop.png) no-repeat scroll left top; display:block; height:95px; position:relative; width:100%; } div#boxTop528 input { border:1px solid red; } div#boxTop528 h2 { margin:0; color:#fff; font:bold 1.4em/1 Arial; padding-top:5px; text-align:center; display:block; text-transform:none; } div#blueBoxContent528 { float:left; font-size:1.2em; overflow:hidden; width:523px; } /* weekly view date nav */ .prevWeek { border:0; text-indent:-9999px; background:url(/assets/images/icons/icon_prevWeek.png) no-repeat top left; display:block; width:13px; height:16px; position:absolute; top:42px; left:24px; } ul#mealDateNav { display:block; height:75px; line-height:5.3em; margin:0 49px; overflow:hidden; } ul#mealDateNav li { display:inline; position:relative; float:left; margin:7px 6px 0; padding:0; } ul#mealDateNav li span#current { position:absolute; left:52px; bottom:-17px; display:block; width:18px; height:10px; text-indent:-9999px; background:url(/assets/images/icons/icon_toolsCurrentNav.gif) no-repeat top left; } ul#mealDateNav li a { color:#FFFFFF; float:left; font-size:1.2em; line-height:1; padding:9px 0 31px; text-align:center; text-decoration:none; width:49px; } ul#mealDateNav li a span { display:block; font-size:1.2em; font-weight:bold; margin:0 auto 2px; text-align:center; width:100%; } ul#mealDateNav li a#active { background:url(/assets/images/backgrounds/background_mealplanner_cloud.jpg) no-repeat top left; color:#000; } ul#mealDateNav li a:hover { background:url(/assets/images/backgrounds/background_mealPlannerDate_selected.png) no-repeat top left; color:#000; } ul#mealDateNav li a.current { background:url(/assets/images/backgrounds/background_mealPlannerDate_selected_on.gif) no-repeat top left; color:#000; } ul#mealDateNav li a.current:hover { background:url(/assets/images/backgrounds/background_mealPlannerDate_selected_on.gif) no-repeat top left; color:#000; } ul#mealDateNav li a:hover span { color:#000; cursor:pointer; } span#todaysMealTab { display:block; width:22px !important; height:11px; background:url(/assets/newimages/mealnav_current.png) no-repeat top left; position:relative; top:21px; } .nextWeek { border:0; text-indent:-9999px; background:url(/assets/images/icons/icon_nextWeek.png) no-repeat top left; display:block; width:13px; height:16px; position:absolute; top:42px; right:24px;} /* header cal/fat target summary */ div#panelHeader { margin:15px 10px} span#currentMeal { font-size:1.4em; font-weight:bold; } div#tablePanel { width:518px; height:350px; border-top:1px solid #999; margin-top:10px; } div.catSummary { width:92%; float:left; padding:10px 7px 6px 17px; border-top:1px solid #ccc; } /* meal targets and multivitamin */ .dayHeader { margin:10px 15px; } h3.mealPlanTargets { color:#000000; font-size:1.4em; font-weight:bold; display:inline; } span.calTarget, span.fatTarget { color:#666666; display:inline; font-size:1.1em; font-weight:normal; width:auto; padding:0 5px; } .dailyMultiVitamin { padding:10px 0; font-size:1.1em; color:#666; } .dailyMultiVitamin input { margin-left:15px; margin-right:10px; } .takenCapsule { color:#666; font-size:1.1em; } div.mealPlanCategory { float:left; clear:both; overflow:hidden; width:501px; } .mealPlanHeader { border-top:1px solid #CCCCCC; color:#666666; float:left; font-size:1.1em; overflow:hidden; padding:20px 0 7px; position:relative; width:500px; } .mealPlanHeader h2 { display:block; float:left; margin:0; text-indent:7px; text-transform:capitalize; width:220px; text-indent:19px; } .mealPlanHeader span { display:block; float:left; margin:6px 0 0; text-align:right; width:275px; } #mealPlanTables { margin-left:5px; width:518px; float:left; overflow:auto; height:431px; position:relative; } /********************************************************************************/ /* main tables for meal planner breakfast lunch and dinner */ table.mealPlanner { border-bottom:0 !important; border-top:1px solid #CCCCCC; font-size:1.2em; width:100%; clear:left; } table.mealPlanner h2 { font-size:1.5em;} table.mealPlanner td, table.mealPlanner th { color:#000; border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; padding:5px 10px;} table.mealPlanner td { font-size:0.8em;} table.mealPlanner td.totalTD { text-align:right; padding-right:10px; } table.mealPlanner thead { background:#F7F7F7; font-weight:bold; } table.mealPlanner thead th { background:#F7F7F7; font-size:1.2em; font-weight:bold; } table.mealPlanner thead th.calsCol { padding-top:3px; padding-bottom:3px; } table.mealPlanner thead th:hover { cursor:pointer; background: #ccc; } table.mealPlanner tfoot { background:#F7F7F7; } table.mealPlanner tfoot td.mealCol { text-align:right; } table.mealPlanner tfoot td { border-bottom:0 none !important; font-weight:bold; padding-top:10px; padding-bottom:10px; font-size:0.9em; } table.mealPlanner tbody { } table.mealPlanner tbody td { padding:10px 0; font-size:0.9em; color:#666; } table.mealPlanner th.actionCol { border-right:0; } table.mealPlanner .actionCol { width:15px; border-left:0; border-right:0 none; padding:0 0 0 14px; vertical-align:middle; } table.mealPlanner td.addCell { border-right:0 !important; } table.mealPlanner .mealCol { padding-left:7px; width:375px; border-left:0; font-weight:bold; } table.mealPlanner .mealCol a { color:#39892F; display:block; } table.mealPlanner .mealCol a:hover { text-decoration:underline; } table.mealPlanner .mealCol span { display:inline; float:left; margin:0; padding:0; position:relative; top:-2px; width:83%; } table.mealPlanner .mealCol span a { background:transparent url(/assets/images/icons/icon_smallAddLink.gif) no-repeat scroll 0 50%; color:#666666; display:inline; font-weight:normal; left:0; padding:2px 0 2px 23px; position:absolute; top:0; white-space:nowrap; } table.mealPlanner .calsCol { text-align:center; padding:8px 20px; font-weight:bold; } table.mealPlanner .fatCol { text-align:center; padding:0 11px; border-right:0; width:67px; font-weight:bold; } table.mealPlanner .actionCol span { display:none; } table.mealPlanner .actionCol a.deleteRecipe { background:transparent url(/assets/images/icons/icon_close_cross.gif) no-repeat scroll 0 -3px; display:block; float:right; height:18px; line-height:1.1em; margin:0 5px 0 0; text-indent:-9999px; width:15px; background-position:0 -3px; height:16px;} div.fatNag { background:#FFFED5 none repeat scroll 0 0; border-top:1px solid #CCCCCC; color:red; float:left; font-weight:bold; padding:10px 14px; width:100%; } /* blue table summary */ div#totalCals { height:110px; position:relative; color:#fff; margin:0; background:#52B7D5 url(/assets/images/backgrounds/background_totalCals.png) no-repeat scroll 315px 0; width:518px; float:left; margin-left:5px; } div#totalCals span#calsLabel { position:absolute; font-size:17px; text-transform:lowercase; font-weight:bold; background:url(/assets/images/icons/icon_total_calories.gif) center right no-repeat; height:18px; padding-right:22px; right:208px; text-align:right; bottom:auto; left:auto; top:5px; width:280px; } div#totalCals span#calsNumber { position:absolute; right:92px; top:0; font-size:2em; display:block; color:#000; text-align:center; width:105px; line-height:1.9em; } div#totalCals span.calOverTarget, div#totalCals span.calBelowTarget, div#totalCals span.calOnTarget { background:#fff; color:red; display:block; float:left; font-size:1.2em; font-weight:bold; line-height:1.1; margin:40px 0 0 321px; width:169px; padding:19px 14px; } div#totalCals span.calOnTarget { color:Green; } div#totalCals span.calBelowTarget { background:transparent; color:White; } div#totalCals #mealPlanActions { position:absolute; bottom:0; height:59px; left:5px; } div#totalCals #mealPlanActions input { color:#333333; font-size:1em; font-weight:bold; line-height:1; padding:3px 0; float:left; clear:both;} div#blueBoxBottom528 { display:block; width:528px; height:5px; background:url(/assets/images/backgrounds/background_528blueBoxBottom.png) no-repeat top left; clear:both; } div.takenCapsule input { margin-right:10px; } /* red tips bar */ div#viewAllTips { float:left; width:318px; } div#viewAllTips a { padding:0; } div#viewAllTips a:hover { color:#339935; text-decoration:underline; } /* my favourite recipes - mini window */ div.listFavouriteRecipes .blueBoxContent318 { height:280px; padding-left:0; } div.listFavouriteRecipes ul#miniResults li a.recipeImageLink { display:block; float:left; padding-left:5px; padding-right:5px; } #container #content_main #mealPlanContainer ul#miniResults li div.recipeActions { overflow:hidden; width:150px; padding-right:0; } #container #content_main #mealPlanContainer ul#miniResults li ul.actionsRow { float:left; display:inline-block; } #container #content_main #mealPlanContainer ul#miniResults li ul.actionsRow li a.linkbutton { font-size:1em !important; } /* dark blue sub navigation */ ul.toolSubNav { padding:6px 8px 0 8px; height:26px; margin:0 5px; background:url(/assets/images/backgrounds/background_myallitools_subnav.png) top left repeat-x;} ul.toolSubNav li { display:inline; padding:1px 0; border-left:1px solid #fff; } ul.toolSubNav li.first { border:0; } ul.toolSubNav li a { color:#fff; font-size:1.2em; text-transform:lowercase; padding:0 2px; } ul.toolSubNav li a.sortASC, ul.toolSubNav li a.sortDESC { position:relative; background:transparent url(/assets/images/backgrounds/background_myallitools_subnav_current.png) no-repeat scroll center bottom; padding-bottom:15px; } ul.toolSubNav li#current a { font-weight:bold; } /* alli tops panel */ div#tipBox { display:block; margin:0 0 0 15px; padding-top:7px; float:left; width:317px; height:38px; background:url(/assets/images/backgrounds/background_317redBar.png) no-repeat top left; } div#tipBox h2 { border-right:1px solid #FFFFFF; color:#FFFFFF; display:inline-block; float:left; font-size:1.6em; font-weight:bold; margin:0; padding:2px 13px 4px 11px; text-transform:lowercase; width:20px; } div#tipBox div#tip { color:#FFFFFF; display:inline; float:left; font-size:1.2em; padding-left:5px; padding-top:7px; position:relative; width:200px; } div#tipBox p { font-weight:bold; padding:0 0 0 5px; color:#fff; font-size:1.2em; display:inline; } /* side small boxes */ div.blueBox318 { float:left; margin-left:15px; margin-bottom:10px; overflow:hidden; width:318px; background:url(/assets/images/backgrounds/background_318blueBoxMiddle.png) repeat-y top left; } h2.boxTop318 { padding-bottom:0; color:#fff; display:inline-block; width:100%; height:37px; background:url(/assets/images/backgrounds/background_318blueBoxTop.png) no-repeat top left; font-size:1.6em; font-weight:bold;line-height:2.2; margin:0;text-transform:lowercase; } h2.boxTop318 span { display:inline; border-right:1px solid #FFFFFF;display:block;float:left;height:24px;margin:6px 10px;padding-right:20px;width:18px;} h2.boxTop318 span#mealToolIcon { background:transparent url(/assets/images/icons/icon_mealIcon.png) no-repeat scroll left top; } h2.boxTop318 span#mealDiaryIcon { background:transparent url(/assets/images/icons/icon_diaryIcon.png) no-repeat scroll left top; } div.blueBoxContent318 { height:274px; overflow:auto; margin:0 5px 0 5px; font-size:1.2em; padding-top:5px; } div.blueBoxBottom318 { display:block; width:318px; height:5px; background:url(/assets/images/backgrounds/background_318blueBoxBottom.png) no-repeat top left; clear:both; } /* my diary */ #diaryContainer .blueBoxContent318 { overflow:hidden; } span#feelingTitle { display:block; float:left; padding:8px 0; } #diaryControl { margin-left:12px; } .diaryBox { color:#333333; font-family:arial; font-size:1em; line-height:1.6; margin:5px 0 10px 12px; height:120px; padding:5px; width:270px; } .diarySubmit { width:100px; margin-left:104px; } #smileyPanel { float:left; height:35px; width:200px; } #smileyPanel input { float:left; } #smileyPanel label { width:31px; height:31px; display:block; position:relative; z-index:1; } #smileyPanel span { display:block; height:34px; margin:0 5px; } /* smiley faces */ .radioGood label { background:transparent url(/assets/images/icons/icon_iconmap.png) repeat scroll 6px -75px; } .radioGood label.checked { background:transparent url(/assets/images/icons/icon_iconmap.png) repeat scroll 0 -35px; } .radioNormal label { background:transparent url(/assets/images/icons/icon_iconmap.png) repeat scroll -44px -75px; } .radioNormal label.checked { background:transparent url(/assets/images/icons/icon_iconmap.png) repeat scroll -50px -35px; } .radioBad label { background:transparent url(/assets/images/icons/icon_iconmap.png) repeat scroll -96px -75px; } .radioBad label.checked { background:transparent url(/assets/images/icons/icon_iconmap.png) repeat scroll -100px -35px; } /* diary controls */ #diaryControl { height:35px; overflow:hidden; padding-top:5px; } #diaryControl input { position:absolute; left:-9999px; } #diaryControlTitle { display:block; float:left; padding-top:8px; } #diaryControlRadios { float:left; margin-left:10px; width:166px; } .smileyGood, .smileyNormal, .smileyBad { margin-right:5px; } div#diaryControl label { display:block; height:30px; overflow:hidden; width:35px; display:inline-block; } div#diaryControl label span.holderWrap { float:left; height:auto !important; width:auto !important; } div#diaryControl label span.holderWrap span.holder { height:31px; width:30px !important; display:block; } div#diaryControl .smileyGood span.holderWrap span { background:transparent url(/assets/images/icons/icon_iconmap.png) repeat scroll 6px -75px; } div#diaryControl .smileyGood label.checked span.holderWrap span { background:transparent url(/assets/images/icons/icon_iconmap.png) repeat scroll 0 -35px; } div#diaryControl .smileyNormal span.holderWrap span { background:transparent url(/assets/images/icons/icon_iconmap.png) repeat scroll -45px -75px; } div#diaryControl .smileyNormal label.checked span.holderWrap span { background:transparent url(/assets/images/icons/icon_iconmap.png) repeat scroll -50px -35px; } div#diaryControl .smileyBad span.holderWrap span { background:transparent url(/assets/images/icons/icon_iconmap.png) repeat scroll -96px -75px; } div#diaryControl .smileyBad label.checked span.holderWrap span { background:transparent url(/assets/images/icons/icon_iconmap.png) repeat scroll -100px -35px; } #diaryContainer span.greenTick { display:block; font-size:1em; margin:15px; } /********************************************************************************/ /* Recipe Detail Page main panel */ div#recipeMain { width:675px; font-size:1em; color:#666; float:left; position:relative; } div#recipeMainContent { border:1px solid #ccc; border-top:0; padding-left:25px; padding-top:34px; padding-bottom:5px; margin-bottom:30px; } div#recipeList div#recipeMainContent { overflow:hidden; position:relative; padding-bottom:100px; float:left; width:648px; } div#recipeMain h2#recipeName { color:#39892F; font: bold italic 2em/2 Arial; text-decoration:none; line-height:1.2; margin-bottom:10px; padding-right:290px; } div#recipeMain h2 { font-size:1.2em; font-weight:bold; margin:16px 0 2px 0; color:#666; text-transform:none; } div#recipeMain p { font-size:1.2em; margin:0 0 10px 0; line-height:1.4; padding-right:295px; padding-left:0; } div#recipeMain p span { font-weight:normal !important; padding-right:0 !important; font-weight:bold; font-size:1.2em; display:inline; color:#666; float:none; width:auto; font-size:1em; } div#recipeMain a { color:#39892F; font-weight:bold; font-size:1.4em; text-decoration:none; width:100%; display:block; height:1em; margin-bottom:11px; } div#recipeMain a:hover { text-decoration:underline; } table#nutritionTable { width:300px; margin:0 0 5px 0; } table#nutritionTable thead tr td { font-weight:bold; } table#nutritionTable td, table#nutritionTable th { font-size:1.2em; line-height:1.4; } .subNutrient { padding-left:30px; } /********************************************************************************/ /* =calendar widget */ #addToMealPlanCalendar { width:242px; margin:20px 20px 0 20px; } div.recipeActions #addToMealPlanCalendar { margin:0; } #addToMealPlanCalendar td, #addToMealPlanCalendar th { text-align:center; } #addToMealPlanCalendar div.calendarBoxTop { width:242px; margin:0; padding:0; background:#1a98be url(/assets/newimages/242BlueBoxTop.png) no-repeat; } #addToMealPlanCalendar div.calendarBoxTop h2 { font-size:1.6em; margin:0; padding:6px 10px; color:white; text-align:left; } #addToMealPlanCalendar div.calendarBoxBottom { width:242px; padding-bottom:6px; background:white url(/assets/newimages/242BlueBoxBottom.png) bottom left no-repeat; } #addToMealPlanCalendar div.calendarBoxContent { padding:7px 11px; background:white url(/assets/newimages/242BlueBoxMiddle.png) repeat-y; } #addToMealPlanCalendar div.calendarBoxContent table { width:220px; margin:0 auto; border:none!important; border-collapse:collapse; background:white; } #addToMealPlanCalendar div.calendarBoxContent fieldset { border:0px; padding:0 0 10px; margin:0; } #addToMealPlanCalendar div.calendarBoxContent fieldset.dropdown label { display:block; font-size:1.4em; margin-bottom:0.3em; margin-top:0.7em; color:black; text-align:left; font-size:1.2em; } #addToMealPlanCalendar div.calendarBoxContent fieldset.dropdown select { float:left; font-size:1.2em; } #addToMealPlanCalendar div.calendarBoxContent fieldset.dropdown a.addbutton { padding:0 !important; float:left; display:block; width:56px !important; height:22px; margin:0 0 0 8px !important; text-indent:-9999px; background:transparent url(/assets/images/icons/buttons.png) 0 0 no-repeat!important; width:89px !important; } #container #content_main #column1 #recipeCal ul.actionsRow li div#addToMealPlanCalendar div.calendarBoxContent a.widgetlink { display:block; background:transparent; color:#39892F; font-weight:bold; font-size:1.2em; margin:0.5em 0 0 0; padding:5px 0; } #addToMealPlanCalendar table.ui-calendar-title { width:70%!important; margin-bottom:0.4em!important; } #addToMealPlanCalendar .ui-calendar-title { font-size:1.2em; font-weight:bold; } #addToMealPlanCalendar .ui-calendar th { font-size:1.2em; } #addToMealPlanCalendar .ui-calendar td.ui-calendar-day { width:4px!important; margin:0 5px 10px 0; } #addToMealPlanCalendar .ui-calendar td.selectday { background:none!important; } #addToMealPlanCalendar .ui-calendar-today a, #addToMealPlanCalendar .ui-calendar-day a, #addToMealPlanCalendar .ui-calendar-weekendday a { width:21px; display:block; font-size:1.2em; font-weight:normal; line-height:1; text-align:center; padding:3px 2px!important; margin:0 0 4px 0; border:1px solid #ddd; text-decoration:none; } #addToMealPlanCalendar .ui-calendar-today a { border:1px solid #000; background-color:#fff; } #addToMealPlanCalendar .ui-calendar-title .ui-calendar-selectedday a { display:block; font-size:1.2em; font-weight:normal; text-align:center; padding:3px 2px; border:1px solid #ddd; text-decoration:none; background-color:silver; color:#000!important; } #addToMealPlanCalendar .ui-calendar-nextprev { color:#000 !important; padding:0; height:14px; } #addToMealPlanCalendar .ui-calendar-title .prevMonth a { width:14px; display:block; height:14px; padding:0; margin:0; border:none!important; background:transparent url(/assets/newimages/calMonthPrev.png) no-repeat; text-decoration:none; text-align:left; } #addToMealPlanCalendar .ui-calendar-title .thisMonth { text-align:center; } #addToMealPlanCalendar .ui-calendar-title .nextMonth { width:14px!important; } #addToMealPlanCalendar .ui-calendar-title .nextMonth a { width:14px; display:block; height:14px; padding:0; margin:0; border:none!important; background:transparent url(/assets/newimages/calMonthNext.png) no-repeat; text-decoration:none; } #addToMealPlanCalendar li { text-align:center; } .ui-calendar-selectedday a { color:#fff !important; background:#5CAC53; font-size:1.2em !important; position:relative !important; top:-2px !important; font-weight:normal !important; padding:2px 8px 3px 6px; text-decoration:none; } span.greenTick { background:transparent url(/assets/images/icons/icons_greentick.png) no-repeat scroll left center; color:#666666; font-size:1.2em; font-weight:bold; padding:5px 16px 4px 22px; } #recipeCal td.ui-calendar-selectedday a { border:1px solid #5CAC53; height:16px; margin:0 !important; padding:1px 0; width:25px; } /********************************************************************************/ /* =share with friend widget */ body.popup { background:#fff; margin:0; font-size:62.5%; position:relative; font-family:Arial; } #shareRecipeWithFriend { background-color:#fff; height:270px; } #shareRecipeWithFriend label { font-size:11px; display:block; float:left; text-align:left; padding-top:4px; width:114px; } #shareRecipeWithFriend input { background:#ffffcd; width:185px; margin-right:5px; float:left; } #shareRecipeWithFriend h1 { font-size:1.8em; padding:10px 0 0 16px; } #shareRecipeWithFriend h3 { font-size:1.2em; } #shareRecipeWithFriend div.shareFriendTitle { text-align:left; } #shareRecipeWithFriend div.shareFriendInfo { clear:left; padding-left:53px; text-align:left; } #shareRecipeWithFriend div.shareFriend { padding-left:20px; margin:16px 0; height:31px; overflow:hidden; } #shareRecipeWithFriend div.shareFriend span { font-size:11px; float:left; width:110px; text-align:left; padding:3px 16px; background:transparent url(/assets/images/icons/icon_error_bg.gif) left center no-repeat; } #shareRecipeWithFriend a.sendbutton, #shareRecipeWithFriend a.sendclosebutton { display:block; float:left; height:22px; text-indent:-9999px; width:83px; } #shareRecipeWithFriend a.sendbutton { display:inline-block; background:transparent url(/assets/images/icons/buttons.png) no-repeat scroll -200px -30px; width:73px; margin:1px 0 0 131px; } #shareRecipeWithFriend a.sendclosebutton { background: transparent url(/assets/images/icons/buttons.png) no-repeat scroll -100px -65px; width:138px; margin:1px 0 0 5px; } #shareRecipeWithFriend .greenTick { display:inline; background-position:0 5px; display:block; float:left; margin:10px 0 0 130px; text-align:left; width:255px; } /* tool action overlay */ .ui-dialog { border:3px solid #ccc; } .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #ffffff; opacity: .80; filter:Alpha(Opacity=80);} .ui-dialog-titlebar { background:white none repeat scroll 0 0; font-size:1.2em; margin-bottom:-5px; } .ui-dialog-titlebar-close { background:transparent url(/assets/images/icons/icon_close_cross.gif) no-repeat scroll left top; display:block; height:21px; position:absolute; right:3px; top:3px; width:22px; } .ui-icon-closethick { display:block; text-indent:-9999px; } #calculator a { float:left; font-size:1.2em; margin:13px 10px; text-decoration:underline; } #calculator a:hover { text-decoration:none; } #calculator input { float:right; background:transparent url(/assets/images/icons/buttons.png) no-repeat scroll 0 -30px; border:0 none; display:block; height:22px; margin:10px; outline-color:-moz-use-text-color; outline-style:none; outline-width:0; text-indent:-9999px; width:83px; } /********************************************************************************/ /* =set fat and calorie targets */ #setFatAndCalorieTarget { margin:20px 0 0 20px; font-size:1.2em; } #setFatAndCalorieTarget h3 { border-bottom:1px dotted #666666; margin:0 0 10px; padding:0 0 15px; text-align:left; } #setFatAndCalorieTarget ul { margin:0; overflow:hidden; padding:0; } #setFatAndCalorieTarget ul li { color:#666666; float:left; list-style:none; text-align:left; width:100%; position:relative; padding:10px 0; } #setFatAndCalorieTarget ul li#selectGender { padding-bottom:0; margin-bottom:-10px;} #setFatAndCalorieTarget ul li#selectGender span { float:left; width:150px; padding-right:0; } #setFatAndCalorieTarget ul li#selectGender input { margin-left:0; display:block; float:left; margin-top:5px; } #setFatAndCalorieTarget ul li#selectGender table label { display:block; float:left; width:98px; margin-top:4px; } #setFatAndCalorieTarget ul li#selectGender span label { padding-left:5px; } #setFatAndCalorieTarget ul li#selectGender table { position:relative; top:-5px; border-collapse:collapse; border-spacing:0; display:inline; float:left; font-size:1em; } #setFatAndCalorieTarget ul li#selectWeight { position:relative; padding-bottom:0; } #setFatAndCalorieTarget ul li#selectWeight span.weight_label { display:block; float:left; margin:10px 0 0; width:150px; } #setFatAndCalorieTarget ul li#selectWeight div.weighttype { width:auto; height:auto; } #setFatAndCalorieTarget ul li#selectWeight div.weighttype input { width:auto; float:left; margin-top:8px; } #setFatAndCalorieTarget ul li#selectWeight div.weighttype label { width:auto; float:left; } #setFatAndCalorieTarget ul li#selectWeight div.weightimperialoptions { display:inline-block; position:relative; height:auto; width:auto; float:right; margin-right:40px; } #setFatAndCalorieTarget ul li#selectWeight div.weightimperialoptions input { float:left; text-align:right; } #setFatAndCalorieTarget ul li#selectWeight div.weightimperialoptions label { float:left; margin-right:0; width:auto;} #setFatAndCalorieTarget ul li#selectWeight.error div.selectWeightInner { position:relative; } #setFatAndCalorieTarget ul li#selectWeight div.weightmetricoptions { display:inline-block; float:right; height:auto; margin-right:167px; position:relative; width:auto; } #setFatAndCalorieTarget ul li#selectWeight.error div div.weighttype { height:75px; } #setFatAndCalorieTarget ul li#selectWeight.error div.weightmetricoptions, #setFatAndCalorieTarget ul li#selectWeight.error div.weightimperialoptions { height:auto !important; } body.popup #setFatAndCalorieTarget ul li#selectWeight span.required_type { top:44px; left:0; position:absolute; } body.popup #setFatAndCalorieTarget ul li#selectWeight span.stones_error, body.popup #setFatAndCalorieTarget ul li#selectWeight span.kg_error { top:46px; left:0; bottom:auto; height:auto; } body.popup #setFatAndCalorieTarget ul li#selectWeight span.pounds_error { top:60px; left:0; bottom:auto; height:auto; } body.popup #setFatAndCalorieTarget ul li#selectWeight input.input_kg { float:left; } div.weighttype, div.heighttype, div.weightimperialoptions, div.heightimperialoptions { display:none !important; } #setFatAndCalorieTarget ul li#selectWeight span.error { position:absolute; right:0; top:16px; width:auto; } #setFatAndCalorieTarget ul li#selectActivityLevel select { font-size:1em; } #setFatAndCalorieTarget ul li label, #setFatAndCalorieTarget ul li span.spanLabel { padding-right:20px; } #setFatAndCalorieTarget a.sendbutton { display:inline-block; background:transparent url(/assets/images/icons/buttons.png) no-repeat scroll -300px -65px; display:block; float:left; height:22px; margin-left:150px; text-indent:-9999px; width:70px; } /********************************************************************************/ /* =tips FAQ */ body.myalliplan .faqs { width:380px; } body.myalliplan .faqs .question p span { width:320px; } body.myalliplan .faqs .question p span.order { width:40px; } body.myalliplan #column1 .faqs .answer p { margin-left:40px; clear:both; } /********************************************************************************/ /* =addFoodItem */ div#addFoodItemContainer { display:block; float:left; margin:0 40px 0 20px; width:267px; } div#addFoodItemContainer h3 { text-align:left; font-size:1.4em; } div#addFoodItemContainer span.greenTick { float:left; } ul#addFoodItem { margin:0; border-bottom:1px dotted #999999; padding:0 0 10px;} ul#addFoodItem li { margin:0; padding:10px 0; list-style:none; } ul#addFoodItem li label { float:left; font-size:1.2em; text-align:left; width:86px; } a.addToMealPlan { background:transparent url(/assets/images/icons/icon_smallAddLink.gif) no-repeat scroll 0 50%; color:#333333; display:block; float:left; font-size:1.2em; height:20px; line-height:1.5; margin:10px 0 0 100px; padding:3px 0 3px 23px; text-decoration:none; width:140px; text-align:left; } #searchRecipesDatabase { display:block; float:left; width:300px; } #searchRecipesDatabase input.searchRecipe { margin-bottom:5px; float:left; } #searchRecipesDatabase ul#resultsList { border:1px solid #999999; height:290px; margin:10px 0 0; overflow:auto; padding:0; width:340px; float:left; } #searchRecipesDatabase ul#resultsList p { color:#333; margin-left:10px; font-size:1.6em; } #searchRecipesDatabase ul#resultsList li { display:block; float:left; margin:0; padding:10px 0 5px 10px; width:310px; } #searchRecipesDatabase ul#resultsList li a.recipeImageLink { position:static; float:left; margin-bottom:20px; } #searchRecipesDatabase ul#resultsList li a.recipeImageLink img { } #searchRecipesDatabase ul#resultsList li div.recipeTeaserContent { padding:0 0 0 90px; text-align:left; } #searchRecipesDatabase ul#resultsList li div.recipeTeaserContent h3 { margin:0 0 2px 0; padding:0; } #searchRecipesDatabase ul#resultsList li div.recipeTeaserContent h3 a { line-height:1; } #searchRecipesDatabase ul#resultsList li div.recipeTeaserContent p { margin:0; padding:2px 0 2px 0; font-size:1.2em; } #searchRecipesDatabase ul#resultsList li div.recipeActions { display:block; overflow:hidden; padding:0; } #searchRecipesDatabase ul#resultsList li div.recipeActions ul { font-size:0.8em; color:#666; padding:0; overflow:hidden; display:block; width:195px; } #searchRecipesDatabase ul#resultsList li div.recipeActions ul li { margin:0; padding:0; width:auto; display:block; float:left; width:100%; } #searchRecipesDatabase ul#resultsList li div.recipeActions ul li a.linkbutton { background: transparent url(/assets/images/icons/icon_iconmap.png) no-repeat scroll -149px 0; color:#666666; display:block; font-size:1.1em; line-height:1; margin:0; padding:3px 0 3px 23px; text-align:left; text-decoration:none; width:180px; } #searchRecipesDatabase ul#resultsList li div.recipeActions ul li a.linkbutton.remove { background-position:-149px -250px; } #searchRecipesDatabase .searchButton { background:transparent url(/assets/images/icons/buttons.png) no-repeat scroll -100px -30px; border:medium none; cursor:pointer; display:block; float:left; height:22px; margin-left:10px; text-indent:-9999px; width:70px; } a.moreTipsLink { float:right; font-size:1.2em; text-decoration:underline; } a.moreTipsLink:hover { text-decoration:none; } a.backToToolsLink { background:transparent url(/assets/images/icons/icon_tools_backarrow.gif) no-repeat scroll 0 2px; color:#333333; float:left; font-size:1.1em; font-weight:bold; line-height:2.5; margin-left:34px; margin-right:13px; margin-top:5px; padding-left:30px; text-transform:lowercase; } a.backToToolsLink:hover { color:#333 !important; } /********************************************************************************/ /* =mini forum tool */ #miniForumTool div.postContent { height:250px; padding:0 0 15px 0; margin:0 0 0 10px; overflow:auto; } #miniForumTool div.postContent div.postTitle { margin-bottom:5px; font-size:1.6em; font-weight:bold; padding-top:10px; } #miniForumTool div.postContent div.postDate { color:#666666; font-size:1.2em; margin-bottom:10px; } #miniForumTool div.postContent div.userInfo { color:#666666; font-size:1.2em; margin-bottom:25px; } #miniForumTool div.postContent div.userInfo a:hover { text-decoration:underline; } #miniForumTool div.postContent a.morePostsLink { font-size:1.2em; padding-bottom:15px; } #miniForumTool div.forumSubControl { font-size:1.2em; margin:0; padding:20px 10px 10px; position:relative; } #miniForumTool div.forumSubControl a:hover { text-decoration:underline; } body.toolsdashboard #searchContainer label.recipeSearchList { padding:0; } /********************************************************************************/ /* =forum status bar on tools dashboard */ #forumStatusBar { background:transparent url(/assets/images/backgrounds/backgroun_forumbar.png) no-repeat scroll left top; display:block; float:left; height:35px; width:904px; } #forumStatusBar * { float:left; } #forumStatusBar span { background:transparent url(/assets/images/icons/icon_forumbarspan.png) no-repeat scroll left top; height:20px; margin:8px 10px; width:22px; padding-right:10px; border-right:1px solid #fff; } #forumStatusBar h2 { color:#FFFFFF; line-height:1; margin:0; padding:8px 0 0; } #forumStatusBar p { color:#FFFFFF; font-weight:bold; line-height:1; margin:11px 0 0 20px; width:600px; } #forumStatusBar a { color:#FFFFFF; font-size:1.2em; font-weight:bold; margin-top:11px; text-decoration:underline; text-transform:lowercase; } #forumStatusBar a:hover { text-decoration:none; } /********************************************************************************/ /* =example meal plans */ #loginContainer { float:left; width:100%; } #exampleMealPlanContainer { float:left; margin:10px; overflow:hidden; width:920px; } #exampleMealPlanContent { display:block; float:left; overflow:hidden; padding:0; width:918px; border:1px solid #ccc; border-top:0; } #exampleMealPlanContentInner { border:1px solid #ccc; border-top:0; padding:0 0 20px 0; margin:0 0 25px; overflow:hidden; float:left; } #exampleMealPlan { margin:25px 8px; } #mealPlanContainer #exampleMealPlan .fakeTabs { width:auto; margin:0 5px; } #mealPlanContainer #exampleMealPlan #exampleMealPlanContent { overflow:hidden; margin:0 5px; border:1px solid #ccc; border-top:0; padding-bottom:30px; } #exampleMealPlan ol { background:transparent url(/assets/images/backgrounds/background_example_mealplan_weekview_header.png) no-repeat scroll left top; margin:10px 5px; width:869px; overflow:hidden; height:79px; } #exampleMealPlan ol li { display:inline-block; float:left;height:70px; margin:9px 8px 0; text-align:center; width:108px; } #exampleMealPlan ol li a { color:#FFFFFF; display:block; font-size:1.4em; padding:12px 0 24px; } #exampleMealPlan ol li a.selected { background:url(/assets/images/backgrounds/background_example_mealplan_weekview_arrow.gif) no-repeat bottom; } #exampleMealPlan ol li a.selected:hover { background-image: url(/assets/images/backgrounds/background_example_mealplan_weekview_on_arrow.gif); } #exampleMealPlan ol li a:hover { color:#000; background:url(/assets/images/backgrounds/background_example_mealplan_weekview_on.png) no-repeat top left; } #exampleMealPlan ol li a span { display:block; font-size:1.2em; font-weight:bold; padding-bottom:2px; } #container #content_main #exampleMealPlan .exampleMeal ul.actionsRow li a.linkbutton { font-size:1.2em !important; } #exampleMealPlan .exampleMeal { margin:10px 0 50px 25px; width:835px; float:left; } #exampleMealPlan .exampleMeal h3.tagName { color:#333333; font-size:1.8em; font-weight:bold; margin-bottom:7px; } #exampleMealPlan .exampleMeal a.recipeImageLink { float:right; } #exampleMealPlan .exampleMeal a.recipeImageLink img { width:240px; height:190px; } #exampleMealPlan .exampleMeal .recipeTeaserContent h3 { margin-bottom:0; } #exampleMealPlan .exampleMeal .recipeTeaserContent h3 a { font-size:1.2em; font-style:italic; font-weight:bold; } #exampleMealPlan .exampleMeal .recipeTeaserContent h3 a:hover { text-decoration:underline; } #exampleMealPlan .exampleMeal .recipeTeaserContent p { line-height:1.4; margin:4px 0 15px; padding:0 295px 0 0; } #exampleMealPlan .exampleMeal .recipeTeaserContent p span { color:#666666; display:inline; float:none; font-size:1em; width:auto; } #exampleMealPlan .exampleMeal .recipeActions ul.actionsRow li { float:left; } #exampleMealPlan table { border-collapse:collapse; border-spacing:0; background:transparent url(/assets/images/backgrounds/background_example_mealplan_weekview_header.png) no-repeat scroll right top; margin:15px 0 25px 5px; } #exampleMealPlan table thead th { text-align:center; } #exampleMealPlan table thead th a { color:#FFFFFF; display:block; font-size:1.2em; padding:20px 16px 25px; } #exampleMealPlan table thead th a:hover { color:#000; background:transparent url(/assets/images/backgrounds/background_example_mealplan_weekview_tableheader_on.png) no-repeat scroll 50% 50%; } #exampleMealPlan table thead th a span { display:block; font-weight:bold; font-size:1.2em; } #exampleMealPlan table td.mealType { background:#CCCCCC none repeat scroll 0 0; color:#000000; font-size:1.6em; font-weight:bold; padding:5px 5px 5px 7px; } #exampleMealPlan table td { background:transparent; padding:6px 5px; border:1px solid #cccccc; } #exampleMealPlan table td a img { height:79px; width:100px; } #exampleMealPlan table td div.recipeTeaserContent { width:101px; padding-bottom:10px; } #exampleMealPlan table td div.recipeTeaserContent h3 { margin-bottom:0; padding-bottom:5px; } #exampleMealPlan table td div.recipeTeaserContent h3 a { font-size:0.8em; font-style:italic; font-weight:bold; } #exampleMealPlan table td div.recipeTeaserContent h3 a:hover { text-decoration:underline; } #exampleMealPlan table td div.recipeTeaserContent p { font-size:1em; line-height:1; } #exampleMealPlan table td div.recipeTeaserContent p span { color:#666666; display:inline; float:none; font-size:1em; width:auto; } /* side small boxes */ div.blueBox903 { background:transparent url(/assets/images/backgrounds/background_903blueBoxMiddle.png) repeat-y scroll left top; float:left; overflow:hidden; width:903px; } h2.boxTop903 { color:#fff; display:block; width:100%; height:37px; background:url(/assets/images/backgrounds/background_903blueBoxTop.png) no-repeat top left; font-size:1.6em; font-weight:bold;line-height:2.2; margin:0;text-transform:lowercase; } h2.boxTop903 span { border-right:1px solid #FFFFFF;display:block;float:left;height:24px;margin:6px 10px;padding-right:20px;width:18px;} h2.boxTop903 span#mealToolIcon { background:transparent url(/assets/images/icons/icon_mealIcon.png) no-repeat scroll left top; } h2.boxTop903 span#mealDiaryIcon { background:transparent url(/assets/images/icons/icon_diaryIcon.png) no-repeat scroll left top; } div.blueBoxContent903 { overflow:auto; margin:0 5px; padding:5px; } div.blueBoxBottom903 { display:block; width:903px; height:5px; background:url(/assets/images/backgrounds/background_903blueBoxBottom.png) no-repeat top left; clear:both; } #column1.register_form li#selectWeight.error span.required_type { position:absolute; } #weightLossTrackerContent ul.contentlist input.savebutton { width:83px; } /******************************************************* = plan update */ div#toolsTop { border-bottom:1px solid #999999; clear:both; overflow:hidden; width:100%; } div#bannerSub { height:173px; display:block; width:310px; float:left; padding:20px 23px 26px; text-align:left; } div#bannerSub h1 { padding:0; margin:0; } div#bannerSub h2 { margin-top:0; } div#toolsTop { position:relative; } a.joinLink { position:absolute; right:0; bottom:0; } li.error { background:#FEF3F4; padding-top:30px!important; } li.error span { font-weight:bold; } .register fieldset { margin-bottom:25px; } div#myaccount.register { height:auto; } .hidden { display:none;} #activityBriefHidden { background:#FFFFFF none repeat scroll 0 0; } div.mealplantips div.faqs div.answer img { float:right; } div.mealplantips div.faqs div.question p span:hover { cursor:pointer; } #column1.register_form li#selectWeight div.weightimperialoptions input, #column1.register_form li#selectWeight div.weightmetricoptions input, #column1.register_form li#selectHeight div.heightimperialoptions input, #column1.register_form li#selectHeight div.heightmetricoptions input { margin:0; float:left; display:inline; text-align:right; background:transparent url(/assets/images/forms/form.png) no-repeat scroll 0 0; border-color:-moz-use-text-color #cccccc #cccccc -moz-use-text-color; border-style:none solid solid none; border-width:medium 1px 1px medium; font-size:1.2em; padding:4px; } #weightLossTrackerContent div.changegoalweight span.error { left:0; } .register fieldset li#registerLi, .register fieldset li#activityLi { padding-right:0; width:auto; position:relative; left:0px; height:auto; } /* my account update */ #myaccount.register li#calendarLi.error span.validator { top:-67px !important; } div#myaccount input.saveMyAccountDetails { background:transparent url(/assets/images/icons/buttons.png) no-repeat scroll -400px -30px; border:0 none; height:22px; line-height:0; margin:10px 0 0 272px; text-indent:-9999px !important; width:80px; } div#myaccount fieldset span.saved { background:transparent url(/assets/images/icons/icons_greentick.png) no-repeat scroll left center; display:block; height:auto; margin:0 0 20px; padding:5px 0 5px 20px; position:static; width:100%; } /* form update */ #column1.register_form li#selectWeight.error, #column1.register_form li#selectHeight.error { background:#FEF3F4 none repeat scroll 0 0; padding-top:30px !important; } #column1.register_form li#selectWeight span, #column1.register_form li#selectHeight span { font-size:1.6em; height:auto; left:-4px; } /* calendar widget fixes */ .register li#calendarLi, .register li#calendarLi.error { overflow:visible; position:static; } .register li#calendarLi input { width:100px; background:transparent url(/assets/images/forms/form.png) no-repeat scroll 0 0; border-color:-moz-use-text-color #CECECE #CECECE -moz-use-text-color; border-style:none solid solid none; border-width:medium 1px 1px medium; font-size:1.2em; padding:4px; } .ajax__calendar .ajax__calendar_container { z-index:5000; } #column1 .register li#calendarLi.error span.validator { bottom:auto; float:left; left:-16px !important; position:relative; right:auto; top:-43px !important; width:auto !important; white-space:nowrap; } /* register button */ .register input.registeruserbutton, .register input.registeruserbuttondisabled { margin-left:225px; display:inline-block; float:none; clear:both; width:70px; height:22px; border:none; background:transparent url(/assets/images/icons/buttons.png) -300px 0 no-repeat; cursor:pointer; margin-bottom:25px; } .register input.registeruserbuttondisabled { background-position:-400px 0; } /* registered thank you page buttons */ #thankyouButtons a.joinMyPlan { margin-left:200px; text-indent:47px; } #thankyouButtons a.joinMyPlan:hover { color:#fff; } /* mealplanner update */ div#tipBox { background:transparent url(/assets/images/backgrounds/background_317redBar.png) no-repeat scroll left top; display:block; float:left;height:38px; margin:0 0 0 15px; padding-top:7px; width:317px; } div#tipBox h2 { border-right:1px solid #FFFFFF; color:#FFFFFF; display:inline-block; float:left; font-size:1.6em; font-weight:bold; margin:0; padding:2px 13px 4px 11px; width:20px; } div#tipBox div#tip { color:#FFFFFF; display:inline; float:left; font-size:1.2em; padding-left:5px; padding-top:7px; position:relative; width:150px; } div#mealPlanContent #reportEffect { margin:10px; } .smileyGood, .smileyNormal, .smileyBad { display:inline; } /* recipe tool update */ #searchRecipesDatabase ul#resultsList li div.recipeActions ul li a.linkbutton.remove, #container #content_main ul.actionsRow li a.linkbutton.remove { background-position:-149px -250px !important; } /* my check in*/ body.myalliplanstart #column1, body.mycheckin #column1 { margin:62px 0 20px; padding:15px 39px 0 38px; } body.myalliplanstart div.step { background:#fff; } body.myalliplanstart .register fieldset { } body.myalliplanstart .register fieldset ul.formcontentlist { } body.myalliplanstart .register fieldset li { height:auto !important; margin:0; padding-bottom:25px; position:static; } body.myalliplanstart .register fieldset li input { width:120px; margin:0 100px 0 0; clear:right; } body.myalliplanstart .register fieldset li label { margin-bottom:5px; } body.myalliplanstart .register fieldset li#ie6 { display:inline-block; } .register fieldset li#dietDates { overflow:visible; position:static; } .register fieldset li#dietDates span.validator { text-indent:-9999px; } .register fieldset li#dietDates.error span.validator { position:relative; top:-56px; text-indent:0; width:100%; clear:both; display:block; } .register fieldset li#dietDates label { clear:left; float:left; display:inline-block; } .register fieldset li#dietDates input { display:inline; margin-right:100px; margin-bottom:15px; width:100px; } .register fieldset li#dietDates #clientTzOffset { display:none; } .register fieldset li#afterDietDates { border-top:0; } body.myalliplanstart .register fieldset li #faqs { margin-bottom:0; } body.myalliplanstart .register fieldset ul.formcontentlist { margin-bottom:15px; } body.myalliplanstart .register fieldset ul.formcontentlist li { height:auto; float:none; vertical-align:middle; border:0 none; color:#666666; font-size:1.2em; line-height:1.6; list-style-image:none; list-style-position:inside; list-style-type:disc; margin:0; min-height:0; padding:0 0 0 2px; } body.myalliplanstart .register fieldset div#faqs .question p span { background:none; bottom:auto; height:auto; position:static; left:auto; line-height:1.2; } body.myalliplanstart .register fieldset .myalliplanstartRadios { margin-left:240px; } body.myalliplanstart .register fieldset .myalliplanstartRadios input { margin: 1px 10px 0 0; width:13px; height:13px; } body.myalliplanstart .register fieldset .myalliplanstartRadios label { font-size:1.2em; margin-bottom:10px; padding-bottom:0; } body.myalliplanstart div#column1 .thankyouCheckin p { margin:20px 37px; } body.myalliplanstart #step2.register input { padding:0; height:20px; width:25px; } body.myalliplanstart #step2.register label { padding:0; vertical-align:bottom; line-height:1.6; } body.myalliplanstart #step2.register li { padding-bottom:30px; } body.myalliplanstart #step2.register select { margin-bottom:25px; } body.myalliplanstart #step2.register div.radioContainer { display:block; float:left; width:230px; } body.signin div.nav input, body.myalliplanstart div.nav input, input.greenArrow, input.loginButton { background:transparent url(/assets/images/icons/icon_greenarrow.gif) no-repeat scroll left top; border:0 none; color:#FFFFFF; cursor:pointer; display:inline; font-size:1.6em; height:36px; line-height:2; margin:10px 0 60px 505px; text-indent:6px; width:121px !important; } body.myalliplanstart div.nav input { } body.mycheckin div.register { } body.mycheckin .register p { font-size:1.2em; margin:0.5em 0; } body.mycheckin .register li { height:auto; } body.mycheckin .register li.error span.validator { bottom:auto; clear:both; display:inline-block; float:left; left:auto; margin:0; padding:0; position:static; width:400px !important; } body.mycheckin .register li#calendarLi { position:static; } body.mycheckin .register li#calendarLi input { width:120px; } .register li#calendarLi.error.dobCalendar span.validator { left:-256px !important; } body.mycheckin .register li#selectWeight { display:inline-block; position:relative; height:auto !important; overflow:hidden; } body.mycheckin .register li#selectWeight.error, body.mycheckin .register li#selectHeight.error { background:#FEF3F4 none repeat scroll 0 0; } body.mycheckin .register li#selectWeight span.weight_label { background:transparent none repeat scroll 0 0; color:#666666; float:left; font-size:1.3em; font-weight:bold; height:auto; margin:0 20px 0 0; padding:0; position:static; width:220px; } body.mycheckin .register li#selectWeight div.weighttype { height:auto; float:left; } body.mycheckin .register li#selectWeight div.weighttype span.imperial_radio { height:auto; position:static; padding:0; background:transparent; font-size:1em; } body.mycheckin .register li#selectWeight div.weighttype span.imperial_radio input { text-align:right; width:auto; margin:0; height:15px; padding:0; } body.mycheckin .register li#selectWeight div.weighttype span.imperial_radio label { vertical-align:bottom; line-height:1; margin:0; height:15px; padding-left:10px; width:140px; } body.mycheckin .register li#selectWeight div.weighttype span.metric_radio { height:auto; position:static; height:25px; padding:0; background:transparent; font-size:1em; } body.mycheckin .register li#selectWeight div.weighttype span.metric_radio input { text-align:right; width:auto; margin:0; height:15px; padding:0; } body.mycheckin .register li#selectWeight div.weighttype span.metric_radio label { vertical-align:bottom; height:25px; line-height:1; margin:0; padding-left:10px; width:120px; } body.mycheckin .register li#selectWeight div.weightimperialoptions, body.mycheckin .register li#selectWeight div.weightmetricoptions { height:auto; position:static; float:right; width:335px; margin:0; padding:0; } body.mycheckin .register li#selectWeight span.stones_error, body.mycheckin .register li#selectWeight span.kg_error, body.mycheckin .register li#selectWeight span.pounds_error { left:4px } body.mycheckin .register li#selectHeight { display:inline-block; position:relative; height:auto !important; overflow:hidden; } body.mycheckin .register li#selectHeight span.height_label { background:transparent none repeat scroll 0 0; color:#666666; float:left; font-size:1.3em; font-weight:bold; height:auto; margin:0 20px 0 0; padding:0; position:static; width:220px; } body.mycheckin .register li#selectHeight div.heighttype { height:auto; float:left; } body.mycheckin .register li#selectHeight div.heighttype span.imperial_radio { height:auto; position:static; padding:0; background:transparent; font-size:1em; } body.mycheckin .register li#selectHeight div.heighttype span.imperial_radio input { text-align:right; width:auto; margin:0; height:15px; padding:0; } body.mycheckin .register li#selectHeight div.heighttype span.imperial_radio label { vertical-align:bottom; line-height:1; margin:0; height:15px; padding-left:10px; width:140px; } body.mycheckin .register li#selectHeight div.heighttype span.metric_radio { height:auto; position:static; height:25px; padding:0; background:transparent; font-size:1em; } body.mycheckin .register li#selectHeight div.heighttype span.metric_radio input { text-align:right; width:auto; margin:0; height:15px; padding:0; } body.mycheckin .register li#selectHeight div.heighttype span.metric_radio label { vertical-align:bottom; height:25px; line-height:1; margin:0; padding-left:10px; width:120px; } body.mycheckin .register li#selectHeight div.heightimperialoptions, body.mycheckin .register li#selectHeight div.heightmetricoptions { height:auto; position:static; float:right; width:335px; margin:0; padding:0; } body.mycheckin .register li#selectHeight span.feet_error, body.mycheckin .register li#selectHeight span.cm_error, body.mycheckin .register li#selectHeight span.inches_error { left:4px; } body.mycheckin .register li#selectHeight span.validator, body.mycheckin .register li#selectWeight span.validator, body.mycheckin .register.checkInStats li span.validator { text-indent:-9999px; position:absolute; } body.mycheckin .register.checkInStats li#selectHeight.error span.validator, body.mycheckin .register.checkInStats li#selectWeight.error span.validator, body.mycheckin .register.checkInStats li.error span.validator { } body.mycheckin .register.checkInStats li#selectHeight.error span.validator, body.mycheckin .register.checkInStats li#selectWeight.error span.validator, body.mycheckin .register.checkInStats li.error span.validator { font-size:1.6em; left:9px; text-indent:0; top:12px; position:absolute; } body.mycheckin #step2.register li { position:static !important; height:220px; } body.mycheckin #step2.register li.shorter { height:120px } body.mycheckin #step2.register li label { display:inline; float:left; position:relative; width:100%; padding-bottom:15px; } body.mycheckin .register fieldset .mycheckinRadios { display:inline; float:left; margin-left:205px; } body.mycheckin .register fieldset .mycheckinRadios input { margin: 1px 10px 0 0; width:13px; height:12px; } body.mycheckin .register fieldset .mycheckinRadios.doubleLine input { height:20px; } body.mycheckin .register fieldset .mycheckinRadios label { width:380px; display:inline-block; overflow:hidden; margin-bottom:5px !important; padding-bottom:0 !important; margin-right:0; } body.mycheckin div.nav input { background:transparent url(/assets/images/icons/icon_greenarrow.gif) no-repeat scroll left top; border:0 none; color:#FFFFFF; cursor:pointer; display:block; font-size:1.6em; height:36px; line-height:2; margin:10px 0 80px 520px; text-indent:6px; width:121px !important; } body.mycheckin .register li.error span.validator { bottom:auto; display:block; clear:both; float:left; left:auto; margin:0; padding:0; position:static; width:100% !important; } body.mycheckin label.alreadyCheckedInPrompt, body.mycheckin label.notOnPlanPrompt { width:100%; display:block; margin:20px 35px; color:#333; font-weight:normal; font-size:1.2em; } body.mycheckin .checkinWeight { margin-bottom:10px; padding-top:15px; } body.mycheckin .checkinWeight li { height:50px; } body.mycheckin .checkinWeight input { text-align:right; margin-right:10px; width:100px; margin-bottom:15px; } body.mycheckin .checkinWeight label { padding-top:5px; } body.mycheckin .checkinWeight span.weight_label { border:1px solid #fff; color:#666666; display:inline-block; float:left; font-size:1.3em; font-weight:bold; left:auto; margin-right:20px; padding:0; position:static; text-align:left; text-indent:4px; width:220px; } body.mycheckin .checkinWeight label.unitLabel { width:auto; } body.mycheckin .checkinWeightQuestions label { display:inline; padding-bottom:15px; width:auto; } body.mycheckin .register.checkinWeight li.error span.validator, body.mycheckin .register .checkinWeightQuestions li.error span.validator { bottom:auto; display:block; height:auto; left:12px; position:absolute; text-indent:0; top:10px; } body.mycheckin #column1 .register fieldset.checkinResults { padding:15px 0 0; } body.mycheckin #column1 .register fieldset.checkinResults p { margin:5px 15px 15px; } .check-in-tip { background:#C15913 none repeat scroll 0 0; color:#FFFFFF; font-size:1.2em; line-height:1.5; padding:20px; } body.userevents table { border-collapse:collapse; font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size:1.2em; margin:0; text-align:left; width:100%; } body.userevents table th { background:#b9c9fe; border-bottom:1px solid #fff; border-top:4px solid #aabcfe; color:#039; font-size:1.3em; font-weight:normal; padding:8px; } body.userevents table td { background:#e8edff; border-bottom:1px solid #fff; border-top:1px solid transparent; color:#669; padding:8px; } body.userevents table tr:hover td { background:#d0dafd; color:#339; } body.userevents div.ajax__calendar table th { border-bottom:1px solid #fff; border-top:4px solid #aabcfe; font-size:1em; font-weight:normal; padding:0; } body.userevents div.ajax__calendar table td { border-bottom:1px solid #fff; border-top:1px solid transparent; padding:0; } /* radio list */ #container #content .register fieldset .registerRadios { display:inline; float:left; margin-left:240px; } #container #content .register fieldset .registerRadios input { clear:left; margin: 1px 2px 0 0; width:13px; height:12px; } #container #content .register fieldset .registerRadios label { width:310px; display:inline-block; overflow:hidden; margin-bottom:2px !important; padding-bottom:0 !important; margin-right:0; } body.forgot #column1 { min-height:300px; } /******************************************************* = plan update */ body.forgot #column1 { min-height:300px; } div#toolsTop { border-bottom:1px solid #999999; clear:both; overflow:hidden; width:100%; } div#bannerSub { height:173px; display:block; width:310px; float:left; padding:20px 23px 26px; text-align:left; overflow:auto;} div#bannerSub h1 { padding:0; margin:0; } div#bannerSub h2 { margin-top:0; } div#toolsTop { position:relative; } li.error { background:#FEF3F4; padding-top:30px!important; } li#bmiLi.error { background:#FEF3F4; padding-top:80px!important; } li.error span { font-weight:bold; } .register fieldset { margin-bottom:25px; } li#selectHeight input { width:100px; margin:5px 5px 10px 0; } /* links */ a.joinLink { position:absolute; right:0; bottom:0; } a.joinLink:hover { color:#333; } a.widgetlink { color:#39892F; font-size:1.2em; text-decoration:none; } a.widgetlink:hover { text-decoration:underline; } #container #content_main div.exampleMeal ul.actionsRow li a.linkbutton.remove, body.recipelist #container #content_main ul.actionsRow li a.linkbutton.remove { background-position:-149px -250px !important; } body.recipedetails #container #content_main ul.actionsRow li a.linkbutton.remove { background-position:-149px -244px !important; } a.backToToolsLink { background:transparent url(/assets/images/icons/icon_tools_backarrow.gif) no-repeat scroll 0 2px; color:#333333; float:left; font-size:1.1em; font-weight:bold; line-height:2.5; margin-left:34px; margin-right:13px; margin-top:5px; padding:0 0 0 30px; text-transform:lowercase; } /* hidden stuff */ div#container div#content .hidden { display:none;} body.mycheckin div.weighttype { display:none !important; } #activityBriefHidden { background:#FFFFFF none repeat scroll 0 0; } div#DRTHidden, div#activityInfoHidden { width:100%; background:#fff; color:#666; } div#whatsMyPlanHidden { background:#fff; } span.fatWarning { display:none; } /* mini-weight loss tracker top form */ #weightLossTrackerContent { padding-top:15px; } #weightLossTrackerContent div.newactivityleveltop span { color:#666666; float:left; margin-bottom:7px; margin-left:0; margin-right:7px; margin-top:2px; width:150px; } #weightLossTrackerContent ol.topWeightLossList div.selectWeightInner span { color:#666666; float:left; font-weight:normal; margin:7px 7px 7px 0; width:150px; } #weightLossTrackerContent ol.topWeightLossList div.weightmetricoptions { display:inline-block; overflow:hidden; padding-bottom:5px; width:auto !important; } ol.topWeightLossList li#selectWeight label.unitLabel { font-size:1em; position:relative; top:-5px; } #column1.register_form li#selectWeight p span.bmiCustom { font-size:1.6em; left:auto; line-height:1; padding-bottom:0; padding-left:0; padding-right:0; padding-top:0; position:static; color:red; left:-4px;} div.newactivitylevel p { clear:both; } /* mini-weight loss tracker goal weight */ #weightLossTrackerContent div#changegoalweightlower { padding-top:20px; } #weightLossTrackerContent div#changegoalweightlower div.changegoalweight ul { display:block; overflow:hidden; width:100%; } #weightLossTrackerContent div#changegoalweightlower div.changegoalweight div.selectWeightInner { float:left; overflow:hidden; padding-right:15px; width:auto; } #weightLossTrackerContent div#changegoalweightlower span.weight_label { color:#666666; font-size:1.2em; } #weightLossTrackerContent div#changegoalweightlower span.kg_error { font-size:1.6em; bottom:auto; font-weight:bold; top:-20px; } #weightLossTrackerContent div#changegoalweightlower label { color:#666666; float:left; font-size:1.2em; line-height:2; width:auto; } #weightLossTrackerContent div.changegoalweight span.error { left:0; } #weightLossTrackerContent input.savebutton { background:transparent url(/assets/images/icons/buttons.png) no-repeat scroll 0 -30px; border:medium none; cursor:pointer; display:block; float:left; clear:none; height:22px; margin:0; outline-color:-moz-use-text-color; outline-style:none; outline-width:medium; text-indent:-9999px; width:70px; } /* my account update */ div#myaccount.register { height:auto; } div#myaccount input.saveMyAccountDetails { background:transparent url(/assets/images/icons/buttons.png) no-repeat scroll -400px -30px; border:0 none; height:22px; line-height:0; margin:10px 0 0 272px; text-indent:-9999px !important; width:80px; } div#myaccount fieldset span.saved { background:transparent url(/assets/images/icons/icons_greentick.png) no-repeat scroll left center; display:block; height:auto; margin:0 0 20px; padding:5px 0 5px 20px; position:static; width:100%; } /* form update */ li#genderLi label { white-space:nowrap; } .register fieldset li#registerLi { height:570px; } .register fieldset li#registerLi, .register fieldset li#activityLi { padding-right:0; width:auto; position:relative; left:0px; height:auto; } #column1.register_form li#selectWeight.error, #column1.register_form li#selectHeight.error { background:#FEF3F4 none repeat scroll 0 0; padding-top:30px !important; } #column1.register_form li#selectWeight span, #column1.register_form li#selectHeight span { font-size:1.6em; height:auto; left:-4px; } #column1.register_form li#alreadyTaking span { display:none; } /* sign in */ div.authPanelContent { height:320px !important; } div#returnUserPanel input.loginButton { display:inline; margin-right:250px; } /* my account */ div#myaccount input.saveMyAccountDetails { width:88px; } /* calendar widget fixes */ .register li#calendarLi, .register li#calendarLi.error { overflow:visible; position:static; } .register li#calendarLi input { width:100px; text-align:left; font-size:1.2em; padding:4px; } .ajax__calendar .ajax__calendar_container { z-index:5000; } #column1 .register li#calendarLi.error span.validator { bottom:auto; float:left; left:-16px !important; position:relative; right:auto; top:-43px !important; width:auto !important; white-space:nowrap; } #column1 .register li#calendarLi.alliStart.error span.validator { margin-bottom:-9px; top:-50px !important; width:550px !important; } #myaccount.register li#calendarLi.error span.validator { top:-67px !important; width:550px !important; margin-bottom:-23px; left:0 !important; } /* register button */ .register input.registeruserbutton, .register input.registeruserbuttondisabled { margin-left:225px; display:inline-block; float:none; clear:both; width:70px; height:22px; border:none; background:transparent url(/assets/images/icons/buttons.png) -300px 0 no-repeat; cursor:pointer; margin-bottom:25px; margin-top:15px; } .register input.registeruserbuttondisabled { background-position:-400px 0; } body.registeruser #content_main { width:930px; } /* registered thank you page buttons */ #thankyouButtons a.joinMyPlan { margin-left:200px; text-indent:45px; } #thankyouButtons a:hover { color:#fff; } /* mealplanner update */ div#tipBox { background:transparent url(/assets/images/backgrounds/background_317redBar.png) no-repeat scroll left top; display:block; float:left;height:38px; margin:0 0 0 15px; padding-top:7px; width:317px; text-transform:none; } div#tipBox h2 { border-right:1px solid #FFFFFF; color:#FFFFFF; display:inline-block; float:left; font-size:1.6em; font-weight:bold; margin:0; padding:2px 10px 4px 8px; width:25px; } div#tipBox div#tip { color:#FFFFFF; display:inline; float:left; font-size:1.2em; padding-left:5px; padding-top:7px; position:relative; width:150px; } div#mealPlanContent #reportEffect { margin:10px; } .smileyGood, .smileyNormal, .smileyBad { display:inline; } /* recipe tool update */ #searchRecipesDatabase ul#resultsList li div.recipeActions ul li a.linkbutton.remove { background-position: -149px -248px !important; } .toolsdashboard #container #content_main ul.actionsRow li a.linkbutton.remove { background-position: -149px -250px !important; } #container #content_main ul.actionsRow li a.linkbutton.remove { background-position:-149px -243px !important; } /* my check in*/ body.myalliplanstart #column1, body.mycheckin #column1 { margin:62px 0 20px; padding:15px 39px 0 38px; } body.myalliplanstart div.step { background:#fff; } body.myalliplanstart .register fieldset li { height:auto !important; margin:0; padding-bottom:25px; position:static; } body.myalliplanstart .register fieldset li input { width:120px; margin:0 100px 0 0; clear:right; } body.myalliplanstart .register fieldset li label { margin-bottom:5px; } body.myalliplanstart .register fieldset li#ie6 { display:inline-block; } .register fieldset li#dietDates { overflow:visible; position:static; } .register fieldset li#capsuleDates { border-bottom:1px solid #CCCCCC; overflow:visible; position:static; } .register fieldset li#dietDates span.validator, .register fieldset li#capsuleDates span.validator { text-indent:-9999px; } .register fieldset li#dietDates.error span.validator, .register fieldset li#capsuleDates.error span.validator { text-indent:0; height:auto; position:relative; top:-60px; margin-bottom:-20px; white-space:nowrap; float:none; height:1%; } .register fieldset li#dietDates label, .register fieldset li#capsuleDates label { clear:left; float:left; display:inline-block; } .register fieldset li#dietDates input, .register fieldset li#capsuleDates input { display:inline; margin-right:100px; margin-bottom:15px; width:100px; } .register fieldset li#dietDates #clientTzOffset, .register fieldset li#capsuleDates #clientTzOffset { display:none; } .register fieldset li#afterDietDates { border-top:0; } body.myalliplanstart .register fieldset li #faqs { margin-bottom:0; } body.myalliplanstart .register fieldset ul.formcontentlist { margin-bottom:15px; } body.myalliplanstart .register fieldset ul.formcontentlist li { height:auto; float:none; vertical-align:middle; border:0 none; color:#666666; font-size:1.2em; line-height:1.6; list-style-image:none; list-style-position:inside; list-style-type:disc; margin:0; min-height:0; padding:0 0 0 2px; } body.myalliplanstart .register fieldset div#faqs .question p span { background:none; bottom:auto; height:auto; position:static; left:auto; line-height:1.2; } body.myalliplanstart .register fieldset .myalliplanstartRadios { margin-left:240px; } body.myalliplanstart .register fieldset .myalliplanstartRadios input { margin: 1px 10px 0 0; width:13px; height:13px; } body.myalliplanstart .register fieldset .myalliplanstartRadios label { font-size:1.2em; margin-bottom:10px; padding-bottom:0; } body.myalliplanstart div#column1 .thankyouCheckin p { margin:20px 37px; } body.myalliplanstart #step2.register input { padding:0; height:20px; width:25px; } body.myalliplanstart #step2.register label { padding:0; vertical-align:bottom; line-height:1.6; } body.myalliplanstart #step2.register li { padding-bottom:30px; } body.myalliplanstart #step2.register select { margin-bottom:25px; } body.myalliplanstart #step2.register div.radioContainer { display:block; float:left; width:230px; } body.signin div.nav input, body.myalliplanstart div.nav input, input.greenArrow, input.loginButton { background:transparent url(/assets/images/icons/icon_greenarrow.gif) no-repeat scroll left top; border:0 none; color:#FFFFFF; cursor:pointer; display:inline; font-size:1.6em; height:36px; line-height:2; margin:10px 0 60px 505px; text-indent:6px; width:121px !important; } body.mycheckin .register p { font-size:1.2em; margin:0.5em 0; } body.mycheckin .register li { height:auto; } body.mycheckin .register li.error span.validator { bottom:auto; clear:both; display:inline-block; float:left; left:auto; margin:0; padding:0; position:static; width:400px !important; } body.mycheckin .register li#calendarLi { position:static; } body.mycheckin .register li#calendarLi input { width:120px; } #column1 .register li#calendarLi.error.dobCalendar span.validator { left:-16px !important; width:550px !important; } body.mycheckin .register li#selectWeight { display:inline-block; position:relative; height:auto !important; overflow:hidden; } body.mycheckin .register li#selectWeight.error, body.mycheckin .register li#selectHeight.error { background:#FEF3F4 none repeat scroll 0 0; } body.mycheckin .register li#selectWeight span.weight_label { background:transparent none repeat scroll 0 0; color:#666666; float:left; font-size:1.3em; font-weight:bold; height:auto; margin:0 20px 0 0; padding:0; position:static; width:220px; } body.mycheckin .register li#selectWeight div.weighttype { height:auto; float:left; } body.mycheckin .register li#selectWeight div.weighttype span.imperial_radio { height:auto; position:static; padding:0; background:transparent; font-size:1em; } body.mycheckin .register li#selectWeight div.weighttype span.imperial_radio input { text-align:right; width:auto; margin:0; height:15px; padding:0; } body.mycheckin .register li#selectWeight div.weighttype span.imperial_radio label { vertical-align:bottom; line-height:1; margin:0; height:15px; padding-left:10px; width:140px; } body.mycheckin .register li#selectWeight div.weighttype span.metric_radio { height:auto; position:static; height:25px; padding:0; background:transparent; font-size:1em; } body.mycheckin .register li#selectWeight div.weighttype span.metric_radio input { text-align:right; width:auto; margin:0; height:15px; padding:0; } body.mycheckin .register li#selectWeight div.weighttype span.metric_radio label { vertical-align:bottom; height:25px; line-height:1; margin:0; padding-left:10px; width:120px; } body.mycheckin .register li#selectWeight div.weightimperialoptions, body.mycheckin .register li#selectWeight div.weightmetricoptions { height:auto; position:static; float:right; width:335px; margin:0; padding:0; } body.mycheckin .register li#selectWeight span.stones_error, body.mycheckin .register li#selectWeight span.kg_error, body.mycheckin .register li#selectWeight span.pounds_error { left:4px } body.mycheckin .register li#selectHeight { display:inline-block; position:relative; height:auto !important; overflow:hidden; } body.mycheckin .register li#selectHeight span.height_label { background:transparent none repeat scroll 0 0; color:#666666; float:left; font-size:1.3em; font-weight:bold; height:auto; margin:0 20px 0 0; padding:0; position:static; width:220px; } body.mycheckin .register li#selectHeight div.heighttype { height:auto; float:left; } body.mycheckin .register li#selectHeight div.heighttype span.imperial_radio { height:auto; position:static; padding:0; background:transparent; font-size:1em; } body.mycheckin .register li#selectHeight div.heighttype span.imperial_radio input { text-align:right; width:auto; margin:0; height:15px; padding:0; } body.mycheckin .register li#selectHeight div.heighttype span.imperial_radio label { vertical-align:bottom; line-height:1; margin:0; height:15px; padding-left:10px; width:140px; } body.mycheckin .register li#selectHeight div.heighttype span.metric_radio { height:auto; position:static; height:25px; padding:0; background:transparent; font-size:1em; } body.mycheckin .register li#selectHeight div.heighttype span.metric_radio input { text-align:right; width:auto; margin:0; height:15px; padding:0; } body.mycheckin .register li#selectHeight div.heighttype span.metric_radio label { vertical-align:bottom; height:25px; line-height:1; margin:0; padding-left:10px; width:120px; } body.mycheckin .register li#selectHeight div.heightimperialoptions, body.mycheckin .register li#selectHeight div.heightmetricoptions { height:auto; position:static; float:right; width:335px; margin:0; padding:0; } body.mycheckin .register li#selectHeight span.feet_error, body.mycheckin .register li#selectHeight span.cm_error, body.mycheckin .register li#selectHeight span.inches_error { left:4px; } body.mycheckin .register li#selectHeight span.validator, body.mycheckin .register li#selectWeight span.validator, body.mycheckin .register.checkInStats li span.validator { text-indent:-9999px; position:absolute; } body.mycheckin .register.checkInStats li#selectHeight.error span.validator, body.mycheckin .register.checkInStats li#selectWeight.error span.validator, body.mycheckin .register.checkInStats li.error span.validator { } body.mycheckin .register.checkInStats li#selectHeight.error span.validator, body.mycheckin .register.checkInStats li#selectWeight.error span.validator, body.mycheckin .register.checkInStats li.error span.validator { font-size:1.6em; left:9px; text-indent:0; top:12px; position:absolute; } body.mycheckin #step2.register li { position:static !important; height:220px; } body.mycheckin #step2.register li.shorter { height:120px } body.mycheckin #step2.register li label { display:inline; float:left; position:relative; width:100%; padding-bottom:15px; } body.mycheckin .register fieldset .mycheckinRadios { display:inline; float:left; margin-left:205px; } body.mycheckin .register fieldset .mycheckinRadios input { margin: 1px 10px 0 0; width:13px; height:12px; } body.mycheckin .register fieldset .mycheckinRadios.doubleLine input { height:20px; } body.mycheckin .register fieldset .mycheckinRadios label { width:380px; display:inline-block; overflow:hidden; margin-bottom:5px !important; padding-bottom:0 !important; margin-right:0; } body.mycheckin div.nav input { background:transparent url(/assets/images/icons/icon_greenarrow.gif) no-repeat scroll left top; border:0 none; color:#FFFFFF; cursor:pointer; display:block; font-size:1.6em; height:36px; line-height:2; margin:10px 0 80px 520px; text-indent:6px; width:121px !important; } body.mycheckin .register li.error span.validator { bottom:auto; display:block; clear:both; float:left; left:auto; margin:0; padding:0; position:static; width:100% !important; } body.mycheckin label.alreadyCheckedInPrompt, body.mycheckin label.notOnPlanPrompt { width:100%; display:block; margin:20px 35px; color:#333; font-weight:normal; font-size:1.2em; } /* checkin quiz */ body.mycheckin .checkinWeight { margin-bottom:10px; padding-top:15px; } body.mycheckin .checkinWeight li { height:50px; } body.mycheckin .checkinWeight input { text-align:right; margin-right:10px; width:100px; margin-bottom:15px; } body.mycheckin .checkinWeight label { padding-top:5px; } body.mycheckin .checkinWeight span.weight_label { border:1px solid #fff; color:#666666; display:inline-block; float:left; font-size:1.3em; font-weight:bold; left:auto; margin-right:20px; padding:0; position:static; text-align:left; text-indent:4px; width:260px; } body.mycheckin .checkinWeight label.unitLabel { width:auto; } body.mycheckin .checkinWeightQuestions li { display:inline-block; height:130px; width:580px; } body.mycheckin .checkinWeightQuestions li.longer { height:175px; } body.mycheckin .checkinWeightQuestions li.longer p { position:absolute; bottom:10px; } body.mycheckin .checkinWeightQuestions li.shorter { height:90px; } body.mycheckin .register fieldset .checkinWeightQuestions li.longer .mycheckinRadios { position:absolute; top:50px; left:10px; } body.mycheckin .register fieldset .checkinWeightQuestions li.error .mycheckinRadios { position:absolute; top:60px; left:10px;} body.mycheckin .register fieldset .checkinWeightQuestions li.error.longer .mycheckinRadios { top:65px; } body.mycheckin .register fieldset .checkinWeightQuestions li div#dietrelatedeffectsHidden { background:#fff; bottom:20px; color:#666666; font-size:1.2em; left:10px; position:absolute;} body.mycheckin .register fieldset .checkinWeightQuestions li.error div#dietrelatedeffectsHidden { background:#FEF3F4; } body.mycheckin .checkinWeightQuestions label { display:inline; padding-bottom:15px; width:auto; white-space:nowrap; position:relative; } body.mycheckin .register ol.checkinWeightQuestions label {font-weight:normal; position:relative;} body.mycheckin .register.checkinWeight li.error span.validator, body.mycheckin .register .checkinWeightQuestions li.error span.validator { bottom:auto; display:block; height:auto; left:12px; position:absolute; text-indent:0; top:10px; } body.mycheckin #column1 .register fieldset.checkinResults { padding:15px 0 0; } body.mycheckin #column1 .register fieldset.checkinResults p { margin:5px 15px 15px; } /* tips page */ .check-in-tip { background:#C15913 none repeat scroll 0 0; color:#FFFFFF; font-size:1.2em; line-height:1.5; padding:20px; } #column1 .register .check-in-tip p { color: #fff } #column1 .register .check-in-tip p a { color: #fff; text-decoration:underline} /* user events page */ body.userevents table { border-collapse:collapse; font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size:1.2em; margin:0; text-align:left; width:100%; } body.userevents table th { background:#b9c9fe; border-bottom:1px solid #fff; border-top:4px solid #aabcfe; color:#039; font-size:1.3em; font-weight:normal; padding:8px; } body.userevents table td { background:#e8edff; border-bottom:1px solid #fff; border-top:1px solid transparent; color:#669; padding:8px; } body.userevents table tr:hover td { background:#d0dafd; color:#339; } /* radio list */ #container #content .register fieldset .registerRadios { display:inline; float:left; margin-left:240px; } #container #content .register fieldset .registerRadios input { clear:left; margin: 1px 2px 0 0; width:13px; height:12px; } #container #content .register fieldset .registerRadios label { width:310px; display:inline-block; overflow:hidden; margin-bottom:2px !important; padding-bottom:0 !important; margin-right:0; } body.forgot h1 { margin-bottom:0.5em; } body.forgot #column2 { height:400px; }