TD, BODY {font-family:verdana, sans-serif; font-size:11px; color: #000000; }
TH {font-family:verdana, sans-serif; font-size:11px; color: #FFFFFF; background-color:#336598; font-weight:bold; }
th.header {font-size:17px; }
INPUT, SELECT {font-family:tahoma, sans-serif; font-size:12px; color: #000000; }
FORM {margin-bottom : 0px; margin-left : 0px; margin-right : 0px; margin-top : 0px; }

tr.row:hover, tr.over td { background-color: #ffccff; }

H1 {color:#336598; font-size:17px; vertical-align:middle; }

/*.top-text {
	FONT-WEIGHT: bold; FONT-SIZE: 16pt; COLOR: #336598; FONT-FAMILY: Arial, Helvetica, Geneva, Swiss, SunSans-Regular
}
*/
/* form */
.bgForm {background-color:#F0F0F0; }

.bgReadOnlyLabels {background-color:#B5C7D6; font-weight:bold; height:20; } 
.bgReadOnlyData {background-color:#F0F0F0; height:20;}/* color should be same as bgForm */

.bgEditLabels {background-color:#B5C7D6; font-weight:bold; }
.bgEditData {background-color:#F0F0F0; }

.bgInputOK {background-color:#FFFFFF; }
.bgInputError {background-color:#FF0000; }

.bgInputHeaderOK {font-size:17px; color:#336598; font-weight:bold; background-color:#FFFFFF; }
.bgInputHeaderError {font-size:17px; font-weight:bold; background-color:#FF0000; }

.bgInputNumberOK {text-align:right; background-color:#FFFFFF;  }
.bgInputNumberError {text-align:right; background-color:#FF0000; }

/* grid view */
.bgHeader {background-color:#336598; color:#FFFFFF}
.bgEditRowSelected {background-color:#CCFF00; color:#FFFFFF}/* color managed in web.config */

.bgReadOnlyRow {background-color:#F0F0F0; } /* color should be same as bgReadOnlyLabels */
.bgReadOnlyRowAlternate {background-color:#B5C7D6; } /* color should be same as bgReadOnlyData */

.bgEditRow {background-color:#B5C7D6; } /* color should be same as bgEditLabels */
/* B5C7D6 =  rgb(181, 199, 214)*/
.bgEditRowAlternate {background-color:#F0F0F0; }  /* color should be same as bgEditData */

/* other */
.header {color:#225884; font-size:17px; }
.header2 {color:#336598; font-size:13px; }
.bgMessageApplication {background-color:SandyBrown;  color:#FFFFFF}
.bgMessageNotRead {background-color:LightBlue;  color:#FFFFFF}
.field100 {width:90%}
.helpText{background-color:#F6F6F6; }

/* status display*/
.statusAlert {background-color:Red;  color:White; text-align:center; border-style:none}
.statusCompleted {background-color:Green;  color:White; text-align:center; border-style:none }
.statusStopped {background-color:Black;  color:White; text-align:center; border-style:none}
.statusWaiting {background-color:Orange;  color:Black; text-align:center; border-style:none}

/* to be renamed ... */
.bgblue {background-color:#336598; color:#FFFFFF}
.bggray {background-color:#F0F0F0; }
.bgdarkgray {background-color:#B5C7D6; }
.bglitegray {background-color:#F6F6F6; }
.bgyellow {background-color:#FFFF00; }
.bgdarkyellow {background-color:#FF9900; } 
.bgliteyellow {background-color:#FFCC00; }
.bgred {background-color:#EB2A2D; color:#FFFFFF; }
.bgwhite {background-color:#FFFFFF; }

.buttonTable {background-image: url(images/smooth.gif); width: 80%; background-repeat: repeat; text-align: center; }
.homePageTable {background-image: url(images/smooth.gif); width: 60%; background-repeat: repeat; 
	text-align: center; 
	font-weight:bold; 
	font-size:17px; }
.ddlMenu { background-color:Aqua; 
	text-align: center; 
	font-weight:bold; 
	font-size:15px; }

P {text-align: justify; margin-top : 10px; }
LI {text-align: justify; }
UL {list-style : square; }

.boldtext {color:#000000; font-weight:bold}
.redtext {color:#EB2A2D; }
.whitetext {color:#FFFFFF; }
.graytext {color:#727272; }
.darkgray {color:#B5C7D6; }
.tracetext {color:#336598; }

.small {font-size:11px; }

A:link {color:#323D8C; text-decoration:none; }
A:visited {color:#323D8C; text-decoration:none; }
A:hover {color:#323D8C; text-decoration:underline; }
A:active {color:#323D8C; text-decoration:underline; }

.white:link {color:#FFFFFF; }
.white:visited {color:#FFFFFF; }
.white:hover {color:#FFFFFF; }
.white:active {color:#FFFFFF; }

.act:link {color:#FF9900; }
.act:visited {color:#FF9900; }
.act:hover {color:#FF9900; }
.act:active {color:#FF9900; }

.head:link {color:#EB2A2D; }
.head:visited {color:#EB2A2D; }
.head:hover {color:#EB2A2D; }
.head:active {color:#EB2A2D; }


.btn { font-size: 11px; color: #000000; 
	background-color: #F0B107; border-top: 1 solid #FDC224; 
	border-left: 1 solid #FDC224; border-bottom: 1 solid #D39B05; 
	border-right: 1 solid #D39B05; 
	font-family: Verdana,Tahoma,Arial,sans-serif; 
	text-decoration: none; }
.btnDialog { font-size: 11px; color:  Navy ; background-color:  White; 
	border-top: 1 solid #FDC224; border-left: 1 solid #FDC224; 
	border-bottom: 1 solid #D39B05; border-right: 1 solid #D39B05; 
	font-family: Verdana,Tahoma,Arial,sans-serif; 
	text-decoration: none; }
.btnMenu { color: #000000; background-color: #B5C7D6; 
	border-top: 1 solid #FDC224; border-left: 1 solid #FDC224; 
	border-bottom: 1 solid #D39B05; border-right: 1 solid #D39B05; 
	text-decoration: none; width:150px}
.btnMenuSelected { color: #ffffff; background-color: #336598; 
	border-top: 1 solid #FDC224; border-left: 1 solid #FDC224; 
	border-bottom: 1 solid #D39B05; border-right: 1 solid #D39B05; 
	text-decoration: none; width:150px}
.btnred { font-size: 11px; color: #FFFFFF; 
	background-color: #EB2A2D; border-top: 1 solid #FDC224; 
	border-left: 1 solid #FDC224; border-bottom: 1 solid #D39B05; 
	border-right: 1 solid #D39B05; 
	font-family: Verdana,Tahoma,Arial,sans-serif; 
	text-decoration: none; }
.btngray   { font-size: 11px; color: #FFFFFF; 
	background-color: #F6F6F6; border-top: 1 solid #FDC224; 
	border-left: 1 solid #FDC224; border-bottom: 1 solid #D39B05; 
	border-right: 1 solid #D39B05; 
	font-family: Verdana,Tahoma,Arial,sans-serif; 
	text-decoration: none; }

.grayRight {background-color:#B5C7D6; text-align:right; }
.rightAlign { text-align:right ; }



.colorclass0 {
	BACKGROUND-COLOR: #ffffff
}
.colorclass1 {
	BACKGROUND-COLOR: #e8eff5
}
.colorclass2 {
	BACKGROUND-COLOR: #ffe3c1
}

.padder1 {
	PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px
}
.padder2 {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px
}
.padder3 {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px
}
.padder4 {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px
}
.padder5 {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
.padder6 {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; PADDING-BOTTOM: 6px; PADDING-TOP: 6px
}
.padder7 {
	PADDING-RIGHT: 7px; PADDING-LEFT: 7px; PADDING-BOTTOM: 7px; PADDING-TOP: 7px
}
.padder8 {
	PADDING-RIGHT: 8px; PADDING-LEFT: 8px; PADDING-BOTTOM: 8px; PADDING-TOP: 8px
}
.padder9 {
	PADDING-RIGHT: 9px; PADDING-LEFT: 9px; PADDING-BOTTOM: 9px; PADDING-TOP: 9px
}
.padder10 {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px
}
.tdclass1 {
	PADDING-RIGHT: 5px; BORDER-TOP: #dddddd 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; BORDER-BOTTOM: #d9d9d9 1px solid; BACKGROUND-REPEAT: repeat-x; BACKGROUND-COLOR: #edf2f6
}
.textclass1 {
	FONT-SIZE: 14px; COLOR: #476c8e
}
.textclass2 {
	FONT-SIZE: 18px; COLOR: #476c8e
}
.white_link A:link {
	FONT-SIZE: 14px; COLOR: #dee0e5; TEXT-DECORATION: none
}
.white_link A:active {
	FONT-SIZE: 14px; COLOR: #dee0e5; TEXT-DECORATION: none
}
.white_link A:visited {
	FONT-SIZE: 14px; COLOR: #dee0e5; TEXT-DECORATION: none
}
.white_link A:hover {
	FONT-SIZE: 14px; COLOR: #ffffff; TEXT-DECORATION: underline
}
.white_link {
	FONT-SIZE: 14px; COLOR: #ffffff
}