@charset "utf-8";
/* for /climate/annual_sum/annsum.shtml */

ul#annual-summary    {margin:0; padding:0; clear:both;}

#annual-summary li   {float:left; display:block; width:20%; text-align:center;}

#annual-summary li a {display:block; border:2px solid #efefef; padding:1em; margin:.2em;height:1.6em; border-radius:8px; background:#fff  url(/climate/images/interface/gradient-grey-up.png) repeat-x bottom; text-decoration:none; color:#900; font-weight: bold; box-shadow: 1px 1px 3px #999;}

#annual-summary li:first-child a {border-color:#000;}

#annual-summary li a:hover {color:#000; background-image:none; border-color:#000;}

#right-block         {float:right; margin:1em 4px 0 0;}
#right-block  h2     {background:#fff url(/climate/images/interface/gradient-grey-down.png) repeat-x top;  padding:6px;}
#right-block  h3     {padding:6px;}
#right-block ul      {padding-bottom:.6em;}
.block-feature       {border:4px #efefef solid;border-radius:6px; height:7em; margin-top:1em;margin-bottom:1em;padding-top:1em}
.block-feature  img  {margin-top:-.6em;}

.box-grey {background-color:#f5f5f5 ; background-image:none; border-color:#efefef;}
.box-grey ul {margin:-.8em 0 0 1.6em;}
.box-image {border: 1px solid #efefef; border-radius: 6px; background:#f5f5f5; padding:.6em; margin:1em 0; text-align:center; clear:both; }
.box-image img {display:block; margin:auto;}
.box-image p{font-style:italic; color: #666; font-weight: bold;padding:.6em; margin:0;} 
	
/* for 2 column text - modern browsers */
div.block-column{
clear:both;
-moz-column-count:2; 
-moz-column-gap:20px;
-webkit-column-count:2;
-webkit-column-gap:20px;

column-count:2;
column-gap:20px;
-webkit-column-fill:auto;
-moz-column-fill:auto;
-moz-column-fill:balance;
column-fill:auto;
padding:.2em 0 1em 0;
} 

/* for image containing divs that need to take one column of multi-culumn. multi-col handling not good - webkit */
div.div-pair {width:100%; column-span:all; float:none; display:table; overflow:visible;}
div.div-pair .box-image {margin-top:0;width:46%; float:left; clear:none;}
div.div-pair .box-image + .box-image {float:right;}

h2 {font-size: 1.4em; border-bottom: 1px dotted #ccc;margin:1em 0 .3em 0;}

h2.nospace-top, #content div.box-grey + span + h2 {margin-top:0;} /* reduce top white-space for first heading */


h2, h3 {
-webkit-column-span:all;
-moz-column-span:all; /* not supported in ff */
column-span:all;
}

.date {margin:.6em 0;}

/* 2013 */
#highlights {text-align:left; font-size:1.1em; clear:both;}
#highlights h2 {color:#fff; font-size:2em; padding: 10px 0 0 30px; margin:0; border-bottom: none; font-weight:normal;}
#highlights ol, #highlights h3 {padding:.4em 1em;}
#highlights ol > li {font-weight:bold;}
#highlights ul li  {font-weight:normal;}
#highlights ol ul {padding:0;}
#highlights ol {padding-top:20px;}

#highlights-map {position:relative; width:790px; margin:0px; min-height:472px; z-index:0;}
#highlights-map img {/*border-radius:15px;*/}
.number {width:30px; height:30px;border-radius: 30px; text-align:center; box-sizing: content-box;box-shadow:0 0 4px  #4d4d4d;}
.number:hover {cursor:pointer;box-shadow:0 0 4px 3px #4d4d4d; }

#highlights .bg-straw h3.active {color: #000;}

#aus, #num1, #num2, #num3, #num4, #num5, #num6, #num7, #num8, #num9 {position:absolute; z-index:99;}

#aus {
left: 540px;
top: 20px;
color:#000;
}

#aus h3 {
color:#000;
font-size:1.2em;
margin-left:44px;
}
#aus li {
	margin-bottom: 1em;
	list-style:none;
	list-style-image:none;
}

/* nt */
#num1 {
left: 220px;
top: 100px;
}
/* wa */
#num2 {left:90px; top:210px;}

/* sa */
#num3 {
left: 250px;
top: 240px;
}
/* se aus */
#num4 {
left: 380px;
top: 330px;
}

/* se qld/nsw*/
#num5 {
left: 420px;
top: 240px;
}

/* vic */
#num6 {
left: 335px;
top: 340px;
}
/* tas */
#num7 {
left: 372px;
top: 406px;
}
/* nsw */
#num8 {
left: 390px;
top: 280px;
}

