/* CSS Document */

html {
	height:100%;
	overflow-y:auto;
}
h3 {
	font-size:large;
}
h4 {
	font-size:medium;
	margin:0px 10px 0px 0px;
}
table {
	margin-top:10px;
	border-style:solid;
	border-width:1px;
	border-color:#759842;
}
th {
	background-color:#C5DAA6; 
}
td, th {
	padding:5px;
}
form{
	display:inline;
}
tr.odd td {
	background-color:#D4E3BB; 
}
tr.even td {
	background-color:#fbfcf8; 
}
tr.newsection td {
	border-top-style:solid;
	border-top-width:1px;
}
table.stationinfo {
	border-style:none;
	margin-bottom:10px;
}
table.stationinfo td {
	padding:1px;
}
.contentmenu {
	position:absolute;
	top:0px;
	width:50%;
}
#maincontentmenu a {
	float:left;
}
#subcontentmenu{
	right:0px;
}
#subcontentmenu a {
	float:right;
}
#body{
	height:65%; /* not great adjust with javascript */ 
}
#barcontainercontainer{ /* this is to get around the fact that ie adds border to % width,
						so I have have a conainter with no border and % width */
	float:left;
	display:inline;
	height:100%;
	width:30%;
	margin-right:-3px; /* for IE 6 to avoid 3px gap after float: http://www.webmasterworld.com/css/3271019.htm */ 
	padding:0px;
}
#barcontainer{  /* this is to get round adding a padding to the 100% height */
	/*position:relative;*/
	margin:0px;
	padding:0px;	
	border-color:#759842;
	border-width:3px;
	border-right-style:solid;
	border-top-style:solid;
	height:100%;	
}
#infocontainer{
	position:relative;
	padding:0px/* 10px;*/	
	height:65%;    /* not great adjust with javascript */
}
#info{
	overflow:hidden;
	overflow-y:auto;
	height:100%;
}
#infotext{
	padding:0px 10px;
	border-color:#FFFFFF;
	border-width:1px;
	border-style:solid; /* hack to make IE6 return the full height with offsetHeight */
}
#info p{
	margin-top:0.7em;
	margin-bottom:0.7em;
}
#mapsearchresultscontainer{ /* this container is a hack to make IE6 display mapsearchresults properly with full height */
	position:absolute;
	top:0px;
	right:1px;
	height:99%;
	width:100%;
	visibility:hidden;
}
#mapsearchresults{
	overflow-y:auto;
	overflow-x:hidden;
	height:100%;
	padding:10px 10px 10px 50px;
	background-color:#FFFFFF;
	border-color:#759842;
	border-width:1px;
	border-bottom-style:solid;
}
#advert{
	margin:0px auto;
	/*border-width:1px;
	border-style:solid;
	border-color:#759842;*/
	width:180px;
	height:150px;
}
* html #maincontent{margin-left:0px;} /* for IE 6 for 3px gap as mentioned above */ 
#maincontent{
	position:relative;
	margin-left:30%;
	height:100%;
	width:69.9%;
	border-color:#759842;
	border-width:3px;
	border-top-style:solid;
}
#mapcontainer {
	position:relative;
	overflow:hidden;
	width:100%;
	height:100%;
	background-image:url(../images/loading.gif);
	background-repeat:repeat;
}
.map {
	position:absolute;
	cursor: -moz-grab;
}
img{
	border-style:none;
}
.popup {
	position:absolute;
	visibility:hidden;
	top:0px;
}
/*.mappopupshadow{
	position:absolute;
	background-color:#8BAF5B;
	right:0px;
	bottom:0px;
	top:3px;
	left:3px;  
	opacity:.8;
	filter:alpha(opacity=80); 
}*/
.popupcontent, .tool-tip{
	/*position:relative;/**/
	padding:10px;
	background-color:#FFFFFF;
	border-style:solid;
	border-width:1px;
	border-color:#759842;
	z-index:3;
	/*margin-right:3px;  for shadow when it works
	margin-bottom:3px;/**/
}
.tool-tip ul{ 
	margin-top:0px;
	margin-bottom:0px;
}
.popupcontent td, th {
	padding:3px;
}
/* * html .mappopupcontent{
	width:250px;
}*/
.popupclose {
	position:absolute;
	top:3px;
	right:5px;
	font-weight:bold;
	padding:0px;
}
.popupclose a{
	border-bottom-style:none;
}
#mainpopup {
	top:50%;
	left:50%;
	margin-left:-8em;
	margin-top:-4em;
}
#mainpopupcontent {
	width:16em;
	/*min-height:8em;*/
	text-align:center;
}
.busy {
	margin:10px auto;
	border-style:none;
}
.tool-title{
	font-weight:bold;
}
#mapcontrols {
	/*text-align:center;*/
	position:absolute;
	top:2em;
	left:5px;
}
#mapcontrols a{
	text-align:center;
	padding:0px 5px;
	width:.7em;
	display:block;	
	opacity:.85;
	filter:alpha(opacity=85); /* for IE */ 	
}
#mapcontrols a:hover{
	opacity:1;
	filter:alpha(opacity=100); /* for IE */ 	
}
#mapcontrols div{
	padding-top:5px;
}
#mapcontrols table{
	margin-top:5px;
	border-style:none;
}
#mapcontrols td{
	padding:0px;
}
#mapcontrols #mapcontrolup {
	font-size:larger;
	height:1em;
	width:.55em;
}
#tablecontainer{
	position:absolute;
	top:0px;
	height:100%;
	width:100%;
	overflow-y:auto;
	background-color:#FFFFFF;
}
.maincontenttext{
	padding:10px;
}
#tablecontainer table{
	margin:10px auto;	
}
#tablecontainer table table{
	margin:0px 20px;	
}
/*#tablecontainer table div{
	padding:0px;	
}
#tablecontainer div{
	padding:10px;	
	text-align:justify;
}*/
.comment{
	font-size:smaller;
}
#search{
	padding:5px; 
	text-align:center;
	line-height:200%;
}
form input, form select{
	color:#485929;
}
#search input.from{
	color:#707070;
}
#searchcontainer{
	position:relative;
	z-index:1;
	border-top-style:solid; /* hack to make IE6 position the advancedsearch div correctly to the left */
	border-top-width:1px;
	border-top-color:#FFFFFF;
}
#advancedsearchlink{
	position:absolute;
	right:10px;
	top:10px;
	padding:1px; /* for IE 6 - allows the link bottom border (dashed line) to be shown */
}
#advancedsearchcontainer{
	position:absolute;
	visibility:hidden;
	top:0px;
	left:0px;
	text-align:center;
	background-color:#FFFFFF;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#759842;
	z-index:1;
	width:100%;
}
#advancedsearch{
	padding:10px 20px;
}
#advancedsearch table{
	margin: 0px auto;
}
#advancedsearch span{
	float:right;
	position:relative;
}
#advancedsearch span a{
	position:absolute;
	left:3em;
}
#searchform{
	margin:0px;
}
/*#searchform input, #searchform select{	
	border-color:#759842;
	border-width:1px;
	border-style:solid;
}*/
.marker{
	position:absolute;
	opacity:.85;
	filter:alpha(opacity=85); /* for IE */ 	
}
.marker a{
	border:none;
}
.markercontainer{
	position:absolute;
	top:0px;
	left:0px;
}