BODY
{
    FONT-SIZE: 8pt;
    margin-top: 3;
    margin-left: 1;
    margin-right: 1;
    font-family : Verdana, Tahoma;
    BACKGROUND-COLOR: #ebf0f9
}

A:link
{
	color: Blue;	
}

A:visited
{
	color: #1e3c7b
}

H2
{
    FONT-WEIGHT: bolder;
    COLOR: white;
    BACKGROUND-COLOR: #1e3c7b
}
H3
{
    FONT-WEIGHT: bolder;
    COLOR: white;
    BACKGROUND-COLOR: #1e3c7b
}
TABLE
{
    FONT-SIZE: 8pt;
    font-family : Verdana, Tahoma;     
    /*BACKGROUND-COLOR: #ebf0f9*/
}
TH
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 10pt;
    COLOR: white;
    BACKGROUND-COLOR: #4d72b0;
    TEXT-ALIGN: left
}
A.sortHeader
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 10pt;
    COLOR: white;
    text-decoration : none;
}
.formHeader
{
	FONT-WEIGHT: bolder;
    FONT-SIZE: 10pt;
    COLOR: white;
    BACKGROUND-COLOR: #1e3c7b;
    TEXT-ALIGN: left
}
.dataHeader
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 8pt;
    BACKGROUND-COLOR: #CCCCCC;
    TEXT-ALIGN: left
}
.dataSort
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 9pt;
    BACKGROUND-COLOR: #4d72b0;
}
H4
{
	FONT-SIZE: 12pt;
    FONT-WEIGHT: bolder;
    COLOR: white;
    BACKGROUND-COLOR: #1e3c7b
}

.activeTab
{
	font-size: 10pt;
	COLOR: white;
	background-color: #4d72b0; 
	TEXT-ALIGN:center;
	BORDER-TOP:#1e3c7b 1px solid; 
	FONT-WEIGHT:bolder; 
	BORDER-LEFT:#1e3c7b 1px solid;
	cursor: hand;
}

.Tab
{
	font-size: 10pt;
	FONT-WEIGHT:bolder; 
	COLOR:white;
	background-color: #1e3c7b; 
	BORDER-RIGHT:#ebf0f9 1px solid;
	BORDER-TOP:#1e3c7b 2px solid;
	BORDER-BOTTOM:#ebf0f9 1px solid; 
	TEXT-ALIGN:center;
	cursor: hand;		
}

.tabLinks
{
	FONT-WEIGHT: bolder;
	FONT-SIZE: 8pt;
	COLOR: #1e3c7b;
	BORDER-BOTTOM:#ebf0f9 1px solid
}

.serverLinks
{
	cursor: hand;
	font-weight:bold;
	color: #4d72b0;	
}

.header
{
	FONT-SIZE: 12pt;
    FONT-WEIGHT: bolder;
    COLOR: white;
    BACKGROUND-COLOR: #1e3c7b
    
}

.sectionHeader
{
	FONT-SIZE: 12pt;
    FONT-WEIGHT: bolder;
    COLOR: white;
    BACKGROUND-COLOR: #4d72b0
}

.columnHeader
{
	font-size: 8pt;
	background-color: #CCCCCC;
	FONT-WEIGHT:bolder;
}

.formBorder
{
	BORDER-RIGHT: Silver 1px solid;
	BORDER-TOP: Silver 1px solid;
	BORDER-LEFT: Silver 1px solid;
	BORDER-BOTTOM: Silver 1px solid;
}

.popupBorder
{
	BORDER-RIGHT: #4d72b0 4px solid;
	BORDER-TOP: #4d72b0 2px solid;
	BORDER-LEFT: #4d72b0 2px solid;
	BORDER-BOTTOM: #4d72b0 4px solid;
	background-color: #ebf0f9;
}

