/*
Main colours (dark-light):
#77802E (h2)
#AAB741 (h1)
#F5FEAD
#FAFED6

*/




div.loading {
	
	background:url(/images/ajax-loader-large.gif) no-repeat center #fff;
	
}

img.blank
{
	opacity:0;               /*Firefox & Chrome*/
	filter:alpha(opacity=0);   /* IE */
		
}

.buttonParent
{
    filter:alpha(opacity=50);
    
}

.buttonParent:hover
{
    filter:alpha(opacity=100);

}

img.button,input.button
{
	opacity:0.5;               /*Firefox & Chrome*/
	  
   
}

img.button:hover, input.button:hover
{
	opacity:1;               /*Firefox & Chrome*/
	
}

a.ttImg {
	cursor:pointer;
	
	}

.tt{
	text-decoration: underline;
	font-size:10pt;
	}
	
.tt:hover{
	text-decoration: none;
	font-size:10pt;
	}

.glt-elm{
	position: absolute;
	left: 0;
	top: 0;
	width: 150px;
	color: #fff;
	opacity: 0.9;
	visibility: hidden;
}

.glt-elm p{
	background: #666;
	margin: 0;
	padding: 0.5em;
}

.glt-elm img{
	display: block;
}



.glt-elm{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
}	


.frac {
	font-size: 10px;
	}

img.textBtn {
	
	}

table.features td {
	padding-top:15px;
	}

img.ajaxButton {
	cursor:pointer;
	opacity:0.5;               /*Firefox & Chrome*/
	filter:alpha(opacity=50);
	}
	
img.ajaxButton:hover {
	cursor:pointer;
	opacity:1;               /*Firefox & Chrome*/
	filter:alpha(opacity=100);
	}
	
a.linkWithButton, a.linkWithButton:visited {
	text-decoration: none;
	/*font-weight: bold; */
	line-height: 20px;
	}
	
a.bigLinkWithButton, a.bigLinkWithButton:visited {
	position:relative;
	top:-20px;
	text-decoration: none;
	font-weight: bold;
	color:white;
	font-size:16pt;
	}
	
a.bigLinkWithButton:hover {
	
	color: #4AA02C;
	}

a.bigLinkWithButton img {
	position: relative;
	top:24px;
	padding-right: 3px;
	}
	
	
a.linkWithButton img {
	position: relative;
	top:5px;
	padding-right: 1px;
	opacity:0.5;               /*Firefox & Chrome*/
	filter:alpha(opacity=50);   /* IE */
	}
	
a.linkWithButton:hover img {
	
	opacity:1;               /*Firefox & Chrome*/
	filter:alpha(opacity=100);   /* IE */
	}

a.recipeLink, a.recipeLink:visited{
	color: #336699;
	}

.searchform {
	position:relative;
	width:300px;
	border:1px solid  #DDDDDD;
	background-image: url(/images/gradient-grey-white-3.jpg);
	background-repeat: repeat-x;
	
	}



/*
Main colours (dark-light):
#77802E (h2)
#AAB741 (h1)
#F5FEAD
#FAFED6

*/


#nav {
    width:869px;
    margin-left:9px;
    z-index:699;
}

#nav ul {
  font-family: Arial;
  font-weight: bold;
  font-size: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
  
}
#nav ul li {
  

  background: url('/images/tab-transparent.png') no-repeat 0 0;
  padding-bottom:11px;
  padding-top:12px;
  
  display: block;
  position: relative;
  float: left;
  width:149px;
  z-index:698;
  
}



#nav ul li.inner {
  
  padding-top:0px;
  padding-left:0px;
  /* holly hack - IE sees next 2 lines, real browsers don't.*/
  * margin-top:-4px;
  * margin-bottom:-4px;
  display: block;
  position: relative;
  float: left;
  width:148px;
  z-index:698;
  
}

#nav ul li.inner a {
  
  font-size: 13px;
  
  padding: 3px 15px 3px 3px;
  
}

#nav li ul { 
   display: none;
   padding-top:10px;
   padding-bottom:44px;
   left:0px;
   width:149px;
   z-index:698;
   
    }
#nav ul li a {
  display: block;
  text-decoration: none;
  color: white;
  border-top: 0px solid #ffffff;
  padding: 3px 15px 3px 20px;
  
  margin-right: 0px;
  white-space: nowrap;
  
}
#nav ul li a:hover {
  
  z-index:500;
  
  }

