/*<![CDATA[*/

/* --- base style sheet for bureau pages -------------------------------------- */
/* Author: vlw 30/06/06 */
/* Updated: vlw 07/05/07 */
/* change log: /watl/standard/common.txt */

@import url("header-footer-AMDISS.css");
@import url("symbols.css");
@import url("section-menu.css");

/* --- HTML ------------------------------------------------------------------ */

body {background:white;color:black;margin:0; padding:0; font-size:76%;font-family: Arial, Helvetica, Verdana, sans-serif;}
ul, dl {font-size:1.0em; margin: 0.2em 0 0.2em 1.8em; padding:0;}
ul, ul.bullet{list-style:none; list-style-image:url(/watl/images/symbols/bullet.gif); list-style-position:outside;}
ul + ul{list-style:none; list-style-image:url(../images/symbols/bullet-sub.gif);}
ol{font-size:1.0em; margin: 0.2em 0 0.2em 2.4em; padding:0;}
ul.links{list-style-type:none;list-style-position:outside; list-style-image: url(/watl/images/symbols/link-goto.gif);}
ul.links a:link, ul.links a:visited{text-decoration:none;}
ul.links a:hover{text-decoration:underline;}
/*font-family added to assist dynamic form element scaling */
table, li, p, td, tr, th, form, select, input {font-size:1.0em;font-family:Arial,Helvetica, Verdana, sans-serif;}