.formWindow
{
	BORDER-RIGHT: Silver 1px solid;
	BORDER-TOP: Silver 1px solid;
	BORDER-LEFT: Silver 1px solid;
	BORDER-BOTTOM: Silver 1px solid;
	background-color: White;
}

.formBorderB
{
	BORDER-RIGHT: #4d72b0 1px solid;
	BORDER-TOP: #4d72b0 1px solid;
	BORDER-LEFT: #4d72b0 1px solid;
	BORDER-BOTTOM: #4d72b0 1px solid;
}

.formBorderNoBottom
{
	BORDER-RIGHT: #4d72b0 1px solid;
	BORDER-TOP: #4d72b0 1px solid;
	BORDER-LEFT: #4d72b0 1px solid;
	BORDER-BOTTOM: Silver 1px solid;
}

.formBorderNoTop
{
	BORDER-RIGHT: #4d72b0 1px solid;
	BORDER-TOP: Silver 1px solid;
	BORDER-LEFT: #4d72b0 1px solid;
	BORDER-BOTTOM: #4d72b0 1px solid;
}

.buttons
{
	border-bottom : 1px solid gray;
	border-right : 1px solid gray;
	border-top : 1px solid Silver;
	border-left : 1px solid Silver;
	font-family : Verdana, Tahoma;
	font-size : 8pt;
	font-weight : bold;
	color: #1e3c7b;
	background-color: #ebf0f9
}

.buttonsOver
{
	border-bottom : 1px solid gray;
	border-right : 1px solid gray;
	border-top : 1px solid Silver;
	border-left : 1px solid Silver;
	font-family : Verdana, Tahoma;
	font-size : 8pt;
	font-weight : bold;
	color: White;
	background-color: #1e3c7b
}

.btnDel
{
	border-bottom : 1px solid gray;
	border-right : 1px solid gray;
	border-top : 1px solid Silver;
	border-left : 1px solid Silver;
	font-family : Verdana, Tahoma;
	font-size : 8pt;
	font-weight : bold;
	color: Red;
	background-color: #ebf0f9
}

.btnDelOver
{
	border-bottom : 1px solid gray;
	border-right : 1px solid gray;
	border-top : 1px solid Silver;
	border-left : 1px solid Silver;
	font-family : Verdana, Tahoma;
	font-size : 8pt;
	font-weight : bold;
	color: White;
	background-color: Red
}

.fields
{
	border-bottom : 1px #1e3c7b solid;
	border-left: 1px #1e3c7b solid;
	border-right: 1px #1e3c7b solid;
	border-top: 1px #1e3c7b solid;
	font-size : 10pt;
}

.field-label
{
	text-align			: right;
	padding-top			: 4px;
}

.reqd-field-label
{
	font-weight			: bold;
}

.field-cell
{
	padding-left		: 4px;
}

.readonly
{
	border-bottom : 1px #ebf0f9;
	border-left: 1px #ebf0f9;
	border-right: 1px #ebf0f9;
	border-top: 1px #ebf0f9;
    background-color: #ebf0f9;
	font-family : Verdana, Tahoma;
	font-size : 8pt;
	font-weight: bold;
}

.navBtnOut
{
	width: 170px;
	border-bottom : 1px solid gray;
	border-right : 1px solid gray;
	border-top : 1px solid gray;
	border-left : 1px solid gray;
	font-family : Verdana, Tahoma;
	font-size : 8pt;
	font-weight : bold;
	color: #1e3c7b;
	background-color: #CCCCCC
}

.navBtnOver
{
	width: 170px;
	border-bottom : 1px solid gray;
	border-right : 1px solid gray;
	border-top : 1px solid Silver;
	border-left : 1px solid Silver;
	font-family : Verdana, Tahoma;
	font-size : 8pt;
	font-weight : bold;
	color: White;
	background-color: #1e3c7b
}

