/* CSS Document */
body {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background: #000000;
	padding: 0;
	margin: 0;
	color: #000000;
}

p {
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 12px;
	color: #000000;
	line-height: 17px;
}

p.description {
	margin: 0 30px 20px 0;
}

img { 
	border: none;
}

form {
	margin: 0;
	padding: 0;
}

input {
	margin: 0;
	padding: 0;
	font-size: 11px;
}

input[type=image]
{
	cursor: pointer;
}

select {
	font-size: 11px;
}

td.chkboxes table tr td input {
	margin-right: 4px;
}
td.chkboxes table tr td label {
	margin-top: -2px;	
	margin-right: 5px;
}
a {
	text-decoration: underline;
	font-size: 12px;
	color: #e75700;
}

a:hover {
	text-decoration: none;
}

h1 {
	color: #656565;
	font-size: 16px;
	margin: 0;
	padding: 0;
}


h2 {
	color: #656565;
	font-size: 12px;
	margin: 0;
	padding: 0;
}

h3 {
	color: #116fa8;
	font-size: 12px;
	margin: 0;
	padding: 0;
	font-weight: 100;
}


h4 {
	color: #006c7e;
	font-size: 12px;
	margin: 0;
	padding: 0;
	font-weight: 600;
}

hr {
	height:0px;
	border-top:0px solid #e1e1e1;
	color: #e1e1e1;
}

ul {
	list-style-image: url(App_Themes/images/list_icon.gif);
	margin: 0 0 25px 0;
	padding: 0 35px;
}

li {
	font-size: 12px;
	margin-top: 15px;
}


div.dividingLine {
	height: 1px; 
	background: #cecece;
	margin-bottom: 5px;
}

/****** GENERIC ******/
.moveLeft {
	_margin-left: 4px;
}

*+html .moveLeft {
	margin-left: 4px;
}

span.lightGrey {
	font-size: 11px;
	color: #606060;
}

span.blue {
	color: #10727c;
}

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

.clear {
	clear: both;	
}

div.clear {
	height: 0;
	margin: 0;
	padding: 0;
}

.clearLeft {
	clear: left;
}

div.flashContainer {
	width: 1px;
	height: 1px;
	position: absolute;
	z-index: 10;
}

.selectShort {
	height: 22px;
	width: 86px;
	border: 1px solid #a5acb2;
}

.selectNormal {
	height: 22px;
	width: 206px;
	border: 1px solid #a5acb2;
}

.inputQTY {
	height: 17px;
	padding-top: 3px;
	width: 33px;
	border: 1px solid #a5acb2;
	text-align: center;
}

.inputShort {
	height: 14px;
	width: 84px;
	border: 1px solid #a5acb2;
	padding: 4px;	
}

input.inputNormal {
	height: 14px;
	width: 100px;
	border: 1px solid #a5acb2;
	padding: 4px;
}

.inputArea {
	height: 90px;
	width: 202px;
	border: 1px solid #a5acb2;	
}


input.inputButton {
	position: relative;
	top: 8px;
	left: 3px;
	_top: 4px;
}

*+html input.inputButton {
	top: 4px;
}

span.enlarge {
	font-size: 14px;
	font-weight: 600;

}

h1.formTitle {
	font-family: arial;
	font-size: 14px;
	color: #00505c;
	font-weight: 600;
	margin: 10px 0 0 0;
}

.error 
{
    color:Red;   
}

/****** CONTAINERS ******/
body div#pageContainer {
	width: 100%;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	background: url(images/bg/page_container_bg.gif) top left repeat-x #ffffff;
	min-width: 955px;
}

body div#yellowContainer {
	width: 100%;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	/*background: url(images/bg/yellow_container_bg.gif) top left repeat-x #ffad26;*/
	min-width: 955px;
}


body div#footerContainer {
	width: 100%;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	min-width: 970px;
	background-color: #000000;
	border-top: 5px solid #ffad26;
	clear: both;
}
body div#footerContainer div {
	border-top: 1px solid #ffce60;
	width: 100%;
	margin: 0;
	min-width: 970px;
	display: block;
	text-align: center;
}

/******** PAGE ********/
div#page {
	width: 955px;
	background: #ffffff;
	margin: 0 auto;
}

/** HEADER **/
div#header {
	background: url(images/bg/header_bg.jpg) top left no-repeat;
	padding: 0;
	width: 955px;
	position: relative;
	height: 122px;
}

div#subNavMenu {
	background: url(images/bg/nav_sub_menu_bg.gif) top left no-repeat;
	padding: 0;
	width: 955px;
	position: relative;
	height: 46px;
}


/** ACCOUNT **/
div#loginAccount {
	height: 89px;
	padding-left: 660px;
	font-size: 11px;
	color: #ffffff;
}

