/* ------------------------------------------

River Data CSS :: Neoteric Design
Updated 5/12/2008
Coded by Edward Blake
Updated 7/20/2008 by Joshua Davey
Updated 9/15/2008 by Nick Gracilla (footer)
------------------------------------------  */

div#footer {
	border-top: 1px solid #ccc;
	padding-top: .5em;
}

div#footer p {
	font-size: smaller;
}

/* @group Originally from Scaffold */

body, p, ol, ul, td {
  font-size:   13px;
  line-height: 18px;
}

pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}

a { color: #000; }
a:visited { color: #666; }
a:hover { color: #fff; background-color:#000; }

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid gray;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}

/* @end */





html {
	width: 100%;
	height:  100%;
	margin:  0px;
	padding:  0px;
}

body {
	background-color:  #243C70;
	margin:  0px 0px 20px 0px;
	padding:  0px;
}

	div#container {
		background-color:  #fff;
		width:  860px;
		padding:  20px;
		margin-top:  10px;
		margin-bottom: 30px;
		margin-left:  auto;
		margin-right:  auto;
		border:  2px solid #374e82;
	}
	
		div#container ul {
			list-style:  none;
}
	
	
	
/* -------------- header -----------------  */
	
	div#header {
		height:  100px;
		margin:  0px 0px 10px 0px;
		padding: 0px 0px 3px 0px;
		background-repeat: no-repeat;
	}

		div#header a {
			background-color:  none;
		}
		
		div#header a:hover {
			background-color: #fff;
		}
		div #header div.logo {
			float:left;
		}
		div#header div.watershed {
			float:right;
		}
		
		
		
		
/* -------------- navigation 1 -----------------  */
	
		div#primary_nav {
			margin:  0px;
			padding: 2px 0px;
			border-bottom:  1px solid #ccc;
			border-top:  1px solid #ccc;
		}
		
			div#primary_nav ul {
				list-style: none;
				font-weight:  bold;
				margin:  0px;
				padding: 5px 0px;
				background-color: #e5d9a6;
			}
	
				div#primary_nav ul li {
					font-family:  helvetica, arial, sans-serif !important;
					display:  inline;
					font-size:  13px;
					margin:  0px;
					padding: 0px 0px;
					color:  #a1420f;
				}
				
					div#primary_nav ul li a {
						color:  #a1420f;
						padding:  7px 20px 7px 20px;
						text-decoration:  none;
					}
					
					div#primary_nav ul li a:hover {
						background-color: #243C70;
						color:  #fff;
						padding:  7px 17px 7px 17px;
						border-left:  3px solid #fff;
						border-right: 3px solid #fff;
					}
					
					div#login {
						float: right;
						font-family:  helvetica, arial, sans-serif !important;
						font-weight: bold;
						display:  inline;
						font-size:  13px;
						margin:  0px;
						padding: 8px 0px;
						color:  #a1420f;
					}
					
						div#login a {
							color:  #a1420f;
							padding:  7px 20px 7px 20px;
							text-decoration:  none;
						}
					
						div#login a:hover {
							background-color: #243C70;
							color:  #fff;
							padding:  7px 17px 7px 17px;
							border-left:  3px solid #fff;
							border-right: 3px solid #fff;
						}
					
					
					
					
/* -------------- user nav -----------------  */

		div#user_nav {
			font-family:  helvetica, arial, sans-serif !important;
			margin:  2px 0px 20px 0px;
			background-color: #f7f2df;
			/*border-top: 1px solid #e1996e;
			border-bottom: 1px solid #e1996e;*/
			padding: 6px 12px 10px 18px;

		}
		
			div#user_nav ul {
				list-style: none;
				margin:  0px;		
				padding: 0px;
			}
			
				div#user_nav ul li {
					display:  inline;
					font-family:  helvetica, arial, sans-serif !important;
					font-size: 12px;
					color:  #333;
					line-height:  19px;
					margin:  0px;
					padding: 0px 12px 0px 0px;
					
				}
				
					div#user_nav ul li a {
						border-bottom:  1px solid #dec2b2;
						font-family:  helvetica, arial, sans-serif !important;
						text-decoration:none;
						font-size: 12px;
						color:  #444;
						margin:  0px;
						padding: 1px 6px 1px 12px;
						background-image:  url(/images/orangearrow.gif);
						background-repeat: no-repeat;
						background-position:  0px 4px;
					}
					
					div#user_nav ul li a:hover {
						color: #111;
						
						background-color:  #fff;
						background-image:  url(/images/bluearrow.gif);
						background-repeat: no-repeat;
						background-position:  3px 4px;
						border:  0px;
						}
										
						
						
					
					
					
					