.Menu
{
	/*
	border-bottom : 1px solid gray;
	border-right : 1px solid gray;
	border-top : 1px solid gray;
	border-left : 1px solid gray;
	*/
	cursor: hand;
	border: 1px solid gray;
}
.subMenu
{
	/*
	border-bottom : 1px solid gray;
	border-top : 1px solid gray;
	border-right : 1px solid gray;
	border-left : 1px solid gray;
	*/
	cursor: hand;
	background-image: url("../images/menubk.gif")
}

.subMenu2
{
	cursor: hand;
	background-image: url("../images/menubk2.gif")
}

.treeView
{
	font-size: 8pt;
	font-weight: normal;
	cursor:hand;
}

.treeHover
{
	font-size: 8pt;
	font-weight: normal;
	color: #4d72b0;
	text-decoration: underline;	
	cursor: hand;	
}

.treeSelected
{
	font-size: 8pt;
	font-weight: normal;
	color: White;
	background: #1e3c7b;	
	cursor: default;

}

input.disabled
{	
	border-bottom : 1px solid LightGrey;
	border-right : 1px solid LightGrey;
	border-top : 1px solid LightGrey;
	border-left : 1px solid LightGrey;
	font-family : Verdana, Tahoma;
	font-size : 8pt;
	font-weight : bold;
	color: LightGrey;
	background-color: #ebf0f9
}

.fieldHeader
{
	/*vertical-align: top;*/
	FONT-WEIGHT: bolder;
    FONT-SIZE: 10pt;
    COLOR: #4d72b0;
    TEXT-ALIGN: right;
    WIDTH : 40%;
}

.va-top
{
	vertical-align: top;
}

.err-lbl
{
	color						: red;
	background-color			: inherit;
	margin						: 8px;
	height						: 32px;
	vertical-align				: middle;
}

.pbtnn
{
	border-bottom : 1px solid gray;
	border-right : 1px solid gray;
	border-top : 1px solid Silver;
	border-left : 1px solid Silver;
	font-family : Verdana, Tahoma;
	font-size : 8pt;
	font-weight : bold;
	color: #1e3c7b;
	background-color: #ebf0f9;

	behavior : url("include/ButtonPopper.htc");
}

.pbtnu
{
	border-bottom : 1px solid gray;
	border-right : 1px solid gray;
	border-top : 1px solid Silver;
	border-left : 1px solid Silver;
	font-family : Verdana, Tahoma;
	font-size : 8pt;
	font-weight : bold;
	color: white;
	background-color: #1e3c7b;

	behavior : url("include/ButtonPopper.htc");
}

/*
	These classes control the appearance of the grouped check controls on the UserMaintenance page.
*/
.gcbHeader
{
	font-weight : bold;
	color : #1e3c7b;
}
.gcbRows
{
	padding-left : 4px;
}

/*
	User Options classes
*/

tr.OptionRow
{
	padding : 4px;
	height : 24px;
}
td.OptionActionRow
{
	padding : 12px 4px 4px 4px;
	text-align : right;
}

.ResultLabel
{
	font-weight : bolder;
	font-size : 10pt;
	padding : 4px;
}

.Info
{
	margin-top : 10px;
	padding : 2px;
	text-align : center;
	color : #1e3c7b;
}

.PopupDetail
{
    z-index:200;
    background-color:Aqua;    
    position:absolute;
    top:10;
    left:10;
}

.hiddenTab { DISPLAY: none }
.displayedTab { COLOR: black }
.disabledRT { BORDER-RIGHT: lightgrey 1px solid; BORDER-TOP: lightgrey 1px solid; BORDER-LEFT: lightgrey 1px solid; COLOR: lightgrey; BORDER-BOTTOM: lightgrey 1px solid; FONT-FAMILY: Verdana, Tahoma }
.hiddenPanel
{
	DISPLAY: none
}

.listControl
{
	border-right: 0px; 
	border-top: 0px; 
	border-left: 0px; 
	border-bottom: 0px; 
	background-color: transparent;
}