/* was: #dddddd; now #e6ece8; h2 was #275b35 */

body { font-size: 8pt; font-family: Verdana; }
th { font-size: 8pt; font-family: Verdana; }
td { font-size: 8pt; font-family: Verdana; }
form { margin: 0px }
a img { border-width: 0px; }
h2 { background-color: #cbd8cf; padding: 3px; margin: 0px 0px 2px; font-size: 9pt; text-align: center; font-variant: small-caps; color: #275b35; }
h3 { background-color: #cbd8cf; padding: 3px; margin: 0px 0px 2px; font-family:Verdana; font-size: 9pt; text-align: center; font-variant: small-caps; color: #275b35; }
h6 { background-color: #cbd8cf; padding: 0px; margin: 2px 0px 0px; font-size: 6px; text-align: center; }

/* Search bar */
#divSearchBar { padding: 4px 0px; TEXT-ALIGN: center; background-color: #e6ece8; }
#divSearchBar form { display: inline; }
#divSearchBar input, button { FONT-SIZE: 8pt }
#divSearchBar select { FONT-SIZE: 8pt }

/* Show all stats */
#divShowAllStatsBody input { FONT-SIZE: 8pt }

/* Legend */
#frmLegend { }
@media print 
{
	#ctlLGWrapper { position: absolute; margi-left: -20px; }
}
@media screen { 
	#ctlLGWrapper { position: absolute; clip: rect(1px 190px 383px 1px); overflow: scroll; height: 398px; width: 190px; background-color: #e6ece8; }
	#ctlLG { height: 383px; }
}

.mapLegend { font-family: Arial Narrow; background-color: #e6ece8; width: 173px; }
.mapLegend tbody {  }
.mapLegend th { font-family: Arial; TEXT-ALIGN: left; cursor: pointer; font-size: 9pt; padding: 5px 0px 3px 17px; }
.mapLegend td { font-family: Arial Narrow; WHITE-SPACE: nowrap; padding: 0px; vertical-align: middle; }
.catOpen { }
.catClosed { DISPLAY: none }
.headOpen    { background: url(images/downarrows.gif) top left no-repeat; }
.headClosed  { background: url(images/leftarrows.gif) top left no-repeat; }
.mapLegend input { border-style: none; }
.mapLegend a { display: block; width: 20px; height: 20px; text-decoration: none; }
.mapLegend a:link, .mapLegend a:visited { background: url(images/infobuttons.png) top left no-repeat; }
.mapLegend a:hover  { background: url(images/infobuttons.png) center left no-repeat; }
.mapLegend a:active { background: url(images/infobuttons.png) bottom left no-repeat; }
.mapLegend img { display: block; margin-top: 3px; }
.reportlegend th { vertical-align: middle; padding-left: 1px; font-weight: normal; text-align: left; width: 120px; }
.reportlegend td { vertical-align: middle; text-align: right; }
.vrect { position: absolute; height:17px; padding: 3px 3px 0px; background-color: #ffffe1; border: 1px solid black; white-space: nowrap; }

/*input.cat { BORDER: black 1px solid; PADDING-LEFT: 15px; FONT-WEIGHT: bold; BACKGROUND-IMAGE: url(images/catClosed.png); MARGIN: 0px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: transparent; }*/

/* Address bar */
/*#ctlAddrBar { position: absolute; left: 5px; top: 162px; width: 757px; text-align: center; border: 1px solid black; background-color: #dddddd; padding: 2px 0px; }*/
.ctlAddrBar th { background-color: #cbd8cf; padding: 1px 3px; vertical-align: middle; font-weight: bold; font-size: 9pt; font-variant: small-caps; color: #275b35; }
.ctlAddrBar td { background-color: #e6ece8; padding: 2px 2px; }
.ctlAddrBar a { text-decoration: none; }
.ctlAddrBar a:link, .ctlAddrBar a:visited { }
.ctlAddrBar a:hover  { background-image: url(images/button_bg_116.png); background-color: transparent; }
.ctlAddrBar a:active { background-image: url(images/button_bg_116_dn.png); background-color: transparent; }
#ctlQuery   { background-color: #e6ece8; padding: 2px; border-top: 10px solid white; }
#ctlQuery   table { padding: 5px 3px; }
#ctlQuery   td { padding: 0px 2px; }
#ctlQuery a:link, #ctlAddrBar a:visited { }
#ctlQuery a:hover  { background-image: url(images/button_bg_60.png); background-color: transparent; }
#ctlQuery a:active { background-image: url(images/button_bg_60_dn.png); background-color: transparent; }
#ctlQuery ul { margin-top: 3px; margin-bottom: 3px; }
#repsel { margin: 10px 0px 5px; }
.ctlReportSelector { background-color: #e6ece8; } /*margin-top: 0px; }*/
.ctlReportSelector td { vertical-align: middle; }
.dtOpen   { cursor: pointer; background-image: url(images/TreeViewIcons/updownrightexpanded.gif);	background-repeat: no-repeat;	padding-left: 20px; padding-top: 5px; }
.dtClosed { cursor: pointer; background-image: url(images/TreeViewIcons/updownrightcollapsed.gif);	background-repeat: no-repeat;	padding-left: 20px; padding-top: 5px; }
.ddOpen { background-image: url(images/TreeViewIcons/updownright.gif); background-repeat: repeat-y; padding-left: 12px; margin-left: 0px; }
.ddOpen div { background-image: url(images/TreeViewIcons/right.gif); background-repeat: no-repeat; padding: 4px 0px 0px 21px; height: 16px; }
.ddClosed { display: none; }

/* Map and arrows */
#tblMap { BORDER-COLLAPSE: collapse; margin: 0px; padding: 0px; }
#nlm, #divZoomBox { cursor: crosshair; }
#nlm { }
#divZoomBox { border: 2px solid red; font-size: 1px; overflow: hidden; z-index: 5; opacity: 0.5; } /* note that opacity is also set using a filter in Map.aspx and MapReport.aspx such that it is only visible to IE */
html:lang(en)>body #divZoomBox {
	/* rules ignored by safari, opera, and IE/Win; for Mozilla only (and those poor IE/Mac users) */
	opacity: 0.5; background-color: #ccc;
}
/* Map direction arrows (E,NE,N,etc.) */
a.ctlArrow { DISPLAY: block; }

#aArrowNW:link, #aArrowNW:visited { background: #ffffff url('images/a/NW_b.gif') top left no-repeat; }
#aArrowNW:hover, #aArrowNW:active { background: #cbd8cf url('images/a/NW_w.gif') top left no-repeat; }
#aArrowNE:link, #aArrowNE:visited { background: #ffffff url('images/a/NE_b.gif') top right no-repeat; }
#aArrowNE:hover, #aArrowNE:active { background: #cbd8cf url('images/a/NE_w.gif') top right no-repeat; }
#aArrowSE:link, #aArrowSE:visited { background: #ffffff url('images/a/SE_b.gif') bottom right no-repeat; }
#aArrowSE:hover, #aArrowSE:active { background: #cbd8cf url('images/a/SE_w.gif') bottom right no-repeat; }
#aArrowSW:link, #aArrowSW:visited { background: #ffffff url('images/a/SW_b.gif') bottom left no-repeat; }
#aArrowSW:hover, #aArrowSW:active { background: #cbd8cf url('images/a/SW_w.gif') bottom left no-repeat; }

#aArrowN:link, #aArrowN:visited { background: #ffffff url('images/a/N_b.gif') top center no-repeat; }
#aArrowN:hover, #aArrowN:active { background: #cbd8cf url('images/a/N_w.gif') top center no-repeat; }
#aArrowE:link, #aArrowE:visited { background: #ffffff url('images/a/E_b.gif') center right no-repeat; }
#aArrowE:hover, #aArrowE:active { background: #cbd8cf url('images/a/E_w.gif') center right no-repeat; }
#aArrowS:link, #aArrowS:visited { background: #ffffff url('images/a/S_b.gif') bottom center no-repeat; }
#aArrowS:hover, #aArrowS:active { background: #cbd8cf url('images/a/S_w.gif') bottom center no-repeat; }
#aArrowW:link, #aArrowW:visited { background: #ffffff url('images/a/W_b.gif') center left no-repeat; }
#aArrowW:hover, #aArrowW:active { background: #cbd8cf url('images/a/W_w.gif') center left no-repeat; }

/* Zoom controls */
#tblZoom { margin: 0px 0px; padding: 5px 10px; text-align: center; background: #e6ece8; /*url(images/topleft.gif) top left no-repeat;*/ }
#tblZoom td#tdZoom  { text-align: left; width: 38%; }
#tblZoom td#tdScale { text-align: center; width: 24%; }
#tblZoom td#tdSize  { text-align: right; width: 38%; }
/*
#tblZoom td#tdZoom  { text-align: left; width: 25%; }
#tblZoom td#tdScale { text-align: left; width: 25%; }
#tblZoom td#tdAdv   { text-align: right; width: 25%; }
#tblZoom td#tdSize  { text-align: right; width: 25%; }
*/

#tdZoom a { text-decoration: none; border: 1px solid black; color: black; height: 13px; margin: 0px 2px; float: left; display: block; text-align: center; }
a.ctlZoom     { width: 3px;  background-color: red;   font-size: 1px; }
a.ctlZoomEdge { width: 13px; background-color: black; font-size: 10px; }
#tdZoom a:link    { BACKGROUND-COLOR: white; }
#tdZoom a:visited { BACKGROUND-COLOR: white; }
#tdZoom a:hover   { background-image: url(images/button_bg_24.png); }
#tdZoom a:active  { background-image: url(images/button_bg_24_dn.png); }

#aFullExtent { text-decoration: none; font-weight: bold; }
#aFullExtent:link, #aFullExtent:visited { }
#aFullExtent:hover { background: transparent url(images/button_bg_100.png) center left no-repeat; }
#aFullExtent:active { background: transparent url(images/button_bg_100_dn.png) center left no-repeat; }

#aToggleMapSize { text-decoration: none; font-weight: bold; }
#aToggleMapSize:link, #aToggleMapSize:visited { }
#aToggleMapSize:hover { background: transparent url(images/button_bg_100.png) center left no-repeat; }
#aToggleMapSize:active { background: transparent url(images/button_bg_100_dn.png) center left no-repeat; }

#tblMapTools { background-color: #e6ece8; }
#tblMapTools input { border-style: none; }
#divMapContainer input { border-style: none; }
#aTools { text-decoration: none; font-weight: normal; color: black; display: block; width: 100px; height: 24px; line-height: 22px; text-align: center; }
#aTools:link, #aTools:visited { }
#aTools:hover { background: transparent url(images/button_bg_100.png) center left no-repeat; }
#aTools:active { background: transparent url(images/button_bg_100_dn.png) center left no-repeat; }

/* Identify */
#idfy { margin: 10px 0px 5px; padding: 0px; }
#idfy h4 { background-color: #e6ece8; padding: 10px; margin: 2px 0px; color: darkred; font-size: 10pt; }
.dispBlock { display: block; } /* Used for idfyNormal / idfyLoading */
.dispNone { display: none; }
#idfy p { background-color: #e6ece8; padding: 10px 10px; margin: 2px 0px; }
#idfy .capt { background-color: white /*#e6ece8*//*#cbd8cf*//*black*/; color: black; font-weight: bold; font-variant: small-caps; margin-top: 2px; padding: 3px; }
#idfy table { border-collapse: collapse; }
#idfy .indent { background-color: #e6ece8; /*#cbd8cf*/ margin: 0px 0px 5px; padding: 0px 15px 15px 15px; border-bottom: 5px solid #cbd8cf; }
#idfy .indent2 { width: 100%; }
#idfy tr.odd  { background-color: #e0e0e0; }
#idfy tr.even { background-color: #cccccc; }
#idfy th { text-align: left; margin: 0px; }
#idfy td { text-align: left; margin: 0px; padding: 0px 3px; }