/* -------------- admin nav -----------------  */

		div#admin_nav {
			font-family:  helvetica, arial, sans-serif !important;
			margin:  10px 0px 20px 0px;
			padding: 0px;
			background-color:  #f2f2f2;
			border-top: 1px solid #ccc;
			border-bottom: 1px solid #ccc;
			padding: 12px;
			width:  250px;
		}
		
			div#admin_nav ul {
				list-style: none;
				margin:  0px;		
				padding: 0px;
				
			}
			
				div#admin_nav ul li {
					font-family:  helvetica, arial, sans-serif !important;
					font-size: 12px;
					color:  #333;
					line-height:  19px;
					margin:  0px;
					padding: 0px 12px 0px 0px;
					
				}
				
					div#admin_nav ul li a {
						border-bottom:  1px solid #ddd;
						font-family:  helvetica, arial, sans-serif !important;
						text-decoration:none;
						font-size: 12px;
						color:  #243C70;
						margin:  0px;
						padding: 1px 0px 1px 12px;
						background-image:  url(/images/bluearrow.gif);
						background-repeat: no-repeat;
						background-position:  0px 4px;
					}
					
					div#admin_nav ul li a:hover {
						color: #000;
						background-color:  #ccc;
						padding-right: 6px;
						background-image:  url(/images/whitearrow.gif);
						background-repeat: no-repeat;
						background-position:  3px 4px;
						}
						
						
	
						
						
/* -------------- NOTICE -----------------  */
						
div#notice, div#error {
	padding:  10px 220px 10px 10px;
	font-family:  helvetica, arial, sans-serif;
	font-weight: bold;
	color: #6cb34b;
	font-size: 15px;
	margin: 10px 0px 16px 0px;
}

div#error{
	color: #e34;
}





/* -------------- user-entered data-----------------  */

span.text_field {
	display: block;
	color: #333;
	font-weight: bold;
	border: 1px solid #425887;
	background-color: #f2f2f2;
	padding: 2px 0px;
	margin:  0px;
}

span.blank_text_field {
	display: block;
	height:  18px;
	border: 1px solid #d95341;
	background-color: #fef4f3;
	padding: 0px;
	margin:  0px;
}

div.right span.text_field, div.left span.text_field {
	display: inline;
	height:  18px;
	border: 1px solid #425887;
	background-color: #f2f2f2;
	padding:  5px 12px;
	margin:  0px 0px 0px 5px;
}

div.right span.blank_text_field, div.left span.blank_text_field {
	display: inline;
	color: #333;
	font-weight: bold;
	border: 1px solid #425887;
	background-color: #f2f2f2;
	padding: 2px 0px;
	margin:  0px;
}


form.edit_user fieldset{
	width: 250px;
	margin: 10px;
	float: right;
	border: 1px solid #ddd;
	background-color: #fafafa;
}

form.edit_user fieldset legend{
	background-color: #eee;
	border: 1px solid #ddd;
	font-size: 14px;
	padding: 2px;
}





/* -------------- universal table styling -----------------  */

label {font-family:  helvetica, arial, sans-serif;}
				
table {
	border:  0px;
	margin:  10px 0px 10px 0px;
}

	table th {
		text-align:  left;
		vertical-align: top;
		font-family: helvetica, arial, sans-serif;
		background-color:  #f2f2f2;
		border-bottom: 3px solid #ddd;
		padding:  4px 10px;
		color: #555;
}

	table td {
		font-size:  11px;
		font-family: helvetica, arial, sans-serif;
		vertical-align:  top;
		padding: 5px;
		text-align:  center;
		border-bottom:  1px solid #bbb;
		border-left:  0px;
		border-right:  0px;
		border-top:  0px;
		margin:  0px;
		background-color: #fff;
	}
	
	table td label {
		font-family: helvetica, arial, sans-serif;
	}
	
	table td.label-left {
		text-align: left;
	}


div#show_report {
	border:  1px solid #ccc;
	padding:  10px;
	}