#nav li:hover {
  background: url('/images/tab.png') no-repeat 0 0;
}


  


 #nav ul li.inner:hover a {
  background: #77802e;
  z-index:500;
  }

#nav li:hover ul, #nav li.sfhover ul {
  display: block;
  position: absolute;
  z-index:500;
  background: url('/images/tab-inverted.png') no-repeat left bottom;
}
#nav li:hover li {
  float: none;
  font-size: 11px;
  z-index:500;
  width:149px;
  background: url('/images/tab-background.png') repeat-y 0 0;
}
#nav li:hover a {
  
  z-index:500;
    }
#nav li:hover li a:hover {
  
  z-index:500;
  }


  #loginbox {
	position:absolute;
	width:auto;
	right:10px;
	border:1px solid  #DDDDDD;
	background-image: url(/images/gradient-grey-white-2.jpg);
	background-repeat: repeat-x;
	font-size: 75%;
	margin-bottom:4px;

}
#loginbox a {
	color: #77802E;
}

#loginbox a:hover {
	color: #AAB741;
}


#header div
{
   /*background-color: #77802E;*/
   background-color: #595959;
  
}

body {
	font-family: verdana, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	color: #595959;
	/*background-color: #77802E; */
    background-color: #595959;
    
	
}

td, th, select, textarea {
	font-family: verdana, sans-serif;
	font-size: 12px;
	padding: 0;
	margin: 0;
}

tr.info {
	height:45px;
	
}
tr.info td {
	background-color: #F0F0F0;
	font-size: 10px;
	
}

tr.segment td {
	border-bottom: 1px grey dashed;
	padding-bottom:4px;
	padding-top:20px;
	
	}
	
tr.smallSegment td {
	border-bottom: 1px grey dashed;
	padding-bottom:4px;
	padding-top:4px;
	
	}

input {
	font-family: verdana, sans-serif;
	font-size: 12px;
}

a, a:active, a:visited{
	color: #150517;
	text-decoration: underline;
}

a:hover {
	color: #4AA02C;
}

a img {
	border: none;
}


a.nice, a.nice:active, a.nice:visited {
	color:#77802E;
	text-decoration:none;
	}
	
a.nice:hover {
	color:#77802E;
	text-decoration:underline;
	}


h1 {
	
	font-family: Georgia;
	font-style:normal;
	font-variant:normal;
	font-weight:400;
	font-size:3em;
	line-height:normal;
	color: #AAB741;
	margin: 3px 0; 
	clear: none;
	display: inline; 
	/*font-weight: bold;
	color: #595959;
	color: #72a514;
	margin: 3px 0; 
	clear: none;
	display: inline; 
	*/
	
}


.infoBox {
  	background: #fff;
  	margin-right: 20px;
  	width: 300px;
 	text-align: left;
 	border: 1px solid;
 	float: right;
}

h2 {
    
	font-family: Georgia;
	font-style:normal;
	font-variant:normal;
	font-weight:400;
	
	line-height:normal;
	margin: 3px 0; 
	clear: none;
	display: inline; 
	color: #77802E;
	/*font-size: 18px;
	color: #336699;*/
	/*margin: 3px 0;*/
}

tr.nut-table-row td{
	border:0px;
	border-bottom: 1px solid grey;
	
	}

table.weightLog {
	width:98%;	
	border:0px solid #000;
	border-collapse:collapse;
	margin-left:1%;
	margin-right:1%;
	margin-top:2%;
}

.weightLog tr {
	height:40px;
	}
	
.weightLog tr.header {
	height:35px;
	background-color:#AAB741;
	color:white;
	text-align:left;
	
	}

div.nutrition {
	width: 300px;
	border : 2px solid black;
	}
	
table.mealPlan {
	width:96%;
	border:0px solid #000;
	border-collapse:collapse;
	margin-left:1%;
	margin-right:1%;
	
}

a.mealPlanLink, a.mealPlanLink:visited{
	color:gray;
	text-decoration: none;
	font-size:19pt;
	font-style: italic;
	}
	
a.mealPlanLink:hover{
	text-decoration: underline;
	}


a.mealPlanLinkSmall, a.mealPlanLinkSmall:visited{
	color:gray;
	text-decoration: none;
	font-size:13pt;
	font-style: italic;
	}

a.mealPlanLinkSmall:hover{
	text-decoration: underline;
	}
	