select{height:auto; width:auto; }
h1, h2, h3, h4, h5, h6 {padding:1.0em 0  0.1em 0;margin:0;font-weight:bold; background:transparent;color:#000;text-align:left;font-family:Arial, Helvetica, sans-serif;}
h1 {font-size:1.5em; padding:0 0 0.2em 0;}
h2 {font-size:1.2em; color:#006699;}
h3 {font-size:1.1em;color:#006699;}
h4 {font-size:1.0em;color:#006699;}
h5 {font-size:1.0em;}
h6 {font-size:1.0em;}

p {padding:0.2em 0 1.0em 0;margin:0;}
.normal{font-weight:normal;}
li {margin:0; padding:0 0 1px 0;}
pre {font-size:small;}
sup,sub {font-size:0.8em;}

a:link, a:active {color:#000099;}
a:visited {color:#006699;}
a:hover {color:#FF6633; text-decoration:underline;}

a.external{padding: 0 20px 0 0;
 background-image: url(/watl/images/symbols/link-external.gif);
 background-repeat: no-repeat;
 background-position: right;
}

/* 
@media print{
#content-block a[href^="http://"]:after {
  content: " (" attr(href) ") ";
   }
   }
   
@media screen{
#content-block a[href^="http:"] {
        background: url(/watl/images/symbols/link-external.gif) right center no-repeat; 
        padding-right: 18px;
		}
#right-block a[href^="http:"] {		}

}
*/


/* --- images + container divs to contain options of images, image captions, feature text --- */
@media all {img { color: inherit; border:none;}} /* hide from N4 */

/* reconcile */
.box-left{float:left; text-align:center;color:#666666; margin:0.2em; width:auto;}
.box-right{float:right; text-align:center;color:#666666;padding:0.2em; width:auto;}
.box-centre{clear:both; text-align:center;color:#666666;margin:0.2em; width:auto;}
.image-left img,img.image-left {float:left;margin:0.2em 0.4em 0.2em 0.2em;}
.image-right img, img.image-right{float:right;margin:0.2em 0.2em 0.2em 0.4em;}
.image-centre img, img.image-centre {display:block; clear:both; text-align:center;margin:0.4em 0.2em;}

/* add class to content-block container div for images to inherit or apply to specific images */
.image-border img, img.image-border{border:1px solid #ccc; margin:0.2em;}
.image-shadow img, img.image-shadow{border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:3px solid #ccc; border-bottom:3px solid #ccc;margin:0.2em;}
.border {border:1px solid #ccc;}
/* quarrantine from banner */
table.align-top tr, table.align-top td {vertical-align:top;} 
#content-block form, #left-block form, #site-search form {padding:0; margin:0;}
/* end quarrantine */

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


/* ----------- adjusters ------- */
/* --- font size --- */
.smallest{font-size:0.76em;} /* was .small */
.smaller {font-size:0.8em;}
.bigger {font-size:1.2em;}
.biggest {font-size:1.4em;}

/* --- spacing --- */
.nospace {margin:0; padding:0;}
.nospace-top {margin-top:0; padding-top:0;}
.nospace-bottom {margin-bottom:0; padding-bottom:0;}
.gaps a{padding:1px;}/* to space inline links with | separators */
.gaps{color:#CCCCCC;}

/* --- align set --- */
.align-left {text-align:left;}
.align-right {text-align:right;}
.align-center {text-align:center;}
.align-justify{text-align:justify;}
.align-top {vertical-align:top;}
.align-middle {vertical-align:middle;}
.align-bottom {vertical-align: bottom;}

/* --- some common formats --- */
.date,.dt, .annotation, .pid, caption{color:#666;padding:0 0.2em;margin:0;}
/* product id = p-id*/ /* resolve redundancy with above */
.p-id, .date-modified {padding-top:0.6em; font-size: 0.8em; color:#999;clear:both;}

.annotation{font-size:0.9em;}
.citation {}

/* --- top of page link ---*/
.top, p.top{font-size:0.9em; text-align:right; background-image: url(/watl/images/symbols/link-top.gif); background-repeat:no-repeat; background-position:right; padding-right:16px;padding-bottom:0;}
.top a, .previous a , .next a {text-decoration:none;}

/* proposed styles for page sequences, a.current inheriting into CDO menu- check, implement via js
.link-line{background-color:#efefef;min-height:1.4em; padding:0.2em;margin:0.4em;text-align:right;}
.link-line a{font-size:0.9em; text-decoration:none; padding:0.2em 0.4em; margin-right:0.4em;}
a.next,a.previous{background-repeat:no-repeat; line-height:1.4em;}
a.next{background-image: url(/watl/images/symbols/link-next.gif);background-position:right; padding-right:18px; }
a.previous{background-image: url(/watl/images/symbols/link-previous.gif); background-position:left; padding-left:18px;}
a.current {background-color:#999; color:#FFFFFF; border:#fff solid 1px;}*/

/* --- accessiblity set --- */
abbr, acronym {font-style:normal;}
abbr {speak:normal;}
acronym {speak:spell-out; /*cursor:help;*/}
.access-info {display:none;}
.silent{speak:none;}

/* --- display/media --- */
.invisible {display:none;} /* for elements to be hidden from screen + print - e.g. for screen readers */
.do-print{display:none; speak:none;} /* as above but to be visible in print */
/* ------------------------------------- legacy-browser warning --------------------- */
@media all {#browser-support{display:none; speak:none;}} 
/* ------------------------------------- layout ------------------------------------- */

@media screen{
#page {
	margin:0;
	text-align:left; 
	min-width:760px;
	width:995px;
	}
	}
/* page2 for 2 col pages, remove #page2 post audit */
#page2, #page-2col{width:800px;margin-left:8px;}
#nav-path {margin:0.3em; font-size:0.9em; color:#666;}
#nav-path a {text-decoration:none; border-bottom:dotted 1px #FFF;}
#nav-path a:hover {text-decoration:none; border-bottom:solid 1px #CCC; }

#page-info {background-image:url(/watl/images/symbols/about.gif); background-repeat:no-repeat; background-position:left; padding:0.3em 0 0.4em 18px; font-size:0.9em; color:#666666; line-height: 1.8em;}
#page-info a:link, #page-info a:active, #page-info a:visited {text-decoration:none;}
#page-info a:hover{text-decoration:underline;}

#left-block {margin:0.3em 0; width:185px; float:left;}

#content-block {
	position:relative; 
	float:right;
	min-width:800px; 
	width:800px; 
	background-color:#fff; 
	margin:12px 0 0 0; 
	padding:0;
	text-align:left;
}

#right-block {width:200px; float:right; border:1px solid #CCCC99; text-align:left; margin:0;}
#right-block h2 {background-color:#CCCC99; color:#000000; font-size:1.0em; margin:0; padding:0.2em;}
#right-block h3 {background-color:#f3f4ef; color:#666633;font-size:1.0em; margin:0; margin-bottom: 0.2em; padding:0.2em;border-top: #E5E5C3 1px solid;}
#right-block ul {padding:0.2em; list-style-type:none;list-style-position:outside; list-style-image: url(/watl/images/symbols/link-goto.gif)}
#right-block p.subhead{color:#999;padding:0 0.2em;font-weight:bold; margin-bottom:-0.4em;}

@media print{#right-block ul{list-style-type:disc;list-style-image:none;}}
#right-block li{padding:0;margin:0;}
#right-block ul ul{margin-left:0.7em;}
#right-block p {padding:0.2em 0.2em 0.4em 0.2em; margin:0;}
#right-block a:link, #right-block a:active, #right-block a:visited {text-decoration:none;}
#right-block a:hover{ text-decoration:underline;}

.middle-col{width:590px; position:relative;float:left;}
.box-tab, .fullwidth-col {width:100%;clear:both;}
@media print{.box-tab{width:630px;}}

/* --- kludges to force divs to clear floats --- */
.clearfix {clear:both; margin:0;padding:0; height:0; display:block; visibility:hidden;line-height:0;}
.clearboth{clear:both;}
/* Hides from IE-mac \*/
 * html .clearfix {height: 1%;}
/* End hide from IE-mac */

/* --- box for top of page, apply modifiers for more generic application --- */
.box {border:solid 1px #CCC; margin:0;} 
.box p, .box h2,.box-feature p, .box-feature h2,.page-menu p, .page-menu h2 {margin:0; padding:0.2em;}

.bg-grey {background-color:#f5f5f5;}

.box-feature, .page-menu {background-color:#f5f5f5; border:2px solid #CCC; margin-bottom:0.2em;}
.box-feature p, .page-menu p{margin:0.3em; padding-bottom:0;}
.page-menu p{margin-bottom:0; font-weight:bold;}
.page-menu p:first-child+p {font-weight:normal;}
.box-feature ul, .page-menu ul{margin:0 0.3em 0.3em 1.70em;list-style-type:none;list-style-position:outside; list-style-image:url(/watl/images/symbols/link-page.gif);}
@media print{.box-feature ul, .page-menu ul{list-style-type:disc;list-style-image:none;}}
.page-menu a:link, .page-menu a:active, .page-menu a:visited{text-decoration:none;}

/* --- this table is for natural text rather than data ---*/
.table-text {border:1px solid #ccc; border-collapse:separate;empty-cells:show; margin-bottom:0.6em;}
.table-text tr{text-align:left; }
.table-text th, .table-text td {padding:0.1em;border-bottom:solid 1px #efefef;vertical-align:top; }
.table-text th{background-color:#f5f5f5;}
.columns{border-collapse: collapse;border:1px solid #efefef;}
.columns td,.columns th{border-right:1px solid #efefef;border-left:1px solid #efefef;border-collapse: collapse;}

/* --- land and water styles - move to specific style sheet --- */
#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;}

#mapcontainer {position:relative; height:140px;}
.mapcontrols label, .control-label{font-weight:bold; color:#666633;}
.mapcontrols td{vertical-align:top; }
.mapcontrols {clear:left;}


/* box-product - border for products of non-standard widths - moved to watl.css, remove after phase 2 rollout*/
.box-product{margin: 0.5em 0 0 0; padding:0; border:1px #CCCCCC solid; clear:both;position:relative;}
.mapcontrols h2, .mapcontrols h3, .box-product h2, .box-product h3, p{margin:0.2em;padding-top:0;}
.box-product img{margin-top:0.2em;}

/* nest in <div> with relative postioning/class*/
.clickable{background-image: url(/watl/images/symbols/clickablemap.gif); background-repeat:no-repeat; background-position:left; }

.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, noscript {color:#FF6600; margin-bottom:0.8em;}



/* print styles, review right-block display and generic widths */
@media print{

.do-print {display:block;}
#left-block, #content-block {float:none;}
#left-block,#right-block, #nav-path, #services-nav, .no-print,#page-info, .top {display:none;}
#page, #content-block, #page2, #page-2col {width:630px; margin:0; padding:0;} 

#page-info {margin:0; padding:0; background-image:none;}
.middle-col{width:100%; text-align:justify;}
.box,.box-feature, .page-menu {width:100%; margin:0;}
fieldset{width:auto;}
.align-justify{text-align:left;} /* for IE */
#page, #page2,#page-2col{min-width:620px; width:99%; max-width: 99%;}
#content-block{width:100%; min-width:620px; max-width: 99%;}
#content-block.print-right div#right-block{display:block;min-width:200px; width:25%;}
#content-block.print-right div.middle-col{width:67% !important; float:left;}
abbr, acronym{border:none;}
}

/* most generic items, below moved from weather.css , weather.css to be unlinked from common.css*/
.max {color:#CC0000;}
.min {color:#0066FF;}
/* .contrast is for text that needs to be highlighted. Useful in natural language for data in tables. Italic for accessibility */
.contrast {color:#999900; font-style:italic;}

#print-head{display:none;}
@media print{#print-head{display:block; border:1px solid #000; margin-bottom:1.0em;}}
/*]]*/