/*---------------------------------------------------------------*
 * Kudos to http://bluerobot.com/web/layouts/default.asp
 * for the 3 column layout
 *---------------------------------------------------------------*/

body
{
	font-family:Georgia, Verdana, Arial, serif; /* FIXME fonts do not match */
	margin:0px;
	background: #eeeeff;
	font-size: 1em;
	padding:0px;
}

/* no border on hyperlinked images*/
a Img
{
	border:0;
}

.nowrap 
{

	white-space:nowrap;
}

/* credit to http://www.greywyvern.com/code/min-height-hack.html */

.minheightprop {
	width:1px;
	float:right;
	position:relative;
}

.minheightclear {
	clear:both;
	height:1px;
	overflow:hidden;
}

a.hidelink {
	text-transform:lowercase;
	text-decoration:none;
	cursor:normal;
}

/*---------------------------------------------------------------*
 * title header
 *---------------------------------------------------------------*/

/* header content placement*/
#header_block
{
	background:#000066;
	margin:0px;
}

/* header content interior */
#header
{
	
}

#header h1
{
	margin:0px;
	background-image: url('/templates/basic/img/logo.gif');
	height:74px;
	width:257px;
	cursor:pointer;
	/*cursor:hand;*/
}

#header h1 a
{
	display:none;
}

/*---------------------------------------------------------------*
 * search block (incorporates login/register links)
 *---------------------------------------------------------------*/

#search_block {
	position:absolute;
	top:4px;
	right:0.4em;
	width:21em;
	background:#000066;
	text-align:right;
}

#search
{
	color:white;
	font-weight:bold;
}

#search form
{
	margin:0;
}

#login
{
	font-size:0.8em;
	color:white;
	font-weight:bold;
}

#login a
{
	color: #aaaaaa;
}

#login a:hover
{
	color: #eeeeee;
}



.searchinput {
	width:250px;
}

.disabledLabel {
	color:silver;
}

#browsepanel {
	margin:4px 10px 0px 10px;
	border:2px solid black;
	background-color:white;
	padding:10px;
	z-index:4;
}

/*---------------------------------------------------------------*
 * right navigation block
 *---------------------------------------------------------------*/


#right_block {
	position:absolute;
	width:190px;
	top:78px;
	right:10px;
	border:2px solid black;
	background-color:white;
	padding:10px;
	z-index:1;

	voice-family: "\"}\"";
	voice-family:inherit;
	width:168px;
	}
body>#right_block {width:168px;}

#right_block h3
{
	margin: 0 0 0.5em 0;
}

/*---------------------------------------------------------------*
 * left navigation block
 *---------------------------------------------------------------*/

#nav_block {
	position:absolute;
	width:150px;
	top:78px;
	left:10px;
	border:2px solid black;
	background-color:white;
	padding:10px;
	z-index:2;

	voice-family: "\"}\"";
	voice-family:inherit;
	width:128px;
	}
body>#nav_block {width:128px;}

.nav
{
	font-size:0.8em;
}

.nav ul
{
	margin:0;
	padding:0 0 0 1em;
	font-size:0.85em;
}

.nav ul li ul
{
	font-size:1.17em;
}

.nav ul li ul li ul
{
	font-size:0.9em;
}

.nav h3.newstitle
{
	font-weight:bold;
	margin: 0.8em 0 0 0;
}

.nav .newsbody
{
	border-top: 1px solid silver;
	padding-top:3px;
	font-size:0.8em;
}

.nav .newsfooter
{
	border-top: 1px solid silver;
	padding-top:3px;
	font-size:0.7em;
	color:gray;
}

/*---------------------------------------------------------------*
 * main content block
 *---------------------------------------------------------------*/

.content_photoblack
{
	background:black;
	position:relative;
	width:auto;
	min-width:120px;
	margin:4px 10px 0px 170px;
	
	border:2px solid black;
	z-index:3;
	color:silver;
}

.content_photoblack h2
{
	color:white;
	padding-left:10px;
	padding-top:10px;
	margin-bottom:0;
}

.content_photoblack h3
{
	margin-top:0;
	padding-left:10px;
	font-weight:normal;
	color:silver;
}

.content_photoblack .keywords {
	color:#666666;
	font-size: 0.8em;
	margin-top:2px;
	padding:2px;
}

.content_photoblack .interestBox {
	background-color:#333333;
	color:#bbbbbb;
	font-size:0.9em;
}



.content_photoblack a 
{
	color:#00CCCC;
}
.content_photoblack a:visited
{
	color:#99FFFF;
}

.content_photoblack  dl.picinfo dt
{
	border-bottom:1px solid #333333;
}

