body {
	background:#C2CEA3 url(../images/bg.png) repeat-x scroll center top;
}

.splitter {
	background-color: #FFFFFF;
	height:100%;
	width:100%;
	border:1px none #000
}

.splitpanel {
	background-color: #FFFFFF; 	
	overflow: scroll; 
	text-align: left; 
}

#banner {
	background-color: #FFFFFF;
	height: 50px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-image: url('../images/banner.png');
	background-repeat: repeat-y;
	background-position: right;
	text-align: left;
	text-indent: 20pt;
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	color: #005d28;
	overflow: hidden;
}

#main {
	background-color: transparent;
	min-height: 600px;
	height:auto !important;
	height:600px;
	width: 790px;
	margin:0px;
	margin-left:auto;
	margin-right:auto;
	padding: 5px;
	border: none;
}
#content {
	background-color: #CCCCCC;
	height: auto;
	width: 780px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 5px;
	border: none;
	float: left;

}
#leftpanel {
	background-color: #FFFFFF;
	float: left;
	height: 500px;
	overflow: scroll;
	text-align: left;
	width: 40%;
	border: 1px none #000000;



	
}
#rightpanel {
	width:60%;
	background-color: #FFFFFF;
	float: right;
	height: 500px;
	overflow-x: hidden;
	overflow-y: scroll;
	text-align: left;
	border: none #000000;


}
.head1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 36px;
	color: #FF0000;
}

.head2 {

	font-family: "Times New Roman", Times, serif;
	font-size: 36px;
	color: #333333;
}

.head3 {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	color: #333333;
}

#navcontainer ul
{
	padding-left: 0;
	background-color: #005D28;
	color: White;
	float: left;
	width: 100%;
	font-family: arial, helvetica, sans-serif;
	margin: 0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;


}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0.2em 1em;
background-color: #005D28;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}

#navcontainer ul li a:hover
{
background-color: #96c61a;
color: #fff;
}

#navcontainer ul li.active a
{
background-color: #96c61a;
color: #fff;
}

#navcontainersub ul
{
	padding-left: 0;
	background-color: #005D28;
	color: White;
	float: left;
	width: 100%;
	font-family: arial, helvetica, sans-serif;
	margin: 0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	font-size: 12px;
}

#navcontainersub ul li { display: inline; }

#navcontainersub ul li a
{
padding: 0.2em 1em;
background-color: #005D28;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}

#navcontainersub ul li a:hover
{
background-color: #96c61a;
color: #fff;
}

#navcontainersub ul li.active a
{
background-color: #96c61a;
color: #fff;
}

.desc {
	border: 1px solid;
	padding: 4px;
	height: 80px;
	width: 100%;

}
.discanalysis {

	border: 1px solid;
	padding: 4px;
	height: 160px;
	width: 100%;
}
.txtbox {
	background-color: #CCCCCC;
}
.filesheader {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #666666;
	border-left-color: #666666;
	padding-left: 5px;
	border-top-color: #000000;
	background-color: #CCCCCC;


}
.filesbody {
	padding: 4px;
	height: 450px;
	width: 750px;
	border-top: 1px none;
	border-right: 1px solid;
	border-bottom: 1px solid;
	border-left: 1px solid;
	background-color: #FFFFFF;
	overflow-y:auto;
	overflow-x:hidden;
}
.filesheaderLeft {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #666666;
	border-left-color: #000000;
	padding-left: 5px;
	border-top-color: #000000;
	background-color: #CCCCCC;


}
.filesheaderRight {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #666666;
	border-left-color: #666666;
	padding-left: 5px;
	border-top-color: #000000;
	border-right-color: #000000;
	background-color: #CCCCCC;


}

.cellstyle {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: none;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}

/* Table Widget */

.tableWidget_headerCell,.tableWigdet_headerCellOver,.tableWigdet_headerCellDown{	/* General rules for both standard column header and mouse on header of sortable columns */
		cursor:pointer;	
		border-bottom:3px solid #C5C2B2;
		border-right:1px solid #ACA899;
		border-left:1px solid #FFF;	
		background-color: #CCCCCC;
	}
	
	.tableWidget_headerCell{	/* Standard column header */
		border-top:2px solid #ECE9D8;
		
	}
	
	.tableWigdet_headerCellOver{	/* Rollover on sortable column header */
		border-top:2px solid #FFC83C;		
	}
	.tableWidget tbody .tableWidget_dataRollOver{	/* Rollover style on mouse over (Data) */
		background-color:#FFF;	/* No mouseover color in this example - specify another color if you want this */
	}
	
	.tableWigdet_headerCellDown{
		border-top:2px solid #FFC83C;	
		background-color:#CCCCCC;
		border-left:1px solid #ACA899;
		border-right:1px solid #FFF;			
	}
	.tableWidget td{
		margin:0px;
		padding:2px;
		border-bottom:1px solid #EAE9E1;	/* Border bottom of table data cells */
		
	}
	.tableWidget tbody{
		background-color:#FFF;
	}
	.tableWidget{
		font-family:arial;
		font-size:12px;	
		width:100%;
	}
		
	/* End layout CSS */
	
	
	div.widget_tableDiv {
	border:1px solid #ACA899;
	height: 100%;
	overflow:auto;
	overflow-y:auto;
	overflow:-moz-scrollbars-vertical;
	width:100%;
	background-color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;



	}
	
	html>body div.widget_tableDiv {
		overflow: hidden;
		width:100%;
	}

	.tableWidget thead{
/*		position:relative; */
	}
	.tableWidget thead tr{
/*		position:relative; */
		top:0px;
		bottom:0px;
	}



	.tableWidget .scrollingContent{
		overflow-y:auto;
		overflow:-moz-scrollbars-vertical;
		width:100%;

	}
.txtBorderless {
	border: none;
	background-color: #CCCCCC;

}
.tblHeader2 {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #9AC821;
	background-image: url('../images/banner.png');
	background-repeat: repeat-y;
	background-position: right;
}
.tblHeader1 {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #9AC821;
	background-image: url('../images/banner2.png');
	background-repeat: repeat-y;
	background-position: right;
}

.tblBody {
	font-weight: normal;
	color: #000000;
	background-color: #FFFFFF;
	padding-left: 10px;
	padding-right: 10px;


}
.submit {
	border: thin solid #666666;
	background-color: #FFFFFF;

}
.errmsg {
	color: #FF0000;
	text-decoration: blink;

}
#leftcolumn {
	height: auto;
	width: 550px;
	left: 0px;
	top: 0px;
	display: block;
	float: left;
	border: thin none;
	position: static;




}
#rightcolumn {
	height: auto;
	width: 200px;
	left: 670px;
	top: 80px;
	border: none;
	position: static;



}

tr.requested1 td {
	background-color: #99CC99;
}

tr.requested2 td {
	background-color: #CC9933;
}

tr.requested3 td {
	background-color: #FF9933;
}

tr.requested4 td {
	background-color: #CC0000;
}

td.requested1  {
	background-color: #99CC99;
}

td.requested2  {
	background-color: #CC9933;
}

td.requested3  {
	background-color: #FF9933;
}

td.requested4  {
	background-color: #CC0000;
}

tr.requests td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	background-color: #FFFFFF;
}

.tblwhite {
	background-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-left-color: #FFFFCC;

}

/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}

a {
	color: #FFFFFF;
}