div#headerGreyArea {
	padding-left: 20px;
}

span.newsHeaderText {
	padding: 0 19px 0 0px;
	position: relative;
	top: -8px;
}

span.newsHeaderText a {
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}

div#headerLogin div#loginHeaderText {
	float: left;
	width: 72px;
	padding: 3px 5px;
}

div#loginArea {
	padding-top: 18px;
	color: #ffffff;
	text-align: right;
}

/** ACCOUNT PAYMENT  **/

div.planContainChoice {
	background: url(images/contain_curve_box.gif) top left no-repeat;
	width: 418px;
	height: 217px;
	padding: 23px 21px;
}

div.planContainChoiceThin {
	background: url(images/contain_curve_box_thin.gif) top left no-repeat;
	width: 215px;
	height: 480px;
	padding: 23px 21px;
}

div#planIncludes {
	background: url(images/plan_tickbox.jpg) no-repeat top left;
	height: 235px;
	padding: 73px 66px;
}

div#planIncludes ul {
	padding: 0 0 0 5px;
	margin: 0;
	list-style: none;
	list-style-image: none;
}

div#planIncludes ul li {
	padding: 2px 0 8px 0;
	margin: 0;
	font-size: 14px;
}

div#trialIncludes {
	background: url(images/trial_tickbox.jpg) no-repeat top left;
	height: 200px;
	padding: 55px 66px;
}

div#trialIncludes ul {
	padding: 0 0 0 5px;
	margin: 0;
	list-style: none;
	list-style-image: none;
}

div#trialIncludes ul li {
	padding: 2px 0 9px 0;
	margin: 0;
	font-size: 14px;
}

.formStep4Bold {
	font-weight: 600;
	font-size: 11px;
	color: #494949;
	height: 30px;
	text-align: right;
}

.selectMini {
	width: 60px;
	border: 1px solid #aaaaaa;
	height: 20px;
}

div.curveSmallBox {
	background: url(images/curve_small_box.gif) top left no-repeat;
	width: 267px;
	height: 250px;
	padding: 6px 10px;
}

/** NAV **/

div#header div#navButtons {
	padding: 0px;
}

div#navButtons ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

div#navButtons ul li {
	float: left;
	margin: 0;
	padding: 0;
}

div#navButtons ul li a {
	height: 25px;
	padding-top: 8px;
	color: #ffffff;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	font-weight: 600;
	display: block;
}

a#home {
	width: 159px;
	background: url(images/nav_buttons/nav_home.gif);
	background-repeat: no-repeat;
}

a#home:hover {
	background-position: -159px 0;
	
}

a#food {
	width: 159px;
	background: url(images/nav_buttons/nav_food.gif);
	background-repeat: no-repeat;
}

a#food:hover {
	background-position: -159px 0;
	
}

a#exercise {
	width: 159px;
	background: url(images/nav_buttons/nav_exercise.gif);
	background-repeat: no-repeat;
}

a#exercise:hover {
	background-position: -159px 0;
	
}

a#progress {
	width: 159px;
	background: url(images/nav_buttons/nav_progress.gif);
	background-repeat: no-repeat;
}

a#progress:hover {
	background-position: -159px 0;
	
}

a#profile {
	width: 159px;
	background: url(images/nav_buttons/nav_profile.gif);
	background-repeat: no-repeat;
}

a#profile:hover {
	background-position: -159px 0;	
}

a#blog {
	width: 160px;
	background: url(images/nav_buttons/nav_blog.gif);
	background-repeat: no-repeat;	
}

a#blog:hover {
	background-position: -160px 0;	
}

a#forum {
	width: 160px;
	background: url(images/nav_buttons/nav_forum.gif);
	background-repeat: no-repeat;	
}

a#forum:hover {
	background-position: -160px 0;	
}

/** SUB NAV **/
div#subNavMenu ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 65px;
}

div#subNavMenu ul li {
	float: left;
	margin: 0;
	padding: 0;
}

div#subNavMenu ul li a {
	width: 206px;
	height: 46px;
	display: block;
	background-repeat: no-repeat;
}

div#subNavMenu ul li a:hover {
	background-position: -206px 0;
}

a#mealPlan {
	background: url(images/nav_buttons/sub_weeks_meal.gif);	
}

a#shoppingList {
	background: url(images/nav_buttons/sub_shopping_list.gif);	
}

a#favouriteFood {
	background: url(images/nav_buttons/sub_fav_food.gif);	
}

a#mealBuilder {
	background: url(images/nav_buttons/sub_meal_builder.gif);	
}

a#weekExercise {
	background: url(images/nav_buttons/sub_weeks_exercise.gif);
}