.content_photogray
{
	background:gray;
	position:relative;
	width:auto;
	min-width:120px;
	margin:4px 10px 0px 170px;
	
	border:2px solid black;
	z-index:3;
	color:silver;
}

.content_photogray h2
{
	color:#D3D3D3;
	padding-left:10px;
	padding-top:10px;
	margin-bottom:0;
}

.content_photogray h3
{
	margin-top:0;
	padding-left:10px;
	font-weight:normal;
	color:silver;
}

.content_photogray .searchresults a
{
	color:silver;
}

.content_photogray .searchresults a:visited
{
	color:#999999;
}

.content_photogray .keywords {
	color:#999999;
	font-size: 0.8em;
	margin-top:2px;
	padding:2px;
}

.content_photogray .interestBox {
	background-color:#cccccc;
	color:#444444;
	font-size:0.9em;
}
.content_photogray .interestBox a {
	color:blue;
}
.content_photogray .interestBox a:visited {
	color:purple;
}

.content_photogray a 
{
	color:#82caff;
}
.content_photogray a:visited
{
	color:#00CCCC;
}

.content_photogray  dl.picinfo dt
{
	border-bottom:1px solid #888888;
}

.content_photowhite
{
	background:white;
	position:relative;
	width:auto;
	min-width:120px;
	margin:4px 10px 0px 170px;
	
	border:2px solid black;
	z-index:3;
	color:black;
}

.content_photowhite h2
{
	color:black;
	padding-left:10px;
	padding-top:10px;
	margin-bottom:0;
}

.content_photowhite h3
{
	margin-top:0;
	padding-left:10px;
	font-weight:normal;
	color:silver;

}

.content_photowhite .keywords {
	color:#cccccc;
	font-size: 0.8em;
	margin-top:2px;
	padding:2px;
}

.content_photowhite .interestBox {
	font-size:0.9em;
}


/* All the content boxes belong to the content class. */
.content3 {
	position:relative;
	width:auto;
	min-width:120px;
	margin:4px 210px 0px 170px;
	border:2px solid black;
	background-color:white;
	padding:10px;
	z-index:3;
	}

.content2 {
	position:relative;
	width:auto;
	min-width:120px;
	margin:4px 10px 0px 170px;
	border:2px solid black;
	background-color:white;
	padding:10px;
	z-index:3;
	}

.content1 {
	position:relative;
	width:auto;
	min-width:120px;
	margin:4px 10px 0px 10px;
	border:2px solid black;
	background-color:white;
	padding:10px;
	z-index:3;
	}
	
/* main content interior */
#maincontent
{

}

#maincontent h2
{
	margin-top:0px;
}

/* form styles */
#maincontent form label
{
	font-size:0.8em;
}

span.formerror
{
	font-size:0.8em;
	color:red;
}

div.copyright
{
	font-size:0.7em; 
	color: gray;
	text-align:center;
	font-style:italic;
}

p.wordnet a
{
	white-space:nowrap;
	text-decoration: none;
}

p.wordnet a:hover
{
	text-decoration: underline;
}

div.caption
{
	clear:left;
	font-size:0.8em;
}
div.caption640
{
	clear:left;
	font-size:0.8em;
	margin-left:auto;
	margin-right:auto;
	width:640px
}
div.statuscaption
{
	clear:left;
	font-size:0.7em;
	color:silver;
}
div.statuscaption a
{
	color:silver;
}

dl.browselist
{
	
}

dl.browselist dt
{
	font-weight:bold;
	border-bottom:1px solid #dddddd;
}

dl.browselist dd
{
	margin-left:5px;
	padding-bottom:15px;
}

div.rastermap {
  border: 1px solid #a9a9a9;
  padding: 4px;
  float:left;
  z-index:5;
  padding:10px;

}

div.ccmessage
{
	width:inherit;
	text-align:center;
	padding:3px;
	font-size:0.9em;
}

div.ccmessage img
{
	vertical-align: middle
}

/* styling for a full size portrait photo*/
div.photoportrait
{
	width:inherit;
	padding:10px;
	text-align:center;
	margin:10px;
}

/* styling for a full size landscape photo*/
div.photolandscape
{
	width:inherit;
	padding:10px;
	text-align:center;
	margin:10px;
}

div.img-shadow {
	overflow:auto;
}

.img-shadow img {
	/*
	width:100%;
	height:100%;
	max-width:640px;
	max-height:640px;
	*/
  	border: 1px solid #a9a9a9;
  	padding: 4px;
  }


/* styling for a 66% resized photo*/
div.photo66
{
	width:442px;
	padding:10px;
	border: silver 1px solid;
	text-align:center;
	margin:10px;
}



