﻿html,body{margin:0;padding:0}
body{font: 85%/1.3  Tahoma, Verdana; /*TrebuchetMS,Arial,sans-serif;*/
    text-align: left;background: #ededed; background: #DCEBF6;}
a { color: #0066B3; background: inherit; text-decoration: none;}
/*h1 { font: bold 2.1em Arial, Arial, Sans-Serif; color: #036DA7 }
h2 { font: bold 1.1em Arial, Arial, Sans-Serif; padding: 0; margin: 0; }*/

h1 { font: bold 1.1em  Tahoma, Verdana; color: #036DA7; padding: 0; margin: 0; }
h2 { font: bold 1.0em  Tahoma, Verdana; padding: 0; margin: 0; }

div#header{width:100%;overflow:hidden;background: url(../images/scr_gradientdown_blue.gif) #BBD9EE;}
div#menu{width:82%;margin:10px 0 0 10px;text-align:left; float: right;}
div#header h1{padding: 10px 0 18px 5px;color: #fff;
    height: 0px; font-size: 0.7em;
} /*T R B L*/


ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0}
ul#nav{float:right;font-size: 70%; margin-right: 10px;}
ul#nav li{float:left;margin-left: 3px;text-align: center}
ul#nav a{float:left;width: 95px;padding: 5px 0;background: #E7F1F8;text-decoration:none;color: #666; border-top : 1px solid #fff; border-left : 1px solid #fff; border-right : 1px solid #fff;}
ul#nav a:hover{background: #fff;color: #000}
ul#nav li.activelink a,ul#nav li.activelink a:hover{background: #FFF;color: #003}

#right {
	float: left;
	width: 76%;
	padding: 1em;
	margin-bottom: 1.2em;
	background: #ededed;
	text-align: justify;
	min-height: 400px;
}

#rightform {
	float: left;
	width: 100%;
	padding: 0em;
	margin-bottom: 1.2em;
	background: #ededed;
	background: #DCEBF6;
	text-align: justify;
	min-height: 400px;
}

#rightID {
	float: left;
	width: 98%;
	padding: 1em;
	background: #ededed;
	text-align: justify;
	height: 30px;
}

#formSection {
	float: left;
	min-width: 330px;
	padding: 1em;
	margin-bottom: 1.2em;
	margin-top: 10px;
	background: #DCEBF6;
	background: #ededed;
	text-align: justify;
	border: 1px #cccccc solid;
	min-height: 200px;
	padding: 15px 15px 15px 15px;
}

#displaySection{
	float: left;
	width: 330px;
	padding: 1em;
	margin-left: 10px;
	margin-bottom: 1.2em;
	margin-top: 10px;
	background: #ffffff;
	text-align: left;
	border:  1px #cccccc solid;
	min-height: 200px;
	padding: 15px 15px 15px 15px;

}

#quickglanceSection{
	float: left;
	min-width: 200px;
	padding: 1em;
	margin-left: 10px;
	margin-bottom: 1.2em;
	margin-top: 10px;
	background: url(../images/scr_gradientdown_orange.gif) #EAF1DD;
	text-align: justify;
	border:  1px #cccccc solid;
	

}


#left {
	float: right;
	width: 20%;
	margin: 0 0 10px 0;
	
}

#left .box {
	
	padding: 1em;
	margin: 0 0 1em 0;
	background: url(../images/scr_gradientdown_orange.gif) #EAF1DD;
}


#content {
/*font: 95%/1.3 TrebuchetMS,Arial,sans-serif;*/
font: 75%/1.3 Tahoma,Verdana;
	margin: 0 auto 0 auto;
    padding: 0px;
	background: #fff;
	width: 98%;
	
}

ul {  padding: 0; margin: 0;}
li { list-style-type: none;}


.FormFont   {font-size: 0.7em;}

.FormElement    {font-size: 1.0em; font-family: TrebuchetMS,Arial,sans-serif;}

.FormElementButton    {font-size: 1.0em; font-family: TrebuchetMS,Arial,sans-serif; border: 2px #cccccc outset; background: url(../images/scr_gradientdown_orange.gif); cursor: pointer;
    font-weight: 700;
}

.tableBorder { 
  border: 0;
  font-family: verdana; 
  font-size:11px; 
} 

th { 
  border: 0
  background-color:yellow; 
} 

.tdBorder { 
  border: 1px 
 solid #000099;
}

#info   
{
    float: right;
    background: url(../images/scr_gradientdown_ltblue.gif) #EAF1DD;
    padding: 0 0 0 20px; /*T R B L*/
    color: #FFFFFF;
    font: 0.7em Tahoma, Verdana;
}

#transaction   
{
    background: url(../images/scr_gradientdown_ltblue.gif) #EAF1DD;
    padding: 3px 20px 5px 10px;
    color: #000000;
    font: 0.7em bold Tahoma, Verdana;
    float: left;
}

#reportSection_blue {
	float: left;
	min-width: 800px;
	padding: 1em;
	margin-bottom: 1.2em;
	margin-top: 10px;
	background: #DCEBF6;
	text-align: justify;
	border: 1px #cccccc solid;
	min-height: 250px;
}

#reportSection_white {
	float: left;
	min-width: 800px;
	padding: 1em;
	margin-bottom: 1.2em;
	margin-top: 10px;
	background: #FFFFFF;
	text-align: justify;
	border: 1px #cccccc solid;
	min-height: 250px;
}

#AppName 
{
    float: left;
    margin: 5px 0 0 5px;
    width: 150px;
}