/* -------------- school info -----------------  */

div#schoolinfo {
	padding:  11px 10px;
	margin:  0px 0px 12px 0px;
	background-image: url(/images/schoolbg.jpg);
	background-repeat:  repeat-x;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-family:  "Trebuchet MS", verdana, arial, helvetica, serif;
	color:  #fff;
}	


	div#schoolinfo label {
		float:  left;
		display:  inline;
		width:  120px;
		padding: 4px 0px 0px 0px;
	}

	div#schoolinfo select {
		margin:  4px 0px;
		padding:  0px;
		}

	div#schoolinfo p {
		margin:  4px 0px 0px 0px;
		padding:  2px 0px 0px 0px;
		}

div#search_form {
	padding:  11px 10px;
	margin:  0px 0px 12px 0px;
	background-color:  #eaeaea;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-family:  "Trebuchet MS", verdana, arial, helvetica, serif;
	color:  #fff;
}	


	div#search_form form {
		background: none;
		border:  none;
		padding:  5px;
		margin:  0px;
		
	}
	
		div#search_form label {
			float:  left;
			display:  inline;
			width:  100px;
			color:  #333;
			padding: 4px 0px 0px 0px;
		}

		div#search_form select {
			margin:  4px 0px;
			padding:  0px;
		}

		div#search_form p {
			margin:  4px 0px 0px 0px;
			padding:  2px 0px 0px 0px;
		}
	






div#container form {
	font-family:  helvetica, arial, sans-serif;
	padding:  10px;
	margin: 8px 0px 0px 0px;
	border:  1px solid #ccc;
	background-color:  #fff;
}





	
	

	
	


table#macroinveterbrates {
	margin:  0px 0px 20px 0px;
	font-family:  helvetica, arial, sans-serif;
	padding:  0px;
	background-color:  #fff;
	vertical-align:  top;
}

	table#macroinveterbrates th {
		text-align:  left;
		vertical-align: top;
		background-color:  #f2f2f2;
		border-bottom: 3px solid #ddd;
		padding:  10px;
		color: #555;
	}

	table#macroinveterbrates td {
		font-size:  12px;
		text-align:  left;
		font-weight: normal;
		border-left:  1px solid #eaeaea;
		border-right:  1px solid #f2f2f2;
		border-bottom:  1px solid #eaeaea;
		padding:  4px 10px;
		margin:  0px;
		color: #333;
		background-color:  #fff;
		font-family:  helvetica, arial, sans-serif;
	}

		table#macroinveterbrates td label {
			line-height:  22px;
			margin:  0px;
			padding:  0px;
		}




/* ------------------------------------------------

------      this reports scores         ----------*/


table#macro_total_scores {
	width:  838px;
	padding:  0px;
	margin: 0px 0px 15px 0px;
	background-color:  #f2f2f2;
}


table#macro_total_scores th {
	text-align: right;
	background-color:  #f2f2f2;
	font-size:  14px;
	font-weight: bold;
	color:  #444;
	border-bottom:  1px solid #ddd;
	padding: 5px 15px 5px 12px;	
}


table#macro_total_scores td {
	width:  133px;
	text-align:  left;
	background-color:  #fff;
	font-size:  15px;
	font-weight: bold;
	color:  #444;
	border-bottom:  1px solid #ddd;
	padding: 5px 20px 5px 12px;	
}





/* ------------------------------------------------

------      water quality chart         ----------*/



table#water_quality_ratings {
	float:right;
	border:  1px solid #ddd;
	padding:  6px;
	margin: 0px;
	clear: both;
}

table#water_quality_ratings th {
	font-size:  13px;
	font-weight: bold;
	text-align:  left;
	width:  120px;
	color:  #444;
	border-bottom:  1px solid #ddd;
	padding: 5px 20px 5px 15px;
}

table#water_quality_ratings td {
	font-size:  13px;
	font-weight: bold;
	text-align:  left;
	width:  120px;
	color:  #444;
	border-bottom:  1px solid #ddd;
	padding: 5px 20px 5px 15px;
}

/* these float two columns */

div.left {
	font-family:  helvetica, arial, sans-serif;
	float: left;
	width: 350px;
	clear: both;
	margin-bottom:  20px;
}

div.right {
	font-family:  helvetica, arial, sans-serif;
}


