/*

body { font-family: Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial, Sans-serif; }
strong { font-weight: bold; font-style:italic; }
sup {
	vertical-align: top;
	font-size: xx-small;
}
em { font-style: italic } 
*/
/*div { border: 1px solid lightgrey; }*/
/*html { background: #7F9169; }
body #hd { background: white; }
body #ft { background: #7F9169; } 
select { font-size: smaller; }
#hd { 
*/

/*
border-left: 5px solid white; 
border-right: 5px solid white; 
*/ /* border: 0px;*/

/*}
#bd { 
	border-left: 5px solid white; 
	border-right: 5px solid white; 
	overflow: hidden;
}
#bd-start {
	background: white url('/images/topbanner/corner.png') no-repeat;
	height: 15px; width: 100%;
	border: none;
}
#locator { border: 2px solid white; }
div#topspace { border: none; margin: 0; padding: 0; }
div#whereami { width: 550px; float: left; background: transparent;}
div#whereami p { color: white}

*/
/*
div#whereami p { padding: 3px 0px 0px 0px; font-size: smaller;}
*/
/*#whereami a:link { text-decoration: none; color: white; }
#whereami a:visited { text-decoration: none; color: white; }
#whereami a:active {  text-decoration: none; color: white; } 
#whereami a:hover { color: rgb(49,106,175);} 

div#logout { float: right; height: 30px; width: 280px; text-align: right; background: transparent;}
div#logout p { color: white; }  

#content p.footer {margin-top: 5em; font-size: smaller}
#content { }
#content h1 { margin-top: 0;}
#content h1 { 
	background-image: url('/images/titlebar.png'); 
	width: 100%;
	background-repeat:no-repeat;
	padding-top: 10px;
	padding-left:10px;
	padding-bottom: 15px;
	margin-left: -10px;
}

#content h1 { color: #416E3C; font-size: 153.9%; font-weight: bold;}
#content h2, h3, h4, h5, h6  { color: rgb(45,124,43); font-size: 108%; font-weight: bold;}
#content h2 { margin-top: 1.5em; margin-bottom: 1em; }
#content h3 {font-weight:bold; margin-top: 1em;}
#content a:link {color: rgb(105,131,44); text-decoration: none;} 
#content a:visited { text-decoration: none; color: #B24E33; } 
#content a:active {  text-decoration: none; } 
#content a:hover { color: rgb(49,106,175);} 
#bd { background: white; }

#content { 
	background: white;
	background-image: url('/images/default/bbackground.png'); 
	background-repeat:no-repeat;
	background-position: center center;
	background-attachment: fixed;
}
#yui-main, #content {
	padding-bottom: 40em;
	margin-bottom: -40em;
}


#content div.fig {padding-top:20px; text-align:center;}
#content div.fig p {text-align:center;} 
#content div.ref p{margin-left: 2em; text-indent: -2em;} 
#content p, #content p ul li, #content p ol li  { 
	margin-top: 1em; 
	margin-bottom: 0.4em; 
	margin-right: 2em; 
	text-align: justify; 
}
#content ul li {list-style-type: circle; margin-left: 4em; margin-right: 3.5em; margin-right: 3em; text-align: justify;}
#content ol li {list-style-type: decimal; margin-left: 2em; margin-right: 3em; text-align: justify;}
#content hr { border-top: solid 2px; color: rgb(67,84,51); margin-left: 0; margin-right:2.5em; margin-top: 1em; margin-bottom: 1em;}
#content .fig { font-style:italic; font-size: smaller; }
#content .figp table {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 60%;
	padding: 0;
	border-collapse: separate;
	border-spacing: 2px 2px
}
#content div.figp { margin-bottom: 2em; }
#content div.figp p {  text-align: center; }
#content div.figp img {  text-align: center; vertical-align: middle;}
#content tbody {
}
#content table tr { 
}
#content table th {
 	background: #CAE3C9; border: 1px solid black; 
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
}
#content table td {
	border: 1px solid grey;
	padding-top: 3px;
	padding-bottom: 3px;
}
#content .selectortable {
	background:#E8F7E6;
	padding-top: 3px;
	padding-bottom: 3px;
	line-height: 1.6em;
}

#content .selectortable label {
	padding-left: 0.2em;
}

#content table.selectortable {
	width: 100%;
	border-collapse: separate;
}
#content table.selectortable th {
 	background: rgb(232,247,230); border: 1px solid black; text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
	border-collapse: separate;
}
#content table.selectortable td { 
	border: none;
	padding-right: 10px;
	padding-left: 3px;
}
#content table.selectortable td.left { 
	text-align: left;
}
#content table.chosen{
	padding-top: 3px;
	padding-bottom: 3px;
	border-collapse: separate;
}
#content table.chosen th {
 	background-color: transparent;
	border-color: #C8E2C7;
	text-align: center;
	padding: 2px 10px 0px 10px;
	border-collapse: separate;
}
#content table.chosen td { 
	text-align: center;
	border-color: #E0E0E0;
	padding:3px; 
	margin-left: 4px;
	margin-right:4px;
	border-collapse: separate;
}
#content table.main2{
	padding-top: 3px;
	padding-bottom: 3px;
	border-collapse: separate;
}
#content table.main2 th {
 	background-color: #416E3C;
	border-color: #E0E0E0;
	border-style:solid; border-color:#416E3C;
	text-align: center;
	font-size: larger;
	font-weight:bold; 
	color:white;
	padding: 2px 10px 0px 10px;
	border-collapse: separate;
}
*/
/*
#content table.main2 td { 
	text-align: center;
*/
	/*font-size: smaller;*/
	/*border-color: #E0E0E0;*/