a#myProgress {
	background: url(images/nav_buttons/sub_my_progress.gif);
}

a#weighIn {
	background: url(images/nav_buttons/sub_progress_weight_in.gif);
}

a#metabolic {
	background: url(images/nav_buttons/sub_progress_metabolic.gif);
}

a#dietProfile {
	background: url(images/nav_buttons/sub_diet_profile.gif);
}

a#personalDetails {
	background: url(images/nav_buttons/sub_personal_details.gif);
}

a#accountPayment {
	background: url(images/nav_buttons/sub_account_payment.gif);
}

a#homeOverview {
	background: url(images/nav_buttons/sub_home_page.gif);
}

a#notifications {
	background: url(images/nav_buttons/sub_notifications.gif);
}

/******** Trial ***********/
div#trialBanner 
{
    padding-bottom: 20px;
}

/******** CONTENT ********/
div#content {
	width: 955px;
	
	min-height:500px;
	height:auto !important;
	height:500px;
}

div#contentLong {
	padding: 27px 0 10px 0;
}

div#contentLeft {
	width: 725px;
	float: left;
	padding: 27px 0 10px 0;
	_width: 724px;
	height: 100%;
}

div#contentRight {
	width: 230px;
	float: left;
	padding: 0 0 37px 0;
	background: #ffd165;
}
div#contentRight a {
	font-size: 11px;
	color: #006c7e;
}
div#contentRight ul {
	list-style: none;
	padding: 5px 0;
	margin: 0;
}

div#contentRight ul li {
	margin: 0;
	padding: 2px 10px
}

div#contentRight ul li a {
	font-size: 12px;
}

div#contentBulkText {
	padding: 27px 25px 10px 0;
}

div#contentText {
	padding: 27px 0 10px 0;
}

div#pngSide {
	width: 135px;
	float: left;
}

div#pngSide img {
	position: relative;
	top: -125px;
	left: 30px;
	cursor: pointer;
}

div#iconHeading {
	width: 30px;
	padding-top: 4px;
	float: left;
}

div#iconHeadingText {
	width: 675px;
	float: left;
}

div#dateLeft {
	width: 520px;
	float: left;
}

div#dateRight {
	width: 180px;
	float: left;
	text-align:right
}


div.buttonContain {
	border-bottom: 1px solid #ffe5a8;
	padding: 10px 5px 10px 5px;
}

div.rightSideSection {
	padding: 10px 26px;
	border-bottom: 1px solid #ffe5a8;
}

div.rightSideText {
	padding: 10px 26px;
}

.rightSideText p {
	font-size: 11px;
	line-height: 15px;
}

div.rightSideLargerText {
	padding: 10px 20px;
}

.rightSideLargerText a {
	text-decoration: none;
	line-height: 18px;
}

span#shoppingDate {
	font-size: 14px;
	color: #00505c;
}

div.choiceBox {
	text-align: center;
	padding: 15px 0;
	background: url(images/choice_box.gif) top left no-repeat;
	height: 101px;
	width: 132px;
	float: left;
	margin-right: 5px;
	font-size: 12px;
	color: #025854;
}

div.choiceBox span.choiceTitle {
	font-size: 14px;
	color: #141414;
	font-weight: 600;
}
div.choiceBox strong {
	font-size: 14px;
	color: #025854;
	font-weight: 600;
}

div#flash1
{
    width: 306px;
    font-size: .9em;
}

div#flash2 
{
    width: 306px;
    font-size: .9em;
}

div#flash3 
{
    width: 306px;
    font-size: .9em;
}

/** MEAL BUILD **/
div#mealBuildContain {
	width: 693px;
	padding-top: 20px;
	_padding-top: 0px;
}

*+html div#mealBuildContain {
	padding-top: 0px;
}

div#mealBuildBar {
	width: 672px;
	height: 26px;
	padding-top: 8px;
	color: #ffffff;
	font-size: 14px;
	background: url(images/bg/green_bar_bg.gif) top left;
	padding-left: 20px;
	clear: left;
}

div#mealBuildContent {
	width: 690px;
	color: #000000;
	font-size: 11px;
	border: 1px solid #d0d2d2;
	border-bottom: none;
	background: url(images/bg/meal_content_bg.gif) top left repeat-y;
}

div.mealBuildHeading {
	font-size: 14px;
	color: #9b4000;
	margin-bottom: 4px;
	font-weight: 600;
}

div#menuBuildFinalise {
	background: #c8d3d2;
	width: 650px;
	border-left: 1px solid #cecece;
	border-right: 1px solid #cecece;
	padding: 22px 20px;
	font-size: 11px;
	display: block; 
	height: 100%; 
	overflow: hidden;
}

