div#map-container {
	position: relative; 
	clear: both;
	background-color: #F1F1EE;
	border:     1px solid #999;
	float:      left;
	margin-top: 2px;
	padding:		0px;
	width:      796px;
}
div#map {
	background-color: #fff;
	border-right: 		1px solid #999;
	border-bottom:		1px solid #999;
	float: 				left;
	width: 				579px;
	height: 				448px;
}	
div#map-right-panel {
	position: relative; 
	background-color: #F1F1EE;
	float:       		left;
	width:       		216px;
	height:				448px;
}
div#map-metadata {
	clear: both;
	background-color: #F1F1EE;
	width: 796px;
	height: 80px;
}
div#metadataArea {
	float: right;
	background-color: #fff;
	line-height: 1.6em; 
	border: 1px solid #ccc;
	margin: 3px 3px 0px 3px;
	padding-left: 3px;
	padding-top: 2px;
	width: 570px;
	height: 70px;
	overflow: auto;
}
div.metadataAreaLabel {
	float:left; 
	width:28px; 
	color:#0066FF; 
	font-weight:bold;
}
div#metadataAreaInfo {display:block; padding: 0px 0px 0px 28px; background: url(/ol/img/i-icon.gif) left no-repeat;}
div#holdingGraph { width: 421px; height: 49px; background:url(/ol/img/loading-graph.gif) top left no-repeat; float:left;}
div#holdingGraphInfobox {float:left; padding-left: 5px; width: 550px;}
#holdingGraphInfobox label {color:#666; font-size:.9em;}

div#scalebar {float:left;}
div#baseLegendGraphic {text-align: center; padding-top: 3px;}

