2html
{
	height: 100%;
}

body
{
	margin:0px;
	background-color:#f8fafb;
	font-family:Arial, Verdana;
	font-size:100%;
}
/* DataGrid */
.Pager {font:bold 0.90em arial;background-color:#EAEAD5;height:20px;}
.hilightRow TD { BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 4px; BACKGROUND: #FFFFC6; PADDING-BOTTOM: 3px; FONT: 9pt arial; BORDER-LEFT: medium none; PADDING-TOP: 2px; BORDER-BOTTOM: medium none; HEIGHT: 24px }
.normalRow TD { BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 4px; BACKGROUND: #fff; PADDING-BOTTOM: 3px; font-family: arial, "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; FONT-size: 0.75em; BORDER-LEFT: medium none; PADDING-TOP: 2px; BORDER-BOTTOM: medium none; HEIGHT: 18px }
.alternateRow TD { BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 4px; BACKGROUND: #eee; PADDING-BOTTOM: 3px; font-family: arial, "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; FONT-size: 0.75em; BORDER-LEFT: medium none; PADDING-TOP: 2px; BORDER-BOTTOM: medium none; HEIGHT: 18px }


.simpleRow TD {border:0px; border-bottom:1px dotted steelblue;}



.Head TD 
{
	BORDER-RIGHT: buttonshadow 1px solid; 
	BORDER-TOP: buttonhighlight 1px solid; PADDING-LEFT: 4px; 
	BACKGROUND: #dddddd; 
	FONT: bold 0.85em arial; 
	height:22px;
	BORDER-LEFT: buttonhighlight 1px solid; 
	PADDING-TOP: 1px; 
	BORDER-BOTTOM: buttonshadow 1px solid;
	background: #fafafa url(images/fhbg.gif) repeat-x bottom;
	 }


.nDiv
	{
	background: #eee url(images/line.gif) repeat-y -1px top;
	border: 1px solid #ccc;
	border-top: 0px;
	overflow: auto;
	left: 0px;
	position: absolute;
	z-index: 999;
	float: left;
	}


.nBtn
		{
		height: 26px;
		z-index: 9999;
		background: #fafafa url(images/bg_bluebtn.gif) repeat-x bottom;
		border: 1px solid #ccc;
		top: 0px;
		left: 0px;
		margin-top: 1px;
		cursor: pointer;
		font:bold 9pt arial;
		}
		

.Item
{
    background-color: #ffffff;
    color: #303030;
    font: 0.75em  "Trebuchet MS", Verdana, Arial, Helvetica,

    
    line-height:1.3em;
    vertical-align:top;
    padding: 2px 3px;
	border: 1px solid #eee;
    
}

.ItemAlt
{
    background-color: #F0F0F0;
    color: #303030;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
    line-height:1.3em;
    padding-left: 8px;
    padding-right: 8px;
    vertical-align:top;
    border: 1px solid #eee;
}




#Panel2 {top:72px;LEFT: 8px; }

A:hover.header { COLOR: red; TEXT-DECORATION: underline; font:bold 11px verdana;}

A.header { COLOR: steelblue; TEXT-DECORATION: none;font:bold 11px verdana; }
A:active.header 
{
	COLOR: #003471 
}


A:hover.footer { COLOR: red; TEXT-DECORATION: underline }
A.footer { COLOR: #3399CC; TEXT-DECORATION: none }
A:active.footer { COLOR: #003471 }



A:hover.menu { COLOR: red; TEXT-DECORATION: underline }
A.menu { COLOR: #505050; TEXT-DECORATION: none; font:12px verdana;font-weight:bold; }
A:active.menu { COLOR: #003471 }

.ERRMSG {FONT: bold 12px arial; COLOR:red; }
		
#Mask {
	position: absolute;
	z-index: 1200;
	width: 100%;
	height: 36px;
	opacity: .4;
	filter: alpha(opacity=40);
	/* this hack is so it works in IE
	 * I find setting the color in the css gives me more flexibility 
	 * than the PNG solution.
	 */
	background-color:transparent !important;
	background-color: #333333;
	/* this hack is for opera support
	 * you can uncomment the background-image if you don't care about opera.
	 * this gives you the flexibility to use any bg color that you want, instead of the png
	 */
	background-image: url("images/maskBG.png") !important; 
	background-image:none;
	background-repeat: repeat;
	display:none;
}

.panel_inset
{
	BORDER-LEFT: #D8D2BD 2px solid;
	BORDER-BOTTOM: #FFFFFF 2px solid;
	BACKGROUND: white;
	BORDER-RIGHT: #FFFFFF 2px solid;
	BORDER-TOP: #ACA899 2px solid;
	FONT: bold 9pt arial; 
	OVERFLOW: auto; 
	WIDTH: 100%; 
	POSITION: relative; 
}

.panel_outset
{
	BORDER-LEFT: #FFFFFF 1px solid;
	BORDER-RIGHT: #D8D2BD 1px solid;
	BORDER-TOP: #FFFFFF 1px solid;
	BORDER-BOTTOM: #ACA899 1px solid;
	BACKGROUND: white;
	FONT: bold 9pt arial; 
	OVERFLOW: auto; 
	WIDTH: 100%; 
	POSITION: relative; 
}

.boldnumber 
{
	font:bold 12px verdana;
	color:Red;
}

TABLE
{
 	BORDER-COLLAPSE: collapse;
}

TABLE.blackborder
{
	border-style:solid;
	border-width: 2px;
	border-color: black;
}


TH
{
	Border-collapse: collapse;
	font-weight: bold;
} 

.Bluebar {font:bold 13px arial;color:#003366;BACKGROUND: url(images/bar_purple.gif);height:22px; border:1px solid #003366;}
.Msg {padding-left:5px;font:bold 12px arial;color:Red;}
.Tips {font:bold 12px verdana; color:steelblue;Line-height:12pt;}

.grayPanel
{
		margin:4px;
		padding: 1px;
		background-color:GhostWhite;
	    border:4px solid #A1B5DA;
}

.DialogPanel
{
		background-color:#F0F0F0;
	    border:0px solid #A1B5DA;
}

.Panel
{
		background-color:#F8FBFB;
	    border:4px solid  steelblue;
}

HR 
{
	
	color: #6d7780; 
	height:1px; 
	width:100%; 
	text-align:center; 
	background-color: #6d7780; 
	border:0px; 
	padding:0px; 

}

.menulink
{
    COLOR: White;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none ;
    display:block;
    width:155px;
    text-align:left;
    padding-top:2px;
    padding-bottom: 2px;
    padding-left: 4px;
}

.Freezing 
{ 
   position:relative ; 
   /*** top:expression(this.offsetParent.scrollTop); ***/
   z-index: 10; 
}  
.warnDiv
{
	padding:28px;
	POSITION:absolute;
	LEFT:150px;
	TOP:280px;
	font:16pt arial;
	font-weight:bold;
	text-align:left;
	color:Red;
	z-index:1999;
	background-color:#FFFFCC;
	border:2px solid #077CB4;
}

.warn 
{
	font:12px arial;
	font-weight:bold;
	text-align:left;
	color:Red;
}



.BigTitle {PADDING-LEFT: 2px; Padding-Right:6px;FONT: 13px arial; color:#CC0000;font-weight:bold; }
.HugeTitle { PADDING-LEFT: 2px; PADDING-RIGHT: 6px; FONT: bold 1.5em georgia; COLOR: #cc0000 }
.AccessLevel {PADDING-LEFT: 2px; Padding-Right:6px;FONT: 12px arial; color:red;font-weight:bold; }

.topfont {COLOR: gray; FONT:bold 11px arial;}
.toplabel{COLOR: #CC0000; FONT:bold 11px arial;}

.menu { PADDING-LEFT: 2px; FONT: 12px verdana;Font-weight:bold; color:red;}
.PlanRoom {text-align:left; vertical-align:top;position:absolute;}


.hover { background-color: #ffccff; }

.menubar 
{
   background-color:#DDDDDD;
   background-image:url(images/toolbar.gif);
   padding: 2px 2px 2px 2px;
   border:1px solid silver;
   font:12px verdana;
}

.mainmenu 
{
   background-color:#DDDDDD;
   background-image:url(images/bar1.gif);
   padding: 2px 2px 2px 2px;
   border:1px solid steelblue;
   font:12px verdana;
}

.toolbar
{

   padding: 4px 2px 4px 2px;
   font:12px verdana;
}


.separator {
	width: 3px;
	height: 15px;
	border-left: 1 solid buttonhighlight;
	border-right: 1 solid buttonshadow;
	border-top: 1 solid buttonhighlight;
	border-bottom: 1 solid buttonshadow;
	padding: 0;
	margin: 2px;
	
}

a.linkopacity img 
{
	background-color:#FEFEFE;
	border:1px solid #DDDDDD;
	}

a.linkopacity:hover img {
	background-color:#b6bdd2;
	border:1px solid #003471;
}


TD.topmenu { PADDING-LEFT: 2px; FONT: 12px verdana;Font-weight:bold; color:white;}

/************* toolbar *******************/
.coolButton {

	text-align: center;
	cursor: hand;
	font:12px verdana;
	font-weight:bold;
}

.coolButton a {
	padding:		2px 2px 2px 2px;
}

.coolButton a:hover {
	background:		#b6bdd2;
	padding:		2px 2px 2px 2px;
}

.toolBarBody {
	border: 0;
	margin: 0;
	height:23px;
	color:rgb(0,51,153);
}

.toolBarBody .separator {
	width: 3px;
	height: 20px;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #999999;
	
}

.toolBarBody .h_separator {
	width: 100%;
	height: 2px;
	border-left: 1px solid #76A6E0;
	border-right: 1px solid #DDE9F7;
}

.toolBarBody td {
	font:12px arial bold;
}





.dialogH   {BACKGROUND-IMAGE: url(images/panelbar.gif); HEIGHT: 25px ; PADDING-LEFT: 2px; FONT: 13px verdana;color:#d41447;font-weight:bold;width:100%;}


.dialogTxt {PADDING-LEFT: 2px; FONT: 12px arial; color:Dimgray;font-weight:bold;}
.MultiLine {Padding-Top:2px;PADDING-LEFT: 2px; FONT: 0.90em arial; color:Dimgray;font-weight:bold;border:0px;}


.dialogH A { FONT: bold 12px arial; COLOR: steelblue; TEXT-DECORATION: none }
.dialogH A:hover { FONT: bold 12px arial; COLOR: red; TEXT-DECORATION: underline }


.TabHeading { PADDING-LEFT: 2px; FONT: 11px verdana; background:grey;color:white;font-weight:bold;height:22px;width:100%;}



.BigTitle {PADDING-LEFT: 2px; Padding-Right:6px;FONT: 12px verdana; color:#336699;font-weight:bold;Line-height:17px;background-color:Transparent;}

.dialogTitle {PADDING-LEFT: 6px; Padding-Right:6px;FONT: 13px arial; color:#336699;font-weight:bold;Line-height:17px;}
.dialogRedLabel {PADDING-LEFT: 6px; Padding-Right:6px;FONT: 13px arial; color:red;font-weight:bold;Line-height:17px;}
.dialogLabel {background-color:#E9E9E9;}
.dialogSmallTitle {PADDING-LEFT: 2px; FONT: 8pt arial; color:#336699;font-weight:bold;}
.dialogInput {PADDING-LEFT: 2px; FONT: 13px arial; color:#006633;border:1px solid #077CB4;font-weight:bold;height:18px;}
.LoginInput {PADDING-LEFT: 2px; FONT: 12px verdana; color:#666666;border:1px solid #077CB4;font-weight:bold; height:20px;}
.Required {PADDING-LEFT: 2px; FONT:bold 13px arial; height:18px;color:#006633;border:1px solid #077CB4;font-weight:bold;background:url(images/icon_required.gif) white; background-repeat:no-repeat;}
.ReadOnly {border:0px;FONT: bold 13px arial;background-color:Transparent;color:#666666;height:20px;padding-left:4px;}
.radioList {PADDING-LEFT: 2px; FONT: 10pt verdana; color:#336699;font-weight:bold; text-align:left;}
.OptionList {PADDING-LEFT: 2px; FONT: 12px arial; color:#006633;Background-color:#FFFFDE;border:1px solid #077CB4; font-weight:bold;}


.infoTab TD {border-bottom:1px dotted steelblue; font:bold 0.80em arial;color:steelblue;}

.NOLINE  {border-bottom:1px dotted steelblue;}

.SearchBox {PADDING-LEFT: 2px; FONT: 0.80em arial; color:#006633;border:1px solid #077CB4;font-weight:bold;background:url(images/search.png) white; background-repeat:no-repeat;}

.commandBtn { BORDER-RIGHT: 1px outset; BORDER-TOP: 1px outset; BORDER-LEFT: 1px outset; BORDER-BOTTOM: 1px outset }

.OrderListHead
{
    background-color:#C9063A;
    color: white;
    font:bold 12px arial;
	line-height:16px;
    padding-left: 8px;
    padding-right:8px;
    position:relative ; 
    top:expression(this.offsetParent.scrollTop); 
    z-index: 200; 
}

.datagrid
{
	  font:bold 12px arial;	
}

.OrderListHead A
{
	  color:White;
}

.DocItem
{
    background-color: #ffffff;
    color: #505050;
    font:bold 12px arial;
    line-height:18px;
    vertical-align:top;
    cursor:hand;
    cursor:pointer;
}

.DocItemAlt
{
    background-color: #F0F0F0;
    color: #505050;
    font:bold 12px arial;
    line-height:18px;
    padding-left: 8px;
    padding-right: 8px;
    vertical-align:top;
}

.ListHead
{
	background-color:transprant;
    font:bold 13px arial;
	line-height:16px;
    padding-left: 8px;
    padding-right:8px;
    position:relative ; 
    z-index: 1; 
    height:25px;
    border-bottom:1px solid gray;
	 background-image:url(images/bar_purple.gif);
}

.ListHead A
{
	
}


.ListItem
{
    background-color: #ffffff;
    color: #000066;
    font:bold 12px arial;
    line-height:18px;
    padding-left: 12px;
    padding-right: 2px;
    vertical-align:top;
}

.ListItemAlt
{
    background-color: #f2f2f2;
    color: #000066;
    font:bold 12px arial;
    line-height:18px;
    padding-left: 12px;
    padding-right: 2px;
    vertical-align:top;
  
}

.ListFooter
{
    background-color: #CCCCCC;
    line-height: 10pt;
}

.ListFooter INPUT
{
    font:bold 12px arial;
    color:#000066;
}


.ListEdit
{
    background-color: #F9EFD1;
    line-height: 10pt;
}


.ListEdit INPUT
{
    font:bold 12px arial;
    color:#000066;
}

/**** Label ****/
.myLabel 
{
    color: #077CB4;
    font-family: Verdana, Arial;
    font-size: 11px;
    padding-left: 5px;
    padding-right: 5px;
    line-height: 16pt;
}

.my {PADDING-LEFT: 4px; FONT: 12px Verdana; color:Dimgray;font-weight:bold;}
.subItem {PADDING-LEFT: 8px; FONT: 12px Verdana; color:Dimgray;}


.MsgWin 
{
	padding:4px;	
}

.hotspot {color:#900; padding-bottom:1px; border-bottom:1px dotted #900; cursor:pointer}

.tn10 
{
    font:bold 12px arial;
	color: navy;
	background-color:#FBF6E0;
	}	

.hr10
{
	font:bold 12px arial;
	color: red;
}	


.btn_disabled{
   color:silver;
   height:21px;
   font-family:arial,verdana, helvetica,sans-serif;
   font-size:11px;
   font-weight:bold;
   background-color:#E4E4E4;
   background-image:url(images/bar_purple.gif);
   border:1px #CBCBFF outset;
   cursor:hand;
   cursor:pointer;
 }


.btn{
   color:#003471;
   height:21px;
   font-family:arial,verdana, helvetica,sans-serif;
   font-size:11px;
   font-weight:bold;
   background-color:#E4E4E4;
   background-image:url(images/bar_purple.gif);
   border:1px #CBCBFF outset;
   cursor:hand;
   cursor:pointer;
 }


.submitbutton
{
	font-weight:bold;
	height:35px;
	width:200px;
	background:#A1B5DA ;
	color: CornSilk;
	border: solid 2px #077CB4;

}

.submitbutton:hover { Background:Cornsilk;color: darkRed; border: solid 4px DarkBlue;}