div#menuBuildFinalise a {
	font-size: 11px;
	color: #006c7e;
}

div#menuBuildFinalise table tr td 
{
	padding: 2px;
}

div#saveCustom {
	width: 648px;
	height: 28px;
	padding: 9px 22px;
	background: url(images/bg/light_grey_bg.gif) top left repeat-y;
	text-align: right;	
}

div#mealBuildContain div.leftMeal {
	width: 325px;
	float: left;
	background: #f2f9f9;
	padding: 22px 0 25px 20px;
}

div#mealBuildContain div.rightMeal {
	width: 325px;
	float: left;
	background: #d9edec;
	padding: 22px 0 25px 20px;	
}

div#mealBuildContent div.rightMeal table tr td 
{
	padding: 2px;
	
}

div#mealBuildAdd {
	background: #f2f9f9;
	width: 650px;
	border-left: 1px solid #cecece;
	border-right: 1px solid #cecece;
	padding: 22px 20px;
	font-size: 11px;
}

div#mealBuildAdd table tr td 
{
	padding: 2px;
}

.miniTable tr td{
	padding: 3px;
}

.miniTable tr th{
	padding: 3px 3px 3px 0;
	text-align: left;
	font-weight: 100;
}

/** SHOPPING LIST **/
div#shoppingNav {

}

div#listTable {
	padding-left: 5px;
}

div#shoppingNav ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 0px;
}

div#shoppingNav ul li {
	float: left;
	margin: 0;
	padding: 0;
}

.shoppingContent {
	display: none;
	width: 945px;
	border-top: none;
	clear: left;
}

div#tab1 {
	display: block;
}

.shoppingContent table {
	border: 1px solid #b0c4c3;
}

div.shoppingListTitle {
	background: #005f5c;
	padding: 10px 15px;
	font-size: 14px;
	color: #ffffff;
	height: 15px;
}

.shoppingListTitle table {
	border: none;
}

div.shoppingListTitle a {
	font-size: 12px;
	color: #ffcb4d;
}

tr.darkRow {
	background: #d9edec;
	height: 40px;
	font-size: 11px;
}

tr.lightRow {
	background: #f2f9f9;
	height: 40px;
	font-size: 11px;	
}

td.shoppingTDUnitType {
	color: #006c7e;
	padding-left: 30px;
	font-size: 11px;
	white-space: nowrap;
}

td.shoppingTDName {
	color: #006c7e;
	padding-left: 30px;
	width: 760px;
	font-size: 11px;
}

div#shoppingListBottom {
	background: url(images/shopping_list_bot.gif) top left no-repeat;
	width: 830px;
	height: 43px;
	padding: 7px 17px 0 100px;
}

/** TABS **/

a.greenMealTab {
	width:326px;
	height: 24px;
	display: block;
	background-repeat: no-repeat;
	background: url(images/tab_S.gif);
	padding: 10px 0 0 20px;
	color: #ffffff;
	font-weight: 600;
	float: left;
	text-decoration: none;
}

a.greenMealTab:hover {
	background-position: -346px 0;
}


a.greenShopListTab {
	width: 105px;
	height: 24px;
	display: block;
	background-repeat: no-repeat;
	background: url(images/shop_list_tab.gif);
	color: #ffffff;
	font-weight: 600;
	float: left;
	text-decoration: none;
	text-align: center;
	padding-top: 10px;
}

a.greenShopListTab:hover {
	background-position: -105px 0;
}

/** MEAL PLAN **/
div.planTitle {
	background: url(images/bg/plan_title_bg.gif) top left no-repeat;
	width: 698px;
	height: 34px;
	color: #ffffff;	
}

div.planDate {
	font-size: 14px;
	width: 248px;
	padding: 10px 0 0 17px;
	float: left;
}

div.planDailyIntake {
	font-size: 11px;
	width: 220px;
	padding-top: 11px;
	float: left;
	position: relative;
	top: -3px;	
}

div.planDailyIntake img {
	position: relative;
	top: 3px;
	padding: 0 0 0 3px;
}

div.planBurn {
	width: 138px;
	font-size: 11px;
	padding-top: 11px;
	position: relative;
	top: -3px;	
	float: left;
}

div.planBurn img {
	position: relative;
	top: 3px;
	padding: 0 0 0 3px;
}

div.planAll {
	width: 70px;
	padding: 13px 0 0 5px;
	float: left;
	position: relative;
	top: -3px;
	font-size: 11px;
}

tr.lightPlanRow td {
	background: #f2f9f9;
}

tr.lightPlanRow ul, tr.darkPlanRow ul {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}

tr.darkPlanRow td {
	background: #d9edec;
}

td.mealPlanName {
	border-left: 1px solid #cecece;
	width: 70px;
	padding: 15px 0 15px 17px;
	font-weight: 600;
}