/* styling for a 33% resized photo*/
div.photo33
{
	width:230px;
	padding:10px;
	border: silver 1px solid;
	text-align:center;
	margin:10px;
	position:relative;
}

/* styling for a guide photo*/
div.photoguide
{
	width:650px;
	padding:10px;
	border: silver 1px solid;
	text-align:center;
	margin:10px;
	position:relative;
}


/*---------------------------------------------------------------*
 * inline sidebar
 *---------------------------------------------------------------*/

div.contentsidebar_block
{
	float:right;
	width:20em;
	background:#ddffdd;
	padding:0.5em;
}

div.contentsidebar ul
{
	margin:0;
	padding:0 0 0 1em;
}

div.contentsidebar li
{
	font-size:0.8em;
}

div.contentsidebar h3
{
	margin-top:0;
}

/*---------------------------------------------------------------*
 * report table
 *---------------------------------------------------------------*/

table.report thead tr
{
	background:black;
}
table.report thead tr td
{
	color:white;
	padding:0.2em;
	font-weight:bold;
}

table.report thead tr td a
{
	color:white;
}

table.report tbody tr td
{
	padding-left:0.2em;
	padding-right:0.2em;
}

table.report tbody tr.totalrow
{
	background: silver;
}

table.report tbody tr.totalrow th
{
	border-top: 1px solid black;
}

/*---------------------------------------------------------------*
 * form table
 *---------------------------------------------------------------*/

table.formtable td
{
	vertical-align:top;
}



table.formtable div.fieldnotes
{
	font-size:0.8em;
	color:#777799;
}

/*---------------------------------------------------------------*
 * picture info
 *---------------------------------------------------------------*/

