/* CSS for Numaps applications */

	html, body {
        height: 100%;
        width: 100%;
		background-color:#ffffff;
		overflow-x:hidden;
		overflow-y:hidden;
	}
	#mapSurround{
		background-color: white; 
		position:absolute;
		top:0px; left:0px;
		width:100%; height:100%;
		color:#696969;   /* this is a charchol gray */
		font-family: Verdana,  Geneva,  Arial,  Helvetica,  sans-serif; 
		z-index:100;
	}
	#mapCanvas{
		width:100%; height:100%; 
	}
		
	#map {
		background-color:#B5D6F1;
		width:100%; height:100%;
		border:1px solid #224B63;
		z-index:0;
	}
	
	input {
		background-color:#ffffff;
		color: #000;
		font-family: Verdana,  Geneva,  Arial,  Helvetica,  sans-serif; 
		font-size:10px;
	}
	select {
		background-color:#ffffff;
		color: #000;
		font-family: Verdana,  Geneva,  Arial,  Helvetica,  sans-serif; 
		/*line-height:20px;*/
		font-size:10px;
	}
	#googleAds{
		overflow-x:hidden;
		overflow-y:hidden;
		width: 100%; height:40px;
		position:relative;
		bottom:40px; left:0px;  
		z-index:10000;
	}
	#ads{	
		/*float:right;*/
		/*background-color:#ffffff;*/
		color:black;
		height:20px;
		z-index:10000;
		position:relative; 
		left:340px;
		filter:alpha(opacity=60);
		opacity: 0.6; 
	}
	.boldText{
		font-weight:bold;
		background-color:yellow;
	}
		
	#metadataBox{
		font-family: Helvetica Neue,  Century Gothic,  Helvetica,  Helvetica Neue,  Arial;
		
	}
	.metadata{
		color: #000;
		font-size:10px;
		text-align:left;
		font-weight:bold;
	}

	.baseMapRadio{
		font-family: "Helvetica Neue",  "Century Gothic",  Helvetica,  "Helvetica Neue",  Arial;
		font-size:1em;
		color: #000000;
		height:12px;
		width:210px;
		font-weight:bold;
	}
	.radio{background-color: transparent;}
	
	
	/*#printMap{background-color:#B5D6F1; width:100%; height:100%; z-index:0;}*/
	
	/*/ --------------- Openlayers Navigation controls -------------- /*/
	#navControls {
		position:absolute;
		top:20px; left:0px;
		width:50px; height:100%;
		display:block; 
		z-index:5000;		
	}
	#zoomControl{position:absolute; }
	#mouseControl{position:absolute; top:60px; left:5px; }
	#numapsPos{position: absolute; top:0px; right:5px; z-index:100000;}
	.imageLink a:link,  a:visited,  a:hover,  a:active{text-decoration:none;}
	#mousePos{
		color:gray;
		font-weight:bold;
		font-size:1em;
		position:absolute; 
		top:502px; left:590px;
		width:150px; height:10px;
	}
	#opacityControls{
		font-weight:bold;
		font-size: 10px;
		text-align:center;
		padding-left: 5px;
	}
	#legendMin{
		display:none;
	}
    #panel {
		position:absolute; top:420px; left:15px; width:50px; height:50px;
    }
    
	
	/*/----------------------------------------------------------------/*/
	
.label { 
		font-family: Arial,  Verdana,  Geneva;
		color:black;
		width:250px; 
		height:20px;
		font-size:10px; 
		font-weight:bold; 
	/*	text-transform:capitalize; */
	}
.simpleSelectBox {
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
		border-style:none; 
		background-color:#FFFFFF; 
		font-size:9px;
		margin-left:auto; margin-right:auto;
	}