/*
	font-weight:bold; 
	border-style:solid; border-color:#416E3C; background: #F1FCEF;
	padding:3px; 
	margin-left: 4px;
	margin-right:4px;
	border-collapse: separate;
}
#content table.main{
	padding-top: 3px;
	padding-bottom: 3px;
	border-collapse: separate;
}
#content table.main th {
 	background-color: #D2A061;
	border-color: #E0E0E0;
	text-align: center;
	font-weight:bold; 
	color:white;
	padding: 2px 10px 0px 10px;
	border-collapse: separate;
}
#content table.main td { 
	text-align: center;
	font-size: smaller;
	border-color: #E0E0E0;
	padding:3px; 
	margin-left: 4px;
	margin-right:4px;
	border-collapse: separate;
}

#content table.viz{
	padding-top: 3px;
	padding-bottom: 3px;
	margin-right:4px;
	border-collapse: separate;
	border-spacing:20px 4px;
}
#content table.viz th {
 	background-color: #D2A061;
	border-color: #E0E0E0;
	text-align: center;
	font-weight:bold; 
	color:white;
	padding: 2px 10px 0px 10px;
}
#content table.viz td {
	width: 33%;
	text-align: center;
	font-size: smaller;
	border-color: #E0E0E0;
	padding:3px;
	margin-left: 4px;
	margin-right:4px;
}
#content fieldset {
	border: 3px solid ; 
	border-color: #C8E2C7;
	margin-left:10px;
	margin-right:30px;
	padding: 7px;
 }
#content legend {font-weight:bold; }
#content div.standout {
	padding-left:10px; 
	padding-top:10px; 
	padding-right:10px; 
	padding-bottom: 10px;
	text-align:center; 
	}
#content div.standout img { padding: 10px; vertical-align: middle;background-color:#F1FCEF; }
#content .centre { text-align: center; }
#content .divcentre { margin-left: auto; margin-right: auto; }
#content .left { text-align: left; }
#content .right { text-align: right; }
#content .formbutton {
	margin-top: 5px;
	text-align:center;
	padding: 3px 2px 3px 2px;
	background-color:#41633C;	
	border:2px outset #41633C;
	font-weight: bold;
	color: white;
}
#content .startshidden {
	display: none;
}
#content #addtolist {
	margin-top: 5px;
	text-align:center;
	padding: 3px 2px 3px 2px;
	background-color:#41633C;	
	border:2px outset #41633C;
	font-weight: bold;
	color: white;
}
#content div.highlight p {
	text-align: center;
	border-style:solid; 
	border-color:#C8E2C7; 
	margin: 10px 100px 10px 100px; 
	padding-right:5px;
	padding-left: 5px;
	background-color:#F1FCEF;}
#content div.outlineborder {
	border: 1px solid #C8E2C7;
	margin-left: 1em;
	margin-right: 3em;
	padding:5px;
	text-align: center;
}
#content div.boxhighlight { 
	float: right;
	width: 230px;
	margin-left: 2.5em;
	margin-right: 2.5em;
	padding:8px;
}
#content div.boxhighlight p {
	background: #E8F7E6;
	text-align: center;
	width: 100%;
	padding-top: 8px;
	padding-bottom: 8px;
}
#content input.feedback, textarea.feedback {
	width: 400px;
	
}
#content hr.boxhighlightsep{
	height: 10px;
	border: none;
	padding: 0;
	margin-left: -8px;
	margin-right: -8px;
}
#content div.imp {
	border-width: 1px;
	border-bottom-style:solid; 
	border-top-style:solid; 
	border-color:#C0C0C0; 
	margin: 0px 100px 0px 100px; 
	padding:5px;
}
#content div.imp p { text-align: center; font-weight: bold; color: #CC7218; margin: 3px;}
#content div.important {
	border-style:solid; border-color:#D2A061; background: #FFEBD6;
	border-width:1px;
	margin: 0px 100px 0px 100px; 
	padding:5px;
}
#content div.important p { text-align: center; font-weight: bold; color: #98633C; margin: 3px;}
#content div.imp2 {
	border-style:solid; border-color:#41633C; background: #F1FCEF;
	border-width:1px;
	margin: 0px 100px 0px 100px; 
	padding:5px;
}
#content div.imp2 p { text-align: center; font-weight: bold; color: #41633C; margin: 3px;}
#content div.notice {
	color: rgb(67,84,51);
	border-top: solid 2px;
	border-bottom: solid 2px;
	margin: 0px 100px 0px 100px; 
	padding:5px;
	}
#content div.notice p { text-align: center; font-weight: bold; margin: 3px;}
#content div.centrelink {
	margin: 0px 100px 0px 100px; 
	padding:5px;
}
#content div.centrelink p{text-align: center; font-weight: bold; color: #41633C; margin: 3px;}
#ft a:link { text-decoration: none; color: black; } 
#ft a:visited { text-decoration: none ; color: black; } 
#ft a:active { text-decoration: none ; color: black; } 
#ft a:hover { text-decoration: none;color: black; } 
#ft p {text-align:center; }
#ft .ftt { width: 100%; }
#ft #ft1 { width: 33%; }
#ft #ft2 { width: 33%; }
#ft #ft3 { width: 33%; }
#ft #ft1 p { text-align: left; }
#ft #ft2 p { text-align: center; }
#ft #ft3 p { text-align: right; }


.clear {
   height: 0;
   font-size: 1px;
   margin: 0;
   padding: 0;
   line-height: 0;
   clear: both;
}
#content .selectortable input.cbox { 
	margin: 0.2em 0.5em -0.15em 0.5em;
}

*/

