/*	Especially for Climate Summaries 	

	Ian Barnes-Keoghan	12Nov2009 0- 20Dec2009 

	16 Feb 2010 Modifications for T-bar layout

*/



/* 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

*/





.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 {font-size: 0.8em; width:auto; max-width:100em;}



/* table elements */

.middle-col td, .middle-col th {border: 1px solid #EAEAEA; padding: 0 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 {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 {background-color: #EAEAEA; text-align:left; padding-left: 1em; }

.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, .middle-col table.daily th {padding-top: 0; padding-bottom:0;}

.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;}



/* 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-left: 2em; padding-top: 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;}



/* 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 & 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%;}}