a:link {text-decoration:none;}
.lettersNormal{
	background-color: #ECE9D8;
	border:1px solid #ECE9D8;
	font-size:8px;
}
.lettersDepressed{
	border-bottom:1px solid white;
	border-right:1px solid white;
	border-left:1px solid gray;
	border-top:1px solid gray;
	background-color:white;
}
.lettersHighlight{
	border-top:1px solid white;
	border-left:1px solid white;
	border-right:1px solid gray;
	border-bottom:1px solid gray;
	font-size:8px;
}
.inputBox { 
	font-family: Arial,  Verdana,  Geneva;
	color:black;
	width:100px; height:15px; 
	font-size:11px;   
	background-color:#FFFFD4;
	border-top:1px solid gray;
	border-left:1px solid gray;
	border-right:1px solid white;
	border-bottom:1px solid white;
}
input.radio{  font-size:10px;   vertical-align:middle;}
.box{	
	font-family: Arial,  Verdana,  Geneva;
	color:black;
	background-color:#FFFFD4;
	border-top:1px solid gray;
	border-left:1px solid gray;
	border-right:1px solid white;
	border-bottom:1px solid white;
	font-size:11px;
	max-width:190px;

}
.saveBox{
	background-color:white;
	border-top:1px solid gray;
	border-left:1px solid gray;
	border-right:1px solid white;
	border-bottom:1px solid white;
	font-size:10px;
}
.selBox{
	display:block; 
	position:absolute; top:15px; left:0px;
	width: 190px; height:18px; 
	font-size:10px;
	background-color:#FFFFFF;
	border:1px solid gray;
	z-index:190;
}
.selBox1{
	display:block; 
	position:absolute; top:30px; left:0px;
	width: 190px; height:18px; 
	font-size:10px;
	background-color:#FFFFFF;
	border:1px solid gray;
}
.selBox2{
	display:block; 
	position:relative; bottom:0px; left:0px;
	width: auto; height:18px; 
	font-size:10px;
	background-color:#FFFFFF;
	border:1px solid gray;
}
.butt{
	position:absolute;
	text-align:center;
	padding: 0;
	width:24px;
	height:20px;
	font-size:10px;
	cursor:pointer;
}
#multiLayers{
	position:absolute; 
	top:25px; left:0px;
	width:200px; 
	margin: 0px 5px 0px 5px;
	height:35px;

}

.verticalLine{
	width:2px;
	height:20px;
	border-left:1px solid gray;
	border-right:1px solid #E1E1E1;
	position:absolute; top:2px;
}
#geocoder {
	position:absolute; 
	top:25px; left:0px;
	width:200px; 
	margin: 0px 5px 0px 5px;
	height:35px;
}

#selector {
	position:absolute; 
	top:25px; left:0px;
	width:200px; height:35px; 
	margin: 0px 5px 0px 5px;
	z-index:100;
}
#lgaEnter {
	text-align:left; color:#494949;
	position:absolute; top:62px; left:0px;
	width:200px; height:35px;
	margin: 0px 5px 0px 5px;
}
#electEnter {
	text-align:left; color:#494949;
	position:absolute; top:99px; left:0px;
	width:200px; height:35px;
	margin: 0px 5px 0px 5px;
}
#drapeEnter {
	text-align:left; color:#494949;
	position:absolute; top:45px; left:0px;
	width:200px; height:115px;
	margin: 0px 5px 0px 5px;
}
#lga{text-transform:uppercase;}

