/* gold - #FFD700 */
/* lightgold - #FBE5A1 */
/* goldenrod - #DAA520 */
/* steelblue - #4682B4 */
/* lightsteelblue - #B0C4DE */
/* lightblue - #ADD8E6 */
/* darkseagreen - #8FBC8F */
/* seagreen - #2E8B57 */
/* green - #008000 */
/* forestgreen - #228B22 */
/* lightgreen - #90EE90 */
/* darkkhaki - #BDB76B */
/* palegoldenrod - #EEE8AA */
/* moccasin - #FFE4B5 */
/* burlywood - #DEB887 */
/* tan - #D2B48C */
/* orange - #FFA500 */
/* darkorange - #FF8C00 */
/* crimson - #DC143C */
/* thistle - #D8BFD8 */
/* lightgoldenrodyellow - #FAFAD2 */
/* honeydew - #F0FFF0 */
/* bisque - #FFE4C4  */
/* gainsboro - #DCDCDC */
/* silver - #C0C0C0 */
/* slategray - #708090 */
/* royalblue - #041690 */
    
html
{
height: 100%;
}

body
{
    height: 100%;
	margin: 0px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}

A:link      { color: #41519A; text-decoration:none; }
A:visited 	{ color: #41519A; text-decoration:none; }
A:active 	{ color: #41519A;  cursor:pointer; text-decoration:none; }
A:hover 	{ color: #ff0000;  cursor:pointer; text-decoration:none; }

/*
A.bodyLink:link     { color: #41519A; text-decoration:none; font-weight:bold; }
A.bodyLink:visited 	{ color: #41519A; text-decoration:none; font-weight:bold; }
A.bodyLink:active 	{ color: #41519A;  cursor:pointer; text-decoration:none; font-weight:bold; }
A.bodyLink:hover 	{ color: #ff0000;  cursor:pointer; text-decoration:underline; font-weight:bold; }

A.navButton:link
{
}

A.navButton:visited
{
}

A.navButton:active
{
}

A.navButton:hover
{
    color: #41519A;  cursor:pointer; text-decoration:none; font-weight:bold;
}
*/




.headerText
{
    font-size: 12pt;
    font-weight: bold;
    color: #00006A;
}
.subHeaderText
{
    font-size: 10pt;
    font-weight: bold;
    color: #ff0000;   
}

/********************************************************/
/* CONTAINERS */
/********************************************************/

.mainTable
{
    font-size: 10pt;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px;
    border-collapse: collapse;
    height: 100%;
    width: 100%;
    min-height: 100%;
}
.mainPanel
{
	BORDER-TOP: black 1px solid;
	BORDER-RIGHT: black 1px solid;
	BORDER-BOTTOM: black 1px solid;
	BORDER-LEFT: black 1px solid;
    padding-bottom: 4px;
    padding-top: 4px;
    padding-right: 4px;
    padding-left: 4px;
}

.employmentAppPanel
{
    border-top: black 1px solid;
    border-right: black 1px solid;
    border-bottom: black 1px solid;
    border-left: black 1px solid;
    padding-bottom: 4px;
    padding-top: 4px;
    padding-right: 4px;
    padding-left: 4px;
    width: 700px;
}

.employmentAppSubPanel
{
    border-top: black 1px solid;
    border-right: black 1px solid;
    border-bottom: black 1px solid;
    border-left: black 1px solid;
    padding-bottom: 4px;
    padding-top: 4px;
    padding-right: 4px;
    padding-left: 4px;
    width: 680px;
}

.controlpanel {
	BORDER-TOP: black 1px solid;
	BORDER-RIGHT: black 1px solid;
	BORDER-BOTTOM: black 1px solid;
	BORDER-LEFT: black 1px solid;
	PADDING-RIGHT: 4px;
	PADDING-LEFT: 4px;
	PADDING-BOTTOM: 4px;
	PADDING-TOP: 4px;
	background-color: #f8f8ff; 
}

.adminPanel {
	BORDER-TOP: black 1px solid;
	BORDER-RIGHT: black 1px solid;
	BORDER-BOTTOM: black 1px solid;
	BORDER-LEFT: black 1px solid;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px;
	background-color: #f8f8ff; 
}

.panelstyle
{
	BORDER-TOP: black 1px solid;
	BORDER-RIGHT: black 1px solid;
	BORDER-BOTTOM: black 1px solid;
	BORDER-LEFT: black 1px solid;
	PADDING-RIGHT: 4px;
	PADDING-LEFT: 4px;
	PADDING-BOTTOM: 6px;
	PADDING-TOP: 4px;
	WIDTH: 450px;
	BACKGROUND-COLOR: #f8f8ff;
 }

.waterUserPanel {
	BORDER-TOP: black 1px solid;
	BORDER-RIGHT: black 1px solid;
	BORDER-BOTTOM: black 1px solid;
	BORDER-LEFT: black 1px solid;
	PADDING-RIGHT: 4px;
	PADDING-LEFT: 4px;
	PADDING-BOTTOM: 4px;
	PADDING-TOP: 4px;
	background-color: #f8f8ff; 
}

.adminPanelHeader
{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    color: #000000;
    text-align: center;
    BORDER-TOP: black 0px solid;
	BORDER-RIGHT: black 0px solid;
	BORDER-BOTTOM: black 1px solid;
	BORDER-LEFT: black 0px solid;
    background-color: #D7E0E5;
    width: 100%;
}


table.header
{
	  background-color:#ffffff;
}
td.pageheader
{
    /* lightgoldenrodyellow */
    background-color: #FAFAD2;   
    height: 50px;
    text-align: center;
    vertical-align: middle;
}
td.headerbar 
{
	background-image: url(Images/bar.jpg);
	text-align: right;
	height: 24px;
}
td.footerbar
{
    background-color: #D7E0E5;
    height: 25px;
    text-align: center;
}

#contentPane
{
    width: 100%;
    height: 100%;
    min-height: 100%; 
    background-color: transparent;
    padding-left: 6px;
    padding-right: 4px;
    padding-top: 6px;
    text-align: center;
}


/********************************************************/
/* NAVIGATION CONTAINERS */
/********************************************************/
#mainNavHoriz
{
    width: 100%;
    height: 18px;
    font-weight: bold;
    font-size: 9pt;
    background-color: #99ccff;
    border-top: black thin solid;
    border-bottom: black thin solid;
    background-image: url(images/barblue.jpg);
    margin: 0px;
    vertical-align: middle;
    text-align: center;
}
#mainNavVert
{
    width: 150px;
    height: 100%;
    min-height: 100%;
    border-right: black 1px solid;
    border-bottom: black 1px solid;
    background-color: #CBCFF5;
}


/********************************************************/
/* VERTICAL MENU STYLES */
/********************************************************/

.menuVertical_MainStyle
{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 9pt;
    color: #000000;  
    /* lightgoldenrodyellow */
    background-color: #FAFAD2; 
    width: 140px;
}

.menuVertical_StaticMenuStyle
{
    border-top: black 1px solid;
    /* border-bottom: black 1px solid; */
    border-right: black 1px solid;
    border-left: black 1px solid;

}

.menuVertical_StaticMenuItemStyle
{
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-bottom: black 1px solid;
}
/*
to make entire cell clickable 
.smis a { width:100%; display:block; }
*/
.menuVertical_StaticMenuItemStyle a { width:95%; display:block; }



.menuVertical_StaticSelectedStyle
{
    background-color: yellow;
}

.menuVertical_StaticHoverStyle
{
    background-color: #CBCFF5;
    color: #000000;
    text-decoration: none;
}

.menuVertical_DynamicMenuStyle
{
    border-top: black 1px solid;
    /* border-bottom: black 1px solid; */
    border-right: black 1px solid;
    border-left: black 1px solid;
    background-color: #f0f8ff;
    width: 175px;
}

.menuVertical_DynamicMenuItemStyle
{
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-bottom: black 1px solid;
    background-color: #f0f8ff;
    width: 175px;
}

.menuVertical_DynamicSelectedStyle
{
    background-color: yellow;
}

.menuVertical_DynamicHoverStyle
{
    background-color: yellow;
}

/********************************************************/
/* TEXT STYLES */
/********************************************************/

h1
{
	font-size: large;
	color: #6B7EBF
}

h2
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: medium;
	margin-top: 30px;
	color: #6B7EBF;
	margin-bottom: -15px;
}
	
h3
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: small;
	margin-bottom: -15px;
	color: #6B7EBF;
	padding-left: 15px;
}

h1, h2, h3, h4
{
	margin: 0;
	font-family: Verdana, Arial, Sans-Serif;
}


.arial1 {
    font-family: arial;
    font-size: 8pt;
    font-weight: normal;
    color: #000000;
}
.arial1bold {
    font-family: arial;
    font-size: 8pt;
    font-weight: bold;
    color: #000000;
}
.arial1whitebold {
    font-family: arial;
    font-size: 8pt;
    font-weight: bold;
    color: #ffffff;
}
.arial1redbold {
    font-family: arial;
    font-size: 8pt;
    font-weight: bold;
    color: #990000;
}
.arial2bold {
    font-family: arial;
    font-size: 10pt;
    font-weight: bold;
    color: #000000;
}
.arial2bluebold {
    font-family: arial;
    font-size: 10pt;
    font-weight: bold;
    color: #00006A;
}
.arial2redbold {
    font-family: arial;
    font-size: 10pt;
    font-weight: bold;
    color: #990000;
}
.arial3bold {
    font-family: arial;
    font-size: 12pt;
    font-weight: bold;
    color: #000000;
}
.arial3bluebold {
    font-family: arial;
    font-size: 12pt;
    font-weight: bold;
    color: #00006A;
}

/********************************************************/
/* FORM STYLES */
/********************************************************/

.formBox
{
color : #000000;
background : #FFFFFF;
border-color : #000000;
border-top : 1px solid;
border-bottom : 1px solid;
border-left : 1px solid;
border-right : 1px solid;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
}


.formBoxUpload
{
    color: #000000;
    background: #FFFFFF;
    border-color: #000000;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    width: 300px;
}


.formSubmit
{
color: #00006A;
background-color : #ffffff;
border-color : #000000;
border-top : 1px solid;
border-bottom : 1px solid;
border-left : 1px solid;
border-right : 1px solid;
font-family : arial,tahoma,verdana;
font-size : 11px;
font-weight: bold;
cursor: pointer;
}

.formSubmit2
{
color: #00006A;
background-color : #ffffff;
border-color : #000000;
border-top : 1px solid;
border-bottom : 1px solid;
border-left : 1px solid;
border-right : 1px solid;
font-family : arial,tahoma,verdana;
font-size : 12px;
font-weight: bold;
cursor: hand;
}

.formSubmit3
{
color: #000000;
background-color: #D7E0E5;
border-color : #000000;
border-top : 1px solid;
border-bottom : 1px solid;
border-left : 1px solid;
border-right : 1px solid;
font-family : arial,tahoma,verdana;
font-size : 9px;
font-weight: bold;
border-style: outset;
padding: 1;
text-decoration: none;
}

.formSubmit4
{
color: #000000;
background-color: #ffffff;
border-color : #000000;
border-top : 1px solid;
border-bottom : 1px solid;
border-left : 1px solid;
border-right : 1px solid;
font-family : arial,tahoma,verdana;
font-size : 9px;
font-weight: bold;
text-decoration: none
}

.formSubmit5
{
color: #000000;
background-color : #ffffff;
border-color : #000000;
border-top : 1px solid;
border-bottom : 1px solid;
border-left : 1px solid;
border-right : 1px solid;
font-family : arial,tahoma,verdana;
font-size : 11px;
font-weight: bold;
cursor: pointer;
}

/********************************************************/
/* MISCELLANEOUS */
/********************************************************/

.dgLinkButtonStyle
{
    font-size : 11px;
    font-weight: normal;
    color: #000000;
}
.dgLinkButtonStyle a:link {
	text-decoration: none;
	color: #000000;
	}
.dgLinkButtonStyle a:visited {
	text-decoration: none;
	color: #000000;
	}
.dgLinkButtonStyle a:hover {
	text-decoration: none;
	color: #DC143C;
	}
.dgLinkButtonStyle a:active {
	text-decoration: none;
	color: #DC143C;
	}

.MyPagerStyle
{
    font-size : 14px;
    font-weight: bold;
}
.MyPagerStyle a:link 
{
    font-size : 12px;
	text-decoration: none;
	color: #DC143C;
	}
.MyPagerStyle a:visited 
{
    font-size : 12px;
	text-decoration: none;
	color: #DC143C;
	}
.MyPagerStyle a:hover 
{
    font-size : 12px;
	text-decoration: none;
	color: #DC143C;
	}
.MyPagerStyle a:active 
{
    font-size : 12px;
	text-decoration: none;
	color: #DC143C;
	}



BR.pagebreak {page-break-after: always}

.alignLeft
{
    text-align: left;
}