*      { margin: 0; padding: 0}
html   { height: 100%; font-size: 100.01%}
body   { min-height: 101%; font: 100.01% Verdana, Helvetica, sans-serif; border: none 0; background-image: url(images/mainbg_011.jpg); background-repeat: no-repeat; background-position: top center; background-color: #74b2d5; }
.body1 { MARGIN: 0px;	background-image: url(images/loginbg01.jpg); background-repeat: no-repeat; background-position: top center; font-family: sans-serif, Verdana, Arial, "Times New Roman"; font-size: 10px; color: #000000; }
input, div, label, td, th, select, textarea, p, a { font-size: 10px; font-family: Verdana, Helvetica, sans-serif; }
.body2 { MARGIN: 0px;	background-color: #2E89B9; background-repeat: no-repeat; background-position: top center; font-family: sans-serif, Verdana, Arial, "Times New Roman"; font-size: 10px; color: #000000; }
input, div, label, td, th, select, textarea, p, a { font-size: 10px; font-family: Verdana, Helvetica, sans-serif; }

a, a:link, a:visited { color: #000000; text-decoration:underline; }
a:active { color: #ff6600; }
a:hover { color: #ff6600; text-decoration:underline; }

.body2 {
	MARGIN: 0px;
	font-family: sans-serif, Verdana, Arial, "Times New Roman";
	font-size: 10px;
	color: #000000;
}
.btn
{
	border-right: #66ccff 1px solid;
	border-top: #66ccff 1px solid;
	font-weight: bold;
	font-size: 12px;
	background-image: url(images/btnbackground.jpg);
	border-left: #66ccff 1px solid;
	cursor: hand;
	border-bottom: #66ccff 1px solid;
	background-repeat: repeat-x;
	font-family: Verdana, Arial;
	
}
.btnSmall
{
	border-right: #66ccff 1px solid;
	border-top: #66ccff 1px solid;
	font-weight: bold;
	font-size: 10px;
	background-image: url(images/btnbackground.jpg);
	border-left: #66ccff 1px solid;
	cursor: hand;
	border-bottom: #66ccff 1px solid;
	background-repeat: repeat-x;
	font-family: Verdana, Arial;
	height:20px;
}
.Err
{
	font-weight: bold;
	font-size: 10px;
	color: red;
	font-family: Verdana, Arial;
}
.lbl
{
	font-size: 11px;
	font-family: Verdana, Arial;
}
.lblsmall
{
	font-size: 10px;
	font-family: Verdana, Arial;
}
.txt
{
	border-right: gray 1px solid;
	border-top: gray 1px solid;
	font-size: 12px;
	border-left: gray 1px solid;
	color: black;
	border-bottom: gray 1px solid;
	font-family: Verdana, Arial;
	height:22px;
}
.txtarea
{
	border-right: gray 1px solid;
	border-top: gray 1px solid;
	font-size: 12px;
	border-left: gray 1px solid;
	color: black;
	border-bottom: gray 1px solid;
	font-family: Verdana, Arial;

}
.txtSmall
{
	border-right:  1px solid;
	border-top:  1px solid;
	font-size: 10px;
	border-left:  1px solid;
	color: black;
	border-bottom:  1px solid;
	font-family: Verdana, Arial;
	height:18px;
}
.txtSmallR
{
	border-right:  1px solid;
	border-top:  1px solid;
	font-size: 10px;
	border-left:  1px solid;
	color: black;
	border-bottom:  1px solid;
	font-family: Verdana, Arial;
	height:18px;
	text-align: right
}
.txtGray
{
	border-right: gray 1px solid;
	border-top: gray 1px solid;
	font-size: 10px;
	border-left: gray 1px solid;
	color: #444444;
	background-color: #e7faff;
	border-bottom: gray 1px solid;
	font-family: Verdana, Arial;
	height:18px;
	
}
.txtGrayR
{
	border-right: gray 1px solid;
	border-top: gray 1px solid;
	font-size: 10px;
	border-left: gray 1px solid;
	color: #444444;
	background-color: #e7faff;
	border-bottom: gray 1px solid;
	font-family: Verdana, Arial;
	height:18px;
	text-align: right	
}
.chkGray
{
	border-right: gray ;
	border-top: gray ;
	border-left: gray ;
	border-bottom: gray ;

}


.getScroll
{
	overflow: auto;   
	text-align: left;
	
}
.gridFixedHeader 
{ 
	FONT-WEIGHT: bold; 
	FONT-FAMILY: Verdana; 
	POSITION: relative; 
	TOP: expression(this.offsetParent.scrollTop);
	BACKGROUND-COLOR: white ;
}


.td1 {
	font-family: sans-serif, Verdana, Arial, "Times New Roman";
	font-size: 12px;
	font-weight: bold;
	color: #333399;
}
.td2 {
	font-family: sans-serif, Verdana, Arial, "Times New Roman";
	font-size: 10px;
	color: #333399;
}
.td31 {
	font-family: sans-serif, Verdana, Arial, "Times New Roman";
	font-size: 10px;
	color: #000000;
	padding: 3px;
}
.td3 {
	font-family: sans-serif, Verdana, Arial, "Times New Roman";
	font-size: 10px;
	color: #000000;
	background-color: #f2f5fa;
	padding: 3px;
}
.td3a {
	font-family: sans-serif, Verdana, Arial, "Times New Roman";
	font-size: 10px;
	color: #000000;
	background-color: #fbd197;
	padding: 3px;
}
.td3a_alternate_over {
	font-family: sans-serif, Verdana, Arial, "Times New Roman";
	font-size: 10px;
	color: #000000;
	background-color: #fcf1d4;
	padding: 3px;
}
.td3a_alternate {
	font-family: sans-serif, Verdana, Arial, "Times New Roman";
	font-size: 10px;
	color: #000000;
	background-color: #d5f1ff;
	padding: 3px;
}

.td4 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #333399;
	background-color: #f2f7fb;
	padding: 3px;
}
.td5 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #8495ca;
	padding: 3px;
}
.td6 {
	font-family: sans-serif, Verdana, Arial, "Times New Roman";
	font-size: 10px;
	color: #000000;
	background-color: #f2f5fa;
	padding: 3px;
}
.td7 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333399;
	background-color: #d6e0f1;
	padding: 3px;
}
.td7 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #ffffff;
}
.input1 {
	font-family: sans-serif, Verdana, Arial, "Times New Roman";
	font-size: 10px;
	height: 19px;
	border: 1px solid #006699;
}
a.hl1 {
	font-family: Verdana, Arial, sans-serif;
	text-decoration: none;
	font-size: 10px;
	color: #000075;
}
a:hover.hl1 {
	font-family: Verdana, Arial, sans-serif;
	text-decoration: underline;
	font-size: 10px;
	color: #000075;
}
.tdbg1 {
	background-color: #c5cbd9;
	background-image: url(images/bgleft.jpg);
	background-repeat: repeat;
}
.tdbg2 {
	background-color: #c5cbd9;
	background-image: url(images/rightbg.jpg);
	background-repeat: repeat;
}
.tdbg3 {
	background-color: #c5cbd9;
	background-image: url(images/bgbottom.jpg);
	background-repeat: repeat;
}
.phud {
	color: #ffcc00;
}
.rhud {
	color: #00f8ff;

}
.btbg1 {
	font-size: 10px;
	color: #ffffff;
	font-weight: bold;
	background-image: url(images/btbg01.jpg);
	border: 1px solid #89a9e0;
}
.btbg2 {
	font-family: sans-serif, Verdana, Arial, "Times New Roman";
	font-size: 10px;
	color: #ffffff;
	background-image: url(images/btbg02.jpg);
	border: 1px solid #FFFFFF;
}
.title1 {
	font-family: sans-serif, Verdana, Arial, "Times New Roman";
	font-size: 15px;
	font-weight: bold;
	color: #333399;
	padding: 3px;
}

.td10 {
	font-family: sans-serif, Verdana, Arial, "Times New Roman";
	font-size: 10px;
	color: #000000;
	background-image: url(images/login1.jpg);
	background-repeat: no-repeat;
}

/* tabular data */
.controlbar { background-image: url(../images/bgall.jpg);background-repeat: no-repeat; background-position-x: left; background-color: #95abe7; border: solid 1px #94bae0; padding: 4px; margin-bottom: -1px; font-weight: bold; }
.titlebar { min-height: 20px; background-color: #dddddd; color: #666666; border: solid 1px #94bae0; padding: 4px; margin-bottom: -1px; font-weight: bold; vertical-align: middle; }
.controlbar p.left, .controlbar .left p, .titlebar .left { padding: 3px 0; }
.datatable { border-collapse: collapse; border-right: solid 1px #94bae0; width: 100%; }
.datatable tr th { padding: 4px; border: solid 1px #94bae0; background-color: #cddafc; font-weight: bold; cursor: default; text-align: left; }
.datatable tr td { padding: 4px; border: solid 1px #94bae0;}
.datatable tr th.options { text-align: center; white-space: nowrap;	width: 10%; }
.datatable tr td.options { text-align: center; white-space: nowrap; width: 10%; }
.datatable tr th.center { text-align: center; }
.datatable tr td.center { text-align: center; }
.datatable tr th.right { float: none; text-align: right; }
.datatable tr td.right { float: none; text-align: right; }
.footerbar { padding: 4px; background-color: #eeeeee; text-align: right; border: solid 1px #94bae0; margin-top: -1px; margin-bottom: 10px; width: 99%; width: "100%"; }

/* popups (actions, reminders) */
.popupformheader { padding: 4px; min-height: 20px; color: #333333; font-weight: bold; background-color: #eeeeee; border: solid 1px #94bae0; margin-bottom: -1px; }
.popupformfooter { padding: 4px; background-color: #eeeeee; text-align: right; border: solid 1px #94bae0; margin-top: -2px; }
.popupform { width: 100%; border-collapse: collapse; background-color: #94bae0; }
.popupform tr td { padding: 4px; border: solid 1px #94bae0; background-color: #ffffff; }
.popupform tr th { padding: 4px; border: solid 1px #94bae0; background-color: #f2f7fb; width: 200px; text-align: right; font-weight: normal; }
.popupform textarea { width: 350px; height: 40px; float: left; margin-right: 4px; }
.popupform p { height: 21px; }
.popuplist { overflow: auto; border: solid #94bae0 1px; }
.popuplist div table { width: 100%; border-collapse: collapse; border: none 0; }
.popuplist div table tr th { padding: 5px; background-color: #eeeeee; font-weight: bold; cursor: default; text-align: left; }
.popuplist div table tr td { padding: 5px; cursor: pointer; }
.popuplist p.noitems { text-align: center; margin-top: 30px; }

/* paging contol */
.pagingbar { background-color: #dddddd; border: solid 1px #94bae0; padding: 4px; margin-bottom: -1px; }
.pagingbarperpage { float: left; width: 35%; }
.pagingbarnav { float: right; width: 55%; text-align: right; }
.left { float: left; }
.right { float: right; text-align: right; }


/* canned/custom reports */
.datatableheader { background-image: url(images/bghd.jpg); background-repeat: no-repeat; background-color: #000000; font-weight: bold; cursor: default; text-align: left; color: #d4d4d4;}
.datatableheader a {color: #d4d4d4;}
.datatableheader a:visited {color: #d4d4d4;}

.filterbar { width: 100%; background-color: #a1c6eb; border: solid 1px #94bae0; padding: 4px; margin-bottom: -1px; font-weight: normal; }

/* standard form */
.dataformcontrolbar { background-color: #a1c6eb; border: solid 1px #94bae0; padding: 4px; margin-bottom: -1px; font-weight: bold; vertical-align: middle; width: 710px; width: "720px"; }
.dataformtitlebar { min-height: 20px; background-color: #4666c0; color: #ffffff; border: solid 1px #94bae0; padding: 4px; margin-bottom: -1px; font-weight: bold; vertical-align: middle; width: 710px; width: "720px"; }
.dataformheader { padding: 4px; min-height: 20px; color: #333333; font-weight: bold; background-color: #eeeeee; border: solid 1px #94bae0; margin-bottom: -1px; width: 710px; width: "720px";  }
.dataformcontrolbar .left, .dataformtitlebar .left, .dataformheader .left { padding: 3px 0; }
.dataformheader a { font-weight: normal; cursor: pointer; }
.dataformfooter { padding: 4px; background-color: #eeeeee; text-align: right; border: solid 1px #94bae0; margin-top: -1px; width: 710px; width: "720px"; }
.dataform {	border-collapse: collapse; background-color: #94bae0; width: 720px; }
.dataform tr td { padding: 4px; border: solid 1px #94bae0; background-color: #ffffff; }
.dataform tr th { padding: 4px; border: solid 1px #94bae0; background-color: #f2f7fb; width: 200px; text-align: right; font-weight: normal; }
.dataform tr.sectionheader td { color: #333333; font-weight: bold; background-color: #eeeeee; }
.dataform tr.sectionheader td .left { padding: 3px 0; }
.dataformwidth { width: 710px; width: "720px"; }

/* hovering over rows in generic tables */
tr.odd { background-color: #f2f7fb; cursor: pointer; }
tr.even { background-color: #ffffff; cursor: pointer; }
td.odd { background-color: #f2f7fb;}
td.even { background-color: #ffffff;}
tr.hilite { background-color: #e4ffd9; cursor: pointer; }
tr.flagged { background-color: #ffdad9; cursor: pointer; }
tr.section { background-color: #eeeeee; cursor: pointer; }
tr.odd:hover, tr.oddhover, tr.even:hover, tr.evenhover, tr.hilite:hover, tr.hilitehover, 
	tr.flagged:hover, tr.flaggedhover, tr.section:hover, tr.sectionhover, tr.hover
	{ background-color: #fff1d8; cursor: pointer; }