/*/--------------------------- Legend Controls -----------------------/*/

	.sectionHeader{
		font-size:12px; 
		font-weight:bold; 
		text-align:center; 
		color:#000000;
		font-family: "Helvetica Neue",  "Century Gothic",  Helvetica,  "Helvetica Neue",  Arial;
}

	.functionBox{
		font-family: "Helvetica Neue",  "Century Gothic",  Helvetica,  "Helvetica Neue",  Arial;
		font-size:10px;
		color: #000000;
		border-left:1px solid #d4d4d4;
		border-top: 1px solid #d4d4d4;
		border-bottom:1px solid gray;
		border-right:1px solid gray;
		/*background-color:#CCCC99;*/
		background-color:#ECE9D8;
		font-weight:bold;
	}

	.whiteSunkenBox{
		font-family: "Helvetica Neue",  "Century Gothic",  Helvetica,  "Helvetica Neue",  Arial;
		font-size:10px;
		color: #000000;
		border-right:1px solid #d4d4d4;
		border-bottom: 1px solid #d4d4d4;
		border-top:1px solid gray;
		border-left:1px solid gray;
		/*background-color:#CCCC99;*/
		background-color:#FFFFFF;
	}
	
	
	.popupHeader{
		font-family: Verdana,  Geneva,  Arial,  Helvetica,  sans-serif; 
		color:white;
		font-weight:bold;
		height:22px; 
		width:100%;
		font-size:12px;
		cursor:move;
	/*	border:2px solid #0055E5;*/
	}
	.buttonDiv{
		height:18px; width:20px;
		border-right:1px solid gray;
		border-bottom:1px solid gray;
		border-top:1px solid #c3c3c3;
		border-left:1px solid #c3c3c3;	
		color:gray;
		cursor:pointer;
		background-color:transparent;
		z-index:5000;
	}
	.buttonDivSticky{
		height:18px; width:20px;
		border:1px solid #ECE9D8;
		cursor:pointer;
		background-color:#FFFFFF;
		z-index:5000;
	}
	#legendButton{
		vertical-align:top; 
	}
	
	
	#fileEnter {
		position:absolute; 
		top:25px; left:0px;
		width:200px; height:auto;
		margin: 0px 5px 0px 5px;
		height:35px;
		font-size:10px;
	}
	.colInputBox {
		height:18px;
		width:40px; 
		border-top:1px solid gray; 
		border-left:1px solid gray; 
		border-right:1px solid white; 
		border-bottom:1px solid white; 
		background-color:#ffffff; 
		font-size:8px;
	}
	/*----------------------reports-------------------------*/
	#reportHolder{
		position:absolute; top:200px; left:200px; 
		width:600px; height:300px;
		/*padding:10px;
		border:1px solid gray;*/
		font-size:0.8em;
		/*filter:alpha(opacity=80);
		opacity: 0.8;*/
		text-align:left; 
		color:gray; 
	}
	#featureInfo{
		color:#000000;
		width:575px; height:265px;
		font-size:0.8em;
		background-color: white; 
		border:1px solid gray;
		position: absolute;
		left: 10px; top:25px;
		overflow-x:scroll;  overflow-y:scroll;
		/*filter:alpha(opacity=100);
		opacity: 1.0;*/
	}
	.gfiData{
		position:absolute; top:0px; left:0px;
		width:550px; height:250px;
		margin:5px;
		background-color: #EAF5ED;
		border:1px solid green;
	}
	/*-------------------------------------------------------------------*/
	.attributes{
		font-size: 10px;
		text-align:left;
		width: 350px; 
		height:200px;
		color:#000000;
		overflow-x:scroll; overflow-y:scroll;
	}
	.title{
		font-size: 12px;
		text-align:left;
		padding:10px;
		font-weight:bold;
		width: 200px; 
		color:#000000;
	}

	/*-------------------------------------------------------------------*/	
	.tree {
		font-family: Verdana,  Geneva,  Arial,  Helvetica,  sans-serif;
		font-weight:normal;
		font-size: 10px;
		padding: 3px;
	/*	background-color:#DDD8B3; */
		background-color:#FFF;
		border-top:1px solid gray;
		border-left:1px solid gray;
		border-right:1px solid white;
		border-bottom:1px solid white;
		white-space: nowrap;
		overflow-x:auto; overflow-y:auto; 
	}
	.tree img {
		border: 0px;
		height: 18px;
		vertical-align: middle;
	}
	.tree a {
		color: #000;
		text-decoration: none;
	}
	.tree .available {
		color: #000;
		text-decoration: none;
	}
	.tree .unavailable {
		color: #a2a2a2;
		text-decoration: none;
	}
	.tree a:hover {
		direction: ltr;
		color: #345373;
		background-color:#ffffd4;
	}
	#filesBox {
	border-right:1px solid #c3c3c3; 
	border-bottom: 1px solid #c3c3c3;	
	border-top:1px solid #444244;	
	border-left:1px solid #444244;
	font-weight:bold; 
	font-size:10px;
}
/*--------------------------------------*/
	#eventsLogID {
		z-index:50000; 
		width:100px; height:60px; 
		text-align:center;
		font-size:10px;
		font-weight:bold;
		position:absolute;
		top:49%; left:49%;
		display:none;
    }
	
		
	.box2{
		position:absolute;
		font-size:10px;
		background-color:white;
		height:16px;
		border:1px solid #7f9DB9;	
		z-index:190;
	}
	
	.buttup{font-family: Verdana,  Geneva,  Arial,  Helvetica,  sans-serif;
		color:black;
		text-align:center;
		font-size:10px;
		cursor:pointer; 
		display:block;
		font-weight:normal;
		background-color:#ECE9D8;
		border-left:2px solid #FFFFFF;
		border-top: 2px solid #FFFFFF;
		border-bottom:2px solid #716f64;
		border-right:2px solid #716f64;
	}
	.buttdown{font-family: Verdana,  Geneva,  Arial,  Helvetica,  sans-serif;
		text-align:center; 
		color:black;
		font-size:10px;
		cursor:pointer; 
		display:block;
		font-weight:bold;
		background-color:white;
		border-right:2px solid #FFFFFF;
		border-bottom: 2px solid #FFFFFF;
		border-top:2px solid #716f64;
		border-left:2px solid #716f64;
	}
	.buttupSmall{
		color:black;
		text-align:center;
		width:20px;
		height:15px;
		font-size:8px;
		cursor:pointer; 
		display:block;
		margin:1px;
		background-color:#ECE9D8;
		border-left:1px solid #FFFFFF;
		border-top: 1px solid #FFFFFF;
		border-bottom:1px solid #716f64;
		border-right:1px solid #716f64;
	}
	.buttdownSmall{
		text-align:center; 
		color:black;
		width:20px;
		height:15px;
		font-size:8px;
		margin:1px;
		cursor:pointer; 
		display:block;
		background-color:white;
		border-right:1px solid #FFFFFF;
		border-bottom: 1px solid #FFFFFF;
		border-top:1px solid #716f64;
		border-left:1px solid #716f64;
	}