div#search_results_container {
	width:  853px;
	overflow:  scroll !important;
	border:  1px solid #ccc;
	padding:  0px 0px 0px 8px;
	margin:  0px;
	max-height: 500px;
	}

table#search_results {
	overflow:  scroll !important;
	height: 400px !important;

	}
	
	table#search_results td {
		text-align: left;
		padding:  5px 6px 5px 10px;
		}









/* ------------------------------------------

        	text-stylings

------------------------------------------  */




a {
	padding: 0px;
	font-family:  helvetica, arial, sans-serif;
	text-decoration: underline;
	color: #243C70;
}

a:hover {
	background-color:  #eee;
	text-decoration: none;
	color: #444;
}



/* specific imaged links */
	
a#submit_form {	
	display: block;
	width:  120px;
	height:  58px;
	border:  0px;
	background-image:  url(/images/savereport.jpg);
	background-repeat:  no-repeat;
	background-position: 0px -68px;
	margin:  0px;
	padding:  0px;
	}
	
a#submit_form:hover {
	background-position: 0px 0px;
	background-color:  #fff;
	}
	
	a#submit_form span {display: none;}
	


a#edit_form {
	display: block;
	width:  120px;
	height:  58px;
	border:  0px;
	background-image:  url(/images/revise.jpg);
	background-repeat:  no-repeat;
	background-position: 0px 0px;
	margin:  0px;
	padding:  0px;
	}

	a#edit_form:hover {
		background-position: 0px -68px;
		background-color:  #fff;
		}
		
		a#edit_form span {display: none;}


a#create_report {
	display: block;
	width:  120px;
	height: 48px;
	border:  0px;
	background-image:  url(/images/create.jpg);
	background-repeat:  no-repeat;
	background-position: 0px 0px;
	margin:  10px 0px 6px 95px;
	padding:  0px;
	}

	a#create_report:hover {
		background-position: 0px -67px;
		background-color:  #fff;
		}
		
		a#create_report span {display: none;}

	
a#save_excel {
	display: block;
	width:  120px;
	height:  62px;
	border:  0px;
	background-image:  url(/images/excel.jpg);
	background-repeat:  no-repeat;
	background-position: 0px 0px;
	margin:  0px;
	padding:  0px;
	}

	a#save_excel:hover {
		background-position: 0px -67px;
		background-color:  #fff;
		}
		
		a#save_excel span {display: none;}

	
		

p, ul, ol {
	font-family:  Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6{
	font-family:  Helvetica, Arial, sans-serif;
}

h1 {
	display: block;
	border-bottom:  1px solid #ccc;
	font-size:  21px;
	color: #243C70;
	margin: 7px 0px 10px;
	padding:  10px 0px;
}

h2 {
	display: block;
	/*border-bottom:  1px solid #ccc;*/
	font-size:  18px;
	color: #333;
	margin: 20px 0px 2px 0px;
	padding:  0px 0px 4px 0px;
}

h3 {
	font-size:  16px;
	color: #333;
	margin: 12px 0px 0px 0px;
	padding:  0px 0px 8px 0px;
}

h4 {
	font-size:  15px;
	font-weight:  normal;
	color: #555;
	margin: 13px 0px 10px 0px;
	padding: 0px;
	
}

h5{
	font-size: 13px;
	font-weight: normal;
	color: #555;
}


/* ------------------------------------------

        other stylings for fckeditor output

------------------------------------------  */

div.fckeditor-output{
	min-height: 40px;
}

	div.fckeditor-output img, div.fckeditor-preview img{
		max-width: 600px;
		border: 1px solid #ccc;
		padding: 1px;
		margin: 2px;
	}

	div.fckeditor-output img.img_left, div.fckeditor-preview img.img_left{
		margin: 2px 10px 8px 0;
	}

	div.fckeditor-output img.img_right, div.fckeditor-preview img.img_right{
		margin: 2px 0 8px 10px;
	}
.img_right{
	float:right;
}

.img_left{
	float:left;
}

div.fckeditor-preview{
	width: 600px;
	margin: 3px auto;
	border: 2px solid #ddd;
	padding: 20px;
	background-color: #eee;
}

div.fckeditor-output ul, div.fckeditor-output ol{
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 20px;
}

div.fckeditor-output ul li{
	list-style-type: square;
}


form h2{
	font-size: 20px;
	clear:both;
}