td.mealPlanFood {
	padding: 15px 0 13px 15px;
	/*width: 230px;*/
}

a.mealAllIngred 
{
	padding-bottom: 10px;
	display: block;
}

.mealPlanFood ul li {
	margin: 0 0 5px 0;
	font-size: 11px;
}

td.mealPlanFood a {
	color: #006c7e;
	margin-bottom: 2px;
	font-size: 11px;
}

td.mealPlanQty {
	padding: 15px 0 15px 17px;	
	width: 95px;
	font-size: 11px;
}

.mealPlanQty ul li {
	margin: 0 0 4px 0;
	font-size: 11px;
}

td.mealPlanQty input {
	width: 28px;
	height: 17px;
	border: 1px solid #a5acb2;
}

td.mealPlanCalories {
	padding: 15px 0 15px 0;
	color: #464646;
	width: 85px;
	font-size: 11px;	
}

.mealPlanCalories ul li {
	margin: 0 0 8px 0;
	font-size: 11px;
}


td.mealPlanRemove {
	padding: 15px 0 15px 10px;
	width: 90px;
	text-align: center;
}

.mealPlanRemove ul li {
	margin: 0 0 3px 0;
	font-size: 11px;
}

td.mealPlanTickbox {
	padding: 15px 0 15px 5px;
	width: 32px;
	border-right: 1px solid #cecece;	
}

.mealPlanTickbox ul li {
	margin: 0 0 10px 0;
	font-size: 11px;
	_margin: 0 0 2px 0;
}

td.shoppingListRemove 
{
	width: 90px;
	text-align: center;
}

*+html div.fulltable 
{
	margin-top: 20px;
}

.loading6bg {
	position: absolute;
	left: 50%;
	top: 50%;
}

*+html .mealPlanTickbox ul li {
	margin: 0 0 2px 0;
}

input.mealCheckbox {
	margin: 0 0 0 5px;
	padding: 0;
}

div#mealPlanBottom {
	background: url(images/meal_plan_bot.gif) top left no-repeat;
	width: 663px;
	height: 43px;
	padding: 7px 17px 0 18px;
}

div#planMenu {
	padding: 0;
	position: relative;
	height: 28px;
}

div#planMenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

div#planMenu ul li {
	float: left;
	margin-right: 1px;
	padding: 0;
}


/** EXERCISE PLAN **/
td.exePlanName {
	border-left: 1px solid #cecece;
	width: 255px;
	padding: 10px 0px 12px 17px;
	font-size: 11px;
}

td.exePlanName a {
	font-size: 11px;
	color: #006c7e;
}

td.exePlanDuration {
	width: 168px;
	padding: 10px 0px 15px 0px;
	text-align: right;
	font-size: 11px;
}

td.exePlanDuration input {
	width: 24px;
	height: 13px;
	padding: 2px;
	border: 1px solid #a5acb2;
	margin-left: 5px;
	text-align: center;
}

td.exePlanCalories {
	width: 115px;
	padding: 10px 0px 12px 0px;
	text-align: center;
	font-size: 11px;
	color: #464646;
}

td.exePlanCalories input {
	width: 24px;
	height: 13px;
	padding: 2px;
	border: 1px solid #a5acb2;
	margin-left: 5px;
	text-align: center;
}

td.exePlanRemove {
	width: 104px;
	padding: 10px 0px 15px 0px;
	text-align: center;
	font-size: 11px;
	color: #464646;
}


td.exePlanTickbox {
	border-right: 1px solid #cecece;
	width: 32px;
	padding: 10px 0 15px 5px;
	font-weight: 600;
}

div#exePlanBottom {
	background: url(images/meal_plan_bot.gif) top left no-repeat;
	width: 663px;
	height: 43px;
	padding: 7px 17px 0 18px;
}

/* My Progress */
div.progTitle {
	background: url(images/bg/plan_title_bg.gif) top left no-repeat;
	width: 664px;
	height: 16px;
	color: #ffffff;	
	padding: 9px 17px;
	font-weight: 600;
	font-size: 14px;
}

div.progContent {
	width: 672px;
	border-left: 1px solid #cecece;
	border-right: 1px solid #cecece;
	padding: 12px;
}

div.progBottom {
	background: url(images/meal_plan_bot.gif) top left no-repeat;
	width: 581px;
	height: 43px;
	padding: 7px 17px 0 100px;
	margin-bottom: 12px;
}

div.progLeft {
	width: 330px;
	float: left;
}

div.progRight {
	width: 280px;
	float: left;
	padding-left: 10px;
}

div.progRight table {
	font-size: 11px;
}