#fileInfo{
	color:#000000;
	
	font-size:10px;
	font-weight:bold;
	text-align:left;
	background-color: white; 
	border:1px solid gray;
	
	overflow-x:hidden;  overflow-y:scroll;
}
.olFramedCloudPopupContent { 
	 z-index: 4000;
	 filter:alpha(opacity=90);opacity: 0.9;
 }
 .floater{
	background-color:#FFF;  
	border-style:none;  
	/*filter:alpha(opacity=90);opacity: 0.9;*/
}
#progressDiv {
	width:80px; height:20px;
	background:#ccc;
	color:#333;
	font-family:sans-serif;
	font-size:20px;
	font-weight:bold;
	position:relative;
	top:0;left:0; 
	overflow:hidden;
	}

#progressBar { 
	width:0%; height:100%;
	background:#333;
	color:#ccc;
	text-align:center;
	overflow:hidden;
	position:relative;left:0; 
}
.standardButton {
	font-family: Verdana,  Helvetica,  Arial;
	font-size:10px;
	font-weight:bold;
	height:14px; width:185px;
	text-align:center;
	border-right:1px solid gray;
	border-bottom:1px solid gray;
	border-top:1px solid #c3c3c3;
	border-left:1px solid #c3c3c3;	
	cursor:pointer;
	text-shadow:#ffffff 1px 1px 1px;
	color:gray;
	background-color:#ECE9D8;
}
.hoverButton {
	font-weight:bold;
	height:14px; width:185px;
	text-align:center;
	cursor:pointer;
	color:black;
	border-left:1px solid gray;
	border-top:1px solid gray;
	border-bottom:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	background-color:white;
}
.unHoverButton {
	font-weight:bold;
	height:14px; width:185px;
	text-align:center;
	cursor:pointer;
	color:gray;
}
.selectedButton {
	font-family: Verdana,  Helvetica,  Arial;
	font-size:10px;
	font-weight:bold;
	height:14px; width:185px;
	text-align:center;
	cursor:pointer;
	color:black;
	background-color:white;
	border-left:1px solid gray;
	border-top:1px solid gray;
	border-bottom:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;	
}
.raisedButton {
	font-family: Verdana,  Helvetica,  Arial;
	font-size:10px;
	font-weight:bold;
	height:14px; width:185px;
	text-align:center;
	cursor:pointer;
	color:gray;
	background-color:#ECE9D8;
	border-left:1px solid gray;
	border-top:1px solid gray;
	border-bottom:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;	
}

.underline {
	width:100%;	height:0px;
	border-bottom:1px solid white;
	border-top:1px solid gray;
}

/*input #ruleCompositeDiv {border-style:none;}*/

.selectedItem{
	border-left:1px solid white;
	border-top:1px solid white;
	border-right:1px solid gray;
	border-bottom:1px solid gray;
	background-color:#C3C3C3;
	text-shadow:#fff 1px 1px 1px;
}
.unselectedItem{
	border-left: 1px solid gray;
	border-top: 1px solid gray;
	border-right: 1px solid #E1E1E1;
	border-bottom: 1px solid #E1E1E1;
	background-color:white;
	text-shadow:none;
}
.spanClass{
	background-color:cyan;
	font-weight:bold;
}