#content div.mapbox {
border-style:solid; border-color:#41633C; background: #F1FCEF;
	border-width:1px;
	margin: 10px 100px 0px 100px; 
	padding:100px;
}

#map_canvas {
	width: 100%;
	height: 400px;
	float: left;
}

.map_canvas {
	width: 100%;
	height: 400px;
	float: left;
}

.map_with_legend {
    width: 85%;
    width: calc( 100% - 60px )
}

.map_w_legend_container {
	padding: 3px;
}

#map_legend {
    width: 15%;
    width: calc( 60px );
	height: 400px;
	float: right;
	background-color: white;
	background-repeat: no-repeat;
	background-image: url(/images/blankscale.png);
    background-position: right;
}


div.map_preview {
	border: 1px solid #aa8888;
	padding: 0px;
	margin: 0px;
	position: absolute;
}

div.crop_preview {
	border: 3px dashed saddlebrown;
	padding: 0px;
	margin: 0px;
	position: absolute;
}

div.map_preview img {
	left: -1px;
	top: -1px;
    width: auto;
}
/*
#debug_out {
*/
	/*display: none;*/
/*
	width: 100%;
}
pre.debug {
	font-size: 0.2em;
}

.smallbutton {
	text-align:center;
	padding: 0px 1px;
	background-color:#41633C;	
	border:2px outset #41633C;
	color: white;
}

.error {
	color: red;
}
.ref_e {text-align: left; font-size: 0.9em; }
.center_b {text-decoration: underline; color: rgb(105,131,44);}

#content .mceEditor .mceLayout, #content .mceEditor iframe {
	border: solid 1px lightgrey;
}

#content .mceEditor .mceToolbar, 
#content .mceEditor .mceIframeContainer, 
#content .mceEditor .mceStatusbar,
#content .mceEditor .mceToolbar td, 
#content .mceEditor .mceToolbar td a {
	border: 0px;
	padding: 0px;
	margin: 0px;
}

#content .frmPostTitle {
	width: 95%;
	font-size: 2em;
	margin-bottom: 0.5em;
}

#content .news ul li {
	margin: 0em 3em 2em 0em;
	list-style-type: none;
}

#content .news ul li h3 {
	margin: 0.2em 0em;
	float: left;
	font-size: 1.2em;
}

#content .news ul li h4 {
	margin: 0.2em 0em;
	float: right;
	font-size: 0.9em;
	color: black;
	font-weight: normal;
}

#stations ul li {
	list-style-type: none;
	margin: 0 0 0 1em;
}
#stations ul li a {
	cursor: pointer;
	font-weight: bold;
}
#stations ul li ul li {
	margin-left: -0.5em;
	cursor: pointer;
}
#stations ul li ul li:hover {
	color: rgb(49,106,175);
}

.debug_only {
	display: none;
}
*/