div.progRight p {
	font-size: 11px;
	margin: 0 0 5px 0;
}

div.progRight span.blueText {
	font-size: 12px;
	color: #00515d;
}

div.progRight span.redText {
	color: #c50000;
}

div.progRight span.yellowText {
	color: #c57900;
}

/** Weigh In **/
table#weighInTable {
	border-top: 1px solid #d0d2d2;
}

td.weighName {
	border-left: 1px solid #cecece;
	width: 170px;
	padding: 16px 0 9px 17px;
}

td.weighDate {
	width: 175px;
	padding: 12px 25px 12px 0px;
	font-size: 11px;
}



td.weighFill {
	width: 100px;
	padding: 12px 9px 12px 0px;
	text-align: right;
	font-size: 11px;
	color: #464646;
	border-right: 1px solid #cecece;
}

td.initialDetails {
	width: 375px;
	padding: 12px 25px 12px 0px;
	font-size: 11px;
}

td.initialDetails input 
{
	height: 13px;
	padding: 2px;
	margin-left: 5px;
	text-align: left;
}

input.updateProfileBtn {
	margin-right: 29px;
}

/* LOGIN STUFF */
div.loginBoxCont {
	background: url(images/log_box.gif) top center no-repeat;
	width: 440px;
	height: 246px;
	padding: 0 10px;
	float: left;
}

div.loginBoxCont td {
	padding: 2px;
}

div.loginBoxCont a {
	color: #006c7e;
	font-size: 11px;
	font-weight: 600;
}

div.loginHeadWhite {
	padding: 5px 0 0 10px;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: 600;
}

.loginBoxCont span {
	font-size: 11px;
	color: #464646;
}

.loginTable input[type=text], .loginTable input[type=password] {
	padding: 4px;
	border: 1px solid #a5acb2;
	width: 175px;
}

/** My Profile **/
div.profileBig {
	font-size: 14px;
	padding: 0 0 5px 0;
}

div#profileContent {
	width: 660px;
	border: 1px solid #d0d2d2;
	border-bottom: none;
	background: #f2f9f9;
	padding: 20px 18px;
}

div#profileContent table tr td{
	padding: 0 0 8px 0;
	font-size: 11px;
}

div#profileContent table tr td  select {
	width: 195px;
	padding: 2px;
}
div#profileContent table tr td  select.selectShort {
	width: 66px;
}

div.fulltable {
	width: 698px;
}

span.brownText {
	color: #9b4000;
}

td.profilePlanName {
	border-left: 1px solid #cecece;
	width: 200px;
	padding: 16px 0 9px 17px;
	font-size: 11px;
}

td.profilePlanName a {
	font-size: 11px;
	color: #006c7e;
}

td.profilePlanStart {
	width: 175px;
	padding: 12px 25px 12px 0px;
	text-align: right;
	font-size: 11px;
}

td.profilePlanStart input {
	width: 90px;
	text-align: left;
}

td.profilePlanDuration {
	width: 145px;
	padding: 12px 25px 12px 0px;
	text-align: right;
	font-size: 11px;
}

td.profilePlanDuration select {
	width: 90px;
	padding: 2px;
	border: 1px solid #a5acb2;
	margin-left: 5px;
	text-align: center;
}

td.profilePlanRemove {
	width: 100px;
	padding: 12px 9px 12px 0px;
	text-align: right;
	font-size: 11px;
	color: #464646;
	border-right: 1px solid #cecece;
}

input.updateProfileBtn {
	margin-right: 29px;
}

/** YELLOW CONTENT **/
div#yellowPage {
	width: 955px;
	/*background: url(images/bg/yellow_page_bg.gif) repeat-y top left;*/
	margin: 0 auto;
}

div#yellowPage div#yellowTopPage {
	width: 955px;
	/*background: url(images/bg/top_yellow_page_bg.gif) no-repeat top left;*/
	padding-top: 20px;
}

div#greenSummary {
	width: 953px;
	
}

div.greenLeft {
	width: 422px;
	padding: 0 35px 0 20px;
	float: left;
}

div.greenRight {
	width: 421px;
	padding: 0 35px 0 20px;
	float: left;
}

div#greenSummaryHeading {
	background: url(images/bg/green_tbl_top_bg.gif) no-repeat top left;
	height: 24px;
	padding-top: 10px;
	color: #ffffff;
	font-size: 14px;
}

div#greenSummaryContent {
	background: url(images/bg/green_tbl_content_bg.gif) repeat-y top left;
}

div#greenBottomContent {
	background: url(images/bg/green_tbl_bottom_bg.gif) no-repeat top left;
	clear: left;
	height: 43px;
}

div#chartContainer {
	padding: 11px 0 20px 0;
}

div#chartContainer div.rightSpace {
	margin-right: 16px;
}


