<STYLE TYPE="text/css">
<!-- 
.labelwhite {
	FONT-SIZE: 10px; COLOR: #ffffff; 
}
.label {
	FONT-SIZE: 9pt; 
	border: 0px;
}
.labelinput {
	FONT-SIZE: 9pt; 
	border: 0px;
	FONT-WEIGHT: bold; 
}
.mandatorylabel {
	FONT-SIZE: 9pt; 
	border: 0px;
}

div.dialog {
	clear:both;
	padding:12px;
	font-size: x-small;
	line-height: 10px;
}

.smalltext {
	font-size: small;
}

.xsmalltext {
	font-size: 10px;
}

.errormsg{
		font-size: small;
		color:  red;
}
.successmsg{
		font-size: small;
		color:  green;
}
.delete{
		color:  red !important;
		text-decoration: line-through;
}

.loginbg{
	background-color:#b1cc59;
}

.headerlabelorange {
	FONT-SIZE: 9pt; 
	color:  #ffa01c;
	border: 0px; ;
}

.headerlabelblue {
	FONT-SIZE: 9pt; 
	color:  #3467b3;
	border: 0px; ;
}

.versionlabel {
	FONT-SIZE: 7pt; 
	color:   #ffa01c;
	border: 0px; ;
}


.fieldset {
	FONT-SIZE: 12px; FONT-WEIGHT: bold; COLOR:black; 
	position:left; top:-10px; padding:1px 2px; border:0px;
}

fieldset.collapsible {
		position:relative;
		padding-top:15px;
		margin-top:10px; 
		margin-bottom: 1em;	
        padding: 10px;

}
fieldset.collapsed {
        border-bottom-width: 0;
        border-left-width: 0;
        border-right-width: 0;
        margin-bottom: 0;
        margin-left: 3px;
}

legend.collapsible {
		FONT-SIZE: 12px; FONT-WEIGHT: bold; COLOR:black; 
		top:-10px; 
        
}
legend.collapsed {
		FONT-SIZE: 12px; FONT-WEIGHT: bold; COLOR:gray; 
		top:-10px; 

}


.banner {
	FONT-SIZE: 10px; COLOR: white; 
}

.largetext {
	FONT-SIZE: 14px; COLOR: #3e81d2; 
}

.largeheader {
	FONT-SIZE: 16px; FONT-WEIGHT: bold; 
}

.largeboldtext {
	FONT-SIZE: 13px; FONT-WEIGHT: bold; 
}

.mandatory {
	FONT-SIZE: 9pt; COLOR: red; 
}

.headerbody {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; TEXT-ALIGN: left; 
	 background-image:url(../images/hdr.png);
	 color:  #000000;
	}

.header {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; TEXT-ALIGN: left; 
	 color:  #000000;
	}
	
.warningrow {
	 FONT-SIZE: 12px; TEXT-ALIGN: left; 
	}
	
.tabalternaterow {
	 FONT-SIZE: 12px; background-color:gray; color:black; TEXT-ALIGN: center; 
	}

.dashboard {
	 FONT-SIZE: 11px; 
/*	background-image:url(../images/dhtmlx/tableHeaderBack.gif);*/
	 background-image: url("../images/bluebg.gif"); 
	}
.dashboardlabel {
	 FONT-SIZE: 13px; color:gray; TEXT-ALIGN: left;FONT-WEIGHT: bold;
	}
.dashboardvalue {
	 FONT-SIZE: 12px; color:black; TEXT-ALIGN: left; FONT-WEIGHT: bold; 
	}
.buttonpalette {
	 FONT-SIZE: 16px; background-color:white; color:black; TEXT-ALIGN: center; 
	 font-weight: bold;
	}
	
.outputmessage{
	FONT-SIZE: 8pt; 
	border: 0px;
	color: black;
	vertical-align: middle;
	}
.bc {
	 FONT-WEIGHT: bold; FONT-SIZE: 12px; background-color:lightblue; color:black; TEXT-ALIGN: center; 
	}
.bcselected {
	 FONT-SIZE: 12px; background-color:darkblue; color:white; TEXT-ALIGN: center; 
	}
.sectionheading{
	 FONT-WEIGHT: bold; FONT-SIZE: 12px; background-color:skyblue; color:black; TEXT-ALIGN: left; 
	}
.tabrow {
	 FONT-SIZE: 13px; background-color:#5F76A2; color:white; TEXT-ALIGN: center; 
	}
.tabselectedrow {
	 FONT-SIZE: 13px; background-color:maroon; color:white; TEXT-ALIGN: center; 
	}
.panel  {  
	position:relative;padding-top:0 !important;margin-top:3px; border: 1px solid #d5d5d5 !Important;
}


.warningalternaterow {
	 FONT-SIZE: 12px; TEXT-ALIGN: left; background-color:gray; 
	}

.warningheader {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; background-color:maroon; color:white; TEXT-ALIGN: left; 
	}

.rowheader {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; TEXT-ALIGN: left; 
	background-color: #D4DDED;
	border: 1px solid #336699;
	}

.ahref
{
 FONT-SIZE: 11px;
 COLOR:#3e81d2;
 
}

.buttons  {  
   /*display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 12px/100% ;*/
	/*padding: .5em 1em .55em;*/
	/*text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	background-color: #396ab3;
	font-weight: bold;
	color: white;*/
    font-size:70.0%;
    margin: 1px 2px 1px 2px; border-top: 1px outset #B1B1B1; 
    border-right: 1px outset #000000; border-bottom: 1px outset #000000; 
    border-left: 1px outset #B1B1B1;
	background-color: #396ab3;
	 font-weight: bold;
	 color: white;
}