div#map-menu { width: 796px; margin: 0px; }
div#map-menu-left { width: 496px; border-left: 1px solid #999; text-align: left; float: left; display: block;}
div#map-menu-right { width: 200px; text-align: right; float: right; padding-top:3px;}
div.map-menu-leftElement { 	
	background: #dadada url(/ol/img/top-tab.png) bottom left no-repeat;
	text-align: center;
	float: left;
	width: 80px;
	height: 19px;
	cursor: pointer;
}
div.map-menu-leftElement span { line-height: 20px; }
div.map-menu-leftElement:hover {background:url(/ol/img/top-tab-hover.png) bottom left no-repeat;}
div.map-menu-rightElement { 	
	background: #dadada url(/ol/img/top-tab-right.png) bottom left no-repeat;
	text-align: center;
  	float: left;
	width: 80px;
	height: 19px; 
	cursor: pointer;
}
div.map-menu-rightElement span { line-height: 20px; }
div.map-menu-rightElement:hover {background:url(/ol/img/top-tab-right-hover.png) bottom left no-repeat;}
div.map-menu-block {
	visibility: hidden;
	position: absolute;
	float:left;
	background-color: #eee;
	border: 1px solid #999;
	padding: 0;
	text-align: left;
	z-index: 5000;
}
div.map-menu-block input { width:250px; background-color:#F7F2D5;} 
div.map-menu-close {position:absolute; top:4px; right:4px;}
div#menu1 {top: 0px; left: 0px;}
div#menu2 {top: 0px; left: 78px;}
div#menu3 {top: 0px; left: 158px;}
div.map-menu-block ul{
	margin:0;
	padding:0;
	list-style-image:none; 
	list-style:none;
	width:120px;
}
div#menu3 ul{width:auto; max-width:260px;}
div.map-menu-block ul a{	
	text-decoration: none; 
	display:block;
	border-top:1px dotted #ccc;
	border-bottom:none;
	padding:2px 3px 2px 6px;
	margin:0;
}
div.map-menu-block ul p{
	color: #666;
	display:block;
	border-top:1px dotted #ccc;
	border-bottom:none;
	padding:.2em;
	margin:0;
}
div.map-menu-block ul a:hover { background-color:#fff;}
div.map-menu-block ul.menuBullet li, div.map-menu-block li {
	margin: 0;
	padding: 0;
	list-style-position: outside;
	float:left;
	clear:left;
	width:100%;
}
div.map-menu-block ul.menuBullet li.st {clear:left;width:34%;}
div.map-menu-block ul.menuBullet li.cc {width:65%; clear:none; border-left:1px dotted #fff; } 
div.map-menu-block ul.menuBullet li.cc  a, div.map-menu-block ul.menuBullet li.st  a {font-size:80%; padding:2px 3px 2px 6px;}

.map-tab {padding-top: 4px; float: left;}
.map-tab-content {clear: both; width: auto; border: none; padding: 1px;}
.map-tab-active {
	background: #dadada url(/ol/img/tab-active.png) top right no-repeat;
  	float: left;
	width: 108px;
	height: 26px;
}
.map-tab-inactive{
	background: #ccc url(/ol/img/tab-inactive.png) top right no-repeat;
  	float: left;
	width: 108px;
	height: 26px;
}
.map-tab-inactive:hover {background:url(/ol/img/tab-hover.png) top right no-repeat;}
#map-tab-corner {position: relative; top: 0px; right: 0px;}
.map-tab a, .map-tab-active a, .map-tab-inactive a {padding: 5px; text-decoration: none; text-align: center; display: block; font-weight: bold;}
.map-tab-active a:link, .map-tab-active a:visited {color:#000; outline: none;}
.map-tab-inactive a:link, .map-tab-inactive a:visited {color: #666; font-weight: normal; outline: none;}


div#bounds {
	margin-left: 5px;
	margin-top: 3px;
	padding: 0px 0px 2px 14px; 
	background: url(/ol/img/cursor-s.gif) left no-repeat;
	width: 150px;
	display: block;
	color: #0066FF;
	font-family: Arial;
	font-size: 0.8em;
}
.olControlLoadingPanel {
	background-image:url(/ol/theme/default/img/loading.gif);
	background-position:center;
	background-repeat:no-repeat;
}
.olControlOverviewMapElement {background-color: #fff; border-top: 1px solid #999;}
.olControlOverviewMapExtentRectangle {border: 2px dotted red;} 

.olPopupContent {margin: 0px; padding: 0px; }
div.olPopupContentTitle { font-weight:bold; padding-top: 5px;}
div.olPopupContentMeta { font-size:90%; color:#8A8A8A; padding-bottom:4px;}
div.olPopupContentMeta a { background: url(/ol/img/external-ol.gif) right center no-repeat; padding-right: 12px; }
div.olPopupContentLink {padding-bottom:5px;}
div.olPopupContentLink a { background: url(/ol/img/external-ol.gif) right center no-repeat; padding-right: 12px; }
div.olPopupContentLink select { margin-top:-2px; }
div.olPopupContentZoomForMore { padding-top:8px; }

div#dataTypeBox {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ccc;
	background-color:#ddd;
	border: 1px solid #f00;
	margin-top: 15px;
	padding:5px 0px 5px 3px;
	position:relative; /* IE6 kludge */
}
div.spacer {
	display:block;
	margin: 8px 8px 16px 8px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ccc;
	height: 0px;
	width: 90%;
}
div#searchBox label img {vertical-align:bottom;}
div#searchBox {display:block; padding-top: 15px; margin-left:3px;}
#searchBox label, #dataTypeBox label {position: relative; color:#666; font-size:.9em; font-weight: bold; display: block; margin-bottom:1px;} 
#searchBox label.bigger, #dataTypeBox label.bigger  {color:#000; font-size:1em; }
#searchBox label.zoomin { padding: 0px 0px 2px 20px; background: url(/ol/img/zoom-in-icon.gif) left no-repeat; line-height:1.5em; min-height:16px; }
#searchBox label.matchingtowns { padding: 0px 0px 2px 20px; background: url(/ol/img/pin-red-small.png) left no-repeat; line-height:1.5em; min-height:16px;}
#searchBox label.nearestsites { padding: 0px 0px 2px 20px; background: url(/ol/img/station-symbols-small.png) left no-repeat; line-height:1.5em;}
#searchBox select, #searchBox input, #dataTypeBox select {margin-bottom:7px; margin-top:0;}
#searchBox #p_locSearch {width:150px; background-color:#FFFFCC;}
#searchBox #matchList, #searchBox #nearest10 {width:210px; background-color:#FFFFCC;}
#searchBox #countryOfInterest {width:210px; background-color:#FFFFCC;}


#dataTypeBox label.datatype { padding: 0px 0px 2px 20px; background: url(/ol/img/station-symbols-open.gif) left no-repeat;}
#dataTypeBox label.PCCSPdatatype { padding: 0px 0px 2px 20px; /*background: url(/ol/img/vector-dot-orange.png) left no-repeat;*/}
#dataTypeBox #dataProduct {width:207px; background-color:#FFFFCC;}

#dataProduct optgroup {color:#333; background-color:#FFFFCC;font-weight:normal; font-style:normal !important;}
optgroup option {text-indent:0;margin-left:.4em;padding-left:0; color:#000; font-weight:normal; background-color:#FFFFCC;}

fieldset#siteSelection { border: none; padding-top: 3px; margin: 0;}
#siteSelection label { display: inline; }
#siteSelection img, #siteSelection input {vertical-align:middle;}
#siteSelection input { margin-left: 6px; }
#siteSelection label.normal { font-weight:normal; color:#000;}

div#layerSwitcher {display:inline-block; padding-top: 15px; padding-bottom: 15px; padding-left: 3px;}
div.layerSwitcherGroupLabel {color:#666; font-size:.9em; font-weight: bold; 
	margin-top: 3px; margin-left: 0px; margin-bottom:3px;
}
#layerMetaLink {position: absolute; bottom: 2px; left: 5px; background: url(/ol/img/i-icon.gif) left no-repeat; padding-left: 18px; min-height:18px;}
#disclaimerLink {position: absolute; bottom: 5px; left: 5px; background: url(/ol/img/i-icon.gif) left no-repeat; padding-left: 18px; min-height:18px;}
#resetMapLink {position: absolute; bottom: 2px; left: 5px; width:208px; margin:0; padding:0; text-align:center;}
.newWindowImg{ background: url(/ol/img/external-ol.gif) right center no-repeat; padding-right: 12px;}

input.searchFindButton {width:55px; text-align:center; font-size:90%; margin-top:6px;}
input.searchClearButton {width:60px; text-align:center; font-size:90%; margin-top:6px;}
input.resetViewButton {width:75px; text-align:center; font-size:90%; margin-top:6px;}

.baseLayerSelectGroup { background-color:#FFFFCC; width:200px;}

#layersDiv input{clear:both; display:block;}

.ln {position:relative;}
.ln input {float:left; width:12px;}
.ln span {display:block; float:right; width:164px;}

.t-l, .t-d {float:right; margin-top:2px; width:9px;height:13px; }
.t-l  {background:url(/ol/img/trans-l.png) right no-repeat;}
.t-l:hover{background-image:url(/ol/img/trans-l-h.png);}
.t-d  {background:url(/ol/img/trans-d.png) right no-repeat;}
.t-d:hover{background-image:url(/ol/img/trans-d-h.png);}

.dataLayersPad {padding:2px 2px 6px 2px;}

div.clearLeft{clear:left;}