.meal_event_table th {
	font: bold 9px tahoma,"Trebuchet MS",arial,serif;

	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 0px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	/*background: #CAE8EA url(./images/meal_bg_header.jpg) no-repeat;*/

	
	}
.meal_event_table th.nobg {
	border-top: 0px;
	border-left: 0px;
	border-right: 1px solid #C1DAD7;
	background: none;
}

.meal_event_table table{
	padding: 0px;
	margin: 0px;
	
	
	}
	
.meal_event_table	td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}


.meal_event_table td.alt {
	background: #F5FAFA;
	color: #797268;
}
.meal_event_table td.spec2 {
	
}
.meal_event_table th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0px;
	background: #fff url(./images/bullet1.gif) no-repeat;
	font: bold 9px tahoma,"Trebuchet MS",arial,serif;;
}

.meal_event_table th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0px;
	background: #f5fafa url(./images/bullet2.gif) no-repeat;
	font: bold 9px tahoma,"Trebuchet MS",arial,serif;
	color: #797268;
}


.food_table_button{
background:#CCCCFF none repeat scroll 0 0;
border:1px solid #000066;
}

.totalLine{
	font-weight:bold;
	background:#ACB9DB;
	}
.cartTable {
	
	border-top:1px solid #e5eff8;
	border-right:1px solid #e5eff8;
	margin:1em auto;
	border-collapse:collapse;

	
	}
.innerTable {
	background:#CCCCFF; 
	font-weight:bold;
	}
.innerIdealTable {
	background:#669999;
	font-weight:bold;
	color:white;
	}
.innerAcceptableTable {
	background:#CC99CC; 
	font-weight:bold;
	
	}
.innerTable tr td{
	border:0;
	}
div.tableContainer {
	clear: both;
	border: 0px solid #963;
	height: 500px;
	overflow: auto;
	width: 200px
}



html > body tbody.goal_new_scroll {
display:block;
height:100px;
overflow:auto;
width: 300px

}
div.goalTableContainer {
	clear: both;
	border: 0px solid #963;
	height: 500px;
	overflow: auto;
	width: 400px
}

.selected_food{
	background-color:yellow;
	}
.cartTable th{
	font-weight:normal;
	color: black;
	font-size:8pt;
	border-bottom: 1px solid #e5eff8;
	border-left:1px solid #e5eff8;
	padding:.3em 1em;
	background:#ACB9DB;
	text-align:center;
	font-weight:bold;
	
	}
	
.cartTable td{
	color:#9999cc;
	border-bottom:1px solid #e5eff8;
	border-left:1px solid #e5eff8;
	padding:.3em 1em;
	
	font-size:8pt;
	color:black;
	}
.cartTable td.totalRow{
	font-weight:bold;
	background:#e5eff8;
	}

.cartTable thead th {
	background:#ACB9DB;
	text-align:center;
	font-size:bold 8pt;
	color:black;	
	}	
	
thead.fixedHeader tr {
	position: relative
}

/* set THEAD element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
html>body thead.fixedHeader tr {
	display: block
}
thead.fixedHeader th {
background:#CC9966 none repeat scroll 0 0;
border-left:1px solid #EEBB88;
border-right:1px solid #BB7744;
border-top:1px solid #EEBB88;
font-weight:normal;
padding:4px 3px;
text-align:left;
}


tbody.scrollContent tr.alternateRow td:hover{
	background:#fafafa;
	border-width:1px;
	border-style:outset;
  	font-weight:bold;
}

tbody.scrollContent tr.alternateRow td:click{
	background:#fafafa;
	border-width:1px;
	border-style:inset;
  	font-weight:bold;
}
tbody.scrollContent tr.normalRow td:hover{
	background:#fafafa;
	border-width:1px;
	border-style:outset;
  
}


thead.fixedHeader th {
background:#ACB9DB none repeat scroll 0%;
border-left:1px solid #EEBB88;
border-right:1px solid #BB7744;
border-top:1px solid #EEBB88;
font-weight:bold;
font-size:12px;
padding:4px 3px;
text-align:left;
}
thead.fixedHeader a, thead.fixedHeader a:link, thead.fixedHeader a:visited {
color:#FFFFFF;
display:block;
text-decoration:none;
width:100%;
}
thead.fixedHeader a:hover {
color:#FFFFFF;
display:block;
text-decoration:underline;
width:100%;
}
html > body tbody.scrollContent {
display:block;
height:262px;
overflow:auto;
width:100%;

}


tbody.scrollContent td, tbody.scrollContent tr.normalRow td a{
	display: block; 
background:#FFFFFF none repeat scroll 0%;
border-color:#DDDDDD rgb(204, 204, 204) -moz-use-text-color -moz-use-text-color;
border-style:solid solid none none;
border-width:1px 1px medium medium;
padding:2px 0px 0px 0px;
width: 100%;
height: 100%;
	
}
tbody.scrollContent tr.alternateRow td a{
	display: block; 
background:#EEEEEE none repeat scroll 0%;
border-color:#DDDDDD rgb(204, 204, 204) -moz-use-text-color -moz-use-text-color;
border-style:solid solid none none;
border-width:1px 1px medium medium;
padding:2px 0px 0px 0px;
width: 100%;
height: 100%;

}
html > body thead.fixedHeader th {
width:200px;
}
html > body thead.fixedHeader th + th {
width:200px;
}
html > body thead.fixedHeader th + th + th {
width:316px;
}
html > body tbody.scrollContent td {
width:200px;
}
html > body tbody.scrollContent td + td {
width:240px;
}
html > body tbody.scrollContent td + td + td {
width:250px;
}