/* The palette used is
	CCCC99	table borders, overall table heading
	E5E5C3	table sub-heading
	F3F4EF	row headings, emphasis
	EAEAEA	cell borders, group headings, inner link bar
 	E5E5E1	hover effect	
	006699	horizontal rule
*/

/* import contact block styles */
@import url("/climate/styles/climate-contact-block.css");

p + ul, p + ol {margin-top: -1em; padding-top: 0;}

.middle-col {text-align: justify;}

/* tables */
.middle-col table {width: 100%; padding: 0; margin: 0.2em; border: 2px solid #CCCC99; background-color:#fff; white-space: nowrap; border-collapse: collapse; empty-cells:show;}
.middle-col table.extremes {width: auto;}
.middle-col table.summary {width:773px; height:1%; position:relative; min-height:0; }
.middle-col table.auto-width {width: auto;}
.middle-col table.daily {width:auto; max-width:100em;}

/* table elements */
.middle-col td, .middle-col th {border: 1px solid #EAEAEA; padding: 0.3em 0.3em}
.middle-col th {padding: 0.3em}
.middle-col td {text-align: right; }
.middle-col td.date {text-align: left; border-left: none; padding-left: 0.5em;}
.middle-col th.heading {font-size: 1.2em; text-align: left; background-color: #CCCC99; padding: 0.5em 1em}
.middle-col th {background-color: #E5E5C3; text-align:center;}
.middle-col th.place, .middle-col th.extreme, .middle-col td.itemtitle {padding:0.1em; padding-right: 0.3em; text-align: left; font-weight:normal; background-color: #F3F4EF; }
.middle-col table.extremes td {text-align: left; padding-top:0.3em; padding-bottom:0.3em;}
.middle-col th.groupheading, .middle-col tr.grouptitle * {background-color: #EAEAEA; text-align:left; padding-left: 1em; }
.middle-col td.unit {text-align:left; padding-left:0.1em; width:2em} 
.middle-col table.summary td {width:4em}
.middle-col colgroup.group {border-left: 2px solid #EAEAEA;}
.middle-col table a {text-decoration:none;}
.middle-col table.thumbgroup td {text-align: center; padding: 5px; }
.middle-col table.thumbgroup td img {max-width: 154px; width:154px;}
.middle-col table.areal td {text-align: right; padding-right:2em; width:6em}
.middle-col table.areal td.comment {text-align:left; padding-left:0.3em; padding-right:0.3em; width:0;}
.middle-col table.daily td {padding-top: 0; padding-bottom:0;}
.middle-col table.daily td {font-size: 0.7em}
.middle-col table.daily tbody th {font-size: 0.8em}
.middle-col table.areal tr {height: 3em;}
.middle-col table.areal td.comment {white-space:normal; width: 20%}
.middle-col table.areal th.place {width: 10em;}


.middle-col table.location .tablenote {font-weight:normal; text-align:left; white-space:normal;background-color:#F3F4EF;}
 
 

/* hover effect on table rows */
.middle-col table tbody tr:hover * {background-color: #E5E5E1}
.middle-col table.thumbgroup tbody tr:hover td {background-color: inherit;}	/* turn off */
.middle-col table.thumbgroup tbody tr td:hover {background-color: #E5E5E1;} /* turn back on for td only */


/* various others */
.middle-col hr {width: 100%; color: #006699; background-color: #006699; height: 1px; border: none; margin: 1em 0;}
.middle-col .emphasis {background-color: #F3F4EF;}
.middle-col p.innerlinks {background-color: #EAEAEA; padding: 0.4em; margin-top: 1em; font-size:smaller;}
.middle-col p.innerlinks * {padding-left: 2em;}
.middle-col h2, .middle-col h3, .middle-col h4, .middle-col h5, .middle-col h6 {padding-left: 0.1em;}
.middle-col .prelim {background-color: #FEFE99;}
.middle-col div.prelim, .middle-col p.prelim {padding: 0.5em;}
.middle-col .dateline {padding-top:0.6em; font-size: 0.9em; color:#999;}
.middle-col .tablenote {font-style: italic; font-size: 0.9em; margin-top: 0.2em;}
.middle-col span.place {border-bottom: 1px dotted #CCCC99;}
.middle-col img {white-space: normal; }

/* some things that are NOT in the middle-col */
.shifted-down {margin-top: 4.3em;} /* to shift the RHS menu down */
div.media-release {margin: 0.5em;} /* as common.css has zero margin and padding */

/* print media */
@media print {
.middle-col table {width:auto; height:auto; max-width:100%; margin:0}
.middle-col p.innerlinks {display: none;}
}

/* patches for T-bar design */
/* width for ie6*/
#content-block table.daily, #content-block table.summary {margin-left:-195px; position:relative; width:990px; }
/* width for other browsers */
#content-block >table.daily, #content-block table.summary {margin-left:-195px; position:relative; width:990px; }
/*salvage position for ie6 */
#content-block div.right-block {position:absolute; left:597px; top:0; width:197px; border-color:#DAE1E9 }
@media print{#content-block table.daily, #content-block table.summary {margin-left:0; width:100%;}}

/* for wider month summary with 3 extra averages columns*/
.middle-col table.compact tr th {vertical-align: top;}
.middle-col table.compact td {
    vertical-align: top;
    padding-right:0.8em;
    width: auto;
}
/* tidy up sup */
sup {
  font-size: 0.8em;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.5em;
}

/* tablesort widgets (using Unicode arrows); added 20151130 */
.middle-col th.sort-header { cursor:pointer; }
.middle-col table th.sort-header:after { content:'\25B3\25BD'; opacity:0.2; line-height: 0.5em; }
.middle-col table th.sort-up:after { content:'\25B3\25BC'; }
.middle-col table th.sort-down:after { content:"\25B2\25BD"; }
.middle-col table th.sort-up:after, .middle-col table th.sort-down:after, .middle-col table th.sort-down:hover:after { opacity:0.5;}



/* added 20141029 */
/* climate  shared styles for updated interface breadcrumbs */
#breadcrumb {margin:0 0 0 -.8em; padding:.4em;font-size:.9em; height:1.2em;}
#breadcrumb ul {padding:0;margin:0; width:100%;background-color:#efefef}
#breadcrumb li {display:block; width:auto; float:left;padding-left:14px; background: url(/climate/images/symbols/bullet-arrow.png) no-repeat 2px 2px;}
#breadcrumb li:first-child {background:url(/climate/images/symbols/bullet.gif) no-repeat 0 0;}
#breadcrumb a:link , #breadcrumb a:visited{text-decoration:none;}









/* for 2009 AMDISS format */
#content .middle-col table.summary, #content .middle-col table.daily {margin-left: -195px; width: 986px;}
@media print{
	#content .middle-col {width: 640px; max-width:100%; margin:0; padding:0; }
	#content .middle-col table.summary, #content .middle-col table.daily {margin: 0; width: 100%; max-width:100%; white-space:normal; font-size:0.8em; }
}

/* 201606 dot point format */
.middle-col h2 {color:#000; font-size: 1.1em; margin-top: 1.4em;}
.middle-col h2 + ul {padding:0.6em; margin:-0.3em 0 -0.8em 0;}
.middle-col h2 + ul li {margin:0 0 0.6em 1em;}
.middle-col h2 + ul li a {text-decoration:none; border-bottom: 1px dotted #cccc99 ;}
.middle-col h2 + ul li a:hover, .middle-col h2 + ul li a:active {text-decoration: underline; border-bottom: none ;}

/* figures used in FY summaries */
figure { padding: 5px 0;  margin: 0; }
figure img {max-width: 100%;}
figcaption { font-size: 1em; padding: 0.6em; background-color: #efefef ; color: #666;}
.middle-col figcaption { text-align:left; }
figure a:hover { background-color: #fff; color: #000; }
u.dotted {
    border-bottom: 1px dashed #999;
    text-decoration: none;
}
.prelim {background-color: #ffffcc;}
.block-50 {display:inline-block; width:49%;box-sizing: border-box;}
.box-feature {padding:1em;}

/* force wrap long headers - esp. dry-season nt */
table.summary thead th {white-space: normal;}
table.summary thead th[colspan="4"] {width: 25%;}

#rainfallTable  div:first-of-type, #temperatureTable div:first-of-type {font-weight:bold; font-size:1.0em; margin-bottom: 0.6em;}

table.extremes caption {color: #000; background-color:#CCCC99;padding:10px;font-weight: bold; font-size: 1.2em; text-align:left;}
table.extremes {margin-bottom: 3em;}

#notes, #rainfallMaps, #temperatureMaps, #extremesMaps {margin-bottom: 3em;}

.review strong  {background-color: #FEFE99; font-weight:normal;}


#temperatureCommentary, #rainfallCommentary {margin-bottom: 20px;}