a.buttonLink, a.buttonLink:visited{
	color:gray;
	text-decoration: none;
	}

a.buttonLink:hover{
	text-decoration: underline;
	}

.mealPlan td {
	border:1px solid white;
	padding:4px;
	
}



.mealPlan td.nut {
	text-align: center;
}
.mealPlan td.totals {
	text-align: right;
	
}

.mealPlan tr {
	height:40px;
	}

.mealPlan tr.totals {
	
	}
	
.mealPlan tr.totals td.captions {
	text-align: right;
	
	}
	
.mealPlan tr.totals td.top {
	text-align: center;
	border-top:3px solid #AAB741;
	}

.mealPlan tr.header {
	height:45px;
	background-color:#B7C25E;
	color:white;
	text-align:center;
	
	}
	
.mealPlan tr.header td {
	border:0px solid white;
	
	padding:0px;
	font-size:16px;
	
}

 td.end-left {
	background: url(/images/45px-rounded-left-light-green.png) no-repeat;
	background-position: 0 0;
	background-color:#B7C25E;
}

td.end-right {
	background: url(/images/45px-rounded-right-light-green.png) no-repeat;
	background-position: right top;
	background-color:#B7C25E;
}

.mealPlan tr.data {
	height:35px;
	background-color: #fafed6;
	
}

.mealPlan tr.data td {
	font-weight:bold;
	border-bottom:2px solid #AAB741;
	
}

.mealPlan tr.data a {
	text-decoration: none;
	
}



.mealPlan td.controls {
	text-align: right;
	background-color: white;
	border:0px;		
}

.mealPlan tr.foodHeading {
	height:25px;
	background-color: white;
	
	}
	
.mealPlan tr.foodHeading td {
	/*border-top:1px solid #AAB741;	*/
	}

table.nutrition {
	width : 96%;
	margin-top : 0px;
	margin-left : 2%;
	margin-right : 0;
	border-collapse : collapse;
	table-layout : auto;
}

table.shopping-list{
    width:80%;
    border-collapse:collapse;
}

.shopping-list td.header {
    border-bottom: 0px solid black;
    font-size:18pt;
}

.shopping-list td.food {
    font-size:14pt;
    padding-top:15px;
}

.shopping-list td.amount {
    font-size:14pt;
}

.shopping-list td {
    border-bottom: 1px solid black;
}

table.features{
     border-collapse:collapse;
}

.features td{

    font-size:13pt;
    border-bottom:1px solid black;
    padding-right:10px;
}

.features tr.header{
    height:45px;
	background-color:#B7C25E;
	color:white;
	text-align:center;
    
    
}

.features tr.header td{
    border-bottom:none;
    padding:0px;
    padding-right:10px;
	font-size:14pt;
    
    
   
}

/**
 * Format the caption at the top of the table
 */
.nutrition caption {
	font-family : Arial;
	font-size : large;
	
}

/** 
 * Format the tr ids 
 */
.nutrition tr#calories td {
	border-bottom : 8px solid black;
}

.nutrition tr#servings td {
	border-bottom : 8px solid black;
}

.nutrition tr#minerals td {
	border-top : 8px solid black;
}

 /**
  * Format the header, which is basically the text "Nutrition Facts"
  */
.nutrition th {
	background-color : transparent;
	padding : 0px;
	border : 0;
	font-family : Arial;
	font-size : large;
	font-weight : bolder;
}	

 /**
  * Define the baseline style for cells
  */
.nutrition td {
	padding : 2px;
	font-family : Arial;
	font-size : smaller;
	border : 0;
	border-bottom : 1px solid black;
	text-align : left;
}

 /**
  * Define the cell for Daily Values
  */
.nutrition td.dv {
	font-weight : bold;
	text-align : right;
}

 /**
  * Set an indent for subordinate nutrients
  */
.nutrition td.sub {
	text-indent : 15px;
}

 /**
  * Set the style of the disclaimer text
  */
.nutrition td.disclaimer {
	font-size : xx-small;
}

 /**
  * Use the strong tag to set emphasis on particular text
  */
.nutrition strong {
	font-weight : bolder;
}

table.treeView {
	margin-left: 4px;
	margin-right: 10px;
	background-color: white;
	border-spacing: 0px;
	border: 0px;
	
}

.treeView td {
	border: 0px;
	width: 95%;
	padding: 6px;
}

.treeView tr {
	border: 0px;

	padding: 6px;
	height:45px;
}

