/* 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;
}
*/

.photoborder {
	border: 2px solid #004E90;
}


.pageTitleText
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	color: #2C1F0F;
}

.normalBodyText
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
}

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

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

table#RepeaterTable		
	{width:550px; background-color:#ffffff; 
	border-collapse:collapse}
table#RepeaterTable th	
	{line-height:12pt; text-align:left; 
	vertical-align:bottom; background-color:#FCEED0;}
table#RepeaterTable td	
	{vertical-align:top}
	
	
table#RepeaterTable2		
	{width:550px; background-color:#ffffff; 
	border-collapse:collapse}
table#RepeaterTable2 th	
	{line-height:12pt; text-align:center; 
	vertical-align:bottom; background-color:#FCEED0;}
table#RepeaterTable2 td	
	{vertical-align:top}
	

.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-bottom: black 1px solid;
    border-right: black 1px solid;
    border-left: black 1px solid;
    padding-bottom: 4px;
    padding-top: 4px;
    padding-right: 4px;
    padding-left: 4px;
}

.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; 
}

.pagerpanel {
	BORDER-TOP: black 1px solid;
	BORDER-RIGHT: black 1px solid;
	BORDER-BOTTOM: black 1px solid;
	BORDER-LEFT: black 1px solid;
	PADDING-RIGHT: 2px;
	PADDING-LEFT: 2px;
	PADDING-BOTTOM: 2px;
	PADDING-TOP: 2px;
	margin: 2px;
	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%;
}

.adminCell_RightBorder {
	PADDING: 3px; 
	BORDER-RIGHT: black 1px solid;
}

.adminCell_LeftBorder {
	PADDING: 3px; 
	BORDER-LEFT: black 1px solid;
}

.adminCell_NoBorder {
	PADDING: 3px; 
}


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;
    padding-bottom: 6px;
}


/********************************************************/
/* NAVIGATION CONTAINERS */
/********************************************************/
#mainNavHoriz
{
    width: 100%;
    height: 18px;
    font-weight: bold;
    font-size: 9pt;
    background-color: #99ccff;
    border-top: black 1px solid;
    border-bottom: black 1px 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;
}



/********************************************************/
/* 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;
}
.arial1red {
    font-family: arial;
    font-size: 8pt;
    font-weight: normal;
    color: #990000;
}
.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;
}
.arial2whitebold {
    font-family: arial;
    font-size: 10pt;
    font-weight: bold;
    color: #ffffff;
}
.arial3bold {
    font-family: arial;
    font-size: 12pt;
    font-weight: bold;
    color: #000000;
}
.arial3bluebold {
    font-family: arial;
    font-size: 12pt;
    font-weight: bold;
    color: #00006A;
}
.arial3whitebold {
    font-family: arial;
    font-size: 12pt;
    font-weight: bold;
    color: #ffffff;
}

/********************************************************/
/* 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;
}

	
.CollapsiblePanelHeader
{
    background-color: #FBE5A1;
    padding-top: 2px;
    padding-bottom: 4px;
    text-align: left;
    font-family: arial;
    font-size: 10pt;
    font-weight: bold;
    color: #000000;
    vertical-align: middle;
    /*
    width: 700;
    */
    BORDER-TOP: black 1px solid;
	BORDER-RIGHT: black 1px solid;
	BORDER-BOTTOM: black 1px solid;
	BORDER-LEFT: black 1px solid;
}

.CollapsiblePanelHeaderHiLite
{
    background-color: #90EE90;
    padding-top: 2px;
    padding-bottom: 4px;
    text-align: left;
    font-family: arial;
    font-size: 10pt;
    font-weight: bold;
    color: #000000;
    vertical-align: middle;
    /*
    width: 700;
    */
    BORDER-TOP: black 1px solid;
	BORDER-RIGHT: black 1px solid;
	BORDER-BOTTOM: black 1px solid;
	BORDER-LEFT: black 1px solid;
}

.CollapsiblePanelContent 
{
    /*
    width:680;
    */
    background-color:white;
    overflow:hidden;
    line-height: 12px; 
    height: 0px;
    /*
    border-top: black 1px solid;
    border-bottom: black 1px solid;
    border-right: black 1px solid;
    border-left: black 1px solid;
    padding-bottom: 4px;
    padding-top: 4px;
    padding-right: 4px;
    padding-left: 4px;
    */
}

.CollapsiblePanelContent_2 
{
    /*
    width:680;
    */
    padding-left: 5px;
    background-color:white;
    /*
    overflow:hidden;
    line-height: 12px; 
    height: 0px;
*/
}

.PanelBorder {
    border-top: black 1px solid;
    border-bottom: black 1px solid;
    border-right: black 1px solid;
    border-left: black 1px solid;
}