﻿body
{	
	background: url(../images/bkg.gif) #999999 repeat-x;
}

div div div
{	
	overflow: auto;
}
.menuStyle
{
	/*clear: both;*/
	border-style: solid;
	border-width: 1px;
	font-family: Arial;
	font-size: 10px;	
	height: 23px; 	
	margin: 0px 5% 0px 5%;	
	width: 90%;		
}

.headerImg
{	
	margin: 0px 5% 0px 5%;
	width: 90%;	
}


form
{	
	font-family: Arial, Helvetica, sans-serif;	
}


/*
	content styles
*/
div .mainLayer
{	
	/*clear: both;	
	display: inline;
	margin: 0 0 0 0;*/	
}

.leftPanel
{	
	border: solid 2px black;	
	margin: 0% 0% 1% 5%;	
	clear: both;	
	float: left;
	width: 40%;
	overflow: visible;
	background-color: #d9cca6;	
}

.rightPanel
{	
	border: solid 2px black;
	margin: 0% 5% 1% 2%;
	padding: 0px 0px 15px 0px;	
	clear: both;	
	float: right;
	width: 37%;	
	overflow: visible;	
	background-color: #d9cca6;	
}

.middlePanel
{	
	border: solid 1px black;	
	margin: 0 5% 0px 5%;	
	clear: both;	
	float: left;	
	width: 90%;	
	vertical-align: middle;
	overflow: auto;
	background-color: #d9cca6;
	padding: 5px 0 5px 0;
	display: inline;
}

.middlePanelFull
{	
	border: solid 1px black;	
	margin: 0px 5% 0px 5%;	
	/*clear: both;	
	float: left;	*/
	width: 90%;	
	vertical-align: middle;	
	background-color: #d9cca6;
	padding: 5px 0 5px 0;			
}



.divHeader
{		
	/*clear: both;
	float: left;*/
	color:White;
	text-align: center;
	background-color: #3399FF;
	padding: 0px 0px 0px 0px;	
	margin: 0 5% 0 5%;
	width: 90%;
	height: 25px;
	font-size: 12px;
	font-weight: bold;
	border: solid 1px black;		
}

.divHeaderFull
{		
	/*clear: both;
	float: left;*/
	color:White;
	text-align: center;
	background-color: #3399FF;
	padding: 0 0 0 0;	
	margin: 0 5% 0 5%;
	width: 90%;
	height: 25px;
	font-size: 12px;
	font-weight: bold;
	border: solid 1px black;		
}


.divHeaderLeft
{		
	/*clear: both;
	float: left;*/
	color:White;
	text-align: center;
	background-color: #3399FF;
	padding: 0px 0px 0px 0px;	
	margin: 0 0 0 0;
	width: 100%;
	height: 25px;
	font-size: 12px;
	font-weight: bold;
	border: solid 1px black;	
}

div .divHeaderRight
{		
	/*clear: both;
	float: left;*/
	color:White;
	text-align: center;
	background-color: #3399FF;
	padding: 0px 0px 0px 0px;	
	margin: 0 0 0 0;
	width: 100%;
	height: 25px;
	font-size: 12px;
	font-weight: bold;
	border: solid 1px black;	
}

div .gridFull
{
	border: solid 1px black;	
	margin: 0px 1% 0px 1%;	
	/*clear: both;	
	float: left;	*/
	width: 98%;	
	vertical-align: middle;
	overflow: auto;
	background-color: #d9cca6;
	padding: 5px 0 5px 0;
	font-size: 10px;	
}

div .gridFull2
{
	border: solid 1px black;	
	margin: 0px 1% 0px 1%;	
	/*clear: both;	
	float: left;	*/
	width: 80%;	
	vertical-align: middle;
	overflow: auto;
	background-color: #d9cca6;
	padding: 5px 0 5px 0;
	font-size: 10px;	
}



div .row
{
	padding: 2px 0px 0px 2px;	
	overflow: auto;
	font-size: 10px;
	/*clear: both; */
	margin: 0 0 0 0;
}

div .fullCell
{
	 border: none; float: left; margin: 0 0 0 1%; padding: 0 0 0 0; width: 100%; text-align: right;
	 overflow: hidden;	 
}

div .cell1
{
	 border: none; float: left; margin: 0 0 0 1%; padding: 0 0 0 0; width: 39%; text-align: right;
	 overflow: hidden;	 
}

div .cell1Small
{
	border: none; float: left; margin: 0; padding: 0 1% 0 0; width: 25%; text-align: right;
	 overflow: hidden;
}

div .cell2
{
	 border: none; margin: 0; padding: 0; width: 59%;
	 overflow: hidden;
	 display: inline;
}

div .leftCell
{
	 border: none; float: left; margin: 0; padding: 0; width: 40%;
	 overflow: hidden;
}

div .middleCell
{
	 border: none; float: left; margin-top: 10%; padding: 0; width: 19%;
	 overflow: hidden; text-align: center; 
}

div .rightCell
{
	 border: none; float: left; margin: 0; padding: 0; width: 40%;
	 overflow: hidden;
}

.cmdLink
{
	color: #ffffff;	
	font-size: 10px;
	font-weight: bold;	
	font-family: Arial;
	margin: 0 0 0 0;
}

.cmdLink a
{
	color: #000000;	
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;	
	font-family: Arial;
	margin: 0 0 0 0;
}

.cmdLink a:hover
{
	text-decoration: underline;
	font-weight: bold;
	color: Red;
	margin: 0 0 0 0;
}

.gridRow
{
	background-color: #C9E9FF;
	font-size: 10px;
}

.altGridRow
{
	background-color: #EEEEEE;
	font-size: 10px;
}


div .saveCancel
{	
	padding-top: 10px;
	text-align: center;
	clear: both;	
}

.formbutton
{
	cursor:pointer;
	border: outset 1px #ccc;
	background:#0988F5;
	color:#FFFFFF;
	font-weight:bold;
	padding: 1px 2px;
	}


.smalltextbox
{
	width: 60px;
}

.smalltextbox2
{
	width: 30px;
}

table
{
	font-size: 10px;
	margin: 0 0 0 0;
}

input
{
	font-size: 10px;
}

select
{
	font-size: 10px;
}