/******** BROWSE NAVIGATION ********/
div#browseNavigation {
	color: #907925;
	font-size: 11px;
	padding: 0 0 12px 23px;
}

div#browseNavigation strong {
	color: #181a1c;
}

div#browseNavigation a {
	color: #907925;
	text-decoration: none;
	font-size: 11px;
}

div#browseNavigation a:hover {
	text-decoration: underline;
}

	

	
/****** FOOTER ******/
div#footer {
	padding: 15px 0px 10px 0px;
	width: 955px;
	margin: 0 auto;
	text-align: left;
	font-size: 11px;
	color: #535353;
	border: 0;
}

div#footer a {
	color: #535353;
	text-decoration: none;
	font-size: 11px;
}

div#footer a:hover {
	color: #7e7d7d;

}

div#footer span.smallFooterText {
	font-size: 10px;
}

/** ALERT BOX CSS **/
#modalContainer {
	background-color:transparent;
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:10000;
	background-image:url(tp.png); /* required by MSIE to prevent actions on lower z-index elements */
}

#alertBox {
	position:relative;
	width: 257px;
	height: 95px;
	margin-top: 300px;
	border: 1px solid #d3d3d3;
	background-color:#F2F5F6;
	background: url(images/bg/alert_bg.gif) no-repeat top left;
	text-align: center;
	padding: 0;
	
}

#modalContainer > #alertBox {
	position:fixed;
}

#alertBox h1 { /* TITLE */
	height: 0px;
}

#alertBox p {
	font-size: 12px;
	padding: 15px 20px 10px 20px;
	color: #ffffff;
	font-family: arial;
	margin: 0;
}

#alertBox #closeBtn {
	display:block;
	background: url(images/no_ty.gif) top left no-repeat;
	width: 93px;
	height: 21px;
	float: left;
	margin-left: 25px;
	_margin-left: 15px;
}

#alertBox #closeBtn2 {
	display:block;
	background: url(images/yes_plz.gif) top left no-repeat;
	width: 93px;
	height: 21px;
	float: left;
	margin-left: 15px;
}

img.link 
{
    cursor: pointer;
}


/** 10/11/2008 changes **/

h1.greenTitle {
	color: #00505c;
	font-size: 14px;
}

div#homePageContent {
	background: url(images/index_bg.jpg) top left no-repeat;
	min-height: 900px;
	_height: 900px;
}

div#homePageLeft {
	width: 260px;
	float: left;
	padding: 125px 235px 0 60px;
	line-height: 18px;
	min-height: 210px;
}

div#homePageLeft div{
	padding-bottom: 20px;
}

div#homePageRight {
	width: 380px;
	float: left;
	padding: 110px 20px 0 0;
}

div#freeHomeText {
	text-align: center;
	font-size: 11px;
	padding: 0 0 15px 0;
}

div#leftHomeNews {
	float: left;
	width: 560px;
	padding: 10px 50px 10px 60px;
}


div#rightHomeNews {
	width: 218px;
	padding: 10px;
	float: left;
}

div#rightHomeBorder {
	border-left: 1px solid #ebebeb;
	padding-left: 20px;
}

ul.articleList {
	margin: 0;
	padding: 20px 0;
	list-style: none;
}

ul.articleList li {
	margin: 0;
	padding: 0 0 10px 0;
	list-style: none;

}

ul.articleList li div.left {
	float: left;
	width: 110px;

}

ul.articleList li div.right {
	float: left;
	width: 440px;
	font-size: 11px;
	line-height: 16px;
}

ul.articleList li div.right div.articleHomeTitle {
	font-size: 12px;
	font-weight: 600;
	padding-bottom: 3px;
}

div.quoteMember {
	font-size: 12px;
	font-style: italic;
	color: #626262;
	padding-top: 20px;
}

div.quoterName {
	font-size: 11px;
	color: #626262;
	font-weight: 600;
	padding-top: 5px;
}

ul.ticks {
	margin: 0;
	padding: 15px 0;
	list-style: none;
}


ul.ticks li {
	margin: 0;
	padding: 3px 0 3px 17px;
	background: url(images/list_tick.gif) left no-repeat;
	font-size: 11px;
	color: #575757;
}

div#newUpgradePlanBoxRep {
	background: url(images/newUpgrade_rep.gif) top left repeat-y;
	padding: 0;
	position: relative;
	z-index: 999;
	padding: 0;
	position: relative;
	z-index: 999;
}

div#newUpgradePlanBoxBot {
	background: url(images/newUpgrade_bot.gif) bottom left no-repeat;
	padding: 0;
	position: relative;
	z-index: 9999;
	padding: 0;
	position: relative;
	z-index: 9999;
}

