html,
body {
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  /*text-align: center;*/
  /*text-transform: uppercase;*/
   font-family :Tahoma;
   font-size:8pt;
  /*background: url(logoback.gif) repeat top left;*/
  line-height: 170%;
  color: #555;
}

form
{
  position: relative;
  height: auto !important;
  height: 100%;
  min-height: 100%;
  /*margin: 10px auto;*/
  top: 0px;
  left: 0px;
}

#main, #menuoptions, #buttons, #datagrid {
  margin: 0 auto;
}

#main h3 
{
  color: #FFF;
  padding: 3px;
  background: #AAA;
}

#main ul, #menuoptions ul, #buttons ul{
  width: 100%;
  margin: 0;
  padding: 0;
}

#main ul, #buttons ul
{
 text-align: left;
}

#main ul li, #menuoptions ul li, #buttons ul li {
  display: inline;
  margin: 0 auto;
  padding: 0;
  list-style: none;
}

#main ul li
{
  float: left;
  height: 5em;
}

#main ul li .label{
  display: inline;
  font-weight: bold;
  font-size: 0.8em;
}

#main ul li span {
  display: block;
  margin: 0 5px 0 0;
  padding: 0 5px 0 5px;
}

#sitemap 
{
  float: left;
  margin: 5px;
}

#menu 
{
  margin: 5px auto;
  float: left;
  text-align: left;
  font: 400 9px verdana, arial, sans-serif;
}

#forms, #buttons
{
  float: right;
}

#menuoptions 
{
  float: right;
  height: 24px;
}

#menuoptions ul, #buttons ul
{
  text-align: center;
}

#menuoptions ul li 
{
  float: right;
  margin: 0 5px 0 0;
  padding: 0;
}

#buttons 
{
  margin: 10px auto;
  text-align: center;
}

#buttons ul li 
{ 
  margin: 0 auto;
  padding: 0 5px 0 5px;
  height: 30px;
}

#action1, #action2, #action3
{
  width: 229px;
  display: inline;
}

#action1report, #action2report, #action3report
{
  width: 256px;
  display: inline;
}

#action1, #action1report
{
  text-align: left;
}

#action2, #action2report
{
  text-align: center;
}

#action3, #action3report
{
 text-align: right;
}

#grid 
{
  float: right ;
  font: 400 10px verdana, arial, sans-serif;
  color: #333333;	
}

.width 
{
  width: 800px;
}

.width100 
{
  width: 100%;
}

.width5 
{
  width: 5%;
}

.width10
{
  width: 10%;
}

.width15 
{
  width: 15%;
}
.width17
{

    width:17%;
}

.width20 
{
  width: 20%;
}

.width25 
{
  width: 25%;
}

.width30 
{
  width: 30%;
}

.width35
{
  width: 35%;
}

.width40 
{
  width: 40%;
}

.width_40 
{
  width: 39.9%;
}

.width45
{
  width: 45%;
}

.width50
{
  width: 50%;
}

.width55
{
  width: 55%;
}

.width60
{
  width: 60%;
}

.width65 
{
  width: 65%;
}

.width70 
{
  width: 69.9%;
}

.width75 
{
  width: 75%;
}

.width80 
{
  width: 80%;
}

.width85 
{
  width: 85%;
}

.width90 
{
  width: 90%;
}

.width95 
{
  width: 95%;
}

.width99 
{
  width: 98.5%;
}

.width_99 
{
  width: 99.7%;
}

.width105 
{
  width: 101.5%;
}

.height 
{
  height: 22px;
}

.formathelp 
{
  font: 400 0.8em verdana, arial, sans-serif;
  color: #089;
}

.xtop, .xbottom 
{
  display:block; 
  background:transparent; 
  font-size:1px;
}

.xb1, .xb2, .xb3, .xb4 
{
  display:block; 
  overflow:hidden;
}

.xb1, .xb2, .xb3 
{
  height:1px;
}

.xb2, .xb3, .xb4 
{
  background:#E4E5E0; 
  border-left:1px solid #08C; 
  border-right:1px solid #08C;
}

.xb1 
{
  margin:0 5px; 
  background:#08C;
}
	
.xb2 
{
  margin:0 3px; 
  border-width:0 2px;
}
	
.xb3 
{
  margin:0 2px;
}
	
.xb4 
{
  height:2px; 
  margin:0 1px;
}

.xboxcontent 
{
  float: left; 
  .float: none;
  display:block; 
  background:#E4E5E0; 
  border:0 solid #08C; 
  border-width:0 1px;
}

.button 
{
  width: 80px;
  height: 30px;
}

.menu_headings{
  padding:5px;
  background: transparent ;
  color:#089;
  border-left: 2px solid transparent;
  cursor:pointer;
  font-weight:bold;
}

.menu_headings:hover
{
  border-left: 2px solid #089;
  background:#F0F8FF;
  color: #089;
}

.header_highlight
{
  background: #089;
  border-left: 2px solid #089;
  color: #FFF;
}

.text 
{
  color: #000000 ;
  font: 400 0.9em verdana, arial, sans-serif;
}

.labelrecord 
{
  color: #B22222;
}