/* CSS Document */
/* CSIRO Australia - OZCLIM */
/* Copyright (c) 2006, CSIRO Australia */
/* Author: Harry Kontos - CSIRO IM&T */
/* Date Created: 2006-05-04 */
/* Date Modified: 2006-12-18 */
/* Scalable font-sizing by Yahoo! Inc. */
/* Copyright (c) 2006, Yahoo! Inc. All rights reserved */


/* GLOBAL STYLES */

html, body, h1, h2, h3, h4, h5, h6, div, p, a, ul, li, input, select, span, td, legend, button, input.button, input.file{
	font-family:Arial, Verdana, sans-serif !important;
	}

body {
	font:13px Arial, Verdana, sans-serif; /*Y!*/
	*font-size:small; /*Y!*/
	*font:x-small; /*Y!*/
	margin:0; 
	padding:0;
	background-color:#fff;
	}
	
p {font-size:92.5%;}
pre, code, textarea {font:115% monospace; *font-size:100%;} /*Y!*/
h1 {font-weight:100; color:#09C; font-size:235%; margin:0;}
h2 {font-weight:100; color:#666; font-size:178%;}
h3 {font-weight:100; color:#666; font-size:155%;}
h4 {font-weight:100; color:#666; font-size:135%;}

p img {margin:0;}
ul, ol {line-height:1.22em;}
ul li {list-style-type:square;}
li {margin-bottom: 0.35em;}

table {font-size:inherit; font:100%;} /*Y!*/
form {font-size:inherit; font:100%;}

a {font-size: small; }
a:link {color:#369;}
a:visited {color:#969;}

hr {border:none; border-top:1px solid #999; height:1px;}

/* GLOBAL CLASSES */

.hide {display:none;}
.small {font-size:85%;}
.small a:link, .small a:visited {font-size:100%;}
.xxsmall {font-size:77%;}
.xxxsmall {font-size:69.5%;}


/* HEADER REGION STYLES */

#csiro-header {
	width:100%;
	border-bottom:1px solid #fff;
	clear:both;
	background-color:#fff;
	}

#csiro-header td.vi { 
	background-image:url(../images/70px_csiro_mast_transparent.gif);
	background-position:right;
	background-repeat:repeat-y;
	}

#ozclim-header {
	width:100%;
	border-bottom:1px solid #bed600;
	clear:both;
	background-color:#FAFBF4;
	}

#header-utils {	
	font-size:92.5%;
	background-color:#5C911E;
	color:#fff;
	text-align:center;
	vertical-align:middle;
	white-space:nowrap;
	}

#header-utils a:link, #header-utils a:visited {	
    color:#fff;
	text-decoration:none;
	margin:0 10px 0 10px;
	}

#header-admin-utils {	
	font-size:92.5%;
	text-align:center;
	vertical-align:middle;
	white-space:nowrap;
	}

#header-admin-utils a:link, #header-admin-utils a:visited {	
    color:#444;
	text-decoration:none;
	margin:0 10px 0 10px;
	}
	
#header-utils a:hover, #header-admin-utils a:hover {text-decoration:underline;}

#breadcrumbs, #breadcrumbs a:link, #breadcrumbs a:visited {
	font-weight:bold;
	font-size:85%;
	background-color:#F5F5F5; 
	color:#666; 
	padding:0.35em;
	margin-bottom:1em;
	}
	
#breadcrumbs a:link, #breadcrumbs a:visited {
	color:#666; 
	text-decoration:underline; 
	font-size:100%;
	}

/* CENTRAL HORIZONTAL REGION STYLES */
#wrapper {background-color:#fff;}

/* FOOTER REGION STYLES */
#footer {
	border-top:4px solid #8CC538;
	color:#666; 
	font-size:100%; /*reset sizes*/
	clear:both;
	}

#footer .copyright {font-size:92.5%;}
#footer .footlinks {font-size:92.5%;}
#footer .server {font-size:85%;}

#footer a:link, #footer a:visited {color:#666;}

/* FORM STYLES */
form {margin:0; padding:0;}

fieldset {
	border:none; margin:0; padding:0; }
	
input, select, label, option {color:#336600;}
input { padding: 2px; }
legend {color:#000 !important; margin-bottom:0.5em; margin-left: -6px; padding: 0px; }
select {margin-bottom:0.5em;}
option {margin:0.5em;}

legend a:link, legend a:visited {
	color:#360; 
	text-decoration:none;
	}

legend a:hover {
	color:#000; 
	text-decoration:underline; 
	}

	
/* CUSTOM OZCLIM STYLES */

div#wizardtip {
	margin-top:0.5em 0 0.5em 0; 
	padding:0 2em 1em 0;
	}
	
div#wizardtip p {
	font-size:92.5% !important;
	line-height:175%;	
	color:#666;
	}

