@charset "UTF-8";
/* from 2016  /climate/current/annual/aus/ /climate/current/annual/aus/yyyy/ */

.ui-dialog.highlights .ui-dialog-content {padding:0 !important; margin:0; height:520px;overflow:hidden; }

#highlights {text-align:left; font-size:1em; clear:both; position:relative;}
#highlights h2 {color: #000; 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:normal;color: #000;}
#highlights ul li  {font-weight:normal; color: #000;}
#highlights ol ul {padding:0;}
#highlights ol {padding-top:20px;}

#highlights-map {position:relative; width:790px; margin:0px; min-height:472px; z-index:0;}

#aus, #act, #nsw, #vic, #qld, #wa, #sa, #tas, #nt, #ca, #sea, #seqnsw, #soa, #ea, #seaq, #gbr, #na, #vt, #ts, #nwa, #gc, .region {position:absolute; z-index:99;}
.region {width:30px; height:30px; } 

#aus {
left: 534px;
top: 0px;
color:#000;
width: 246px;
}

#aus h3 {
color:#000;
font-size:1.2em;
margin-left:44px;
}
#aus li {
	margin-bottom: 0.9em;
	list-style:none;
	list-style-image:none;
	min-height:2.4em;
	box-sizing:border-box;
}

#tip {position:absolute; z-index: 99999; left:10px; bottom:10px; color:#DFE7FB; /*#2461E5; #ccc;*/}
/* nt */
#nt {
left: 220px;
top: 100px;
}
/* wa */
#wa {left:90px; top:210px;}

/* sa */
#sa {
left: 250px;
top: 240px;
}

/* vic */
#vic {
left: 335px;
top: 340px;
}
/* tas */
#tas {
left: 372px;
top: 406px;
}
/* nsw */
#nsw {
left: 390px;
top: 280px;
}
/* qld */
#qld {
left: 340px;
top: 150px; /* 150 */
}

/* northern australia */
#na {
left: 170px;
top: 130px;
}

/* eastern australia */
#ea {
left: 420px;
top: 260px;
}

/* se qld/nsw*/
#seqnsw {
left: 440px;
top: 234px;
}


#seaq {
left: 335px;
top: 260px;
}

#sea {
left: 320px;
top: 310px; /* 290px */
}

#nwa {
left: 90px;
top: 130px;
}

#act {
left: 390px;
top: 320px;
}

/* southern Australia - check location */
#soa {
left: 230px;
top: 280px;
}

/* great barrier reef  */
#gbr {
left: 420px;
top: 100px;
}
/* ca - central australia */
#ca {
left: 240px;
top: 178px;
}
/* victoria and tasmania */
 #vt {
left: 410px;
top: 380px;
}

#ts {
left: 450px;
top: 350px;
}

#gc {
	left: 300px;
	top: 60px;
}


#highlights .tc, .area-popup .tc,
#highlights .fire, .area-popup .fire,
#highlights .flood, .area-popup .flood,
#highlights .storage, .area-popup .storage,
#highlights .hightemp, .area-popup .hightemp,
#highlights .lowtemp, .area-popup .lowtemp,
#highlights .dry, .area-popup .dry,
#highlights .storm, .area-popup .storm,
#highlights .sst, .area-popup .sst,
#highlights .rain, .area-popup .rain,
#highlights .snow, .area-popup .snow,
#highlights .wind, .area-popup .wind,
#highlights .eastcoastlow, .area-popup .eastcoastlow,
#highlights .coast, .area-popup .coast,

#highlights .influence, .area-popup .influence
{ 
	background-repeat: no-repeat; background-position: left 2px; padding-left: 40px;
	background-size: 30px 30px;
}

/*
 #highlights .tc:before, .area-popup .tc:before,
#highlights .fire:before, .area-popup .fire:before,
#highlights .flood:before, .area-popup .flood:before,
#highlights .storage:before, .area-popup .storage:before,
#highlights .hightemp:before, .area-popup .hightemp:before,
#highlights .lowtemp:before, .area-popup .lowtemp:before,
#highlights .dry:before, .area-popup .dry:before,
#highlights .storm:before, .area-popup .storm:before,
#highlights .sst:before, .area-popup .sst:before,
#highlights .rain:before, .area-popup .rain:before,
#highlights .snow:before, .area-popup .snow:before,
#highlights .wind:before, .area-popup .wind:before,
#highlights .eastcoastlow:before, .area-popup .eastcoastlow:before,
#highlights .coast:before, .area-popup .coast:before
{ 

	content:'';
	display:block;
	width:30px;height:30px;
	box-sizing:border-box;
}
*/


#highlights .tc, .area-popup .tc {background-image: url(/climate/images/symbols/icon-tc.svg);}
#highlights .fire, .area-popup .fire {background-image: url(/climate/images/symbols/icon-fire.svg);}
#highlights .flood, .area-popup .flood {background-image: url(/climate/images/symbols/icon-flood.svg);}
#highlights .storage, .area-popup .storage {background-image: url(/climate/images/symbols/icon-storage.svg);}
#highlights .hightemp, .area-popup .hightemp {background-image: url(/climate/images/symbols/icon-hightemp.svg);}
#highlights .storm, .area-popup .storm {background-image: url(/climate/images/symbols/icon-storm.svg);}
#highlights .sst, .area-popup .sst {background-image: url(/climate/images/symbols/icon-sst.svg);}
#highlights .rain, .area-popup .rain {background-image: url(/climate/images/symbols/icon-rain.svg);}
#highlights .dry, .area-popup .dry {background-image: url(/climate/images/symbols/icon-dry.svg);}
#highlights .eastcoastlow, .area-popup .eastcoastlow {background-image: url(/climate/images/symbols/icon-eastcoastlow.svg);}
#highlights .snow, .area-popup .snow {background-image: url(/climate/images/symbols/icon-snow.svg);}
#highlights .wind, .area-popup .wind{background-image: url(/climate/images/symbols/icon-wind.svg);}
#highlights .lowtemp, .area-popup .lowtemp {background-image: url(/climate/images/symbols/icon-lowtemp.svg);}
#highlights .coast, .area-popup .coast {background-image: url(/climate/images/symbols/icon-coast.svg);}
#highlights .influence, .area-popup .influence {background-image: url(/climate/images/symbols/icon-influence.svg);}


/* popups/tooltips */
.area-popup h3 {padding:5px 0 4px 0 !important; color: #000;text-align:left; margin-left:44px; background-image:none !important;} 
.area-popup ul {margin-left:0; margin-bottom:0; padding-bottom:0;}
.area-popup li {padding-bottom:0.6em; list-style:none; list-style-image:none; font-weight:normal; min-height: 33px;}
.area-popup li:last-child { margin-bottom:0; padding-bottom:0; }
.area-popup { text-align: left; color: #000 !important; }
	
.ui-tooltip, .arrow:after { background: #DFE7FB ; /*#2461E5#ccc;*/ }
.ui-tooltip { padding: 5px 5px; color: #fff; border-radius: 0px; font-weight:normal; border: 6px #ffffff solid; min-height: 250px;} 

.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 #ffffff solid; 
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.arrow.top:after {bottom: -20px;top: auto;}