.treeView a {
	text-decoration:none;	
}	

.treeView td.parentNode {
	border: 0px;
	border-bottom:6px solid white;
	border-top:6px solid white;
	padding: 6px;
}

.treeView td.childNode {
	
	background-color: white;
	padding: 2px;
	border-bottom:0px;
	
}

.treeView tr.parentNode {
	background-color: #FAFED6;
	padding: 5px;
}

.treeView tr.childNode {
	
	background-color: white;
	padding: 0px;
	height:25px;
}

.treeView td.totals {
	
	border-top: 1px solid black;
}

div.mealBuilderTreeView {
	
	clear: both;
	
	border: 0px;
	width:90%;
	margin-left:5%;
		
}

div.treeViewHeaderBox{
	position: relative;
	width: 100%;
	height: 50px;
	color: white;
	background-color: #AAB741;
	}
	
div.borderedBox {
	border: 2px dotted #b2b300;
	padding:10px;
	background-color: #ccff99;	
	width: 300px;
}


/*
#loginbox {
	background: #cccccc;
	top:0;
	position:absolute;
	right:0;
	border: medium dotted #b2b300;
	font-size: 75%;
	z-index:0;
	display:inline;
}*/

span.validateError {
	font-size: medium;
	color: #ff0000;
	}
	
.info{
	background: #fff;
  	width: 210px;
 	text-align: left;
 	border: 1px solid;
	}
	
.infoHeader{
	position: relative;
	width: 100%;
	height: 50px;
	background-color: #ccff99;
	}
	
div.content{
	margin-left: 0px;
	text-align:left;
	background-color:white;
	margin-bottom:0px;
	width: 850px;
	border: 1px solid #DDDDDD;
	border-bottom: 0px;
	padding-bottom:20px;
	padding-left:4px;
	padding-right:4px;
	}

/* img shadow general */
.img-shadow {
  float:left;
  background: url(/images/shadow-general.png) no-repeat bottom right !important;
  background: url(/images/shadow-general.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }



/*
	yDSF (ydnar Drop-Shadow-Fu)
	ydnar@sixapart.com - http://www.sixapart.com
*/

.ydsf {
	display: block;
	position: relative;
	margin: 4px -4px -4px 4px;
	background: url(/images/shadow-grid.gif) repeat;
}

/* ie6 ignores this selector */
html>body .ydsf {
	margin: 10px -10px -10px 10px;
	background: url(/images/shadow.png) right bottom no-repeat;
}

/* shadow corners */
.ydsf:before,
.ydsf:after {
	content: " ";
	display: block;
	width: 10px;
	height: 10px;
	background: inherit;	
}

.ydsf:before {
	position: absolute;
	top: 0;
	right: 0;
	margin: -10px 0 0 auto;
	background-position: right top;
}

.ydsf:after {
	margin: -10px 0 0 -10px;
	background-position: left bottom;
}

.ydsf .inner {
	display: block;
	position: relative;
	overflow: hidden; /* prevents margin leakage from child elements */
	left: -4px;
	top: -4px;
}

/* ie6 ignores this selector */
html>body .ydsf .inner {
	left: -10px;
	top: -10px;
	margin: 0;
}


/* moar */


#shadow-container {
    
    border: 1px solid gray;
    border-top: 0px solid gray;
}

#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .container {
    position: relative;
    left: -2px;
    top: -2px;
}

    #shadow-container .shadow1 {
         background: #F1F0F1;
    }

    #shadow-container .shadow2 {
        background: #DBDADB;
    }

    #shadow-container .shadow3 {
       background: #B8B6B8;
    }

    #shadow-container .container {
      	background: #ffffff;
        border: 1px solid #DDDDDD;
        padding: 6px;
        margin-bottom:2px;
    }
   
 
 div.top-shade-border {
 	display:block;
 	background-repeat: no-repeat;
 	background-color: transparent;
 	background-position: 0% 0%;
 	background-image: url(/images/shaded_dot.png);
 	padding-top:24px;
 }
 
 
 div.right-border {
 	background-repeat: repeat-y;
 	background-color: transparent;
 	background-position: 100% 50%;
 	background-image: url(/images/dot.png);
 }

 div.left-border {
 	background-repeat: repeat-y;
 	background-color: transparent;
 	background-position: 0% 50%;
 	background-image: url(/images/dot.png);
 }
 
 div.top-border {
 	background-repeat: repeat-x;
 	background-color: transparent;
 	background-position: 0% 0%;
 	background-image: url(/images/dot_h.png);
 }
 
 div.bottom-border {
 	background-repeat: repeat-x;
 	background-color: transparent;
 	background-position: 0% 100%;
 	background-image: url(/images/dot_h.png);
 }

