/*<![CDATA[*/

/* --- base style sheet for watl pages -------------------------------------- */
/* Author: vlw 16/02/07 */
/* Updated: vlw 2/04/07 */
/* Updated: vlw 1/07/09 */
/* change log: /watl/standard/common.txt */

@import url("weather.css");

/* --- base style sheet for bureau pages -------------------------------------- */

/* 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 #ccc;}
fieldset h2, fieldset h3{margin:0.2em 0;}
legend {color:#999; font-weight:bold;}

/* --- land and water styles - move to specific style sheet --- */
#maplocator {min-height: 82px;width:100px; border: solid 1px #fff; padding:0; text-align:center; float:left;position:relative;}/*right */
#maplocator p{font-size:80%; color:#999; 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(/watl/images/symbols/current-loc.gif); background-repeat:no-repeat; background-position:right;}
#maplocator p{font-size: 80%; color:#999999; margin:0;padding:0; margin-right:24px;}
*/

.control-label{width:70px; display:block; clear:left; float:left;}
.left-area {width:480px; float:left;}
.line {float:left;width:400px; margin-bottom: 2px; }

.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;}
select.extra-controls {display:inline;float:left;}
.mapcontrols select{min-width:150px;}

.mapcontrols label, .control-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;}

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

/* for dynamic rectangular 'imagemap' style clickable highlights */
#highlight {position:absolute;z-index:1;border:1px solid #f00;	}
#highlight a {display:block; width:100%;height:100%;background-color:#fff; z-index:2;
filter:alpha(opacity=20);opacity: 0.2;-moz-opacity:0.2;-khtml-opacity: 0.2;}
#highlight a:hover{background-color:#000;}

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

.box-product img{display:block; padding:0;}
.mapcontrols h2, .mapcontrols h3, .box-product h2, .box-product h3, p{margin:0.2em;padding-top:0;}

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

#right-block div.warnings li{list-style-image:none;}
#right-block div.warnings a{list-style-image:url(/watl/images/symbols/link-goto.gif);}
#right-block div.warnings h3{color:#c00; 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;}


.mapcontrols input[type="button"]{min-width:6em;} 
.mapcontrols input {width:6em;} 
.mapcontrols label input {width:auto;} /**/
.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:#c00; 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(/watl/images/80percent.png);background-color:transparent;}
 
/* 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;}

#product-description-overlay {zoom: 1; /* IE6 only */} /* remove once added to jj css */

/* for public education example information/link blocks */
.example{border:2px solid #cc9; background-color:#E5E5C3; padding:.2em;}

/* test */
#pdf a[href $='.pdf'] { 
   padding-left: 22px;
   background: transparent url(/watl/images/symbols/pdf-l.gif) no-repeat center left;
}

/*]]*/