/*-------- Home calculator styles -------------*/

.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#97999e;}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #5d6165;
  border-right:1px solid #5d6165;
  background:#7d8085}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #3c4044;
  border-right:1px solid #3c4044;
  background:#83868b}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #83868b;
  border-right:1px solid #83868b;}
.spiffy4{
  border-left:1px solid #5d6165;
  border-right:1px solid #5d6165}
.spiffy5{
  border-left:1px solid #7d8085;
  border-right:1px solid #7d8085}
.spiffyfg{
  background:#97999e;
  padding:7px;
  height:227px
}

.innerspiffy{display:block}
.innerspiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#DFDFDF;
}
.innerspiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #b5b7b9;
  border-right:1px solid #b5b7b9;
  background:#cdcdce}
.innerspiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #9ea0a4;
  border-right:1px solid #9ea0a4;
  background:#d1d1d2}
.innerspiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #d1d1d2;
  border-right:1px solid #d1d1d2;}
.innerspiffy4{
  border-left:1px solid #b5b7b9;
  border-right:1px solid #b5b7b9}
.innerspiffy5{
  border-left:1px solid #cdcdce;
  border-right:1px solid #cdcdce}
.innerspiffyfg{
  font-size:11px;
  background:#DFDFDF;
  padding:6px;
  z-index:0;}

.calcinput {
	width:20px;
	font-size:11px;
	color:#777777;
}

.calctable {
	border-collapse:separate;
	border-spacing:3px;
}

table.calctable td {
	padding: 1px;	
}
#txtInfo {
	text-decoration: none;
	color:#BE1B20;
	margin-left:+4px;
	font-size:11px;
}


/*-------- Mealplan styles -------------*/

.panel{display:block}
.panel *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#DFDFDF}
.panel1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f1f1f1;
  border-right:1px solid #f1f1f1;
  background:#e7e7e7}
.panel2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fbfbfb;
  border-right:1px solid #fbfbfb;
  background:#e5e5e5}
.panel3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #e5e5e5;
  border-right:1px solid #e5e5e5;}
.panel4{
  border-left:1px solid #f1f1f1;
  border-right:1px solid #f1f1f1}
.panel5{
  border-left:1px solid #e7e7e7;
  border-right:1px solid #e7e7e7}
.panel1alt{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #DFDFDF;
  border-right:1px solid #f1f1f1;
  background:#e7e7e7}
.panel2alt{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #DFDFDF;
  border-right:1px solid #fbfbfb;
  background:#e5e5e5}
.panel3alt{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #DFDFDF;
  border-right:1px solid #e5e5e5;}
.panel4alt{
  border-left:1px solid #DFDFDF;
  border-right:1px solid #f1f1f1}
.panel5alt{
  border-left:1px solid #DFDFDF;
  border-right:1px solid #e7e7e7}
.panelfgheader{
  padding:5px;
  background:#DFDFDF;
  font-size:14px;
  font-weight:bold;
  color:#444
}
.panelfg{
  padding:10px;
  background:#DFDFDF;
}

.flatlabel {
	font-weight:normal;
	cursor: pointer;
}

.divHints {
	float:left;
	width:300px;
	font-size:12px;
	margin-top:5px;
	padding-left:15px;
	xbackground-color:#DFDFDF
}

.divmealsmain {
  width:300px;
  float:right;
  margin:-7px 10px 0 0 ;
  xmargin-left:auto;
  xmargin-right:auto
}

.divmealsheader {
  width:180px;
  margin-left:340px;
  xmargin-right:auto
}

.mealsTable {
	border: 0px solid #ccc;
	width:95%;
	height:395px;
	background-image:url(../images/health.gif);
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-position: -55px 175px;
	overflow: auto;
	xbackground-color:#eee;
}

.mealsTable td {
	padding: 7px;
	vertical-align:top;
}

#itemList {
	xpadding:3px;
	border:0px solid #ccc;
	xwidth:70px;
	xheight:120px;
	xbackground-color:#fff;
	font-size:12px;
	color:#777777;
}


/* Mealplan link effects */

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

img {
    border: none;
} 

#menu10 {
	text-align:center;
	xbackground-color:#eee;
	xheight: 100px;
	width: 73px;
	margin: 4px;
	xoverflow:auto;
	margin-left:auto; 
	margin-right:auto;
	}
	
#menu10 li a {
	xheight: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#menu10 li a:link, #menu10 li a:visited {
	xcolor: #333;
	display: block;
	opacity:0.80;
	filter:alpha(opacity=80);
	background:  url(../images/menu14.gif);
	padding: 7px 0 0 0px;
	}
	
#menu10 li a:hover {
	color: #111;
	text-decoration:none;
	font-weight:bold;
	background:  url(../images/menu14.gif) 0 -32px;
	xpadding: 8px 0 0 10px;
	font-size:13px;
	}				


a.info{
    position:relative; 
    z-index:24; 
	xbackground-color:#ccc;
    color:#333;
    text-decoration:none;
}

a.info:hover{
	z-index:25; 
	xbackground-color:#ff0
}

a.info img{
	margin-top:5px;
	float:right;
}

a.info span{
	display: none
}

a.info:hover span {
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	display:block;
    position:absolute;
    top:2em; left:2em; width:150px;
    border:1px solid #eee;
    background-color:#FCFBC2; 
	font-size:10.5px;
	padding:5px;
	xfont-weight:bold;
	color:#222;
    text-align: left;
	margin-left:+20px;
	margin-top:-5px;
}