div.picinfo
{
	font-size:0.8em;
	padding:5px;
	width:750px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

div.picinfo td
{
	vertical-align:top;
}

dl.picinfo
{
	padding-left:15px;
}

dl.picinfo dt
{
	font-weight:bold;
	border-bottom:1px solid #dddddd;
}

dl.picinfo dd
{
	margin-left:25px;
	padding-bottom:10px;
}

.buttonbar {
	background:#bbbbbb;
	color:black;
	margin-top:10px;
	margin-bottom:10px;
}
.buttonbar a 
{
	color:blue;
}
.buttonbar a:visited
{
	color:purple;
}

/*---------------------------------------------------------------*
 * tickets
 *---------------------------------------------------------------*/

div.ticket
{
	background:#f0f0f0;
	margin-bottom:10px;
	border:1px solid #d0d0d0;
	font-size:0.7em;
}

div.ticket div.ticketbasics
{
	background:#d0d0d0;
	padding-left:5px;
}

div.ticket div.ticketactions input
{
	font-size:0.8em
}

div.ticket div.ticketnotes
{
	padding-left:5px;
	font-style:italic;
}

div.ticket div.ticketnote
{
	margin-bottom:10px;
}

div.ticket div.ticketfields
{
	padding-left:5px;
}

div.ticket div.ticketnotehdr
{
	font-style:normal;
}
/*---------------------------------------------------------------*
 * accept/reject buttons
 *---------------------------------------------------------------*/

input.accept
{
	font-size:0.7em;
	background:#88aa88;
}

input.reject
{
	font-size:0.7em;
	background:#aa8888;
}

.moderatedlabel
{
	color:#449944;
	font-weight:normal;
	font-size:0.7em;
}

/*---------------------------------------------------------------*
 * statisitics area
 *---------------------------------------------------------------*/

table.statstable td
{
	text-align:right;
}



/*---------------------------------------------------------------*
 * buttons for map nav
 *---------------------------------------------------------------*/

div.map div.cnr
{
	float:left;
	width:10px;
	height:10px;
	background:#000066;
	font-size:0;
}

div.map div.side
{
	float:left;
	height:10px;
	width:10px;
	background:#000066;
	line-height:0;
	text-align:center;
}


div.map div.side a
{
	display:block;
	height:100%;
}

div.map div.side a:hover
{
	background-color:#660066;
}

div.map div.inner
{
	float:left;
	background:#6574FF;
}

div.map div.inner img
{
	float:left;
}

/*---------------------------------------------------------------*
 *footer block
 *---------------------------------------------------------------*/

/* footer placement */
#footer_block
{
	border:0;margin-top:0;background:none;
}

/* main content interior */
#footer p
{
	font-size:0.7em;
	text-align:right;
	margin-top:0;
	margin-bottom:0;

}

#footer a
{
	text-decoration:none;
}

#footer a:hover
{
	text-decoration:underline;
}

/*---------------------------------------------------------------*
 * Search Results
 *---------------------------------------------------------------*/

.xml-kml, A.xml-kml {font: bold 10px Verdana, sans-serif; padding: 0 0.5em; border: 1px solid;
  text-decoration: none;
  background: #6AC23E; color: #FFF; border-color: #CAEABA #356020 #1B3010 #9CD77F;}

.xml-rss, A.xml-rss {font: bold 10px Verdana, sans-serif; padding: 0 0.5em; border: 1px solid;
  text-decoration: none;
  background: #F60; color: #FFF; border-color: #FFC8A4 #7D3302 #3F1A01 #FF9A57;}
  
.xml-geo, A.xml-geo {font: bold 10px Verdana, sans-serif; padding: 0 0.5em; border: 1px solid;
  text-decoration: none;
  background: #009900; color: #FFF; border-color: #FFC8A4 #7D3302 #3F1A01 #FF9A57;}

.xml-gpx, A.xml-gpx {font: bold 10px Verdana, sans-serif; padding: 0 0.5em; border: 1px solid;
  text-decoration: none;
  background: #000099; color: #FFF; border-color: #FFC8A4 #7D3302 #3F1A01 #FF9A57;}



.navCell {
	white-space:nowrap;
	text-align:right;
	float:right;
}

.pageNav {
	background-color:#DDDDDD;
	padding: 5px;
	font-size: 1.1em;
	margin: 2px;
}

.navCell .pageNav {
	background-color:#E3E3E3;
	padding: 2px;
	font-size: 1em;
	margin: 0px;
	width: 1.6em;
	text-align: center;
}

.pageNavSelected {
	background-color: #A9A9A9;
}

.tabHolder {
	line-height:1.4em;
}

.tabSelected {
	background-color:#dddddd;
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	padding:3px;
	font-weight:bold;
}

.tab {
	background-color:#eeeeee;
	border-top: 1px solid gray;
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	padding:3px;
}

.interestBox {
	padding:5px;
	background:#dddddd;
	position:relative;
	color:black;
}

.innerInterestBox {
	float:left;
	position:relative;
}

.lessIndent {
	margin-left:0;
	padding:0 0 0 1em;
}

h2.titlebar {
	background-color:#D3D3D3;
	padding:5px;
}

/*---------------------------------------------------------------*
 * Form layout
 *---------------------------------------------------------------*/

form.simpleform {
  margin: 0;
  padding: 0;
  font-size: 100%;
  min-width: 560px;
  max-width: 620px;
  width: 590px;
}

form.simpleform fieldset {
  clear: both;
  font-size: 100%;
  border-color: #000000;
  border-width: 1px 0 0 0;
  border-style: solid none none none;
  padding: 10px;
  margin: 0 0 0 0;
}

form.simpleform fieldset legend {
  font-size: 150%;
  font-weight: normal;
  color: #000000;
  margin: 0 0 10px 0;
  padding: 0 5px;
}

form.simpleform label {
  font-size: 100%;
  
  width:10em;
  display:block;
  float:left;
}

form.simpleform div.field {
 margin-bottom:16px;
}

form.simpleform div.fieldnotes {

  background-repeat: no-repeat;
  background-position: top left;
  padding: 5px 5px 5px 5px;
  
  background-color: #ffffe1;
  color:#666666;
 
   margin-left:10em;
  
 font-size:0.8em;
}

form.simpleform div.formerror
{
   border:2px red solid;
   padding:5px;
   
}

form.simpleform p.error
{
	color:#880000;
	margin-top:0;
	font-weight:bold;
}


form.simpleform div fieldset {
  clear: none;
  border-width: 1px;
  border-style: solid;
  border-color: #666666;
  margin: 0 0 0 8em;
  padding: 0 5px 5px 5px;
  width: 20em;
}

form.simpleform div fieldset legend {
  font-size: 100%;
}

form.simpleform div.required fieldset legend {
  font-weight: bold;
}

form.simpleform fieldset fieldset label {
  font-size: 100%;
  
  width:auto;
  display:inline;
  float:none;
}

form.simpleform textarea
{
	display:inline;
	width:30em;
}
  
/*---------------------------------------------------------------*
 * Explore Style Bullet List
 *---------------------------------------------------------------*/
  
  
ul.explore li {
	border:1px dotted #dddddd;
	background-color:#eeeeee;
	padding:10px;
}

ul.explore {
	list-style-image:url('/templates/basic/img/cameraicon.gif');
}

ul.explore li ul {
	list-style-type:disc;
	list-style-image:none;
}

ul.explore li ul li {
	border:none;
	padding:2px;
}

ul.content {
	padding:0 0 0 0; 
	border-bottom: 1px solid gray;
	list-style:none;
}
ul.content li {	
	padding:3px; 
	border-top: 1px solid gray
}


input.imageselect {
	font-family:Georgia, Verdana, Arial, serif; /* FIXME fonts do not match */
	font-size: 1em;
	border:0px;
	/*text-size:0.8em; FIXME? */
	background-color:#c0c0c0;
	width:80px;
} 


/*---------------------------------------------------------------*
 * Navtable
 *---------------------------------------------------------------*/

table.navtable {
	margin-top:5px; line-height:0px
}
.navtable img, .navtable a {
	display:block;
}
.navtable td.textcell {
	background:#6476fc; font-size:0.8em; text-align:center;
}
.navtable td.textcell a {
	display: inline;
}

/*---------------------------------------------------------------*
 * RasterMap.getScriptTag()
 *---------------------------------------------------------------*/

/* v\:* { behavior: url(#default#VML); } */

/*---------------------------------------------------------------*
 * numbers => bar
 *---------------------------------------------------------------*/

.greenbar {
	position:relative; width:100%; background-color:#75FF65; border:1px solid blue; margin-bottom:10px; 
}
.redbar {
	position:relative; float:left; background-color:#FF0000; border-right:1px solid blue; 
}
.righttextbox {
	position:relative; float:right; text-align:right; color:#000066; padding-right: 5px; padding-top:10px; padding-bottom:10px
}
.greenbar .redbar .righttextbox {
	color: white;
}
.lefttextbox {
	position:relative; float:left; color:yellow; padding-left: 5px; padding-top:10px; padding-bottom:10px; 
	background-image: url('/templates/basic/img/numbers-arrow.gif');
	background-position: center left;
	background-repeat: no-repeat;
}
.innerlefttextbox {
	position:absolute; top:1px; left:1px; color:#000066; padding-left: 5px; padding-top:10px; padding-bottom:10px; white-space:nowrap; 
}

.statsbox {
	position:relative; width:70%; float:left
}

.statsbox div {
	position:relative; width:150px; background-color:#dddddd; float:left; padding:10px; margin-right:20px; margin-bottom:20px; text-align:center
}
.recentbox {
	position:relative; width:25%; float:left; background-color:#dddddd; padding:10px;
}
.recentbox h4 {
	font-size:0.9em; text-align: center; margin-bottom:3px; margin-top:0px; 
}
.recentbox .halvebox {
	position:relative; width:45%; float:left; padding:3px;
}

.finalboxframe {
	position:relative; width:100%; color:#000066; background-color:white; border: 1px solid #000066
}

.finalbox {
	position:relative; background-color:#000066; color:white; float:left; text-align:center; padding-top:10px; padding-bottom:10px; line-height:1.5em; font-size:1.1em;
	/*border-left:1px solid #000066; border-top:1px solid #000066; border-bottom:1px solid #000066;*/ /*margin:-1px;*/
	border-right:1px solid #000066;
	background-image: url('/templates/basic/img/numbers-arrow-down.gif');
	background-position: center right;
	background-repeat: no-repeat;
}
.finalbox2 {
	position:relative; color:#000066; /*background-color:white;*/ /*float:left;*/ text-align:center; padding-top:10px; padding-bottom:10px; line-height:1.5em; font-size:1.1em; 
	width: auto;
	margin-left: auto; margin-right: auto;
	/*border-right:1px solid #000066; border-top:1px solid #000066; border-bottom:1px solid #000066;*/ /*margin:-1px;*/
}
.finalbox2 A {
	color: red;
}
.linksbox {
	position:relative; width:100%; background-color:yellow; float:left; text-align:center; padding-top:10px; padding-bottom:10px;
}
.linksbox h3 {
	margin-top:0px; text-align: center; margin-bottom:0px;
}

/*---------------------------------------------------------------*
 * faq
 *---------------------------------------------------------------*/


#faq .helpbox { float:right;padding:5px;background:#dddddd;position:relative;font-size:0.8em;margin-left:20px;z-index:10; }
#faq .helpbox UL { margin-top:2px;margin-bottom:0;padding:0 0 0 1em; }
#faq .contents A { text-decoration:none; }
#faq .contents LI { padding-bottom:2px; }
#faq .answers h3 { padding:10px;border-top: 1px solid #c0c0c0;background-color:#f9f9f9; }
#faq .answers p { padding-left:20px; }
#faq div:target { background-color:orange;padding-bottom:10px; }
#faq .top { text-align:right;font-size:0.7em; }
#faq .top A { text-decoration:none; }