PageHeading {
    COLOR: black; FONT-FAMILY: Arial,Helvetica,sans-serif; FONT-SIZE: 12px;  MARGIN-LEFT: 25px
}

.PageHeading1{
    COLOR: black; FONT-FAMILY: Arial,Helvetica,sans-serif; FONT-SIZE: 14px;  MARGIN-LEFT: 25px; FONT-WEIGHT : bold
}
.PageHeading2{
    COLOR: #3B73B9; FONT-FAMILY: Arial,Helvetica,sans-serif; FONT-SIZE: 18px;  MARGIN-LEFT: 25px;
}


.PageHeading3{
    COLOR: black; FONT-FAMILY: Arial,Helvetica,sans-serif; FONT-SIZE: 14px;  MARGIN-LEFT: 30px; FONT-WEIGHT : bold
}

.PageHeading4{
    COLOR: #3B73B9; FONT-FAMILY: Arial,Helvetica,sans-serif; FONT-SIZE: 16px;  FONT-WEIGHT : bold
}

.PageHeading5{
    COLOR: #404040; FONT-FAMILY: Arial,Helvetica,sans-serif; FONT-SIZE: 16px;  FONT-WEIGHT : bold
}
.PageBody{
    COLOR: black; FONT-FAMILY: Arial,Helvetica,sans-serif; FONT-SIZE: 14px; MARGIN-LEFT: 25px
}
.PageBody1{
    COLOR: black; FONT-FAMILY: Arial,Helvetica,sans-serif; FONT-SIZE: 14px; 
}
.PageBodySmall{
    COLOR: black; FONT-FAMILY: Arial,Helvetica,sans-serif; FONT-SIZE: 6px;


.TableBorder{
    border-left: #99CCFF 1px solid;  border-bottom: #99CCFF 1px solid; border-top: #99CCFF 1px solid; border-right: #99CCFF 1px solid
}

.Error{
  COLOR: red; FONT-FAMILY: Arial,Helvetica,sans-serif; FONT-SIZE: 12px;  MARGIN-LEFT: 25px
}

.AddDFU{
 COLOR: black; FONT-FAMILY: Arial,Helvetica,sans-serif; FONT-SIZE: 12px;
}


body {
background-color: WhiteSmoke;
color: black;
font-family: Arial, sans-serif;
}

.cellBorder{
       background-color: whitesmoke;
       border-bottom: 1px dotted silver;
}

.headerBorder{
      border-right: #FFFFFF 1px solid;
}

table {
border-collapse: collapse;
}

thead th, thead th.locked	{
font-size: 14px;
font-weight: bold;
text-align: center;
background-color: #336699;
color: white;
position: relative;
cursor: default;
height: 20px;
}

thead th {
top: expression(document.getElementById("lockTable").scrollTop-2); /* IE5+ only */
z-index: 20;
}

thead th.locked {z-index: 30;}

th.locked{
background-color: #336699;
font-weight: bold;
left: expression(document.getElementById("lockTable").scrollLeft); /* IE5+ only */
position: absolue;
z-index: 10;
}

td.locked{
background-color:#eee;
font-weight: bold;
left: expression(document.getElementById("lockTable").scrollLeft); /* IE5+ only */
position: relative;
z-index: 10;
}

.listbox{
border: 1px solid WhiteSmoke;
}

select {
border: 1px;
border-style: solid;
border-color: silver;
font-family: Arial,Helvetica,sans-serif;;
font-size: 12px;
width : 180px;
}

.textStyle{
font-family: Arial,Helvetica,sans-serif;;
font-size: 12px;
}
.boldText{
FONT-FAMILY: Arial,Helvetica,sans-serif; FONT-SIZE: 11px; font-weight: bold;
}
.tdMargin{
padding-left: .5cm;
COLOR: #404040; FONT-FAMILY: Arial,Helvetica,sans-serif; FONT-SIZE: 14px;  MARGIN-LEFT: 30px; FONT-WEIGHT : bold
}
.tdMargin1{
COLOR: #404040; FONT-FAMILY: Arial,Helvetica,sans-serif; FONT-SIZE: 14px; FONT-WEIGHT : bold
}
.tdMarginNew{

	COLOR: #404040; FONT-FAMILY: Arial,Helvetica,sans-serif; FONT-SIZE: 13px;  MARGIN-LEFT: 30px; FONT-WEIGHT : bold
}
.progressHead{
COLOR: #8D8E9B; FONT-FAMILY: Arial,Helvetica,sans-serif; FONT-SIZE: 14px;  FONT-WEIGHT : bold
	}
.progressBody{
COLOR: #8D8E9B; FONT-FAMILY: Arial,Helvetica,sans-serif; FONT-SIZE:12px
}
.progressBodyRed{
COLOR: red; FONT-FAMILY: Arial,Helvetica,sans-serif; FONT-SIZE:12px
}
.progressHeadRed{
COLOR: red; FONT-FAMILY: Arial,Helvetica,sans-serif; FONT-SIZE:14px; FONT-WEIGHT : bold
}
.tableBorder{
border-left: 2px solid silver;  border-bottom: 2px solid silver; border-top: 2px solid silver; border-right: 
2px solid silver; border-collapse: collapse
}
.tableBorder1{
border-bottom: 3px solid silver; border-collapse: collapse
}
.tableFloat{
float:left
}
.tableLine{
float:left; border-right:2px solid silver
}
.headerLink{
color:#3B73B9;font:8pt;text-decoration:none;FONT-FAMILY: Arial,Helvetica,sans-serif
}
.headerLinkMail{
color:#3B73B9;font:8pt;text-decoration:none; width: 450px; height: auto;
}
.popupLink{
color:#3B73B9;font:10pt;text-decoration:underline;FONT-FAMILY: Arial,Helvetica,sans-serif
}
.linkHeight
		{
		color:#3B73B9; line-height: 200%;
		}
input.btn{
		color:#6699C2;
		font-family: Arial,Helvetica,sans-serif;
		font-size:90%;
		background-color: WhiteSmoke
		border:1px solid;
		border-top-color:#D7D7D1;
		border-left-color:#D7D7D1;
		border-right-color:#D7D7D1;
		border-bottom-color:#D7D7D1;
			filter:progid:DXImageTransform.Microsoft.Gradient(
			GradientType=0,StartColorStr='#ffffffff',EndColorStr=WHITE);
			}
input.btn1{
		color:#3B73B9;
		font-family: Arial, sans-serif;
		font-size:10pt;
		font-weight: bold;
		background-color: WhiteSmoke
		border:1px solid;
		border-top-color:#D7D7D1;
		border-left-color:#D7D7D1;
		border-right-color:#D7D7D1;
		border-bottom-color:#D7D7D1;
			filter:progid:DXImageTransform.Microsoft.Gradient(
			GradientType=0,StartColorStr='#ffffffff',EndColorStr=WHITE);
		}
input.btn2{
		width: 132px;
		color:#3B73B9;
		font-family: Arial, sans-serif;
		font-size:10pt;
		font-weight: bold;
		background-color: WhiteSmoke
		border:1px solid;
		border-top-color:#D7D7D1;
		border-left-color:#D7D7D1;
		border-right-color:#D7D7D1;
		border-bottom-color:#D7D7D1;
			filter:progid:DXImageTransform.Microsoft.Gradient(
			GradientType=0,StartColorStr='#ffffffff',EndColorStr=WHITE);
		}
.popupWin{
		display: none; position: absolute; left: 400px; top: 200px;
		border: solid black 2px; padding: 10px; background-color: whitesmoke; 
		text-align: justify; font-size: 12px; width: auto; height: auto
	}
.trColor{
font-size: 14px;
font-weight: bold;
text-align: left;
background-color: #336699;
color: white;
position: relative;
cursor: default;
height: 20px;
font-family: Arial,Helvetica,sans-serif;
}
.trColorOnly{
background-color: #D6CDD0
}
.thHeading{
font-size: 14px;
font-weight: bold;
text-align: left;
background-color: whitesmoke;
color: #404040;
position: relative;
cursor: default;
height: 20px;
font-family: Arial,Helvetica,sans-serif;
}
.thColor{
color:white;
}
.trLong{
width: 950; height: 30pt
}
.PageBodyBold{
    COLOR: black; FONT-FAMILY: Arial,Helvetica,sans-serif; FONT-SIZE: 14px; FONT-WEIGHT : bold
}
.hiddenElement{
	border:none;background-color: WhiteSmoke;FONT-FAMILY: Arial,Helvetica,sans-serif; FONT-SIZE: 14px;
}
.tableActual{
border-left: 2px solid silver;  border-bottom: 2px solid silver; border-right: 
2px solid silver;
border-collapse: none;
}
.PageHeading6{
    COLOR: #3B73B9; FONT-FAMILY: Arial,Helvetica,sans-serif; FONT-SIZE: 15px; 
}
.PageBody2{
    COLOR: black; FONT-FAMILY: Arial,Helvetica,sans-serif; FONT-SIZE: 12px; MARGIN-LEFT: 25px
}
.tableScroll{
height:10px;
overflow:auto;

border-left: 2px solid silver;  border-bottom: 2px solid silver; border-top: 2px solid silver; border-right: 
2px solid silver;
border-collapse: none;
}
DIV.scroll{
  width: 825px;
  height : 65px;
  overflow: auto;
}

/******************************************************************************
Data Tables
******************************************************************************/

.dataTableOpen {
	width:100%;
}
.dataTableOpen th {
	text-align: left;
}
.dataTableOpen td, .dataTableOpen th {
	vertical-align: baseline;
	padding: 0.5em;
	border-bottom: 1px solid #cccccc;
}
.dataTableOpen thead td, .dataTableOpen thead th {
	vertical-align: bottom;
	font-weight: bold;
	background-color: #e9e8e8;
	border-top: 1px solid #cccccc;
}

tr.total { font-weight: bold;font-size: 12 }
tr.head { background-color: #FFFFFF;font-weight: bold;font-size: 12;POSITION: relative }
td.right { text-align: right; }


/******************************************************************************
Tooltips!
******************************************************************************/

.tooltipDiv {
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
}
.tooltipDiv {
	border: 2px solid #ed8000;
	background: #ffffff;
	padding: 5px;
}
.tooltipDiv .tooltipTitle {
	font-weight: bold;
	font-size: 108%;
	padding: 0 5px 5px 0;
	margin-bottom: 10px;
	color: #3b73b9;
}
.tooltipDiv.arrowTooltip {
	border: 1px solid #fff;
	padding: 0;
}
.tooltipDiv_inner {
	border: 2px solid #7f7f7f;
	padding: 5px;
}

/*-----------------------------------------------------------------------------
Tables within tooltips
-----------------------------------------------------------------------------*/

.tooltipDiv .dataTableOpen thead td, .tooltipDiv .dataTableOpen thead th {
	background-color: white;
	border-top-width: 0px;
}
.tooltipDiv .dataTableOpen td {
	border-bottom-width: 0px;
}
.tooltipDiv .dataTableOpen {
	border-bottom: 1px solid #cccccc;
}

/*-----------------------------------------------------------------------------
Specific tooltips
-----------------------------------------------------------------------------*/

.non_order_status_tooltip {
	width: 300px;
}