/* Climate Data Online global CSS Document */
/*modified 12 Jan 2007*/

/* generally applied styles */

#content-block1 {
	position:relative; 
	float:right;
	min-width:760px; 
	width:790px; 
	background-color:#fff; 
	margin:12px 0 0 12px; 
	padding:0;
	padding-left: 5px;
text-align:left;}

.date-modified {
	margin-top: 10px;
	padding: 0px;
	font-size: 80%;
	color:#999999;
	clear:both;
}
 
div#top-menu {
	padding:0 0 0.4em 0;
	font-size:0.9em;
	color:#999999;
	line-height: 1.8em;
}
div#top-menu a:link, div#top-menu a:active, div#top-menu a:visited {
	text-decoration:none;
}

.no-qc {
font-style:italic;
font-weight:normal;
color:#A60000;

}

	/* submit button in forms */
.go, #redraw {
	background-color: #666633;
	height: 20px;
	color: #FFFFFF;
	text-align:left;
	padding-left: 3px;
	padding-right: 30px;
	margin: 2px;
	background-image: url(/climate/cdo/images/bg_go.png);
	background-position: right; 
	background-repeat:no-repeat;
}

.goback {
	background-color: #666633;
	height: 20px;
	color: #FFFFFF;
	text-align:left;
	padding-left: 25px;
	padding-right: 3px;
	margin: 2px;
	background-image: url(/climate/cdo/images/bg_goback.png);
	background-position: left; 
	background-repeat:no-repeat;
}

div.na input.go, div.na input#redraw {
	background-color: #ccc;
	color: #999;
	background-image: url(/climate/cdo/images/bg_go_na.png);
}

div.na, div.na select {
color:#999;
}

/*styles for figures within body of text*/

.figure-l, .figure-c, .figure-r {
	position: relative;
	font-style:italic;
	text-align: center;
}
	
.figure-l {
	float:left;
}

.figure-r {
	float:right;
}

.figure-framed {
	border: 1px solid #333;
	background-color: #E9E9E9;
	padding: 10px 10px 15px 10px;
}

/*insert a forced page break where content extends beyond a page*/

.next-page {
	text-align: right;
	page-break-after:always;
	padding-right: 5em;
	display:none;
	font-style:italic;
	font-size: 8pt;
	font-weight:lighter;
}

p.next-page {
	text-align: right;
}

/*fixed widths*/

.width530 {
	width: 530px;
}

.width750, .boundingwidth {
	width: 750px;
}

/* Colours */

.bg-lyg {
	background-color: #f5f5ed;
}

.bg-lgg{
	background-color:#f3f4ef;
}
	
.bg-lg {
	background-color: #f5f5f5;
}
 
#content-block, middle-col {
	text-align: left;
}

/*table.info is used for tabulating general data and information*/

table.info {
	border: solid 1px #666;
	width: 590px;
	border-collapse:collapse;
	padding: 0px;
	margin-bottom: 15px;
	margin-left: 2px;
	page-break-inside:avoid;
	clear:both;
}

table.info td {
	border: 1px solid #ccc; 
	padding: 3px;
	vertical-align:top;
}

table.info th {
	border: solid 1px #666;
	padding: 3px;
	font-weight:bold;
	background-color: #CCCC99;
}

table.info caption {
	font-weight:bold;
	font-style:italic;
	font-size:110%;
	padding-bottom: 0.5em;
}

/* list of links formatted as box-feature but for use within main content*/

div.menu-list ul{
	margin:0 0.3em 0.3em 1.6em;
	list-style-type:none;
	list-style-position:outside;
	list-style-image:url(/climate/cdo/images/symbols/bullet-arrow-down.gif);
}
		
div.menu-list a:link, div.menu-list a:active, div.menu-list a:visited {
	text-decoration:none;
}

.print-only {
display:none;
}

.no-show, div.no-show {
display:none;
}

td#map-link {
background-image:url(/climate/cdo/images/map_mini_aus_sm.gif);
background-position:center;
background-repeat: no-repeat;
text-align: center;
font-size: 110%;
width: 46px;
height: 40px;
}

		
td#map-link a {
position: relative;
top: -4px;
text-decoration:none;
padding-left: 6px;
}

a.inpage-info, div.inpage-info, p.inpage-info, span.inpage-info {padding: 0 0 0 20px;
 background-image: url(/climate/cdo/images/symbols/inpage-info.gif);
 background-repeat: no-repeat;
 background-position: left;
 text-decoration:none;
}

@media print {
	.next-page {
		display:block;
	}
	 
	p#top-menu {
		display: none;
	 }
	 
	.print-only {
	display:block;
	}
}

/* temp for new format tramsition*/ 
ul#page-info, ul.downloads {padding:.4em .2em .4em .4em;margin:0 0 .3em 0; width:auto;}
ul#page-info     {float:left;   background-position: left; padding-left:20px;}

ul.downloads a:link, ul.downloads a:visited{text-decoration:none; padding:0 4px 0 2px;}
ul#page-info li, ul.downloads li  {display:inline; border-right:1px dotted #ccc; padding:.3em;}
ul#page-info li:last-child, ul.downloads li:last-child {border-right:none;}

.downloads{
	float:right; background:url(/climate/cdo/images/interface/gradient-grey-down.png) repeat-x;background-position:0 0; text-align:right; width:auto; 
	border-color: #E5E5E5; background-color: #f5f5f5;
	border-top-left-radius:10px; border-bottom-left-radius:10px; 
	-moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft:10px; 
	-webkit-border-top-left-radius:10px;-webkit-border-bottom-left-radius:10px;
}	
.downloads a{padding-right:.6em; }
.downloads a.spreadsheet, .downloads a.pdf {background-image:none; padding-left:.6em;}
.box-feature {clear:both;}
/* end temp */

#loading {display:none;}