/* Meal Plan
----------------------------------*/
	#mealPlanContainer { position: relative; width: 960px; min-height: 480px; font-size: 11px; font-family: 'Lucida Grande', 'Lucida Sans Unicode' sans-serif; margin: 0 0 25px -40px; }
.ie6 #mealPlanContainer { height: 480px; }
	.loading { background: #fff url('/Themes/Custom/images/loader.gif') no-repeat 50% 100px; }
	.dayMode { background: none !important; }
	.unconfigured { height: 840px; background: #fff url('/Themes/Custom/images/bg-meal-plan-unconfigured.jpg') no-repeat top left; margin-bottom: -30px !important; }
	#mealPlanContainer .pagination { position: absolute; z-index: 1; top: 89px; display: block; height: 36px; font-size: 12px; font-weight: bold; text-transform: capitalize; line-height: 1.1; color: #fff !important; background: #3ea4c9; }
	#mealPlanContainer #previous { width: 41px; background: #3ea4c9 url('/Themes/Custom/img/bg_sprite-meal-plan.png') -70px -80px no-repeat; padding: 6px 0 0 25px; }
	#mealPlanContainer #next { right: 0; width: 56px; background: #3ea4c9 url('/Themes/Custom/img/bg_sprite-meal-plan.png') 0 -80px no-repeat; padding: 6px 0 0 10px; }
	#mealPlanHeader { text-align: center; }
	.dayMode #mealPlanHeader { padding: 9px 20px 26px; }
	.weekMode #mealPlanHeader { padding: 20px; }
	#mealPlanHeader h3 { font-size: 24px; font-weight: bold; text-align: center; color: #6c6a68; padding: 0 0 10px; }
	
	.weekMode #mealPlanInfo { background: url('/Themes/Custom/img/bg_sprite-meal-plan.png') no-repeat right -50px; padding-right: 45px; }
	#mealPlanHeader .printPlan { background: url('/Themes/Custom/img/bg_sprite-meal-plan.png') no-repeat right bottom; padding-right: 25px; }
	#mealPlanContent { position: relative; overflow: hidden; margin: auto; }
	.dayMode #mealPlanContent { width: 960px; height: 400px; background: url('/Themes/Custom/images/bg-gradient.gif') repeat-x 0 100%; padding: 0; }
	.weekMode #mealPlanContent { width: 860px; height: 1680px; background: url('/Themes/Custom/img/bg_week-heading-321.png') no-repeat 0 0; padding: 60px 0 0; }
	#mealPlan { position: absolute; width: 99999em; }
	.dayMode #mealPlan { height: 400px; }
	.weekMode #mealPlan { height: 1680px; }
	.mealPlanWeek { float: left; width: 860px; height: 1680px; overflow: hidden; }
	.mealPlanDay { vertical-align: top; overflow: hidden; position:relative; }
	.dayMode .mealPlanDay { float: left; width: 960px; height: 400px; }
	.weekMode .mealPlanDay { height: 240px; }
	.mealPlanDay h3 { font-weight: normal; text-transform: uppercase; color: #9b171e; }
	.dayMode .mealPlanDay h3 { height: 48px; font-size: 19px; text-indent: -9999px; padding: 0 0 6px; }
	.dayMode .mealPlanDay .Snacks h3 { background: url('/Themes/Custom/img/h_my-snacks.png') no-repeat 0 4px; }
	.dayMode .mealPlanDay .ReplacementMeals h3 { background: url('/Themes/Custom/img/h_my-shakes-n-meal-bars.png') no-repeat 0 4px; }
	.dayMode .mealPlanDay .BalancedMeals h3 { background: url('/Themes/Custom/img/h_my-balanced-meal.png') no-repeat 0 4px; }
	.weekMode .mealPlanDay h3 { font-size: 15px; padding: 2px 0 25px; }
	.mealPlanDay > ul { overflow: hidden; }
	.mealPlanDay li { float: left; }
	.dayMode .mealPlanDay li { width: 217px; padding: 0 0 0 107px; }
	.weekMode .mealPlanDay li { width: 240px; }
	.weekMode .mealPlanDay li span { display: block; }
	.dayMode .mealPlanDay .Snacks { background: url('/Themes/Custom/img/icon_button-3.png') no-repeat 22px 186px; }
	.dayMode .mealPlanDay .ReplacementMeals { background: url('/Themes/Custom/img/icon_button-2.png') no-repeat 22px 186px; }
	.dayMode .mealPlanDay .BalancedMeals { width: 169px; background: url('/Themes/Custom/img/icon_button-1.png') no-repeat 18px 186px; padding: 0 0 0 101px; }
	.mealPlanDay li.dow { width: 105px; text-align: right; font-size: 17px; font-weight: bold; color: #6c6a68; padding-right: 25px; }
	#mealPlanContainer .mealPlanDay li li { float: none; width: auto; height: auto; text-transform: capitalize; color: #3ba7ce; padding: 0 0 5px; }
	#mealPlanContainer .mealPlanDay li li a { color: #3ba7ce !important; }
	#mealPlanContainer .mealPlanDay li li a:hover { color: #3c4345 !important; }
	
	.ajaxLoader { display:block; position:absolute;left:370px; top:30; width:200px; background:#fff;   }
	.ajaxLoader img { display:block; margin:0 auto;  }
	.dayMode .mealPlanDay li li { font-size: 14px; color: #3ba7ce; padding: 0 0 15px; overflow: hidden; }
	.dayMode .mealPlanDay li { font-size: 12px; }

	.mealPlanDay li li a { font-weight: normal; margin-bottom:2px; }
	.mealPlanDay li li .editMeal { font-size: 10px; font-weight: bold; display:inline-block; position:relative; top:3px; height:18px; width:46px; color: #a2a4a5; background-image:url(/Themes/Custom/img/btn_change.png); }
	.mealPlanDay li li .editMeal:hover { background-position:-46px 0; }
	
	.mealPlanDay li li .editMeal img { vertical-align: middle; display:none; }
	/*.mealPlanDay li li .editMeal span { text-align: center; color: #a2a4a5; background: url('/Themes/Custom/img/bg_button-lightgrey.png') no-repeat top right; padding: 4px 10px 5px 0; margin-left: 8px; }*/

/* reset button
----------------------------------*/
	a.resetBtn { position: absolute; left: 10px; height: 18px; font-size: 9px; font-weight: bold; text-transform: uppercase; color: #787b72; background: url('/Themes/Custom/img/bg_sprite-meal-plan.png') no-repeat 0 -130px; padding: 5px 0 0 28px; }
	a.resetBtn:hover { color: #3497bb; background-position: 0 -153px; }

/* day plan images
----------------------------------*/
    div.slotImages { height:180px; margin-bottom:3px; overflow:visible; position:relative; margin-left:-40px; }
    div.slotImages img { position:relative; bottom:0px; left:0px; }
    div.slotImages div { height:158px; text-align:center; width:143px; overflow:visible;  border:0px solid black; position:absolute; }
    div.slotImages div span { border:0px solid pink;  position:absolute; overflow:visible; left:0;  bottom:0; display:block; width:143px; }
    div.slotImages div img { display:block; margin:0 auto; }
    div.slot1 { left:0px;  bottom:20px; }
    div.slot2 { z-index:1; left:60px !important;  bottom:0px !important; } 
    div.slot3 { left:120px !important; bottom:20px; }
    .balanced div.slotImage img { position:absolute; bottom:0 !important; left:0; }
    .BalancedMeals .mealImages { margin-left:-53px; }
    .BalancedMeals .mealImages img { position:relative; top:22px; }

/* edit meal overlay
----------------------------------*/
	#editMealDialog { display: none; padding: 0; }
	.mealPlanModal #editMealDialog { display: block; }
	#editMealDialog #overlayContent { color: #3b3b3b; background: url('/Themes/Custom/img/bg_edit-overlay.png') 8px 0 no-repeat; padding: 0 8px 8px; }
	#editMealDialog p, #editMealDialog ul { padding: 10px; }
	#editMealDialog .closeButton { position: absolute; right: 0; display: block; padding: 5px; }
	#snack { background: burlywood; }
	#replacement { background: lightblue; }
	#balanced { background: lightgrey; }

	#activeMeals { height: 215px; }
	#activeMeals h2 { height: 36px; font-size: 38px; text-indent: -9999px; color: #ab3427; background-repeat: no-repeat; background-position: 25px 12px; padding: 12px 25px 10px; }
	.editSnacks h2 { background-image: url('/Themes/Custom/img/h_change-snacks.png'); }
	.editReplacementMeals h2 { background-image: url('/Themes/Custom/img/h_change-shakes-n-meal-bars.png'); }
	.editBalancedMeals h2 { background-image: url('/Themes/Custom/img/h_change-balanced-meal.png'); }
	#activeMeals ul { overflow: hidden; }
	#activeMeals li { float: left; width: 322px; height: 94px; margin: 0 5px 10px 0; }
	#activeMeals li .productContent { min-height: 56px; }
	#activeMeals li .productThumb { float: left; width: 115px; height: 20px; margin-right: 8px; }
	#activeMeals li .productThumb img { display: block; max-width: 115px; max-height: 94px; margin:0 auto; }
.ie #activeMeals li .productThumb img { width: expression( this.width  > 115 ? 115 : "auto" ); height: expression( this.height > 94 ? 94 : "auto" ); }
	#activeMeals li .productDescription { float: left; width: 195px; }
	#activeMeals li .productDescription dt { font-size: 13px; color: #3b3b3b; text-transform:capitalize; }
	#activeMeals li .productDescription ul { padding: 10px 0; }
	#activeMeals li .productDescription li { float: none; width: auto; min-height: 0; height: auto; text-transform: capitalize; background: url('/Themes/Custom/img/icon_bullet-side-dishes.png') 0 1px no-repeat; padding-left: 19px; margin: 0 0 15px; }

	#editProductsList { height: 210px; margin: 10px; overflow: auto; }
	#editProductsList h3 { font-size: 11px; font-weight: bold; text-transform: uppercase; padding: 0 0 10px; }
	#editProductsList ul { padding: 0; overflow: hidden; }
	#editProductsList li { float: left; width: 322px; height: 94px; overflow: hidden; margin: 0 10px 10px 0; }
	#editProductsList li .productThumb { float: left; width: 115px; height: 20px; margin-right: 8px; }
	#editProductsList li .productThumb img { display: block; max-width: 115px; max-height: 94px; }
.ie #editProductsList li .productThumb img { width: expression( this.width  > 115 ? 115 : "auto" ); height: expression( this.height > 94 ? 94 : "auto" );   }
	#editProductsList li .productDescription { float: left; width: 195px; }
	/*
	#editProductsList .genericProduct li { width: 220px;margin: 0 10px 10px 0; }
	#editProductsList .genericProduct li .productThumb { width: 130px; margin-right: 0; }
	#editProductsList .genericProduct li .productThumb img { max-width: 130px; }
.ie #editProductsList .genericProduct li .productThumb img { width: expression( this.width  > 130 ? 130 : "auto" ); }
	#editProductsList .genericProduct li .productDescription { width: 90px; }
	*/
	#editProductsList li .productDescription dt { font-size: 12px; color: #3b3b3b; text-transform:capitalize; }
	#editProductsList li .productDescription dd { }
	#editProductsList li .productDescription dd ul { }
	#editProductsList li .productDescription dd ul li { width: auto; height: auto; float:none !important; text-transform: capitalize; color: #2882a3; margin: 0; }
	#editProductsList li .productSelect { padding:  10px 0 0; }
	#editProductsList li .productSelect .button { float: left; font-size: 10px; font-weight: bold; color: #a2a4a5; background: url('/Themes/Custom/img/bg_button-lightgrey.png') no-repeat top left; }
	#editProductsList li .productSelect .button span { display: block; text-align: center; background: url('/Themes/Custom/img/bg_button-lightgrey.png') no-repeat top right; padding: 3px 10px 6px 0; margin-left: 8px; }

	#customMeal { height: 210px; margin: 10px; }
	#customMeal fieldset { padding: 10px 0; }
	#customMeal fieldset p { padding: 0 0 10px; }
	#customMeal fieldset .formControl { padding: 0 0 15px; overflow: hidden; }
	#customMeal fieldset label { display: block; font-size: 14px; color: #3b3b3b; padding: 0; }
	#customMeal fieldset input, #customMeal fieldset textarea { border: 1px solid #d5d5d5; }
	#customMeal fieldset input { width: 300px; height: 22px; font-size: 14px; color: #837a7a; margin-right: 15px; }
	#customMeal fieldset .formControl a img { vertical-align: middle; }
	#customMeal fieldset #customMealSubmit { }

	.mealUpdateButton { text-align: right; padding: 5px 15px 0; }

/* recipe overlay
----------------------------------*/
	#recipeDialog { display: none; padding: 0; }
	.mealPlanModal #recipeDialog { display: block; }
	#recipeDialog #overlayContent { color: #3b3b3b; background: url('/Themes/Custom/img/bg_recipe-overlay.png') 8px 0 no-repeat; padding: 0 8px 8px; }
	#recipeDialog ul, #recipeDialog ol { font-size: 12px; padding: 10px 17px; }
	#recipeDialog .closeButton { position: absolute; right: 0; display: block; padding: 5px; }

	.recipeHeader { position: relative; height: 175px; }
	.recipeHeader h2 { font-size: 35px; font-weight: normal; text-transform: capitalize; color: #ab3427; padding: 38px 35px 0; } 
	.recipeHeader .recipeDisplayImage { height: 150px; width: 150px; float:left; margin: 7px 23px 0 15px; }
	.recipeHeader .printRecipe { position: absolute; bottom: 10px; right: 10px; color: #3ba7ce; background: url('/Themes/Custom/img/bg_sprite-meal-plan.png') no-repeat right bottom; padding-right: 25px; }
	.recipeHeader .printRecipe:hover { color: #3c4345; }

	#ingredientsTab { margin: 10px 10px 25px; }
	#directionsTab { margin: 10px 10px 0; }

	#ingredientsTab li { background: url( '/Themes/Custom/images/bg-dotted_line.gif' ) 0 100% repeat-x; padding: 15px 0; }
	#ingredientsTab .ingredientsList li {  }

	#directionsTab li { background: url( '/Themes/Custom/images/bg-dotted_line.gif' ) 0 100% repeat-x; padding: 0 0 25px; margin-bottom: 25px; }

	#recipeMeta { padding: 0 17px 15px; margin-top: -15px; }
	#recipeMeta .metaLabel { font-size: 10px; text-transform: uppercase; color: #ab3427; }

	#recipeFooter { height: 115px; background: url( '/Themes/Custom/img/bg_recipe-footer.png' ) 0 0 repeat-x; padding: 22px 35px 0; margin: 0 0 10px; }
	#recipeFooter h4 { font-weight: normal; margin-bottom: 5px; }
	#recipeFooter ul { padding: 5px 0; overflow: hidden; }
	#recipeFooter li { float: left; font-size: 11px; padding: 5px 0; }

/* meal plan configuration overlay
----------------------------------*/
	#mealPlanConfig { display: none; padding: 0; }
	.mealPlanModal #mealPlanConfig { display: block; }
	#mealPlanConfig #overlayContent { color: #3b3b3b; padding: 0 8px 8px; }

	#planDates { background: url('/Themes/Custom/img/bg_config-overlay-dates.jpg') 0 0 no-repeat; }
	.dateIntro { height: 420px; padding: 15px 25px 25px; }
	.dateIntro h2 { height: 36px; font-size: 32px; font-weight: normal; text-align: center; text-indent: -9999px; color: #ab3427; background: url('/Themes/Custom/img/h_welcome-to-your-slimfast-321-plan.png') center 0 no-repeat; padding: 0 0 10px; }
	.dateIntro h2 sup { font-size: 9px }
	.dateIntro h3 { height: 19px; font-size: 15px; font-weight: normal; text-align: center; text-indent: -9999px; color: #62251c; background: url('/Themes/Custom/img/h_lets-get-started.png') center 0 no-repeat; padding: 0 0 8px; }
	.dateIntro .plan321Img { text-align: center; color: #625c58; }
	.dateIntro p { margin: 0; }
	.dateIntro p.planIntro { font-size: 13px; line-height: 1.5; text-align: center; color: #1d1b1b; padding: 10px 0 0; }
	.dateIntro .planIncludes { padding: 23px 0 60px; overflow: hidden; }
	.dateIntro .planIncludes div { float: left; }
	.dateIntro .planIncludes .yourMealPlan { width: 363px; }
	.dateIntro .planIncludes .yourProgressReport { width: 303px; }
	.dateIntro .planIncludes div h4 { font-size: 15px; color: #981a0b; padding: 0 0 15px; }
	.dateIntro .planIncludes div p { font-size: 12px; line-height: 1.6; color: #625c58; padding-left: 50px; }
	.dateIntro .planIncludes .yourMealPlan p { background: url('/Themes/Custom/img/icon_clock.png') 0 3px no-repeat; padding-right: 50px; }
	.dateIntro .planIncludes .yourProgressReport p { background: url('/Themes/Custom/img/icon_report.png') 0 3px no-repeat; padding-right: 15px; }
	.dateIntro .learnMore span { font-size: 10px; color: #91979d; }
	.dateIntro .learnMore a { float: right; font-size: 12px; font-weight: normal; text-decoration: none; text-align: right; color: #287d9c; margin-top: -5px; }
	.dateIntro .learnMore a.arrowLink { text-decoration: none; }

	.dateChooser { height: 120px; padding: 15px 25px 0; }
	.dateChooser h3 { font-size: 19px; font-weight: normal; color: #ab3427; padding: 0 0 5px; margin: 0; }
	.dateChooser h4 { font-size: 12px; font-weight: bold; line-height: 1.5; color: #625c58; padding: 0 0 5px; margin: 0; }
	.dateChooser p { font-size: 12px; line-height: 1.5; color: #625c58; margin: 0; }
	.dateChooser fieldset { overflow: hidden; padding: 39px 0 0; }
	.dateChooser fieldset .formControl { float: left; }
	.dateChooser fieldset .goal { width: 266px; }
	.dateChooser fieldset .startDate { width: 215px; }
	.dateChooser fieldset .targetDate { width: 185px; }
	.dateChooser fieldset .formControl label { display: block; font-size: 14px; color: #981a0b; padding: 0 0 12px; }
	.dateChooser fieldset .formControl label span { font-size: 10px; color: #666; }
	.dateChooser fieldset .formControl input { width: 148px; font-size: 14px; color: #837a7a; background: #fff url('/Themes/Custom/img/icon_calendar.png') no-repeat 157px 2px; padding: 5px 30px 8px 5px; border: 1px solid #d5d5d5; }
	.dateChooser fieldset .formControl select { width: 235px; font-size: 14px; color: #837a7a; }
	.dateChooser fieldset .formControl select option { padding: 5px 0 0; }
	#dateChooserErrors { display: none; color: #c00; padding: 0 25px 10px; margin-top: -20px; }
	#dateChooserErrors h4 { font-weight: bold; padding: 0 0 3px; }
	#planConfigButton { text-align: right; padding: 0 13px 15px; }

	#personalize { display: none; background: url('/Themes/Custom/img/bg_config-overlay-options.jpg') 0 0 no-repeat; }
	.bodyInfo { height: 165px; padding: 15px 25px 25px; width:670px; }
	.bodyInfo h2 { height: 36px; font-size: 32px; font-weight: normal; text-indent: -9999px; color: #ab3427; background: url('/Themes/Custom/img/h_complete-your-plan-set-up.png') 0 0 no-repeat; padding: 0 0 10px; }
	.bodyInfo h3 { font-size: 13px; font-weight: bold; color: #3b3b3b; padding: 0 0 12px; margin: 0; }
	.bodyInfo fieldset { overflow: hidden; padding: 40px 0 0; }
	.bodyInfo .formControl { float: left; }
	.bodyInfo .weight { width: 386px; }
	.bodyInfo .height { width: 280px; }
	.bodyInfo fieldset .formControl label { font-size: 14px; color: #625c58; }
	.bodyInfo fieldset .height label { margin-right: 30px; }
	.bodyInfo fieldset .formControl input { width: 70px; font-size: 15px; color: #43add4; padding: 5px 5px 8px 5px; border: 1px solid #d5d5d5; margin-right: 5px; }
	.bodyInfo fieldset .formControl select { font-size: 14px; color: #837a7a; }
	.bodyInfo fieldset .formControl select option { padding: 5px 0 0; }
	.bodyInfo fieldset .formControl .unitSelector { width: 50px; margin-right: 6px; }
	.bodyInfo fieldset .formControl input#HeightInches,
	.bodyInfo fieldset .formControl input#HeightFeet,
	.bodyInfo fieldset .formControl input#HeightCentimeters,
	.bodyInfo fieldset .formControl input#HeightMetres          { width: 60px; } 
	.bodyInfo fieldset .formControl input#HeightInches,
	.bodyInfo fieldset .formControl input#HeightFeet            { display: inline; }
	.bodyInfo fieldset .formControl input#HeightCentimeters,
	.bodyInfo fieldset .formControl input#HeightMetres          { display: none; }
	.bodyInfo fieldset .formControl input#WeightStones          { display: inline; }
	.bodyInfo fieldset .formControl input#WeightKilos           { display: none; }
	.bodyInfo fieldset #stones-and-pounds                       { visibility: visible; }
	.bodyInfo fieldset .weight input                            { width: 110px; }


	.mealPreferences { padding: 29px 25px 20px 27px;  }
	.mealPreferences h3 { font-size: 15px; font-weight: normal; line-height: 1.5; color: #ab3427; padding: 0 0 8px; margin: 0; }
	.mealPreferences p { color: #625c58; padding: 0 0 5px; margin: 0; }
	.mealPreferences .selectMealReplacementOptions p.disclaimer { width: 300px; font-size: 10px; font-weight: bold; color: #837a7a; padding: 0; }
	.mealPreferences .selectMealOptions { float: left; width: 350px; }
	.mealPreferences .selectMealReplacementOptions { float: left; width: 300px; }
	.mealPreferences fieldset .options { overflow: hidden; }
	.mealPreferences fieldset .options .formControl { float: left; width: 100px; padding: 13px 0; }
	.mealPreferences fieldset .options .formControl label { font-size: 13px; vertical-align: middle; color: #252323; }
	.mealPreferences fieldset .options .formControl input { margin: 0 5px 0 0; vertical-align: middle; }
	#mealPlanConfigSubmit { display:block; margin:10px 0 0 0; }

/*Widgets
----------------------------------*/
	#mealPlanWidgets { overflow: hidden; }
	.dashWidget { padding-left: 10px; }
	.dashWidget h4 { color: #ab3427; margin-bottom: 0;}
	.dashWidget p { height: 92px;  }
	.ie7 .dashWidget {position: relative;}
	.ie7 .dashWidget .arrowLink { padding: 0; margin: 0; position: relative;}
	.waterIntakeWidget, .dailyActivityWidget { float: left; width: 310px; }
	.waterIntakeWidget p, .dailyActivityWidget p { width: 265px;  }

	#water-frame, #activity-frame { margin-left: -10px; }
	#water-frame { background: url('/Themes/Custom/img/bg_water.jpg') 0 0 no-repeat; }
	#activity-frame { background: url('/Themes/Custom/img/bg_activity.jpg') 0 0 no-repeat; }
	#water-frame > div.slider, #activity-frame > div.slider { background: url('/Themes/Custom/img/bg_sprite-meal-plan.png') 30px 16px no-repeat; }
	/*#activity-frame > div.slider { background: url('/Themes/Custom/img/bg_sprite-meal-plan.png') 29px -178px no-repeat; }*/

/* weightTrackerWidget */
    .weightTrackerWidget { float: left; width: 230px; }
    .weightTrackerWidget p { width: auto; }
    .weightScale { background: url('/Themes/Custom/images/img-scale.jpg') no-repeat center top; top:7px; position: relative; margin-bottom:8px; height: 214px; text-align: center; }
    .weightTrackerWidget .weightWidgetWeightDisplay { height: 46px; color: #a2a1a1; text-align: center; padding: 87px 0 6px; }
    .weightTrackerWidget #weightDisplay { height: 46px; font-size: 21px; font-family: trebuchet ms,sans-serif; text-align: center; cursor:pointer; }
    .weightTrackerWidget #weightDisplay strong { font-size: 28px; }

    .weightTrackerWidget .weightInput { display: none; text-align: center; padding: 10px 0 0; }
/*    .weightTrackerWidget .weightInput input { width: 170px; height: 18px; font-size: 15px; color: #a2a1a1; background: #f3f2ee; border: 1px solid #bdb7b7; }*/

	.weightTrackerWidget .weightInput input  { display: inline; width: 30px; height: 18px; font-size: 15px; color: #a2a1a1; background: #f3f2ee; border: 1px solid #bdb7b7; }
	.weightTrackerWidget .weightInput label  { display: inline; }

    .weightTrackerWidget .weightWidgetDateDisplay { color: #fff;  font-size: 13px; text-align: center; padding: 0 0 6px; }
    .weightTrackerWidget .updateWeightButton { }  

	.planInfoBubble { z-index:10000; display:none;  font-size:10px; color:#6b6868; background: url('/Themes/Custom/images/blue-bg.png') no-repeat; height:60px; padding:15px; width:239px;}
    .planInfoBubble p { width: auto; height: auto; line-height:13px !important; }


/***** jQuery-ui overrides *****/
/* Tabs
----------------------------------*/
	#overlayContent .ui-widget-content { border: none; }
	#overlayContent .ui-tabs { padding: 0 8px; zoom: 1; }
	#overlayContent .ui-tabs .ui-tabs-nav { list-style: none; position: relative; height: 36px; background: none; padding: 5px 10px 0; overflow: hidden; }
	#overlayContent .ui-tabs .ui-tabs-nav li { position: relative; float: left; width: 222px; font-size: 12px; font-family: trebuchet ms, sans-serif; text-transform: uppercase; color: #2882a3; background: none; border: none; margin: 0 25px 0 0; padding: 0; }
	#overlayContent .ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
	#overlayContent .ui-tabs .ui-tabs-nav li a { float: left; width: 100%; font-weight: bold; text-align: center; text-decoration: none; color: #2882a3; padding: 12px 0 9px; }
	#overlayContent .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, 
	#overlayContent .ui-tabs .ui-tabs-nav li.ui-state-disabled a, 
	#overlayContent .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; color: #3b3b3b; }
	#overlayContent .ui-tabs .ui-tabs-nav li a, 
	#overlayContent .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
	#overlayContent .ui-tabs .ui-tabs-nav li.ui-tabs-selected { background: url('/Themes/Custom/img/bg_sprite-meal-plan.png') no-repeat right -120px; }
	#overlayContent .ui-tabs .ui-tabs-panel { display: block; padding: 0; border-width: 0; background: none; }
	#overlayContent .ui-tabs .ui-tabs-hide { display: none !important; }

/* Dialog
----------------------------------*/
    body .ui-widget-overlay { width: 100% !important; }
    body .mealPlanModal { padding-top:20px !important; }
	body .mealPlanModal { border: 0 none; padding: 0; background: none; left: 50% !important; margin-left: -367px !important; }
	body .mealPlanModal .ui-widget-header { border: none; background: url('/Themes/Custom/img/dialog.png') 0 0 no-repeat; }
	body .mealPlanModal .ui-dialog-title { float: none; }
	body .mealPlanModal .ui-widget-header a {  }
	body .mealPlanModal .ui-dialog-titlebar-close, body .mealPlanModal .ui-dialog-titlebar-close:hover { position:absolute; top: 12px; right: 29px; background: none; cursor:pointer; padding: 1px; border: none; margin: 0; z-index: 2; }
	body .mealPlanModal .ui-dialog-titlebar { overflow:visible; top:0; left:0; height:20px;  }	
	body .mealPlanModal .ui-widget-header .ui-icon { width: 17px; background: url('/Themes/Custom/img/bg_sprite-meal-plan.png') 100% 0 no-repeat; }
	body .mealPlanModal .ui-widget-header a:hover .ui-icon { background-position: 100% 0; }
	body .mealPlanModal .ui-dialog-titlebar { height: 20px; padding: 8px 8px 0 8px; width:100%; position:absolute; }
	body .mealPlanModal .ui-widget-content { background: none; }
	body .mealPlanModal .ui-dialog-content { background: url('/Themes/Custom/img/dialog.png') 0 100% no-repeat; }

/* Slider
----------------------------------*/
	body .ui-slider { position: relative; text-align: left; }
	body .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 42px; height: 33px; cursor: default; border: none; background: url('/Themes/Custom/img/bg_sprite-meal-plan.png') -140px -80px no-repeat; text-decoration: none; }
	body .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }

	body .ui-slider-horizontal { height: .8em; border: none; background: none; }
	body .ui-slider-horizontal .ui-slider-handle { top: -12px; margin-left: -21px; }
	body .ui-slider-horizontal .ui-slider-range { top: 1px; height: 6px; background: #43afd6; }
	body .ui-slider-horizontal .ui-slider-range-min { left: 0; }
	body .ui-slider-horizontal .ui-slider-range-max { right: 0; }

	body .slider-frame { height: 211px; position: relative; width: 318px; margin: 0 0 12px 0; }
	body .slider-frame > div.slider { position: absolute; bottom: 0; width: 257px; padding: 30px !important; }
	body #activity-frame > div.slider { position: absolute; bottom: 0; width: 259px; padding: 30px 29px !important; }
	body .slider-handle-tip { position: absolute; top: -24px; font-size: 16px; font-weight: bold; line-height: 16px; color: #ab3427; width: 70px; }
	body .slider-handle-tip span { position: relative; top: -0.5em; font-size: 10px; font-family: arial, sans-serif; font-weight: normal; color: #c2b6b6; }