.button {
   border-top: 1px solid #96d1f8;
   background: #65a9d7;
   background-color: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   background: -ms-linear-gradient(top, #3e779d, #65a9d7);
   background: -o-linear-gradient(top, #3e779d, #65a9d7);
   padding: 1px 1px;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 12px;
  
   text-decoration: none;
   vertical-align: middle;
   }
 .button:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ccc;
   }
 .button:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }

.next-tab 							{ bottom: 0; right: 0; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; }
.prev-tab 							{ bottom: 0; left: 0; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; }


.inputta {
    resize: both;
    height: auto !important;
}

.input:focus, input:focus, select:focus{border-color: #66afe9;
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
		outline: 0 none;} 

.input {
    margin-top: 0em;
    border-bottom-width:1px;
    background-color:#FFFFFF;
    border-style:solid;
    padding-right:1px;
    border-right-width:1px;
    border-left-width:1px;
    padding-top:0px;
    border-color:#336699 #8CB1D1 #8CB1D1 #336699;
    padding-bottom:0px;
    border-top-width:1px;
    padding-left:1px;
    font-size:12px;
    height:18px;
	}

.inputnum {
    margin-top: 0em;
    border-bottom-width:1px;
    background-color:#FFFFFF;
    border-style:solid;
    padding-right:1px;
    border-right-width:1px;
    border-left-width:1px;
    padding-top:0px;
    border-color:#336699 #8CB1D1 #8CB1D1 #336699;
    padding-bottom:0px;
    border-top-width:1px;
    padding-left:1px;
    font-size:12px;
    height:18px;
    TEXT-ALIGN:right
}

.inputnumreadonly {
    margin-top: 0em;
    border-bottom-width:1px;
    background-color:#DDD9C3;
    border-style:solid;
    padding-right:1px;
    border-right-width:1px;
    border-left-width:1px;
    padding-top:0px;
    border-color:#336699 #8CB1D1 #8CB1D1 #336699;
    padding-bottom:0px;
    border-top-width:1px;
    padding-left:1px;
    font-size:12px;
    height:18px;
    TEXT-ALIGN:right
}

.inputreadonly  {
    margin-top: 0em;
    border-bottom-width:1px;
    background-color:#DDD9C3;
    border-style:solid;
    padding-right:1px;
    border-right-width:1px;
    border-left-width:1px;
    padding-top:0px;
    border-color:#336699 #8CB1D1 #8CB1D1 #336699;
    padding-bottom:0px;
    border-top-width:1px;
    padding-left:1px;
    font-size:12px;
    height:18px;
}

.inputhighlight{
    margin-top: 0em;
    border-bottom-width:1px;
    background-color:#FCDFFF;
    border-style:solid;
    padding-right:1px;
    border-right-width:1px;
    border-left-width:1px;
    padding-top:0px;
    border-color:#336699 #8CB1D1 #8CB1D1 #336699;
    padding-bottom:0px;
    border-top-width:1px;
    padding-left:1px;
    font-size:12px;
    height:18px;
}
.selcont{
	float: left;
}

.truevalue{
	FONT-WEIGHT: bold;
	COLOR: red;
	font-size:11px;
}

html,body{
	font-family: arial, sans-serif;	
	padding: 0; 
	margin: 0;
	overflow:hidden;
	height:100%;
	border: none;
}

.headerBody{
	padding: 0; 
	margin-top:1;
	margin-bottom:0;
	margin-left:1;
	margin-right:1;
	overflow:hidden;
	height:100%;
    background-color:#D4D0C8;
}

.menuBody{
	padding: 0; 
	margin-top:0;
	margin-bottom:1;
	overflow:hidden;
	height:100%;
}

.tabbarcontainer {
    margin: 0 0 0 4px;
}

.topnav{
position:absolute;
right:0;
top:3;
margin:0;
padding:0px 5px 0px 0px;
}

.topnav ul{
padding:4px 10px 3px 0px;
/*background:url(../images/bg-topnav-m.gif) repeat-x!important;
background:url(../images/bg-topnav.gif) repeat-x;*/
}
.topnav ul li{
display:inline;
color:#FFFFFF;
}
.topnav ul li a{
color:#FFFFFF;
}
.topnav ul li a:hover{
color:#99CC54;
}
.header-home{

}


.transparent{
	filter:alpha(opacity=60);   
    -moz-opacity:0.6;   
    -khtml-opacity: 0.6;
}

#box {
    position:relative;
    width:130px;
    height:75px;

 }
#box img {
    position:absolute;
    width:100%;
    height:100%;
 }

.highlight { background-color: #ffffcc; }

a.tooltip {outline:none; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;} 
a.tooltip span {
    z-index:10;display:none; padding:14px 20px;
    margin-top:-30px; margin-left:28px;
    width:300px; line-height:16px;
}
a.tooltip:hover span{
    display:inline; position:absolute; color:#111;
    border:1px solid #DCA; background:#fffAF0;}
.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}
    
/*CSS3 extras*/
a.tooltip span
{
    border-radius:4px;
    box-shadow: 5px 5px 8px #CCC;
}

.entrytbl
{
  width: 100%;
}
.entrytbl td.lbltd4 { width: 10%; }
.entrytbl td.inptd4 { width: 15%; }

.entrytbl td.lbltd3 { width: 13%; }
.entrytbl td.inptd3 { width: 20%; }

.entrytbl td.lbltd2 { width: 20%; }
.entrytbl td.inptd2 { width: 30%; }

.entrytbl td.lbltd1 { width: 50%; }
.entrytbl td.inptd1 { width: 50%; }

--> 

</STYLE> 