#num9 {
left: 310px;
top: 180px;
}

#tip {color:#fff; position:absolute; top:440px; left: 20px;}
/* can't do as bg - won't print }*/
.tc, .fire, .flood, .hightemp, .lowtemp, .dry, .storm, .sst, .rain {background-repeat: no-repeat; background-position: left 2px; padding-left: 40px; }
.tc {background-image: url(/climate/images/symbols/icon-tc.png);}
.fire {background-image: url(/climate/images/symbols/icon-fire.png);}
.flood {background-image: url(/climate/images/symbols/icon-water.png);}
.hightemp {background-image: url(/climate/images/symbols/icon-hightemp.png);}
.storm {background-image: url(/climate/images/symbols/icon-storm.png);}
.sst {background-image: url(/climate/images/symbols/icon-sst.png);}
.rain {background-image: url(/climate/images/symbols/icon-rain.png);}
.dry {background-image: url(/climate/images/symbols/icon-dry.png);}

.ui-dialog.highlights .ui-dialog-content {padding:0 !important; margin:0; height:520px;overflow:hidden; }
.highlight-tn {border:  2px solid #fff;background-color: #fff; border-radius:6px; text-align:center; background-color:#333; color:#fff; box-shadow:0 0 3px #4d4d4d; margin-bottom: 2px;}
.highlight-tn img {border-radius:4px 4px 0 0;}
.highlight-tn:hover {background-color: #000; border: 2px solid #ccc; cursor:pointer; }
.highlight-tn a {text-decoration:none; color:#fff !important; }
/* #hl {position:absolute; left: -9999999999px ; width:790px; height;510px;}*/


.table-text .sst, .table-text .rain {background-image:none;}
.lowtemp {background-image: url(/climate/images/symbols/icon-lowtemp.png);}


.box-image a, .box-image a img{display:block; text-align:center !important; margin:auto; } /* for IE 8 */
.box-image p a {display:inline;}

.area-popup h3 {padding:0 0 4px 0; color: #4d4d4d;text-align:left; margin-left:44px;}
.area-popup ul {margin-left:0}
.area-popup li {padding-bottom:1em; list-style:none; list-style-image:none;}
.area-popup { text-align: left; color: #000 !important;}
	
.ui-tooltip, .arrow:after {background: #fff; }
.ui-tooltip { padding: 5px 10px; color: #fff; border-radius: 20px; font: bold; border: 5px #4d4d4d solid; }

.arrow {
width: 70px;
height: 16px;
overflow: hidden;
position: absolute;
left: 50%;
margin-left: -35px;
bottom: -16px;
}
.arrow.top {top: -16px; bottom: auto;}
.arrow.left {left: 20%;}
.arrow:after {
content: "";
position: absolute;
left: 20px;
top: -20px;
width: 25px;
height: 25px;
box-shadow: 6px 5px 9px -9px #666;
border: 3px #4d4d4d solid;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
tranform: rotate(45deg);
}
.arrow.top:after {bottom: -20px;top: auto;}


.table-text {margin-top: 60px;}
.table-text th {position:relative; vertical-align:top !important;}
.table-text .col-4, .table-text .col-5,.table-text .col-2 {text-align: center; position:absolute;  margin-top: -56px; margin-left:-2px;z-index:99; height:50px;}

.table-text .col-4 {width: 264px;}
.table-text .col-5 {width: 357px;}
.table-text .col-2 {width: 120px;}
.print-only {display:none;}
@media print {
	.table-text .col-4, .table-text .col-5,.table-text .col-2 {display:none; text-align: inherit; position:relative;  margin-top: 0px; margin-left:0px;z-index:0; height:auto; width:auto;}
	.table-text th {font-size: .8em; padding: 0;}
	.table-text th div {display:none !important;}
	tr.print-only {display: table-row;}
	
	div.block-column{
	clear:both;
	-moz-column-count:1; 
	-webkit-column-count:1;
	column-count:1;
	} 
}
.table-text th {width:8.5%;}
.table-text .sst, .table-text th.sst, th.sst div {background-color:#D8F1F1;}
.table-text .rain, .table-text th.rain, th.rain div {background-color: #ECF1FF;}
.table-text .temperature, .table-text  th.temperature, th.temperature div {background-color: #FFECEC !important;}

.larger {border-radius:8px;}
.larger p,.larger ul {font-size: 1.12em;}
.larger li {padding-bottom:.3em;}

/*.clip-hidden {width:1px; height: 1px; overflow:hidden;}*/

.box-image, img {page-break-inside:avoid}