@charset "utf-8";
/* for /climate/ahead/tc.shtml and archives post 20121016 */
#tabs {margin-bottom:1em;}

.box-image {border:1px solid #ccc; text-align:center;}
.box-image img{display:block; padding:1px; margin:auto;}
#content .box-image p {color:#666; font-size:.9em; text-align:center;background-color:#efefef; margin-bottom:0; padding-bottom:2px;}
/* hide regional info - used in pop-ups and for printing */
#seasonal-outlook, .offscreen  {position:absolute; left:-999999px; max-width:780px;}

/* .archive #regional-overview {display:none;}
.archive .block-50, .archive #national-overview {width:100% !important;}*/
.archive .pacific .block-50 {width:49% !important;}

.table-text th {color:#666;}

#summary h2:first-child {font-size: 1.4em;}
/* show all tabs, hide irrelevancies for print - e.g. nav/interface items, adjust for ensuing gaps */

.pacific #tc-regions {position:relative;}

/*.pacific > div.box-image {width:50% !important; float:none; clear:both;}*/

.pacific  #tc-regions img {display:block; position:absolute; top:0; left:0;}
.pacific #tc-map {position:absolute; z-index:0;}
.pacific #western,.pacific  #eastern{position:absolute;z-index:1;top:20px;height:147px;border:1px solid #069; 
background-color:rgba(255, 255, 255, 0.0) ;
}
.pacific  #western p, .pacific  #eastern p {text-shadow: 1px 1px 1px #fff; background-color:transparent !important; margin:0;padding:0; line-height:1em; color:#000 !important;}
.pacific #western .text,.pacific  #eastern .text{padding:20px 4px 0 4px; }
.value {font-size:1.2em; font-weight:bold;}
.pacific #western {
	left:8px;
	width:83px;
}
.pacific  #eastern {
	left:92px;
	width:276px;
}
#regions {margin:.2em 0; padding:.5em 0; box-sizing:border-box; }
#regions li:first-child {margin-left:.5em !important;}
#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;}

@media print{
	#summary, #seasonal-outlook, #coastal-impacts, #method, #further-information {display:block !important; position:relative; left:0; }
	#tabs .tab-list li, .print-no{display:none;}
	.print-block-100 {width:100%; float:none; clear:both;}
	
    div.ui-tabs div.ui-tabs-panel {min-height:100px !important; height:auto; border:none;}
	.ui-tabs-nav, .ui-tabs-nav li {border:none !important;}
	ul, p+ul {margin-top: 0 !important; padding-top:0;}
}

/* aus interactive map */
strong.black {color: #000;}
#tc-regions.aus {position: relative; height:256px; width:375px}
#tc-regions.aus img {display:block; position:absolute;z-index: 1;top:0; left:0}
#tc-regions.aus #australian ,#tc-regions.aus #western,#tc-regions.aus #northwestern,#tc-regions.aus #northern,#tc-regions.aus #eastern {position:absolute; z-index: 99; border: 1px dotted #fff; background-color:rgba(0,0, 0, 0.0); }
#tc-regions.aus #australian:hover , #tc-regions.aus #western:hover, #tc-regions.aus #northwestern:hover, #tc-regions.aus #northern:hover,#tc-regions.aus #eastern:hover { background-color:rgba(256,256, 256, 0.4); border-color:#C00; border-style:solid; cursor:pointer; box-shadow:#666 0 0 4px}
#tc-regions.aus #australian:hover strong, #tc-regions.aus #australian:hover .value,#tc-regions.aus #western:hover strong, #tc-regions.aus #western:hover .value, #tc-regions.aus #northwestern:hover strong, #tc-regions.aus #northwestern:hover .value,#tc-regions.aus #northern:hover, #tc-regions.aus strong, #tc-regions.aus #northern:hover .value, #tc-regions.aus #eastern:hover strong, #tc-regions.aus #eastern:hover .value{color:#C00;}

#tc-regions.aus .text p{background-color: transparent !important;  color:#333; text-shadow:#fff 1px 1px 0px}

#tc-regions.aus #australian {top:20px; left:7px; width:355px; height: 203px; border-width:2px; }
#tc-regions.aus #australian .text {width:auto !important; padding:130px 0 0 85px; margin:0}

#tc-regions.aus #western {top:22px; left:9px; width:177px; height: 201px}
#tc-regions.aus #western .text {width:140px; padding:115px 0 0 0; margin:0}

#tc-regions.aus #northern {top:23px; left:186px; width:88px; height: 103px}
#tc-regions.aus #northern .text {width:70px; padding:5px 0 0 20px; margin:0}

#tc-regions.aus #northwestern {top:23px; left:84px; width:125px; height: 104px}
#tc-regions.aus #northwestern .text {width:100px; padding:15px 0 0 0; margin:0 }

#tc-regions.aus #eastern {top:22px; left:274px; width:88px; height: 201px}
#eastern .text {width:80px; padding:60px 0 0 5px; margin:0}

#tc-regions.aus .text p { padding:0 !important; margin:0 !important; font-size:.8em;}
#tc-regions.aus strong, #tc-regions.aus .value {color:#000;}
#tc-regions.aus div:hover p , #tc-regions.aus  div:hover p {color:#000;}
#tc-regions.aus div:hover strong , #tc-regions.aus  div:hover .value {color:#900;}
#tc-regions.aus .text p strong { font-size:1.1em;}