div#newUpgradePlanBox {
	background: url(images/newUpgrade_top.gif) top left no-repeat;
	padding: 20px 60px 20px 40px;
	position: relative;
	z-index: 99999;
	position: relative;
	z-index: 99999;
}

div#smallGreyBoxMem {
	background: url(images/rep_small_grey_box.gif) top left repeat-y;
	width: 320px;
	float: left;
}

div.smallBoxText {
	padding: 5px 20px;
	color: #3c3c3c;
}

div.freeText {
	color: #3c3c3c;
	font-size: 14px;
	font-weight: 600;
}

div#smallBordBoxMem {
	background: url(images/rep_small_bord_box.gif) top left repeat-y;
	float: left;
	width: 305px;
}

div#progressInfoBox {
	padding: 13px 20px 0 0;
	width: 300px;
	float: left;
}

/* Revium Adjustments */
.signup_rbl {
	padding: 0px;
}

.signup_rbl li{
	display:block;
	float:left;
	margin:0px auto 10px auto;
}

.signup_rbl li label{
	margin-left:5px ;
}

.signup_1col li{
	width:100%;
}
.signup_2col li{
	width:50%;
}
.signup_3col li{
	width:33%;
}

.bodyType input, .bodyType label, .bodyType image{
	float: left;
}

.validationsummary ul li
{
	margin: 0px;
}

/** CSS 05/2009 **/
ul.mealPlanTabList {
	padding: 0 0 0 8px;
	margin: 0;
	list-style: none;
	list-style-image: none;
	height: 34px;
	display: block;	
}

ul.mealPlanTabList li {
	padding: 0;
	margin: 0;
	width: 85px;
	display: block;
	float: left;
}

ul.mealPlanTabList li input {
	background: url(images/meal_tab.gif) top left no-repeat;
	background-position: -85px 0;	
	height: 34px;
	width: 85px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 11px;
	border: none;
	cursor: pointer;
}

ul.mealPlanTabList li input.mealTabsOn {
	background-position: 0 0;
}

div.mealDarkRow, div.mealLightRow {
	padding: 16px;
	border-left: 1px solid #cecece;
	border-right: 1px solid #cecece;
	width: 664px;
	font-size: 11px;	
}

div.mealDarkRow {
	background: #d9edec;
}

div.mealLightRow {
	background: #f2f9f9;
}

div.mealDarkRow a, div.mealLightRow a {
	color: #006c7e;
	font-size: 11px;
	line-height: 16px;
}

div.mealColName {
	width: 85px;
	float: left;
	color: #000000;
	font-size: 12px;
	font-weight: 600;
}

div.mealDarkRow div.thumbMeal, div.mealLightRow div.thumbMeal {
	display: block;
	float: left;
	padding: 0 0 0 0;
	margin: 0 15px 0 0;
	cursor: pointer;
	border: solid 1px #C9C9C9; 
	width:69px; 
	height:69px;
}

div.mealColRecipe {
	float: left;
	width: 490px
}

mealColDetails {
	float: left;
	width: 100%
}

div.mealColRecipe div.mealColLinkRow {
	padding-bottom: 4px;
}

div.mealColLinkRow {
	width:175px; 
	float:left;
}

div.mealColRecipe ul {
	margin: 0;
	padding: 3px 0 0 0;
	list-style: none;
	list-style-image: none;
	color: #464646;
}

div.mealColRecipe ul li {
	margin: 0;
	padding: 3px 0 0 10px;
	background: url(images/list_rec_icon.gif) no-repeat;
	background-position: 0px 7px;
	color: #464646;
	font-size: 11px;	
}

div.mealColDetails {
	width: 320px;
	float: left;
}

input.mealQTY {
	border: 1px solid #a5acb2;
	width: 24px;
	height: 13px;
	font-size: 11px;
	padding: 2px;
}

div#topRightMealIcons {
	text-align: right;
	font-size: 18px;
	color: #d0d0d0;
	padding: 0 40px 0 0;
}

div#topRightMealIcons a {
	color: #cb5c19;
	font-size: 11px;
}

div#topRightMealIcons img {
	position: relative;
	top: 5px;
}

div#contentRight ul.circleList {
	list-style: url(images/circ_blue_list_icon.gif);
	padding: 0 0 0 15px;
	margin: 0;
}

div#contentRight ul.circleList li {
	padding: 0 0 15px 5px;
}

div#contentRight ul.circleList li a {
	font-size: 11px;
	text-decoration: none;
}

.clickable {
	cursor: pointer;
}

.planhelp 
{
	width: 300px;
}

/*Food Grid stuff*/
.foodgrid_row_add_meal 
{ 
    text-align: right;
    padding-right: 30px;
}