/* ------------------ */
/* ESSA STYLESHEET		*/
/* ------------------ */

/* RESET CSS	*/
@import "reset.css";

/* ------------------ */
/* HTML ELEMENTS			*/
/* ------------------ */
body
{
	background: #fff url(../images/body-background.gif) top left repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.80em;
}

.12pt_text
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.image
{
	text-indent: 20px;
	border: 0px;
}

h3
{
	color: #284;
	font-size: 1.5em;
	text-align: center;
	text-decoration: none;
}


a
{
	color: Green;
}

a:visited
{
	color: Green;
}

h1 a
{
	color: #284;
	font-size: 1.2em;
	text-decoration: none;
}

h2
{
	color: #284;
	font-size: 1.86em;
	font-weight: normal;
	margin-bottom: 0.36em;
}

p
{
	padding: 0.36em 0;
	line-height: 1.43em;
}
/*	
	form {
		margin-top:0.71em;
	}
*/


form input[type=file]
{
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	border-radius: 0.5em;
	border: 1px solid #29c;
	font-size: 1em;
	margin-top: 0.43em;
	padding: 3px 6px 3px 6px;
	cursor: pointer;
	width: inherit;
}



form input[type=submit]
{
	background: #259;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	border-radius: 0.5em;
	border: 1px solid #29c;
	color: #fff;
	font-size: 1em;
	margin-top: 0.43em;
	padding: 3px 6px 3px 6px;
	cursor: pointer;
}

/*
	form input {
		margin-bottom:0.43em;
	}
	
	
	form label {
		clear:left; 
		display:block; 
		float:left; 
		width:120px; 
		text-align:right; 
		padding-right:10px;  
		margin-bottom:0.43em; 
	}
	*/


/* ------------------ */
/* PAGE STRUCTURE			*/
/* ------------------ */

/* ALTERNATIVE HEADER BACKGROUNDS	*/
#home #header
{
	background: url(../images/photo-home.jpg) 96% 100% no-repeat;
}

#page1 #header
{
	background: url(../images/photo-page1.jpg) 96% 100% no-repeat;
}

#page2 #header
{
	background: url(../images/photo-page2.jpg) 96% 100% no-repeat;
}

#header
{
	float: left;
	width: 100%;
	line-height: normal;
	padding: 6px 0 0 0;
	margin: 0 0 45px 0; .margin:0025px0;/* IE6 Hack dot hack*/
_margin:0025px0;/* IE7 Hack underscore hack */
width:expression(document.body.clientWidth < 802? "800px":document.body.clientWidth>1202?"1200px":"100%");/* IE 6 Min width hack */
min-width:800px;
}

#header #logo
{
	background: transparent url(../images/logo.gif) top left no-repeat;
	height: 79px;
	margin: 0;
	width: 370px;
	margin: 0 0 0 20px;
}

#header #logo a
{
	height: 79px;
	width: 370px;
	background: transparent top left no-repeat;
}

#header #logo a:hover
{
	background: url(../images/logohover.gif) no-repeat left top;
}


/* TOP NAVIGATION MENU- TOP LEVEL	*/
#header ul
{
	list-style: none;
	margin: 0;
	padding: 5px 10px 0 20px;
	width: 520px; /*list-style: none; 	margin: 0; 	padding: 5px 10px 0 0;*/
}

#header li
{
	display: inline;
	margin: 0;
	padding: 0;
}

#header a.Nav
{
	float: left;
	background: url(../images/tab-left-both.gif) no-repeat left top;
	margin: 0;
	padding: 0 0 0 5px;
	text-decoration: none;
}

