@import url(../css/form.css);
.maptool .content   {
	padding: 0 25px 0 25px;
	}
.mod-maptool,
.mod-maptooldetails  {
	padding: 25px 25px 0 25px;
	width: 700px;
	position: relative;
	z-index: 1;
	}
h2.activities-browser {
	background: url(../library/bg-maptools-header.png) no-repeat top left;
	margin: 0;
	padding: 0;
	height: 37px;
	overflow: hidden;
	text-indent: -9999px;
	}	
.activities-navigation {
	}	
.activities-container {
	background: url(../library/bg-maptool.png) no-repeat bottom left;
	padding: 11px 0 11px 11px;
	position: relative;
	z-index: 1;
	}
	
/* ==================== Legend ==================== */		

.maptool-legend {
	position: absolute;
	z-index: 1;
	bottom: 20px;
	left: 20px;
	}	
.maptool-legend p {
	margin: 0;
	padding: 0 0 0 17px;
	color: #004372;
	}
p.develop {background: url(../library/icn-develop.png) no-repeat 0 2px;}
p.explore {background: url(../library/icn-explore.png) no-repeat 0 2px;}
p.production {background: url(../library/icn-production.png) no-repeat 0 2px;}
p.well {background: url(../library/icn-well.png) no-repeat 0 0px;}
			
div.explore,
div.develope,
div.produce,
div.wells,
div.country {
	padding: 0;
	width: 212px;
	float: left;
	}
.activities-content {
	margin-left: 10px;
	width: 457px;
	float: left;
	background-color: #fff;
	}	
legend span {
	width: 642px;
	}
div.mod-maptool h3, 
div.mod-maptooldetails h3 {
	margin: 0;
	padding: 0;
	background-color: #d7e7f8;
	}
.location h3,
.information h3 {
	height: 28px;
	text-indent: -9999px;
	overflow: hidden;
	cursor:pointer;
	border-bottom: 1px solid #c9dbef;
	}		
.location h3 {
	background: url(../library/bg-location-header.png) no-repeat 0 0;
	}	
.information h3 {
	background: url(../library/bg-information-header.png) no-repeat 0 0;
	}

.location h3.closed {
	background: url(../library/bg-location-header.png) no-repeat 0 -28px;
	}	
.information h3.closed {
	background: url(../library/bg-information-header.png) no-repeat 0 -28px;
	}
	
.mod-maptool ul.anchors span, 
.mod-maptooldetails ul.anchors span {
	display:inline;
	}
#maptool-info h1 {
	margin: 0;
	padding: 0;
	}	
#maptool-info h4 {
	font-size: 118.2%;
	margin: 0em 0 .5em 0;
	padding: 0;
	color: #008eca;
	}	
.wellinfo p {
	border-top: 1px solid #d7e7f8;
	padding: .3em 0 .3em 0;
	margin: 0;
	}
.wellinfo span {
	width: 260px;
	display: block;
	float: left;
	color: #333;
	}	
.wellinfo .label {
	width: 150px;
	display: block;
	float: left;
	color: #666;
	}	

#maptool-map, #maptool-map-container {
	height:357px;
	width:457px;
	}
#maptool-info {
	padding: 15px 20px 10px 20px;
	}	
	
div.mapInfoWindow, div.mapInfoWindow-leftbottom, div.mapInfoWindow-lefttop, div.mapInfoWindow-rightbottom, div.mapInfoWindow-righttop {
	color:#000000;
	width:200px;
	font-weight:bold;
	text-align:center;
	background-color:#000000;
	}
	
div.mapInfoWindow-leftbottom .body {
	background: url(../library/maps/body-leftbottom.gif) no-repeat 0 0;
	width:200px;
	padding:6px 0 0 0;
}

div.mapInfoWindow-leftbottom {
	background: url(../library/maps/footer-leftbottom.gif) no-repeat left bottom;
	width:200px;
	padding:0 0 8px 0;
}

div.mapInfoWindow-rightbottom .body {
	background: url(../library/maps/body-rightbottom.gif) no-repeat 0 0;
	width:200px;
	padding:6px 0 0 0;
}

div.mapInfoWindow-rightbottom {
	background: url(../library/maps/footer-rightbottom.gif) no-repeat left bottom;
	width:200px;
	padding:0 0 8px 0;
}
	
div.mapInfoWindow-lefttop .body {
	background: url(../library/maps/body-lefttop.gif) no-repeat 0 0;
	width:200px;
	padding:10px 0 0 0;
}

div.mapInfoWindow-lefttop {
	background: url(../library/maps/footer-lefttop.gif) no-repeat left bottom;
	width:200px;
	padding:0 0 6px 0;
}	
	
