/*<![CDATA[*/

@import url("section-menu.css")

#section-nav #topmenu a.menu-subheading {
        color: #666633;
        text-decoration: none;
        font-weight: bold;
        cursor: default;
}

#section-nav #topmenu a.menu-heading {
        color: #666633;
        text-decoration: none;
        font-weight: bold;
        cursor: default;
}

/* review this block */
textarea, input {font-family:Arial, Helvetica, Verdana, sans-serif;} /* font-size:0.9em;*/
fieldset{margin:0; padding:0 0.2em; border:1px solid #CCCCCC;}
fieldset h2, fieldset h3{margin:0.2em 0;}
legend {color:#999999; font-weight:bold;}

/* --- land and water styles - move to specific style sheet --- */
#maplocator {min-height: 80px;width:85px; border: solid 1px #ccc; padding:0; text-align:center; float:right;position:relative;}
#maplocator p{font-size:80%; color:#999999; padding:0; margin:0; }
#maplocator img{vertical-align:bottom;}

/* old - less compact iteration */
/*
#maplocator {height: 90px; border: solid 1px #ccc; padding:2px; text-align:center; 
background-image: url(../images/current-loc.gif); background-repeat:no-repeat; background-position:right;}
#maplocator p{font-size: 80%; color:#999999; margin:0;padding:0; margin-right:24px;}
*/

.about-right #page-info{margin-top:-2.4em; float:right; padding:2px 117px 0 18px; width:auto;}
.control-label{width:60px; display:block; clear:left; float:left;}
.left-area {width:480px;float:left;}
.line {float:left;width:400px; margin-bottom: 2px;}
.zoom {font-size: 8pt;}
.zoom a:link, .zoom a:visited, .zoom a:hover {text-decoration:none;}
.grid-label {font-size: 10pt; font-weight:bold;}
.grid-label a:link, .grid-label a:visited, .grid-label a:hover {text-decoration:none;}

.button-pair{width:64px; float:left; display:inline; position:relative;line-height:11px;}
.button-pair img{padding:0;margin:0;display:block;float:left;clear:both;}
.button-bw img{padding:0;margin:0 0 0 7px;display:block;float:left;}
select.extra-controls {display:inline;float:left;}
/* .mapcontrols select{min-width:128px;} */

select.control-list {width:12em;min-width:10em;height:auto;margin:0;padding:0}
select.date-list {width:5.3em;height:auto;margin:0;padding:0}

.mapcontrols label, .control-label{font-weight:bold; color:#655E30;}
.mapcontrols label, .date-label{font-weight:bold; color:#655E30;}
.mapcontrols {clear:left;}

.mapcontrols form, .mapcontrols table, .mapcontrols td{padding:0;margin:0; border-collapse:collapse;}
.mapcontrols td{vertical-align:top;padding:1px;}
.mapcontrols select{width:12em;height:auto;min-width:10em;margin:0;padding:0}
.mapcontrols {font-size:1.0em;line-height:1.2em;}
.mapcontrols fieldset{height:7.2em;margin:0;padding:0.2em 0 0 0.5em;}
.mapcontrols input[type="button"]{min-width:6em;} 
.mapcontrols input {width:6em;} 
.mapcontrols label input {width:auto;} /**/
.mapcontrols h2, .mapcontrols h3, .box-product h2, .box-product h3, p{margin:0.2em;padding-top:0;}

/* box-product - border for products of non-standard widths */
.box-product{margin: 0.5em 0 0 0; padding:0; border:1px #CCCCCC solid; position:relative;clear:left;}

/* background loading... image */
.loading {background-image:url(../images/loading.gif);background-repeat:no-repeat; 
background-position:50% 5%; min-height:100px;}

.box-product img{display:block; padding:0;}

.noborder{border:none;}
.divlabel{font-weight:bold; color:#999999; background-color:#FFFFFF; position:relative; top:-8px; display:inline; margin-left:8px;}
label.normal{font-weight:normal;color:#000000;}/*use for radio button display if grouped under a 'label'*/
legend.light {color:#999999;}
.jsalert {color:#FF6600; margin-bottom:0.8em;}

#right-block div.warnings li{list-style-image:none;}
#right-block div.warnings a{list-style-image:url(../images/link-goto.gif);}
#right-block div.warnings h3{color:#CC0000; background-color:transparent;}

.clickable{position:absolute; top:2px;left:0;width:100px;height:16px;}
/* nest in <div> with relative postioning/class*/
.animation-controls{vertical-align:top;}
.animation-controls div{float:left;}

.frame-number{width:6.0em; margin:0 .2em 0 0.6em;text-align:right;}
.frame-number input{width:1.6em;display:inline;margin:0;padding:0;}

/* styles for map message/legend overlays */
/* map and message container div, insert the div id="message" AFTER map image */
#map-area{position:relative;}
#map-area img{display:block;}

#message, #mouse-prompt {color:#CC0000; font-weight:bold; padding:0; margin:0.2em; 
 position:absolute; 
 font-size:90%;
 z-index:100;
 background-color: #fff;
 height:1.2em;
 padding-left:0;
 }
 
@media print{#message, #mouse-prompt{display:none;}}
#message[id], #mouse-prompt[id] {background-image:url(../images/80percent.png);background-color:transparent;}
/*#message { behavior: url(iepngfix/iepngfix.htc); }*/
 
/* adjust position of image e.g. div id="message" class="top-left" */
.top-left {top:0; left:2px;}
.top-right {top:0; right:2px;}
.bottom-left {bottom:1.0em; left:2px;}
.bottom-right {bottom:1.0em; right:2px;}
.default-corner {bottom:1.0em; left:2px;}

/*]]*/