#header a span.Nav
{
	float: left;
	display: block;
	background: url(../images/tab-right-both.gif) no-repeat right top;
	padding: 5px 13px 4px 6px;
	margin: 0;
	font-weight: normal;
	color: #fff;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a span
{
	float: none;
}
/* End IE5-Mac hack */

#header a:hover span
{
	color: yellow;
	background-position: 100% -25px;
}

#header #current a
{
	background-position: 0% -25px;
}

#header #current a span
{
	background-position: 100% -25px; /*font-weight: bold;*/
}

#header a:hover
{
	background-position: 0% -25px;
}

/* SECOND LEVEL	*/

#header ul ul
{
	left: 0;
	padding: 1px 0px 6px 20px;
	margin-top: 25px;
	position: absolute;
	float: left;
}

#header ul ul li
{
	float: left;
	background: none;
	padding: 0 0 0 9px;
}

#header ul ul li a
{
	color: #fff;
	font-weight: normal;
	font-size: 0.86em;
	background: none;
	margin: 0;
	padding: 4px 21px 9px 0;
	text-decoration: none;
}

#header li#current ul li a:hover, #header li#current ul li#current a
{
	color: Yellow; /*	font-weight: bold;*/
}

#header li#current ul li a
{
	font-weight: normal;
}

/* ------------ */
/* CONTENT			*/
/* ------------ */
#content
{
	clear: left;
	margin: 15px 15px;
	width: expression(document.body.clientWidth < 602?       "600px" : document.body.clientWidth > 1202? "1200px" : "100%" ); /* IE 6 Min width hack */
	min-width: 600px;
}

#content ul
{
	padding-left: 20px;
}


#content ul li
{
	text-indent: 0px;
	list-style-position: inside;
	list-style-type: disc;
}

#content ol li
{
	text-indent: 20px;
	list-style-position: inside;
	list-style-type: disc;
}


/* -------------------------- */
/* TEXT IMAGE REPLACEMENT	  */
/* -------------------------- */
.fir
{
	text-indent: -999em;
}

TABLE.DataQuery TD
{
	padding: 3px;
	vertical-align: top;
}

/* -------------------------- */
/* Grid View				  */
/* -------------------------- */

.GridView
{
	/* margin: 5px; */
}
.GridView a
{
	text-decoration: none;
	color: #225599;
}
.GridViewHeader
{
	font-weight: bold;
	color: White;
}

.GridViewHeader th
{
	background-color: #2299CC;
	padding: 4px;
	text-align : left; 	
}

.GridViewHeader a
{
	color: White;
}


.GridViewAlternatingRow td
{
	background-color: #F2F2FF; /* very light blue */ /*background-color: #FEF9E2; /* very light yellow */
	padding: 4px;
	border-bottom: 1px solid #EEEEEE;
}

.GridViewRow td
{
	padding: 4px;
	border-bottom: 1px solid #EEEEEE;
}

.GridViewAlternatingRow td a:hover
{
	text-decoration: underline;
}

.GridViewRow a:hover
{
	text-decoration: underline;
}


.GridViewPager
{
	border: 1px solid #FFF;
}
.GridViewPager a
{
	margin: 2px;
	text-decoration: none;
}

/* -------------------------- */
/* Details View				  */
/* -------------------------- */
.DetailsView
{
	border: 1px solid #2299CC;
}

.DetailsViewAlternatingRow td
{
	background-color: #ECECFF; /* very light blue */ /*background-color: #FEF9E2; /* very light yellow */
	padding: 4px;
}

.DetailsViewRow td
{
	padding: 8px;
	vertical-align: top;
}

/* -------------------------- */
/* ListBox and calendar       */
/* -------------------------- */
.listBox
{
	border: 1px solid #2299CC;
	background-color: #FFF;
}

.listBoxDisabled
{
	border: 1px solid #2299CC;
	background-color: #ECECFF; /* very light blue */ /*	background-color: #FEF9E2; /* very light yellow */
	color: gray;
}

.calendar
{
	background-color: #FFF;
}

.calendarDisabled
{
	background-color: #ECECFF;
}


/* Sections */
div#mainMenu
{
	font-size: 11px;
	border-bottom: solid 1px White;
	padding: 0px 2px 0px 2px;
}
div#tabbedGraphs
{
	font-size: 11px;
	float: left;
	width: 515px;
}
div#tabbedOptions
{
	font-size: 11px;
	width: 240px;
}
div#controlPanel
{
	font-size: 11px;
}

/* Main Menu */
td.menu
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	color: Black;
	text-decoration: none;
	padding: 4px 8px 4px 8px;
	height: 22px;
	cursor: hand;
}
td.activeMenu
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	color: White;
	text-decoration: none;
	background-color: #316AC5;
	padding: 4px 8px 4px 8px;
	height: 22px;
	cursor: hand;
}
div.menuItem
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	color: Black;
	padding: 2px 20px 2px 8px;
	cursor: hand;
}
div.menuItemOver
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	color: White;
	background-color: #316AC5;
	padding: 2px 20px 2px 8px;
	cursor: hand;
}
div.menuItemDisabled
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	color: #ACA899;
	padding: 2px 20px 2px 8px;
}
table.separator
{
	width: 90px;
	height: 1px;
	background-color: #ACA899;
	margin: 2px 0px 2px 0px;
}
div#fileMenu
{
	position: absolute;
	top: 22px;
	left: 2px;
	background-color: White;
	border: solid 1px #ACA899;
	padding: 4px 4px 4px 4px;
	z-index: 10;
	visibility: hidden;
}
div#graphMenu
{
	position: absolute;
	top: 22px;
	left: 34px;
	background-color: White;
	border: solid 1px #ACA899;
	padding: 4px 4px 4px 4px;
	z-index: 15;
	visibility: hidden;
}
div#dataMenu
{
	position: absolute;
	top: 22px;
	left: 80px;
	background-color: White;
	border: solid 1px #ACA899;
	padding: 4px 4px 4px 4px;
	z-index: 20;
	visibility: hidden;
}