div.mapInfoWindow-righttop .body {
	background: url(../library/maps/body-rightop.gif) no-repeat 0 0;
	width:200px;
	padding:10px 0 0 0;
}

div.mapInfoWindow-righttop {
	background: url(../library/maps/footer-righttop.gif) no-repeat left bottom;
	width:200px;
	padding:0 0 6px 0;
}	

.geo-map {
	color:#000000;
	font-weight:bold;
	background:#fff;
	vertical-align:middle;
	padding-right:2px;
	border: 1px solid #000000;
	}

.geo-map label{
	color:#000000;
	font-weight:bold;
	vertical-align:middle;
	}
	
.geo-map input {
	vertical-align:middle;
	}
	
/* =================== Menu Styling =================== */	

#navList {
	padding-bottom: 125px;
	}

#navList ul {
	list-style-type: none;
	width: 212px;
	padding: 0;
	margin: 0;
	/*background-color: transparent !important;
	background-position: left bottom;
	background-repeat: no-repeat;*/
	}

#navList li ul {
	width: 212px;
	padding: 0;
	margin: 0;
	/*background-color: transparent !important;
	background-image: none;
	background-position: left bottom;
	background-repeat: no-repeat;*/
	}		

/* li
-----------------------------------*/
#navList li {
	width: 212px;
	padding: 0;
	margin: 0;
	position:relative;
	z-index: 1;
	float: left;
	clear: both;
	}	
#navList li a.toggle {
	padding: 0;
	margin: 0;
	width:21px;
	height:27px;
	position:absolute;
	left:0;
	top:0;
	cursor:	pointer;
	z-index: 1;
	display: block;
}
/* a / strong
-----------------------------------*/
#navList li a {
	cursor:	pointer;
	text-decoration: none;
	display: block;
	margin: 0;
	padding: .5em 10px .5em 30px;
	width: 172px;
	}
#navList li li a {
	padding: .5em 10px .5em 45px;
	width: 157px;
	}	

.activities-container #navList li.region a {
	background-image: url(../library/bg-navlist.png);
	}
.activities-container #navList li.basin a {
	background-image: url(../library/bg-navlist-explore.png);
	}
.activities-container #navList li.project a {
	background-image: url(../library/bg-navlist-develop.png);
	}
.activities-container #navList li.produce a {
	background-image: url(../library/bg-navlist-produce.png);
	}
.activities-container #navList li.well a {
	background-image: url(../library/bg-navlist-well.png);
	}						
	

/* Regions */

#navList li a {
	color: #fff;
	background-color: #009bda;
	}
#navList li a:link {
	color: #fff;
	background-color: #009bda;
	}
#navList li a:visited {
	color: #fff;
	background-color: #009bda;
	}
#navList li a:focus {
	color: #fff;
	background-color: #009bda;
	}
#navList li a:hover {
	color: #fff;
	background-color: #009bda;
	}
#navList li a:active {
	color: #fff;
	background-color: #009bda;
	}

/* Sites */
	
#navList li ul a {
	color: #fff;
	background-color: #0089c2;
	border-top: solid 1px #0078ab;
	}
#navList li ul a:link {
	color: #fff;
	background-color: #0089c2;
	border-top: solid 1px #0078ab;
	}
#navList li ul a:visited {
	color: #fff;
	background-color: #0089c2;
	border-top: solid 1px #0078ab;
	}
#navList li ul a:focus {
	color: #fff;
	background-color: #0089c2;
	border-top: solid 1px #0078ab;
	}
#navList li ul a:hover {
	color: #fff;
	background-color: #0089c2;
	border-top: solid 1px #0078ab;
	}
#navList li ul a:active {
	color: #fff;
	background-color: #0089c2;
	border-top: solid 1px #0078ab;
	}
	
/* Hover */
#navList li a {background-position: 0 0;}
#navList li a:link {background-position: 0 0;}
#navList li a:visited {background-position: 0 0;}
#navList li a:focus {background-position: -212px 0;}
#navList li a:hover {background-position: -212px 0;}
#navList li a:active {background-position: -212px 0;}

/* Active */	
#navList li a.active,
#navList li a.active:link,
#navList li a.active:visited,
#navList li a.active:focus,
#navList li a.active:hover,
#navList li a.active:active {
	background-position: -424px 0;
	}	

/* Open */
#navList li a.open,
#navList li a.open:link,
#navList li a.open:visited,
#navList li a.open:focus,
#navList li a.open:hover,
#navList li a.open:active {
	background-position: -636px 0;
	}