
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ login-info css */ 

.foodstats-bg{
width:600px;
height:185px;
background-image:url(/images/foodstats_bg_530x160.jpg);
background-repeat:no-repeat;
background-position:left top;
}

.foodstats-bg-wrapper{
padding-top:100px;
padding-left:290px;
font-size:12px;
line-height:18px;
font-weight:bold;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ calories main stylesheet */

 

.nutrition ul {list-style-type:none; margin:0px 0px 0px 5px; padding:0px; text-align:left; color:#000000; text-decoration:none; }
.nutrition ul li a{ display:block; white-space:normal; padding:2px 0px 2px 15px; color:#000000; text-decoration:underline; font-size:12px;  text-align:left; line-height:normal;  background-image:url(/images/button_green_6x6.gif); background-position:left center; background-repeat:no-repeat; }
.nutrition ul li a:visited{color:#DF7419; color:#000000; text-decoration:underline;}
.nutrition ul li a:hover{color:#EC3E02; text-decoration:underline;}
.nutrition .cl-active  a{color:#EC3E02;  font-weight:bold;}
.nutrition .cl-active  a:visited{color:#EC3E02; font-weight:bold;}
.nutrition .cl-active  a:hover{color:#EC3E02;  font-weight:bold;}
.nutrition .cl-active {color:#EC3E02; font-weight:bold;}
.nutrition .title { font-weight:bold; padding:8px 0px 4px 0px; font-size:14px; color:#EC3E02;}






#cl-center{
width:440px;
float:left;
position:relative
}

#cl-center-auto{
width:auto;
position:relative
}

#cl-left{
width:320px;
float:left;
}

#cl-left h1{
font-family: Arial,  Verdana,  Helvetica, sans-serif;
font-size: 16px;
color: #EC3E02;
font-weight:bold;
text-decoration:none;
padding-bottom:10px;
}

#cl-middle{ width:940px; background-color:#FFFFFF;}

#cl-middle-auto{
background-image:url(/images/bg_middle_auto.gif);
background-repeat:repeat-y;
}

#cl-middle-auto-top{
padding-left:320px;
background-color:#85C324;
}


.cl-subnav{
width:440px;
line-height:14px;
background-color:#E5E5E5;
color:#43423E;
}

.cl-subnav-wrapper{
padding-left:20px;
padding-top:5px;
padding-bottom:5px;
}

.cl-subnav-wrapper a{
color:#000000;
font-weight:bold;
text-decoration:underline;
}
.cl-subnav-wrapper a:visited{
color:#000000;
}
.cl-subnav-wrapper a:hover{
color:#CC0000;
text-decoration:underline;
}




.pathfinder-wrapper{
background-color:#85C324;
padding:5px 0px 5px 20px;
}


#cl-content {
width:440px;
float:left;
}

#cl-content-auto {
margin-left:335px;
margin-right:10px;

}

#cl-content-auto .wrapper{
padding:20px 0px 20px 0px;
}

.cl-right-wrapper{
padding:20px 10px 20px 20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

#cl-content .wrapper{
padding:20px 5px 20px 20px;
}

#cl-content h1{
font-family: Arial,  Verdana,  Helvetica, sans-serif;
font-size: 18px;
color: #EC3E02;
font-weight:bold;
text-decoration:none;
padding-bottom:15px;
}

#cl-content h2{
font-family: Arial,  Verdana,  Helvetica, sans-serif;
font-size: 14px;
color: #99A669;
font-weight:bold;
text-decoration:none;
padding-bottom:5px;
}

#cl-content p{
padding-bottom:16px;
}

#cl-content .body-ads{
margin-left:5px;
margin-bottom:5px;
float:right;
}

.cl-title{
height:24px;
line-height:14px;
background-color:#E5E5E5;
color:#43423E;
}

#food-page{
}

#food-header{
height:68px;
}

#food-header .logo-holder{
width:186px;
height:68px;
background-color:#fff;
float:left;
}

#food-header .logo{
padding-top:15px;
padding-left:10px;
}