/* Tabs */
div.activeTab
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	color: Black;
	text-decoration: none;
	padding: 5px 6px 5px 6px;
	border-top: solid 2px White;
	border-right: solid 2px #ACA899;
	border-bottom: 0px;
	border-left: solid 2px White;
	cursor: hand;
}
div.inactiveTab
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	color: Black;
	text-decoration: none;
	background-color: #E6E6E6;
	padding: 2px 6px 2px 6px;
	border-top: solid 1px White;
	border-right: outset 1px;
	border-bottom: solid 2px White;
	border-left: solid 1px White;
	cursor: hand;
}
table#graphTable
{
	width: 515px;
	height: 376px;
}
td#graphCell
{
	text-align: center;
	vertical-align: baseline;
	background-image: url(images/loading.gif);
	background-repeat: no-repeat;
	background-position: center;
}
table#optionsTable
{
	width: 240px;
	height: 376px;
	display: block;
}
td#optionsCell
{
	padding: 0px 10px 10px 10px;
}
div.tabLine
{
	border-bottom: solid 2px White;
}

/* Groups */
table#outerTable
{
	border: groove 2px;
	border-collapse: separate;
	width: 240px; /*was 100%.  Changed to 240px by MLS on 1/6/9*/
	height: 350px;
}
table.groupTable
{
	border: groove 2px;
	border-collapse: separate;
}
td.groupCell
{
	padding: 8px 8px 8px 8px;
}
div.groupLabel
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	color: Black;
	background-color: #EEEEEE;
	padding: 0px 5px 0px 5px;
	z-index: 1;
	position: relative;
	top: 8px;
	left: 10px;
}

/* Forms */
input.numericalInput
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 13px;
	width: 70px;
	text-align: right;
}
td.inputLabel
{
	text-align: right;
	padding: 5px 10px 5px 0px;
}
select#cboStation
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	width: 300px;
}
select#cboParameter
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	width: 300px;
}
.formElement
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 13px;
}

/* Links */
a
{
	text-decoration: none;
}

.greenLabel
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 15px;
	font-weight: bold;
	color: #225599;
	letter-spacing: 2px;
}

/* Error */
.error
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	color: Red;
	letter-spacing: 2px;
}

table.SecondLevelNavTable
{
	width: 800px;
	border-bottom: solid 3px #8C8C8C;
	padding: 20px 0px 0px 0px;
}

table.SecondLevelNavTable TD
{
	background-repeat: repeat-x;
	height: 18px;
	font-size: 13px;
	color: White;
	font-weight: 700;
	white-space: nowrap;
	padding: 0px 10px 0px 10px;
	border-right: solid 1px White;
	background-image: url(Images/TableTab_background.png);
}

table.SecondLevelNavTable A
{
	text-decoration: none;
}


table.SecondLevelNavTable TD.BlankRightSpace
{
	width: 100%;
	background: white;
}

.PageTitle
{
	font-size: 17px;
	font-weight: 700;
	color: Green;
	padding: 0px 0 5px 0;
}

#AdditionalResources li
{
	padding: 4px 0 4px 0;
}

#LoginStatus
{
	margin: 20px;
	color: Fuchsia;
	background: none;
}

.LoginStatusLink
{
	background: none;
	text-decoration: none;
	display: inline;
	padding: 6px;
	vertical-align:middle;
	/*font-weight:700; */
	
}

.DocLibraryDetailsView
{
	min-width:750px;
	max-width:1000px;
	
}