#related {margin-top:1em; padding-right:2em;}

#related p {font-size:100%; text-indent:0.5em; margin-top:0.5em; color:#5C911E;}

#related ul {
	list-style-image:url(../images/newWindow.gif);
	list-style-type:square;
	margin-left:15px;
	padding-left:9px;
	}

#related li {margin-bottom:1em;}

.red {color:#CC0000;}

/* POPUP HELP STYLES */
#popWrapper {
	width:300px;
	margin:0 auto;
	text-align:center;
	margin-top:1em;
	margin-bottom:1em;
	background-color:#fff;
	}

#popEditWrapper {
	width:340px;
	margin:0 auto;
	text-align:center;
	margin-top:1em;
	margin-bottom:1em;
	background-color:#fff;
	}

#popHeader {
	background-color:#FAFBF4;
	display:block;
	text-align:center;
	}

#popScrollarea {
	overflow:auto; 
	height:350px;
	width: 300px;
	text-align:left !important;
	}
	
#popScrollarea p {
	font-size:92.5% !important;
	line-height:150%;	
	color:#666;
	}

#popFooter {
	display:block;
	width:300px;
	text-align:center;
	}
 
/* BORDER STYLES FOR TABLES, DIVs AND IMAGES */

/* solid borders - table and div */

.border {border:1px solid #000;}
.bordertop {border-top:1px solid #000;}
.borderright {border-right:1px solid #000;}
.borderleft {border-left:1px solid #000;}
.borderleftright {border-left:1px solid #000; border-right:1px solid #000;}
.borderbottom {border-bottom:1px solid #000;}
.bordertopleft {border-top:1px solid #000; border-left:1px solid #000;}
.borderbottomleft {border-bottom:1px solid #000; border-left:1px solid #000;}
.bordertopright {border-top:1px solid #000; border-right:1px solid #000;}
.borderbottomright {border-bottom:1px solid #000; border-right:1px solid #000;}
.bordertopleftright {border-top:1px solid #000; border-left:1px solid #000; border-right:1px solid #000;}
.borderbottomleftright {border-bottom:1px solid #000; border-left:1px solid #000; border-right:1px solid #000;}
//.bordertopbottom {border-top:1px solid #000; border-bottom:1px solid #000;}
.bordertopbottom{}
.bordertopbottomleft {border-top:1px solid #000; border-bottom:1px solid #000; border-left:1px solid #000;}
/* dashed borders - table and div */
.dotborder{border:1px dotted #000;}
.dotbordertop {border-top:1px dotted #000;}
.dotborderright {border-right:1px dotted #000;}
.dotborderleft {border-left:1px dotted #000;}
.dotborderleftright {border-left:1px dotted #000; border-right:1px dotted #000;}
.dotborderbottom {border-bottom:1px dotted #000;}
.dotbordertopleft {border-top:1px dotted #000; border-left:1px dotted #000;}
.dotborderbottomleft {border-bottom:1px dotted #000; border-left:1px dotted #000;}
.dotbordertopright {border-top:1px dotted #000; border-right:1px dotted #000;}
.dotborderbottomright {border-bottom:1px dotted #000; border-right:1px dotted #000;}
.dotbordertopleftright {border-top:1px dotted #000; border-left:1px dotted #000; border-right:1px dotted #000;}
.dotborderbottomleftright {border-bottom:1px dotted #000; border-left:1px dotted #000; border-right:1px dotted #000;}
.dotbordertopbottom {border-top:1px dotted #000; border-bottom:1px dotted #000;}
.dotbordertopbottomleft {border-top:1px dotted #000; border-bottom:1px dotted #000; border-left:1px dotted #000;}

.indent {
	padding-left:20px;
	padding-right:20px;
	min-height: 260px;
	}
	
.displayTable {
	border-collapse: collapse;	
	width: 400px;
	margin-right: 10px;
	}
	
.displayTable td, .displayTable th {
	border: solid 1px #9EB6CE;
	padding: 3px;
	height: 20px;
	}
	 
.displayTable th {
	background-image: url(../images/bkg-table-header.gif);
	background-repeat:repeat-x;
	font-weight: normal;
	text-align: left;
	}

/* DEVELOPER'S CUSTOM STYLES AND OVERRIDES */
.subheading { margin-top: 20px; margin-bottom: 20px; }

/* Advanced page */
.advanced-selections h2 { color:#09C; margin-top: -5px; margin-bottom: 3px; }
.errorsDiv, .errorsHeader { margin-left: 20px; }
.errorsDiv { margin-bottom: 10px; }
.errorMessage { display: block; margin-bottom: 5px; }
.errorsHeader strong { color: #C00; }
.gcm-links a:link, .gcm-links a:visited { color: #360; }

.delete-icon { margin-top: 3px; }
.info { color: #09c; }
.login {	width: 330px;	}
.login-form { margin-top: 7px; margin-bottom: 7px; }
.login-form label { color: #000; font-weight: bold; }

.advanced-main hr { width:670px; margin-left: 0px; }
.advanced-map { width:565px; height:450px; display: inline-block; }
.advanced-legend { vertical-align: top; padding-left: 8px; }
.advanced-legend table { font-size: 11px; border-collapse: collapse; }
.legend-key { border-bottom: solid 1px black; width: 100px; padding-bottom: 2px; font-size: 11px; }
.legend-units { font-size: 11px; margin-bottom: 5px; }
.legend-colour { border: 1px solid #000; width: 12px; }
.legend-label { padding-left: 5px; }
.map-header { margin-bottom: 0px; }
.map-header .label { display: inline-block; width: 42px; text-align: right; margin-right: 10px; }
.map-header span { font-size: 11px; }
.map-help { text-align: right; margin-left: 350px; font-size: 11px; }

/* What's new page */
.newsletter-table ul { margin-left: 15px; padding-left: 0px; }
.newsletter-table li { padding-bottom: 10px; }
.newsletter-table img { margin-right: 5px; }

/* Edit climate variables and global climate models pages */
.variableTable p { margin-top: 0px; margin-bottom: 2px; }
.edit-params input { margin-bottom: 4px; }
.edit-params button { margin-top: 10px; margin-right: 7px; width: 135px; }
.edit-regions input { margin-bottom: 0px; }
.edit-variable-radio input { margin-bottom: 0px; }
.edit-variable-radio { margin-bottom: 6px; }
.edit-values span { width: 50px; display: block; float:left; margin-top: 3px; }
.new-attribute span { width: 50px; display: block; float:left; margin-top: 3px; }
.new-attribute h4 { margin-bottom: 6px; margin-top: 0px; }
.new-attribute button { margin-right: 4px; margin-top: 3px; float: right; clear: right;}
.new-attribute { min-height: 105px; width: 265px; margin-top: 25px; padding: 5px; background-color: #E0E6EF; border: 1px solid #777; }
.new-attribute input { margin-bottom: 4px; }

/* Help choose GCM page */
.choose-dialog { background-color: #FFFFFF; border: 1px solid #666; }
.choose-dialog button { width: 110px; }
.choose-header { background-color: #F9FAF3; border-bottom: solid 1px #C5C5C5; }
.choose-header img { margin: 7px 0px 5px 7px; }

.choose-header h2 { 
	margin-top: 14px; 
	margin-right: 15px; 
	margin-bottom: 0px; 
	text-align: right; 
	}
	
.choose-select { 
	background-color: #FFFFFF; 
	padding: 5px;
	margin-left: 8px; 
	text-align: left;
	}

.choose-select td { padding-left: 2px; }

.choose-main { 
	background-color: #FFFFFF; 
	border-top: solid 2px #693; 
	border-bottom: solid 2px #693; 
	}
	
.choose-maps { 
	padding-left: 20px; 
	padding-top: 10px; 
	background-color: #FCFCFC;
	}
	
.choose-maps img { border: solid 1px #aaa; }
.choose-maps h2 { margin-bottom: 7px; color: #09C; display: inline; }
.choose-maps td { padding-right: 10px;}
.choose-maps .thumbs span { display: block; margin-top: -95px; margin-bottom: 75px; }
.toggleSelect input { margin: 0px; }
.toggleSelect { float: right; *margin-top: -20px; margin-right: 40px; }
.choose-palette { background-color: #FFFFFF; padding: 15px; }
.choose-palette img { margin-left: -6px; }
.choose-palette p { width: 135px; height: 100%; }
.choose-buttons button { margin: 5px 5px 0px 5px; }
.button-left { float:left; }
.button-right { float: right; }
.image-row { margin-bottom: 20px; }

.apply-text { 
	width: 190px; 
	font-size: x-small; 
	text-align: center; 
	margin-top: 0px; 
	margin-bottom: 3px; 
	}
	
/* User defined region controls */
a:focus {
	outline: none;
}
.panel {
	padding-left: 10px;
	padding-top: 5px;
	background-color: #262C9B;
	height: 100px;
	display: none;
}
.panel label{ color: #fff; }
.slide {
	margin: 0;
	padding: 0;
}
.btn-slide {
	background: url(../images/white-arrow.gif) no-repeat right -50px;
	background-color: #262C9B;
	text-align: left;
	width: 160px;
	height: 20px;
	padding: 7px 15px 2px 10px;
	display: block;
	font-weight: bold;
	color: #fff !important;
	text-decoration: none;
}
.active {
	background-position: right 10px;
}

.modal {
	z-index: 9999 !important; 
}

.btn-advanced
{
	width:185px;
}