.lft-txt { font-size:18px; font-weight:bold; color:#FFFFFF;}
.wrapper-bt-10{padding-bottom:10px;}
.cl-txt-wrapper {padding:10px; font-size:12px; font-weight:bold; background-color:#F3F3F3;}
.orange {color:#EC3E02;}
.green {color:#587F19;}
.blue {color:#4CA910;}
.cl-lft-top{ font-size:14px; font-weight:bolder; font-family:Arial, Helvetica, sans-serif;}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ login-info css */ 

#food-login-info{
position:absolute; top:5px; left:570px;
width:450px;
height:28px;
text-align:center;
font-size:10px;
color:#e36a21;
}

#food-login-info a{color:#e36a21; font-size:10px; font-weight:bold; text-decoration:underline;}
#food-login-info a:visited{color:#e36a21; font-size:10px; font-weight:bold; text-decoration:underline;}
#food-login-info a:hover{}


#nutrition-facts {
font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000;
border:1px solid #46433A; 
background-color:#FFFFFF;
width:280px;
margin-top:2px;
padding-bottom:10px;
margin-bottom:10px;
}
#nutrition-facts .black { color:#000000;  font-size:28px; font-family: Franklin Gothic Heavy, Arial Black, Arial; word-spacing:-5px; text-align:center; padding-top:10px; padding-bottom:10px;}
#nutrition-facts-wrapper {padding-left:20px; padding-top:10px;}
#nutrition-facts table {width:100%; border:0px; margin:0px; font-size:11px; color:#000000; border-left:8px solid #FFFFFF; border-right:8px solid #FFFFFF;}
#nutrition-facts table table{width:100%; border:0px; margin:0px; font-size:11px; color:#000000;}
#nutrition-facts table tr td {padding:1px; border-top:1px solid #FFFFFF; }
#nutrition-facts table tr .column1 {text-align: left;}
#nutrition-facts table tr .fl-right { float:right; width:160px; text-align:right;}
#nutrition-facts table tr .column2 {text-align: right;}
#nutrition-facts table tr .bdr5 {border-bottom:10px solid #000000;}
#nutrition-facts table .wrapper-lft5{padding-left:10px;}
#nutrition-facts table tr .bdr1 {border-bottom:1px solid #000000;}
#nutrition-facts table tr .top {background-color:#8EB462; color:#FFFFFF;}


.cl-right-ads{width:175px; float:left; }
.cl-right-ads-wrapper{padding:20px 5px 20px 10px;}

#register{margin-left:100px;}
#register .header-register{
height:62px;
background-image:url(/images/register_header_bg_1x62.gif);
background-repeat:repeat-x;
background-position:left top;
}
#register .header-register h1{
font-family:Arial;
font-size:18px;
line-height:18px;
font-weight:bold;
color:#FBFFFC;
text-decoration:none;
padding-top:21px;
padding-left:70px;
}
#register table {width:400px; border:0px; margin:0px; font-size:11px; color:#274B6F; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;}
#register table tr td {padding:3px; border-top:1px solid #FFFFFF; background-color:#EFEFEF; }
#register table tr .column1 {text-align: right; width:130px;}
#register table input { width:200px; border-top:1px solid #306BA3; border-left:1px solid #306BA3;}
#register table .dob-month { width:80px; border:1px solid #306BA3;}
#register table .dob-day {width:50px; border:1px solid #306BA3;}
#register table .dob-year { width:60px; border:1px solid #306BA3;}
#register table .rememberme {height:15px; width:15px; }
#register table .top { background-color:#4CA910; padding-top:4px; font-weight:bold; color:#FFFFFF;}
#register table .top-green { background-color:#BCD09D; padding-top:4px; font-weight:bold; color:#46433A;}
#register table .wrapper-tp-bt5 { padding:3px 0px 3px 0px}
#register table .submit-butt {height:22px; width:100px; border:0px; }
#register .red {color: #ff0000;}

#page-control{width:400px; color:#000000; padding-bottom:10px;}
#page-control table{width:100%; font-size:12px; color:#000000;}
#page-control table tr td {border-top:1px solid #E3E3E3; border-bottom:1px solid #E3E3E3; padding-bottom:5px;}
#page-control table .column1{ background-color:#F3F3F3;}
#page-control table form{ margin:0px; padding:0px;}
#page-control table .column2{width:110px; background-color:#F3F3F3;}
#page-control table select{width:100px;}
#page-control table a{font-size:12px; color:#000000; text-decoration:underline;}
#page-control table a:visited{color:#000000;}
#page-control table a:hover{ color:#EC3E02;}


.foodstats{ width:680px; color:#000000; padding-bottom:10px;}
.foodstats table{font-size:12px; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif;width:680px !important;}
.foodstats table tr td {padding:5px; background-color:#F3FAE9; }
.foodstats table td {margin:2px;  border-bottom:1px solid #B7BDB0;  border-right:1px solid #B7BDB0;  background-color:#E7EEDE; }
.foodstats table .top{ background-color:#46433A; color:#FFFFFF;}
.foodstats .input-bx{width:150px;}
.foodstats .column1{width:80px;}
.foodstats .txt{padding-top:10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
.foodstats .txt a{ color:#000000; text-decoration:underline;}
.foodstats .txt a:visited{ color:#000000;}
.foodstats .txt a:hover{ color:#000000;}
.foodstats .txt{padding-top:10px;}
.foodstats table a{font-size:12px; color:#000000; text-decoration:underline;}
.foodstats table a:visited{color:#000000; font-size:12px;}
.foodstats table a:hover{ color:#EC3E02; font-size:12px;}
.foodstats table .red a { color: #FF0000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; }
.foodstats table .red a:visited { color: #FF0000;  font-size:12px;}
.foodstats table .red a:hover { color: #FF0000;  font-size:12px;}

.foodstats-top{padding-bottom:5px;}
.foodstats-top table{ width:auto; font-size:11px; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif;}
.foodstats-top table tr td {padding:3px; border-top:1px solid #FFFFFF; }
.foodstats-top table tr .column1 {width:80px;}
.foodstats-top table .cal-day {width:40px;}
.foodstats-top table .cal-month {width:90px;}
.foodstats-top table .cal-year {width:60px;}
.foodstats-top table .cal-from-day {width:40px;}
.foodstats-top table .cal-from-month {width:90px;}
.foodstats-top table .cal-from-year {width:60px;}
.foodstats-top table .cal-to-day {width:40px;}
.foodstats-top table .cal-to-month {width:90px;}
.foodstats-top table .cal-to-year {width:60px;}
.foodstats-top table a{font-size:11px; color:#000000; text-decoration:underline;}
.foodstats-top table a:visited{color:#000000;}
.foodstats-top table a:hover{color:#EC3E02;}

.calendar{padding-bottom:5px; }
.calendar table{ width:auto; font-size:11px; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif;}
.calendar table tr td {padding:3px; border-top:1px solid #E3E3E3; border-right:1px solid #E3E3E3; background-color:#F3f3f3; text-align:center;}
.calendar table .day-alt { text-align:right; font-size:14px; font-weight:bold; color:#FF0000; padding-top:3px;}
.calendar table .day { text-align:right; font-size:14px; font-weight:bold; color:#000000; padding-top:3px;}
.calendar table .day-alt a { text-align:right; font-size:14px; font-weight:bold; color:#FF0000; padding-top:3px;}
.calendar table .day a { text-align:right; font-size:14px; font-weight:bold; color:#000000; padding-top:3px;}
.calendar table .cal-info { text-align:center; font-size:11px;  padding-top:4px; color:#666666; }
.calendar table .cal-info a { text-align:center; font-size:11px;  padding-top:4px; color:#666666; }
.calendar table .txt-holder {width:40px;}
.calendar table h2 {color:#FFFFFF; font-size:20px; text-align:center;}
.calendar table .top{ background-color:#4CA910; text-align:center;}
.calendar table .sun-bkg{ background-color:#E8E8E8; }
.calendar table .sun{ background-color:#D0AB9D; width:70px;}
.calendar table .mon{ background-color:#BCD09D; width:70px;}
.calendar table .tue{ background-color:#A9D09D; width:70px;}
.calendar table .wed{ background-color:#9DC2D0; width:70px;}
.calendar table .thru{ background-color:#9DAFD0; width:70px;}
.calendar table .fri{ background-color:#BCD09D; width:70px;}
.calendar table .sat{ background-color:#D0BC9D; width:70px;}

.all-wrapper table {font-size:11px; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ form-search-food css */ 


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ nutrition-left css */ 

#nutrition-left ul {list-style-type:none; margin:0px 0px 0px 5px; padding:0px; text-align:left; color:#000000; text-decoration:none; }
#nutrition-left ul li a{ display:block;  padding:2px 0px 2px 15px; color:#000000; text-decoration:underline; font-size:12px;  text-align:left; line-height:normal;  background-image:url(/images/button_orange_6x6.gif); background-position:left center; background-repeat:no-repeat; }
#nutrition-left ul li a:hover{color:#EC3E02; text-decoration:underline;}
#nutrition-left .cl-active  a{color:#EC3E02; font-weight:bold;}
#nutrition-left .cl-active  a:hover{color:#EC3E02; font-weight:bold;}
#nutrition-left .cl-active {color:#EC3E02; font-weight:bold;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ nutrition-left css */ 

.cl-add-food{ color:#000000; padding-bottom:10px;}
.cl-add-food table{ width:100%; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; background-color:#4CA910;}
.cl-add-food table tr td {padding:3px;}
.cl-add-food .input-bx{width:100px;}
.cl-add-food .column1{width:60px;}
.cl-add-food .column2{width:100px;}
.cl-add-food .column3{text-align:left;}
