/* The following sections is (cc) Tantek Celik */

/* link underlines tend to make hypertext less readable,
   because underlines obscure the shapes of the lower halves of words */
:link,:visited {  }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none; }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img,fieldset { border:none }

/* de-italicize address */
address { font-style:normal }
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

/* Common */
a { color: #355A8F; outline: none; }
h1 { color: #355A8F;font-size: 14px; font-weight: bolder; margin: 0; padding: 0; display: inline;}
.heading-decoration { margin: 3px 0 3px 0; display: block;}
.heading-decoration h1 {background-image: url(/resources/img/all/cmn/header_decoration.gif);background-repeat:no-repeat; background-position: 0px 0px; margin: 0; padding: 1px 0 1px 17px;float: left;font-family: verdana, sans-serif, default; }
.heading-links { text-decoration: underline; color: #355A8F; font-size: 0.9em; margin: 4px 0 0 10px; float: left;}
.heading-links:hover { background: #D9E4FB; }
.status-messages {padding: 0 0 0 5px; }
.status-messages p {padding: 5px 0 0 0; }
.status-messages p.trace { font-style: italic; font-size: 0.8em;}
.clearer {clear: both;line-height: 0px;}
p.list-empty {margin-top: 2px; padding: 5px;}
.field-error { background: #FFDFDF; padding: 5px; margin-bottom: 5px;}
.field-error .error-message { color: red; font-weight: bold; margin: 0 0 5px 11.2em; }
.sorry {color: #7B7A7A;}
#forgotPasswordLink { margin-left: 10px; }
#statusBox {visibility: hidden;background-color: #66CCFF;padding: 4px 10px 4px 10px;	color: white; width: auto;left: 0;top: 0;position: absolute;}	 
#statusBox a {text-decoration: underline;}
.hidden {display: none;}
.visible {}
.norecords {padding: 4px; }

/* Action messages */
.success {background-image: url('/resources/img/ico_ok.gif'); background-repeat: no-repeat; background-position: left top; margin-left: 10px;padding: 0px;float: left;height: 16px;}
.success span {padding-left: 20px;}

.error { display: block; clear: left; margin: 0; padding: 2px 0 5px 11.2em;  vertical-align: middle; background: #FFDFDF;}
.error span { display: block; color: red; font-weight: bold; padding: 0; margin: 0; }

.actionStatus {background-image: url('/resources/img/all/icons/ico_ok.gif');background-repeat: no-repeat;background-repeat: no-repeat;background-position: left top;padding-left: 1.7em;	margin-bottom: 20px;height: 16px;padding-top: 0px;}
.actionError {background-image: url('/resources/img/all/icons/ico_err.gif');background-repeat: no-repeat;background-repeat: no-repeat;	background-position: left top;padding-left: 1.7em;	margin-bottom: 20px;height: 16px;padding-top: 0px; margin-top: 7px; margin-left: 7px;}

/* AddLink */
.addLinkDiv {text-align: right;}
.addLink  {font-family: arial, sans-serif, default; background: url('/resources/img/all/icons/ico_plus.gif') transparent;background-repeat: no-repeat;padding-left: 1.7em;	padding-top: 1px;	margin-right: 1px; padding-bottom:1px;	}
.addLinkInProgress  {font-family: arial, sans-serif, default; background: url('/resources/img/all/icons/in_progress.gif') transparent;background-repeat: no-repeat;padding-left: 1.7em;	padding-top: 1px;	margin-right: 1px;	padding-bottom:1px;}
.addLinkHideForm  {font-family: arial, sans-serif, default; background: url('/resources/img/all/icons/ico_minus.gif') transparent;background-repeat: no-repeat;padding-left: 1.7em;	padding-top: 1px;	margin-right: 1px;	padding-bottom:1px;}
.addLink a:hover {background: #D9E4FB;}
.addLink .help {color: #bdcee8;}
.addLink #addLinkHelp {color: #7493c1;}
.addLinkInProgress a:hover {background: #D9E4FB;}
.addLinkInProgress .help {color: #bdcee8;}
.addLinkInProgress #addLinkHelp {color: #7493c1;}

/* Content wrappers */
body { color: black; height:100%; margin:0; padding:0; font-family: verdana, sans-serif, default; font-size:12px; background: #F8F9FB}
.content-wrapper { background-color: white; background-image: url(/resources/img/all/cmn/container_bg.gif);	background-repeat: repeat-y; margin: auto;	width: 810px;}
.content-container { margin: 0 auto; padding: 0; width: 784px; background-image: url(/resources/img/all/cmn/content_bg.gif);	background-position: 0px 140px;	background-repeat: repeat-y;}
.content-container-lake { margin: 0 auto; padding: 0; width: 784px; background-image: url(/resources/img/all/cmn/content_lake_bg.gif);	background-position: 0px 140px;	background-repeat: repeat-y;}
.content-container-lake .content { width: 585px; }

/* Section header */
.section-header { margin: 4px 0 4px 0; padding: 0; display: block; }
.section-header:hover { background: transparent; }
.section-header img { display: block; }

/* Exceptions */
.content-container .navigation { margin-bottom: 10px; }
.content-container .navigation a.section-header:hover {background: transparent;}
.content .database .section-header { margin: 2px 0 6px 0; }

/* Content */
.content { float: left; padding: 0 6px 6px 6px; width: 463px; }
.content .header { margin: 0 0 0 2px;}

.content .results { margin: 1px; }
.content .results table th { background-color: #9DB4D0;color: #F0F8FF; text-align: left; padding: 1px 1px 1px 7px; }
.content .results table a{ color: #355A8F; text-decoration: underline;}
.content .results table a:visited{ color: #ABC1DF; }
.content .results table a:hover {background-color: #D9E4FB;color: #355A8F;text-decoration: underline; border: none;}
.content .results table td { padding: 2px 2px 2px 7px; margin: 0;}
.content .results table tr.alternate{background-color: #edf1f6;}

.content .results li {background-image: url(/resources/img/all/nav/separator.gif);background-position: top;background-repeat: repeat-x;margin: 5px;padding: 5px 0 2px 0;}
.content .results li p {margin: 5px 0 0 0; font-family: arial, sans-serif; text-align: justify; }
.content .results li h2 { color: #355A8F;font-size: 14px; font-weight: bolder; margin: 3px 0 3px 0; padding: 0; display: block;}
.content .results li h2 a {text-decoration: none;}
.content .results li h2 a:hover{background-color: #D9E4FB;color: #355A8F; text-decoration: underline; }
.content .results li .item-count { line-height: 1em; color: #7493c1; font-weight: normal; font-size: 0.8em; vertical-align: middle; margin: 0;}
.content .results li .item-count-container { line-height: 1em; color: #bdcee8; font-weight: normal; font-size: 0.8em; vertical-align: middle; padding: 0 0 5px 0; margin: 0;}

.content p {margin-bottom: 10px; text-align: justify;}
.content p.return {margin-top: 30px;	margin-left: auto; margin-right: auto;	text-align: center;	font-size: 1.0em;}
.content p.explain {	font-weight: bold;	margin-left: 12px; margin-bottom: 20px; width: 70%;}

/* Affiliates */
.affiliates {float: left; width: 122px; text-align: center; margin: 10px 0 0 0; }
.affiliates li {margin: 0 0 9px 0; }

/* Content/Database */
.content .database { background-image: url(/resources/img/all/nav/separator.gif);	background-position: bottom;	background-repeat: repeat-x; padding: 4px 10px 10px 10px;}
.content .database .search { float: left; width: 153px;}
.content .database .search label{font-family: verdana, sans-serif, default; font-size: 0.9em; }
.content .database .search .textbox { width: 90px; border: 1px solid #C0C0C0; vertical-align: middle; margin-top: 2px; }
.content .database .search input { float: left; }
.content .database .search .button { margin-left: 5px; }
.content .database .search select { font-size: 1em; float: left; font-family: arial, sans-serif, default;}
.content .database .reports { float: left; width: 280px; margin: 0 0 0 10px; }
.content .database .reports a {  color: black; font-weight: bold; font-family: verdana, sans-serif, default; font-size: 0.9em; text-decoration: none; }
.content .database .reports a:hover {background-color: #D9E4FB;color: #355A8F;text-decoration: underline;}
.content-container .reports li {margin: 3px 0 6px 0; background-image: url(/resources/img/all/nav/bullet.gif);
 background-position: 0px 6px;	background-repeat: no-repeat; padding: 0 1px 1px 9px;}
.content .database .reports li.last {  margin: 0 0 0 0; }
.content .database .reports-first { float: left; width: 105px; }
.content .database .reports-second { float: left; margin-left: 3px;	width: 168px;}

/* Alert */
.content .alert { text-align: justify; color: #355A8F; padding: 10px; margin: 10px; background-color: #EDF2FE; border: 1px solid #D9E4FB; }
.content .alert p { margin-bottom: 12px; }
.content .alert p.last { margin-bottom: 0; }

/* Navigation */
.content-container .navigation { float: left; padding: 0 12px 0 12px; width: 161px; font-size: 0.9em; font-family: verdana, sans-serif, default; }
.content-container .navigation .first-section { margin: 0; padding: 0;}
.content-container .navigation .section { background-image: url(/resources/img/all/nav/separator.gif); background-position: top; background-repeat: repeat-x; margin: 6px 0 0 0; padding: 6px 0 0 0;}
.content-container .navigation a {font-size: 1em; color: black; text-decoration: underline; }
.content-container .navigation a img {display: block;}
.content-container .navigation a:hover {background-color: #D9E4FB;color: #355A8F;text-decoration: underline;}
.content-container .navigation #register {background-image: url(/resources/img/all/nav/bullet.gif); background-position: 0px 7px;	background-repeat: no-repeat; padding: 2px 1px 1px 10px;}
.content-container .navigation .item-count { color: #7493c1;}
.content-container .navigation .item-count-container { color: #bdcee8;}
.content-container .navigation ul {margin: 0 0 0 5px; padding: 0;}
.content-container .navigation form {margin: 0 4px 0 4px;}
.content-container .navigation li {margin: 5px 0 0 0; background-image: url(/resources/img/all/nav/bullet.gif);
 background-position: 0px 6px;	background-repeat: no-repeat; padding: 0 1px 1px 10px;}
.content-container .navigation li.active a {background-color: #D9E4FB; color: #355A8F;}
.content-container .navigation .textbox {border: 1px solid #C0C0C0; width: 90px;}
.content-container .navigation .button {margin: 4px 0 0 0;}

/* Navigation/Database */
.navigation .database .search {margin: 5px 0 0 0;}
.navigation .database .reports {margin: 8px 0 0 0;}

.navigation .database label{font-family: verdana, sans-serif, default; font-size: 0.9em;}
.navigation .database select {font-size: 1.1em; float: left; font-family: arial, sans-serif, default; margin: 3px 0 0 0;}
.navigation .database input {float: left; margin: 0; padding: 0; }
.navigation .database .textbox {width: 90px; border: 1px solid #C0C0C0; margin: 3px 0 0 0;}
.navigation .database .button {margin: 2px 0 0 5px;}

/* Forms */
.horizontalForm {font-family: verdana, sans-serif, default; font-size: 1em;}
.horizontalForm textarea {width: 18em; padding: 0px;margin-bottom: 4px;float: left;border: 1px solid #C0C0C0;}
.horizontalForm .textbox {width: 17em; border: 1px solid #C0C0C0; }
.horizontalForm select {width: 17em; border: 1px solid #C0C0C0; }
.horizontalForm fieldset {border: 0 none;margin: 0;padding: 0;}
.horizontalForm label {display: block;float: left;width: 10em;margin-bottom: 0.7em;text-align: right;padding-right: 1.2em;}
.horizontalForm input {display: block;float: left; margin-bottom: 0.5em; font-size: 1.0em;}  

/* Forms extras */
.horizontalForm p.predefined-value {margin-left: 11.2em;font-size: 1.0em;}  
.horizontalForm p.comment-link { margin: 10px 0 10px 11.2em; } 
.horizontalForm p.comment-link a { color: black; text-decoration: underline; font-size: 0.9em; } 
.horizontalForm p.comment-link a:hover { background-color: #D9E4FB;color: #355A8F;text-decoration: underline; }
.horizontalForm p.comment-link .item-count { color: #7493c1; font-size: 0.9em;}
.horizontalForm p.comment-link .item-count-container { color: #bdcee8; font-size: 0.9em;}
.horizontalForm .explain {margin-bottom: 1em;font-size: 0.9em;color: #858585;float: left;padding-left: 12.4em;}
.horizontalForm .button {padding: 1px;margin: 0;}
.horizontalForm #termsExplain {float: left; width: 250px; margin-bottom: 5px; margin-left: 5px;}

/* Header */
.logo { width: 784px; margin: 0 auto; padding: 0; border-top: 1px solid #C4C4C4;}
.logo .languages { position: absolute;margin-left: 5px;}
.logo .languages li { margin-right: 5px; margin-top: 3px; float: left; padding: 0; }
.logo .authorization-status { position: absolute; margin-left: 10px; margin-top: 117px; font-size: 0.9em;}
.logo .authorization-status a { color: #6f7bb9; }

.header { width: 784px; margin: 5px auto 0 auto; }
.header .tabs { float: right; margin: auto; padding: 0; text-align: right;}
.header .tabs li { float: left; margin: 0; padding: 0; }
.header img { display: block; }

/* Footer */
.footer {background-image: url(/resources/img/all/cmn/content_bottom_bg.gif);	background-repeat: no-repeat; line-height:4px; width: 784px; padding: 15px 0 15px 0; margin: 0 auto; text-align: center; font-size: 0.9em; color: #6b6b6b; }
.footer a { color: #6b6b6b; }

/* Breadcrumbs */
.breadcrumbs { background-image: url(/resources/img/all/nav/separator.gif); background-position: bottom;
	background-repeat: repeat-x; color: #808080; font-family: arial, sans-serif; font-size: 1.05em; margin: 0px auto;
	padding: 4px; padding-bottom: 8px; }
.breadcrumbs a{	text-decoration: underline; color: #808080; font-family: arial, sans-serif; font-size: 13px;}
.breadcrumbs a:hover{background-color: #F5F5F5; color: #000000; text-decoration: underline;}
.breadcrumbs li{display: inline; list-style-type: none;}
.breadcrumbs ul{display: inline;padding-left: 7px;}

/* ShowRecords / Lake layers */
.layerCollapsed { font-family: Arial, Helvetica, sans-serif;	font-size: 12px; padding: 5px 5px 5px 35px; cursor: pointer; background-image: url('/resources/img/all/icons/zoom-in.png'); background-repeat: no-repeat; background-position: 2px 2px;}
.layerExpanded { font-family: Arial, Helvetica, sans-serif;	font-size: 12px; padding: 5px 5px 5px 35px; cursor: pointer; background-image: url('/resources/img/all/icons/zoom-out.png'); background-repeat: no-repeat; background-position: 2px 2px;}
.lakeParam {width:135px;vertical-align: top;color: #355A8F; font-family: arial,sans-serif;font-size: 0.9em;	background-color: transparent;padding:3px;padding-left:10px;}
.lakeData{background-color: transparent; padding: 3px 5px 5px 10px; font-size: 0.9em; font-family: arial,sans-serif; vertical-align: top;}
.lakeDataAlternate{padding: 3px 5px 5px 10px; font-size: 0.9em; font-family: arial,sans-serif; vertical-align: top;}
.layer-name{float: left;}
.layer-record-count{float: right;}
.lakeLayers .additionalInfo{font-size: 0.9em;color: #B7B7B7; font-family: arial,sans-serif; }
#map {width: 554px; height: 200px; margin: 0 auto 20px auto;}
.lakeDescription {padding: 2px 14px 14px 14px ;text-align: justify;}

/* Blog */
.content .blog { padding: 0 10px 10px 10px; margin: 4px 0 0 0;}

.blog-synopsis { background-color: #EDF2FE; border-bottom: 1px solid #D9E4FB; border-top: 1px solid #D9E4FB; margin: 4px auto 0 auto; padding: 6px;}
.blog-synopsis .summary p { padding: 2px;}
.blog-synopsis .entry-author {font-weight: normal; color: #355A8F; font-family: verdana, sans-serif;margin: 0 0 5px 0; padding: 0;}
.blog-synopsis .entry-date {font-size: 0.9em; color: #7B7A7A; font-family: verdana, sans-serif;margin: 5px 0 0 0;}

.content .blog .blog-body { padding: 8px; }
.content .blog .blog-body p { margin: 0 0 12px 0;}

.content .blog .attachments { background-color: #EDF2FE; border-bottom: 1px solid #D9E4FB; border-top: 1px solid #D9E4FB; margin: 4px auto 0 auto; padding: 4px;}
.content .blog .attachments li { font-size: 0.9em; border: 0 none; background: transparent; margin: 2px; padding: 0;}
.content .blog .attachments h2 { padding: 4px; display: block; font-size: 1.2em; color: #355A8F;}

/* Comments */
.comment-form h2 { background-color: #EDF2FE;	border-bottom: 1px solid #D9E4FB; border-top: 1px solid #D9E4FB; margin: 10px 0 10px 0; padding: 4px; display: block; font-size: 1.2em; color: #355A8F;}
.comments-form form { margin-top: 10px;}

.comment-list {margin-top: 10px; font-family: verdana, sans-serif; }
.comment-list .first-in-thread {background-color: #EDF2FE;color: #000000; margin: 0; }
.comment-list li{ margin: 0 0 0 15px; background-color: #F8F9FB;border-bottom: 1px solid #E3E2E2; padding: 8px;}
.comment-list p {font-family: arial, sans-serif; }
.comment-list .comment-author {font-weight: normal; color: #355A8F; margin: 0 0 5px 0; padding: 0;}
.comment-list .comment-date {font-size: 0.9em; color: #7B7A7A; font-family: verdana, sans-serif;margin: 5px 0 0 0; padding: 0;}
.comment-form p.comment-link { margin: 10px 0 10px 11.2em; font-family: verdana, sans-serif; } 

/* Table helper */
.table-helper {float: none;}
.table-helper {margin-bottom: 10px;}
.table-helper .table-helper-statistics {margin: 15px 0 6px 0;  font-size: 0.9em; color: #a4a4a4;}
.table-helper a {float: left; color: #0060BF; vertical-align: middle; border: 1px solid #9DB4D0; padding: 2px 6px 2px 5px; font-size: 0.9em; text-decoration: none; margin: 0 auto; margin: 0 0 2px 3px; }
.table-helper a:hover {background: #D3ECFF;}
.table-helper a.active {color: #fff; background: #9DB4D0; padding: 2px 6px 2px 5px; font-size: 0.9em; text-decoration: none;}
.table-helper .separator {float: left; margin: 0 5px 0 5px;}
.table-helper .disabled {vertical-align: middle; border: 1px solid #a4a4a4; color: #a4a4a4; padding: 2px 6px 2px 6px; font-size: 0.9em; text-decoration: none; float: left; margin: 0 0 0 3px;}

div.jailed {margin: 0 auto; padding: 0; text-align: center;}

/* Advanced Search */
#advanced-search .examples { border: 1px solid #D9E4FB; margin: 10px; padding: 10px; }

#advanced-search #defined-params {margin: 10px;}
#advanced-search #defined-params .param-id {color: #bdcee8;}
#advanced-search #defined-params .param-layer {color: #bdcee8;}
#advanced-search #defined-params .delete-link {font-size: 0.9em; padding: 0 5px 2px 5px; margin: 2px; text-decoration: none; color: #fff; vertical-align: middle; border: 1px solid #9DB4D0; color: #0060BF; }
#advanced-search #defined-params .delete-link:hover {background: #D3ECFF;}
#advanced-search #defined-params .delete-row {text-align: center;}

#advanced-search .lake-list {margin: 10px;}

#advanced-search #param-form {border: 1px solid #D9E4FB; margin: 10px; padding: 10px;}
#advanced-search #param-form .submit {margin-top: 3px;}
#advanced-search #param-form .inputField {margin-top: 5px;}
#advanced-search #param-form #valueNumericRule {float: left; width: 40px; margin-right: 5px;}
#advanced-search #param-form .textbox {padding: 2px; width: 17em; border: 1px solid #C0C0C0; vertical-align: middle; margin-top: 2px;}
#advanced-search #param-form .textbox-numeric {float: left; padding: 2px; width: 160px; border: 1px solid #C0C0C0; vertical-align: middle; margin-top: 2px;}
#advanced-search #param-form select {padding: 0; width: 17em; border: 1px solid #C0C0C0; vertical-align: middle; margin-top: 2px;}
#advanced-search #param-form .explain {float: none; margin-bottom: 5px; font-size: 0.9em;color: #858585; padding-left: 12.4em;}

#about {margin: 10px 20px 20px 20px;}
#about h2 {font-size: 1.2em;}
#about .logo-small {float: right; margin: 10px; }

#references {margin: 10px;}
#about h2 {font-size: 1.2em;}

.references-list .item-id {padding-top: 2px; color: #bdcee8; font-weight: bold; font-size: 1.2em; float: left; width: 7%;}
.references-list.results .item-data {float: left; width: 93%;}

.showMoreArticles {text-align: right; font-size: 0.9em;}
.showMoreArticles a:hover { background: #D9E4FB; }

.lakeHiddenRecords {background: white url('/resources/img/all/icons/flag_blue.png') center no-repeat;background-position: 15px 50%; /* x-pos y-pos */text-align: left;padding: 5px 20px 5px 45px;	margin-bottom: 10px;	border-top: 2px solid #355A8F;	border-bottom: 2px solid #355A8F;}
.lakeHiddenRecords p {margin: 0;}

.footer a:hover { background: #dedede; }

#about-us-link {background: transparent url('/resources/img/all/icons/pdf.jpg') center no-repeat;background-position: 5px 50%; padding: 5px 10px 5px 42px; display: block; color: #355A8F; }
#add-data-container {margin-bottom: 5px;}
#add-data-form {border: 1px solid #C0C0C0; padding: 10px; margin: 5px 0 5px 0;}
#add-data-form form label {width: 160px;}
#add-data-form form .explain {padding-left: 175px;}
#swfUploadTarget {float: left;}

/*
table.lakeTable tr a.deleteRecordLink {display: none;}
table.lakeTable tr:hover a.deleteRecordLink {display: inline;}
*/

/* Style for common elements */
br { clear: both;}
.hidden {display: none;}
.visible {}

/* Forums/Results */
#forums  {color: #2B2A2C;}
#forums .search { margin: 0 0 6px 0; padding: 0; }
#forums .search .textbox { float: left; width: 140px; border: 1px solid #C0C0C0; margin: 2px 0 0 0; padding: 0;}
#forums .search .button { float: left; margin: 0 0 0 5px; padding: 0;}
#forums .search fieldset { margin: 0; padding: 0;}

#forums .results .forum-id {color: #bdcee8;}
#forums .results li p {margin: 5px 0 0 21px;}
#forums .results th.topic {width: 55%; }
#forums .results th.author {width: 15%;}
#forums .results th.date {width: 8%; }
#forums .results td.date {width: 8%; font-size: 0.9em; white-space: nowrap; color: #7B7A7A; }
#forums .results td .item-count { line-height: 1em; color: #7493c1; font-weight: normal; font-size: 1em; vertical-align: middle; margin: 0;}
#forums .results td .item-count-container { line-height: 1em; color: #bdcee8; font-weight: normal; font-size: 0.9em; vertical-align: middle; margin: 0; padding: 0 0 3px 0;}

/* Forums/Forms */
#forums .button-add-thread {text-align: right; margin: 5px 0 0 0; padding: 0; } 
#forums p.return {margin-top: 20px; text-align: left;}
#forums #add-topic-form textarea{width: 300px; margin: 5px 0 5px 0;}
#forums #add-topic-form .textbox{width: 295px;}
#forums #add-topic-form p.return {margin-left: 11.2em;}
#forums #add-reply-form #preview{margin-right: 3px;}
#forums #add-reply-form textarea{width: 300px;}
#forums #add-reply-form p.return {margin-left: 11.2em;}
#forums .add-reply-form {margin-top: 30px;}
#forums .textbox { font-size: 14px; }





.layerbirds {	background-color: #339999;}
.layercatchment {	background-color: #9DBCEA;}
.layerchemistry {	background-color: #3399FF;}
.layerdangers {	background-color: #F5F5F5;	color: #B22222;}
.layerfish { background-color: #99CCCC;}
.layerfloor {	background-color: #996600;	color: #C0C0C0;}
.layerhabitats {	background-color: #33CC33;	color: #FFFFFF;}
.layerinvertebrates {	background-color: #CC9900;}
.layerisland {	background-color: #CCCC00;}
.layerlake {	background-color: #6699FF;	color: #FFFFFF; }
.layerlakeshore {	background-color: #FFFF99;}
.layermacrophyte {	background-color: #33CC33;}
.layermammals {	background-color: #66CCCC;}
.layerobjects {	background-color: #FF6633;}
.layerphytoplankton {	background-color: #99FF99;}
.layerrecreation {	background-color: #FF9900;}
.layersurroundings {	background-color: #FFCC66; }
.layerzooplankton {	background-color: #CCFF66;}
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(/resources/img/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/resources/img/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/resources/img/lightbox/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}