/* \*/
* html .gainlayout {height:1%;}
/* */

.cornerBoxLightGreen 
{ 
	position: relative; 
	background: #B7C25E;
	width: 100%;
	
}



.cornerBoxLightGreen tr.infoTp td {
	color:white; 
	border-bottom: 1px white dashed;
	padding-top:20px;
	}
	

.cornerBoxLightGreen tr.segment td { 
	
	border-bottom: 1px white dashed;}
.cornerBoxLightGreen h2 { color: white;}
.cornerLightGreen {  
	position: absolute; 
	width: 10px; 
	height: 10px; 
	background: url(/images/corners-lightgreen-op095.png) no-repeat; 
	font-size: 0%; 
	}
.cornerBoxLightYellow { position: relative; background: #F5FEAD; width: 100%; }
.cornerBoxLightYellow tr.info td {
	background: #F5FEAD; 
	border-bottom: 1px gray dashed;
	padding-top:20px;}
.cornerLightYellow { position: absolute; width: 10px; height: 10px; background: url(/images/corners-lightyellow.png) no-repeat; font-size: 0%; }
.cornerBoxLightPink { position: relative; background: #FAFED6; width: 100%; }
.cornerLightPink { position: absolute; width: 10px; height: 10px; background: url(/images/corners-lightpink.png) no-repeat; font-size: 0%; }
.cornerBoxLightGrey { position: relative; background: #cfcfcf; width: 100%; }
.cornerLightGrey { position: absolute; width: 10px; height: 10px; background: url(/images/corners-lightgrey.gif) no-repeat; font-size: 0%; }
.cornerBoxInner {
	padding: 10px; }

.cornerBoxWhite
{
	position: relative;
	background: white;
	width: 100%;

}
.cornerWhite { position: absolute; width: 10px; height: 10px; background: url(/images/corners-white.png) no-repeat; font-size: 0%; }


.TL { top: 0; left: 0; background-position: 0 0; }
.TR { top: 0; right: 0; background-position: -10px 0; }
.BL { bottom: 0; left: 0; background-position: 0 -10px; }
.BR { bottom: 0; right: 0; background-position: -10px -10px; }

 /*
 div.top-shade-border {
 	padding-top: 3px;
 	border-top: 4px solid #AAB741;
 }
 
 div.right-border {
 	border-right: 1px solid #AAB741;
 }
 
 div.left-border {
 	border-left: 1px solid #AAB741;
 }
 
 div.top-border {
 	border-top: 1px solid #AAB741;
 }
 
 div.bottom-border {
 	border-bottom: 1px solid #AAB741;
 }
 */
 
 div.article-body {
 	width:65%;
 	margin-left:5%;
 }
 
 ul.food-list {
 	
 	
    color:green;
 
 }
 
 .food-list li {
 	color:green;
 }
 
 .food-list a {
 	font-size:10pt;
 	text-decoration: none;
 	color:#77802E;
    color:gray;
 }
 
 .food-list a:hover {
 	color: #AAB741;
 }
 
 .food-list span {
 	font-size:10pt;
 	color: black;
 }
 
 tr.alternateSearchRow {
	background-image: url(/images/gradient-grey-white-2.jpg);
	background-repeat: repeat-x;
	height:40px;
 }
 
 tr.standardSearchRow {
 	height:20px;
 	background-position: 0% 0%;
 	
 }
 
 tr.standardSearchRow td {
 	border-bottom: 1px solid #DDDDDD;
 }
 
 tr.standardSearchRow a{
 	text-decoration:none;
 	
 }
 tr.standardSearchRow a:hover {
 	text-decoration:underline;
 	
 }
 
 
 tr.searchRow {
  height:40px;
  padding: 4px;
 }


 div.jsPopup
{
   background-image: url(/images/generate-wait-bg.png);
    position:fixed;
    display: none;
    
    left:30%;
    top:20%;
    z-index:1000;
    width:430px;
    height:330px;
}



 /*
Main colours (dark-light):
#77802E (h2)
#AAB741 (h1)
#F5FEAD
#FAFED6

*/