body, table, pre
{
    font-family: arial;
    font-size: small;
    margin: 0;
}
body
{
    padding: 5px;
    text-align: center;
    background-image: url('backfill.gif');
    background-repeat:repeat-x;
}
FORM.MainForm
{
    text-align: center;
}
#divMainContent /*override center-align for main contents*/
{
    width:750px;
    margin: 0 auto 0 auto;
    text-align: left;
    background-color: White;
    height: 750px;
    overflow: visible;
}
#tblMain
{
    width: 100%;
}
IMG
{
    border: none;
}
TEXTAREA
{
    font-family: arial;
    font-size: small;
}

LEGEND
{
    color: #6e88a1;
    font-weight: bold;
}
A
{
    text-decoration: none;
    font-weight: bold;
    font-family: Arial;
}
A:link, A:visited
{
    text-decoration: none;
    font-family: arial;
    cursor: hand;
    color: #00008B;
}
A:link:hover, A:visited:hover
{
    color: Red;
}
table
{
    text-align: left;
    empty-cells: show;
}

.tbsmall
{
   width:30px;
}

.tbbig
{
   width:100px;
}

.bodyText
{
    font-family: Arial;
    font-size: small;
    font-weight: normal;
    color: #000000;
}
.tableHeader, .tableHeader A:link, .tableHeader A:visited, .emptyGrid
{
    font-family: Arial;
    font-size: small;
    font-weight: bold;
    color: Black;
    background-color: #6e88a1;
}
.tableHeader A:hover
{
    color: #FFFFFF;
}
.tableBody, .tableAlternate
{
    font-family: Arial;
    font-size: small;
    font-weight: normal;
    color: Black;
    background-color:#FFF;
}
.tableAlternate
{
    background-color: #cad4d3;
}
.gridPager
{
    font-family: Arial;
    font-size: small;
    font-weight: bold;
    text-align: left;
}
.emptyGrid
{
    text-align: center;
    font-size: small;
    font-weight: bold;
    font-style: italic;
    color: White;
    background-color: #284B73;
}
.compactCell
{
    width: 1%;
    white-space: nowrap;
}
.messageText
{
    font-family: Arial;
    font-size: medium;
    font-weight: bold;
    color: Red;
}
.messageText UL
{
    margin-top: 0;
    margin-bottom:0;
    margin-left:25px;
}
.title
{
    text-align: center;
    font-family: Arial;
    font-size: large;
    font-weight: bold;
    color: #284b73;
    margin-bottom: 10px;
}
.headerText
{
    font-family: Arial;
    font-size: medium;
    font-weight: bold;
    color: #4682B4;
}
.subHeaderText
{
    font-family: Arial;
    font-size: small;
    font-weight: bold;
    font-style: italic;
    color: #4682B4;
}
.labelText, .smartLabel
{
    font-family: Arial;
    font-size: small;
    font-weight: bold;
    color: #000;
}
.smartLabel, .helpLink
{
    cursor: help;
}
.labelLink:link{
color:#000;
font-family:Arial;
font-size:small;
font-weight:normal;
}
.labelLink:link:hover{
color:Blue;
text-decoration:underline;
}
.button
{
    cursor: hand;
}
.buttonlinks, .buttonLinks:link, .buttonLinks:visited
{
    font-family: Arial;
    font-size: small;
    font-weight: bold;
    color: #336699;
    cursor: hand;
}
.alertHeader
{
    color: Red;
    font-weight: bold;
    font-size: 14pt;
}
.alertText
{
    color: Red;
    font-weight: bold;
    font-size: 10pt;
}
.requiredFieldMarker
{
    color: Red;
    font-size: medium;
}
.disabledTextbox
{
    border: #C9C7BA 1px solid;
    padding: 2px;
    cursor: default;
}
.strikeout
{
  text-decoration: line-through;
  color: gray;
}
.popup
{
    position: absolute;
    z-index: 1001;
    background-color: #BFC9D5;
    border: outset 2px;
}
.highlight
{
    color: Red;
    font-weight: bold;
}
.helpText
{
    cursor: help;
    padding: 5px;
    border: solid 2px;
    background-color: #BFC9D5;
    position: absolute;
    z-index: 2000;
    width: 300px;
    white-space: normal;
    text-align: left;
}
.helpImage
{
    margin-right: 3px;
    cursor: help;
}

/*Modal Popup*/
.modalBackground {
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

/* POPUP CALENDAR STYLES */
.calClearDate
{
    font-size: x-small;
    font-family: Verdana,Helvetica,Tahoma,Arial;
    color: Black;
    background-color: White;
}
.calDayHeader
{
    font-size: x-small;
    font-family: Verdana,Helvetica,Tahoma,Arial;
    color: Black;
    background-color: #4682B4;
}
.calGoToToday
{
    font-size: x-small;
    font-family: Verdana,Helvetica,Tahoma,Arial;
    color: Black;
    background-color: White;
}
.calHoliday
{
    font-size: x-small;
    font-family: Verdana,Helvetica,Tahoma,Arial;
    color: Black;
    background-color: White;
}
.calMonthHeader
{
    font-size: x-small;
    font-family: Verdana,Helvetica,Tahoma,Arial;
    color: Black;
    background-color: white; /* #4682B4; */
}
.calOffMonth
{
    font-size: x-small;
    font-family: Verdana,Helvetica,Tahoma,Arial;
    color: Gray;
    background-color: #B0C4DE;
}
.calSelectedDate
{
    font-size: x-small;
    font-family: Verdana,Helvetica,Tahoma,Arial;
    color: Black;
    background-color: #4682B4;
}
.calTodayDay
{
    font-size: x-small;
    font-family: Verdana,Helvetica,Tahoma,Arial;
    color: Black;
    background-color: Yellow;
}
.calWeekday
{
    font-size: x-small;
    font-family: Verdana,Helvetica,Tahoma,Arial;
    color: Black;
    background-color: White;
}
.calWeekend
{
    font-size: x-small;
    font-family: Verdana,Helvetica,Tahoma,Arial;
    color: Black;
    background-color: White;
}
.calTextBox
{
    width: 75px;
}

/*Floating Divs that hide SELECT controls (for IE6-)*/
.select-free
{
	position:absolute;
	z-index:2;
	overflow:hidden;/*must have*/
	width:33em;/*must have for any value*/
}
.select-free iframe
{
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;/*must have*/
	top:0;/*must have*/
	left:0;/*must have*/
	z-index:-1;/*must have*/
	filter:mask();/*must have*/
	width:100%;/*must have for any big value*/
	height:100%;/*must have for any big value*/
}