@charset "utf-8";
/* for /climate/ahead/rain_ahead.shtml & temp_ahead.shtml */

.date {font-weight:bold; margin:.4em .2em;}
h1 {margin-bottom:.6em;}
.box, .aside {border: 4px #efefef solid !important; border-radius:6px; padding:5px;}
.box-image {text-align:center;width:auto; background:#efefef; margin-bottom:4px;}
#content .box-image p{margin:0; padding:2px; font-size:.9em; color:#666;}

#main-info {border:none;border-bottom:3px solid #efefef; position:relative; padding:5px;}
#main-info h2 {margin-bottom: 0.6em;}
#main-info img {margin-right:10px;}


.intro {width:35.4%; float:right;padding-top:.6em; color: #666; border: 4px solid #efefef; border-radius:6px; background-color: #fff; font-weight: bold;  }
.intro h3 {margin: 0; padding: .2em;}
.intro p {padding-top:.2em; margin: 0 .4em .6em .4em; }
.intro p:first-child { font-weight:normal;}

.intro ul { font-weight:bold; margin:.4em; list-style-image:none;}
.intro li{margin:.6em 0; background:url(/climate/images/symbols/icon-dot-gold.png) 0 0.45em no-repeat; padding-left:18px; list-style-image:none;}
.block-66{width:63%; float:left; display:block;}
div.block-33{width:33%; float:right; display:block; padding:0;margin:0;border-left:none !important;}
#averages div.block-33 {width:35.4%;}
#more-outlooks div.block-33, form div.block-33{float:left;}

#clip {height:710px; margin-top:-7.2em !important;}
.image-boxes .block-33 p{text-align:center;}

#tabs .image-boxes img {border: #fff 1px solid;}
#tabs .image-boxes img:hover {border-color:#000; cursor:pointer;}

#map h2 {padding-top:0;}

#contacts {position:relative;  margin:5px 0; cursor:pointer; background-color:#fff; border:3px solid #efefef; border-radius:6px;}

/* need to be off-screen */
#contact-details {border:none;}

/* check access compliant */
.expandee {}
.opened { background-image: url(/climate/images/symbols/minus.gif);}

#contacts dl{margin:.2em; padding:0;}
#contacts  p{margin-top:1em; margin-bottom:0;padding-bottom:0;}
#contacts dt, #contacts dd { display:block; float:left; min-width:10em; height:1.5em; padding:0; margin:0; color:#000; font-weight:normal;}
#contacts dd span {margin-right:10px;}
#contacts dt, #contacts b  {font-weight:bold; color:#666; clear:left;}


#regions {margin:.2em 0; padding:.3em 0;}
#regions a.active {text-decoration:none; color:#666 !important; font-weight:bold; cursor:text;}
ul.horizontal li:first-child, #regions li:first-child {background-image:none; list-style-image:none; margin:0; padding:0;}
/*
#clip {margin-top:-9.4em;}
@media print{#clip{margin-left:0px; margin-top:-5.8em !important; margin-bottom:-6.8em; }}
*/
#alert-button {background-color:#999; color:#fff; border-radius:6px;}
#alert-button a{color:#fff; display:block; font-weight:bold; margin:0;height:39px; border:1px solid #efefef; border-radius:6px; text-decoration:none; position:relative;}
#alert-button a:hover, #alert-button a:focus{color: #efefef;}
#alert-button strong {line-height:39px; margin-left:10px;}
#alert-button a img {margin:0;padding:0; position:absolute; top:0; right:0}
#alert-button span {display:block;}

div.feedback { border:1px solid #efefef; border-radius:6px; background-color:#999; color:#fff;}
div.feedback  a {color:#fff; font-weight:bold; background: url(/climate/images/symbols/comments.png) no-repeat left bottom; padding:2px 2px 2px 24px; margin-left:4px;text-decoration:none; line-height:1.8em;}
div.feedback  a:hover, div.feedback  a:focus {color:#efefef;}

/* new win or external */
#page-info a.newWindowImg { background: url(/ol/img/external-ol.gif) right center no-repeat; padding-right: 12px;}
.active {color: #666666; cursor:default; text-decoration:none; font-weight:bold;}

.print-only, .print-only-image{display:none;}

@media print {
    .intro {float:none; width:99%; border:none;}
	.intro ul {padding-left:1em;}
    .intro ul li {list-style-type: disc; list-style:disc; padding-left:0;}
    .print-only {display:block;}
    .print-only-image {display:block; width:100%;}
    #alert-button, .print-no {display:none;}
	#map img + img {page-break-before:always;}
    }

/* temperature */
#average-temperature .block-66 img {width:472px; height: 316px; max-width:100%; display: block;}

/* use js to hide these 
.js-not {display: none} */
#confidence-update {display:none; }

.map ul.horizontal {margin:0 0 0 2px; padding:0; min-height:2em;}
.map ul.horizontal li{ list-style:none; list-style-image:none; list-style-type:none; background-image:none; margin:0; list-style-position:inside; padding:2px 20px 2px 0; }


.map {border: 1px dotted #fff; background-color: #fff; margin-bottom: 4px; border-radius:6px;}
.print { background:url(/climate/images/symbols/icon-bullet-print.png) no-repeat 0 4px; padding-left:16px;}
ul a.definition{background: url(/climate/images/symbols/icon-bullet-definition.png) no-repeat left; padding-left:20px;}
ul a.help{background: url(/climate/images/symbols/icon-bullet-help.png) no-repeat left; padding-left:20px;}
ul a.information{background: url(/climate/images/symbols/icon-bullet-information.png) no-repeat left; padding-left:20px;}
ul a.time{background: url(/climate/images/symbols/icon-bullet-time.png) no-repeat left; padding-left:20px;}

a.definition {text-decoration: none; border-bottom: 1px dotted #F60;}
a.definition:hover {text-decoration: none; border-bottom: 1px dotted #000;}
.pop-html:hover, .pop-html:focus, .imageOpener:hover, .imageOpener:focus {/*cursor:help;*/cursor: url(/climate/images/interface/cursor-popup.png),url(/climate/images/interface/cursor-popup.cur),default !important; border-color:#ccc;}
.pop-html, .imageOpener{ background: url(/climate/images/symbols/icon-popup.png) right no-repeat; padding-right:14px;}
.icon-none {background: none !important; padding-right: 0;} /* for exception links that otherwise would have icons displayed */
/* */
iframe#mapDisplay {min-height:500px;width:995px;}

#averagesform label {color:#666; font-weight:bold; padding-right:4px;}
/* .ui-dialog-titlebar {min-width:100% !important; }  for stupid IE */

div.ui-tabs-panel p.offset-up {margin-top: -1em; margin-bottom:0;padding-bottom:0;}

.table-text.confidence tr, .table-text.confidence td {vertical-align: middle; border-bottom:none; text-shadow:0 0 2px #FFF; padding:5px;}