/* CSS Document */
#middle1{
	width:98%;
	text-align:center;
	margin-left:0px;

	}
	#subhead1{
	width:100%;
	background-color:#edf6f5;
	text-align:left;
	border-bottom: 1px solid #ccc;
	}
		#heading1{
			margin-left:5px;
			vertical-align:middle;
			padding:10px 5px 5px 0px;
		}
#middle2{
	width:98%;
	}
/*OTHER STYLES*/
a{
	color:#006666;
	text-decoration:none;
	}
a:hover{
	color:#006666;
	font-weight:bold;
	}
#ingredientlist li{
	list-style-image:   url("../images/bullet_II.gif"); 
	font-size: 11pt;
	font-weight:300;
	text-decoration: none; 
	color:#006666;
}

/*Table Format*/
.tablediv{
	width:100%;
	float:left;
	position:relative;
	border-bottom:1px solid #ccc;
}
.trheaddiv{
	width:100%;
	height:30px;
	background-color:#006666;
	color:#ffffff;
	float:left;
	position:relative;
	text-align:center;
	font-weight:bold;
}
	.tdheaddiv1{
		width:20%;
		height:30px;
		float:left;
		position:relative;
		padding:7px;
		}
	.tdheaddiv2{
		width:75%;
		height:30px;
		float:left;
		position:relative;
		border-left:1px solid #ccc;
		padding:7px;
	}
.trdiv1{
	width:100%;
	float:left;
	position:relative;
	background-color:#edf6f5;
	border-bottom:1px solid #ccc;
}
.trdiv2{
	width:100%;
	float:left;
	position:relative;
	background-color:#ffffff;
}
	.tddiv1{
		width:20%;
		height:100%;
		float:left;
		position:relative;
		padding:7px;
	}
	.tddiv2{
		width:75%;
		height:100%;
		float:left;
		position:relative;
		border-left:1px solid #ccc;
		padding:7px;
	}
	.tddivmh{
		width:30%;
		height:30px;
		float:left;
		position:relative;
		padding:7px;
	}
	
	.tddivm{
		width:10%;
		height:30px;
		float:left;
		position:relative;
		padding:7px;
	}

/*Calendar css*/
*		{margin:0;padding:0;}
ol.calendar    {width:21em; margin-top:-2px;display:block; min-height:255px;padding:10px;padding-left:17px;#width:19em;#min-height:260px;
background:   url("../images/calendar/tl.jpg") top left no-repeat;#background: url(../images/calendar/tl-ie.jpg) top left no-repeat;}
ol.calendar li		{list-style:none;list-style-image:none}
p.link		{text-align:center;display: block;}
/*h1		{display: block; width: 50px;height:36px;text-indent:-9999px; margin: 15px auto; }*/

/*
 * Day styles
 -------------------------*/
li li {width:2em;height:2em;float:left;margin:.2em; padding:.2em;overflow:auto;
			background:   url("../images/calendar/day-bg.png") bottom right no-repeat; color:#ffffff;}
			
li li.special {width:2em;height:2em;float:left;margin:.2em; padding:.2em;overflow:auto;
			background:   url("../images/calendar/day-bg-special.png") bottom right no-repeat; color:#ffffff;}

/*
 * Day content (UL/OL & P)
 -------------------------*/
li li p	 {font-size:.7em;display:block;}
li li ol	 {width:auto;}
li li ul li,
li li ol li     {font-size:.7em;display:block;height:auto;width:auto; background: none;
			margin:0;padding:.2em 0;float:none;}

/*
 * Holiday class
 -------------------------*/
li li.holiday    {  }

/*
 * Inactive months
 -------------------------*/
li.day li { 
background:   url("../images/calendar/day-bg-inactive.png"); color:#ff6600;}
li.nillmonth li    { 
background:   url("../images/calendar/day-bg-inactive.png"); color:#ff6600;}/* CSS Document */
ol.calendar li.monthdisplay {
color:#006699;
font-weight:bold;
width:40em;
#width:20em;
text-align:left;
}
a.calend{
color:#ffffff;
}
a.calend:hover{
color:#ffffff;
font-weight:bold;
font-size:14px;
}
.timediv{
width:100%;
display:none;
}
.divmaintimesheet{
width:900px;
#width:850px;
height:15px;
padding:20px;
margin-top:-10px;
float:left;
position:relative;
}
.divsubtimesheethd1{
width:160px;
height:15px;
padding-left:20px;
padding-top:20px;
padding-bottom:10px;
float:left;
position:relative;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
background-color:#fdfdfd;
color:#ff6600;
font-size:14px;
font-weight:bold;
}
.divsubtimesheethd2{
width:160px;
height:15px;
padding-left:20px;
padding-top:20px;
padding-bottom:10px;
float:left;
position:relative;
border:1px solid #ccc;
background-color:#fdfdfd;
color:#ff6600;
font-size:14px;
font-weight:bold;
}
.divsubtimesheettail1{
width:180px;
height:45px;
float:left;
position:relative;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
background-color:#edf6f5;
font-size:12px;
text-align:center;
color:#006666;
}
.divsubtimesheettail11{
width:180px;
height:45px;
float:left;
position:relative;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
background-color:#006666;
font-size:12px;
font-weight:bold;
text-align:center;
color:#ffffff;
}
.divsubtimesheettail2{
width:180px;
height:45px;
float:left;
position:relative;
border:1px solid #ccc;
background-color:#edf6f5;
font-size:12px;
text-align:center;
color:#006666;
}
.divsubtimesheettail22{
width:180px;
height:45px;
float:left;
position:relative;
border:1px solid #ccc;
background-color:#006666;
font-size:12px;
font-weight:bold;
text-align:center;
color:#ffffff;
}
.app_black_overlay{
	display: none;
	position: absolute;
	background-color: #000000;
	z-index:1001;
	-moz-opacity: 0.9;
	opacity:.90;
	filter: alpha(opacity=90);
}
.app_white_content {
		display: none;
		position: absolute;
		top: 30%;
		left: 30%;
		padding: 1px;
		background-color: #ffffff;
		font:Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:12px;
		z-index:1002;
		overflow: auto;
}
/*Product Search*/
#prodres{
width:700px;
height:400px;
overflow-x:scroll;
}
#prodtxt
{
border:1px #006666 solid;
background-color:#EDF6F5;
color:#666666;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
width:700px;
}