body {
	/*font: 100% Arial, Verdana, Helvetica, sans-serif;*/
  font-family: Arial, Verdana, Helvetica, sans-serif;
	background: #666666;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.oneColElsCtr #container {
	width: 95%;
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColElsCtr #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

.oneColElsCtr #scrollable {
	width:90%;
	/*height:250px;*/
	/*border: 1px solid #000000;*/
	/*overflow:scroll;*/
	/*overflow-x: hidden;*/
}
.redText {
	color: #F00;
}

table {
	border-collapse: collapse;
}

div.prodno{
	text-align:center;
	font-size:14px;
}

div.trayconv{
	text-align:center;
	font-size:14px;
}

div.proddesc{
	text-align:left;	
	font-size:14px;
}

div.permord{
	text-align: center;
	/*text-align: right;*/
	font-weight: normal;
	font-size: 14px;
	color: black;
}

div.tempchg{
	text-align: center;
	/*text-align: right;*/
	font-weight: normal;
	font-size: 14px;
	color: black;
}

div.totalord{
	text-align: center;
	font-weight: bold;
	font-size: 14px;
    color: black;
}

div.weekavg{
	text-align: center;
	font-size: 14px;
}

td.carryoverA{
	background-color: #FFFF8F;
	text-align:center;
	font-size:14px;
}
td.carryoverB{
	text-align:center;
	font-size:14px;
}

td.plus{
	background-color: #8FFF8F;
	font-weight: bold;
	text-align:center;
	font-size:14px;
}

td.cut{
	background-color: #FF8F8F;
	font-weight: bold;
	text-align:center;
	font-size:14px;
}

td.norm{
	background-color: #FFFFCC;
	text-align:center;
	font-size:14px;
}


/*popups*/
div.permPopup { 
   width:auto;
   /*font-size:14px;*/
}
div.dayofweek { 
   text-align:left; 
   /*font-size:14px;*/
}
div.date { 
   text-align:left;
   /*font-size:14px;*/
}
div.permordPopup { 
   text-align:right; 
   /*font-size:14px;*/
}
div.permtotPopup { 
   text-align:right; 
   /*font-size:14px;*/
   font-weight: bold;
}


div.tempPopup { 
   width:auto;
   /*font-size:14px;*/
}
div.tempordPopup { 
   text-align:right; 
   /*font-size:14px;*/
}

div.avgordPopup { 
   text-align:right; 
   /*font-size:14px;*/
}


div.heading{
   text-align:right; 
   /*font-size:16px;*/
   font-weight: bold;
}

div.bb{
	text-align:right; 
	/*font-size:14px;*/
}

tr.popUpOdd{
	/*background-color: #8F8FFF;*/
	background-color: #CCE7FF;
}