/*/ --------------- Openlayers map area -------------- /*/

	#application {
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
		color:#696969;   /* this is a charchol gray */
		width:800px; height:720px;
		background-color:transparent;
	}
	a:link, a:visited{cursor:pointer; color:gray; text-decoration:none;}
	a:hover, a:active{cursor:pointer; color:#000; text-decoration:underline;}
	#map{
		position:absolute; 
		top:0px; left:50px;
		border: 1px solid black;
		width:530px; height:500px;
		background-color:#BDDFEB;
		z-index:1;
	}

	#controls {
		position:absolute;
		top:0px; left:0px;
		width:40px; height:400px;
	}
	#zoomControl{
		position:absolute; 
		top:0px; left:0px;
	}
	#mouseControl{
		position:absolute; 
		top:40px; left:7px; 
	}
	#mousePos{
		position:absolute;
		top:500px; left:470px;
		color:gray;
		font-weight:bold;
		font-size:9px; 
		text-align:left;
		width:auto; height:10px;
	}
	
/*/ ------------ Filter Geocoding controls ----------/*/
	
/*/ --------------- Layer Manager Section -------------- /*/
	#allSidebar{
		background-color:white;
		position:absolute; 
		border-top:1px solid gray;
		border-right:1px solid gray;
		border-bottom:1px solid gray;
		top:0px; left:582px;
		width:210px; height:500px;
		font-size:9px;
		vertical-align:middle;
		color: gray; 
	}
	.baseMapRadio{
		font-family: "Helvetica Neue", "Century Gothic", Helvetica, "Helvetica Neue", Arial;
		font-size:10px;
		color: #000000;
		height:35px;
		width:90%;
		font-weight:bold; 
		border-collapse:collapse;
		margin-left:10px;
	}
	#sidebar{
		height:500px; 
	}
	#sidebar .sectHead {
		position:absolute;
		top: 44px; left:30px;
		font-weight:bold; 
		font-size:10px; 
	}
	#sidebar .colHeaders {
		position:absolute;
		top: 62px; left:0px;
		height:15px; width:210px;
		font-size:9px;
		color:#000; 
		font-weight:bold; 
	}
	#table{
		background-color:white;
		width:210px;
		height:399px;
	}
	.smallControlHead{
		width:15px; 
		border:1px solid gray; 
		background-color:#FFFFD4; 
		text-align:center;
		}
	.smallControl {
		background-color:#FFFFD4;
		border:1px solid #E1E1E1; 
		height:15px; width:15px;
		color:gray; font-weight:bold; font-style:italic;  font-size:12px;
		text-align:center;
		cursor:pointer;
	}
	.smallControlGray {
		background-color:#E1E1E1;
		border:1px solid #E1E1E1; 
		height:15px; width:15px;
		color:gray; font-weight:bold; font-style:italic;  font-size:12px;
		text-align:center;
		cursor:pointer;
	}
	.empty {
		height:15px; width:15px;
		color:gray; font-weight:bold; font-style:italic;  font-size:12px;
		text-align:center; vertical-align:middle;
	}
	.smallControlBold {
		background-color:#FFFFD4;
		border:1px solid gray; 
		height:15px; width:15px;
		color:gray; font-weight:bold; font-style:italic;  font-size:12px;
		vertical-align: middle; text-align:center;
	}
	.bigControl {
		background-color:#FFFFD4;
		border:1px solid #E1E1E1; 
		height:15px; width:130px;
		color:gray;   font-size:9px;
		vertical-align: middle; text-align:left;
	}
	.headerRow {
		background-color:white;
		font-weight:bold;
		height:15px; width:210px;
		color:gray;   font-size:9px;
		vertical-align: middle; text-align:left;
	}
	.bigControlBold {
		font-family: Times, sans-serif; 
		background-color:#FFFFD4;
		border:2px solid #E1E1E1; 
		height:15px; width:15px;
		color:gray; font-weight:bold;  font-size:12px;
		vertical-align: middle; text-align:center;
	}
	
	.stylesBox {
		height:100%;
		width:90%;
		font-family:Arial, Helvetica, sans-serif; 
		color:gray;   font-size:9px;
		background-color:transparent;
		border:0px;
		vertical-align: middle; text-align:left;
	}
	.optionsBox{
		background-color:#FFFFD4;
		color:black;
		text-align:left;
		border:1px solid #E1E1E1;
	}

	.controlTableBig {
		position:absolute; 
		top:8px; left:0px;
		width:210px; height:410px;
		overflow-x:hidden; overflow-y:auto; 
	}
	.controlTableSmall {
		position:absolute; 
		top:8px; left:0px;
		width:210px; height:161px;
		overflow-x:hidden; overflow-y:auto; 
	}
	
	#layerSel{
		margin-top:80px;
		position:absolute; 
		width:210px;
		top:0px; left:0px;
	}
	#layerSel table tr {height:15px;}
	#layerSel table td {border:1px solid #E1E1E1;}
	.layer {
		border: none; 
		vertical-align:middle; 
		text-decoration:none; 
		color:#4B4B4B; 
		font-weight:bold; 
		font-size:9px; 
		background-color:#FFFFD4;
	}

	
	/*/ ----------------- Legend Area --------------------/*/
	/* ----- GLG Legend ------ */
	#legend2 {
		color: gray;
		width:210px; height:249px;
		background-color:transparent;
		position:absolute;
		border-top:1px solid gray; border-bottom:1px solid gray;
		top:251px; left:0px;
		font-size: 10px;  text-transform:capitalize; font-weight:bold;
	}
	#legend2Title {
		font-size: 12px;
		text-align:center;
		width:160px;
		font-weight:bold;
		position:absolute; top:5px; left:10px;
		z-index:110;
	}
	
	#legend2Image img{
		max-width:210px; max-height:250px;
		position:absolute;
		top:18px; left:0px;
		z-index:105;
	}
	#legend2Image .waiting { 
		position: absolute; 
		top:20px; left:50px;
	}

	/* ----- SLD Legend ------ */
	#legendBackground{	
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
		width:210px; max-height:249px;
		background-color:transparent; 
		position:absolute; top:251px; left:0px;
		font-size:10px;
	/*border:1px solid red;*/
		overflow-x:hidden; overflow-y:auto;
		
	}
	#legend {
		color: #000;
		width:210px; height:249px;
		background-color:transparent;
		border-top:1px solid gray; 
	/*	border-bottom:1px solid gray;*/
		font-size: 10px;  
		text-transform:capitalize; 
		font-weight:bold;
		 
	}

	#legendTitle {
		font-size: 12px;
		text-align:center;
		width:160px;
		font-weight:bold;
		position:absolute; 
		top:5px; left:10px;
	}
	
	.legendOn {
		display:block;
	}
	.legendOff {
		display:none;
	}
	#legendTable {
		width:150px; height:100px;
		text-align:left;
		position: absolute; top:40px; left:20px;

	}
	.tdCell  {
		width:20px; height:10px;
	}
	.legendBox  {
		margin-left:auto; margin-right:auto;
		width:30px; height:10px; 
	}
	.legendText {
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
		text-align:left; 
		font-size:10px;
		margin:5px;
		width:150px; height:10px;
	}
	.kill{
		position:absolute;
		top:5px; right:5px;
		cursor:pointer;
	}
	
/*/ ---------- Useful generic stuff -------------/*/
	
	.box{
		position:absolute;
		font-size:10px;
		background-color:white;
		height:19px;
		width:300px;
		z-index:210;
	}
	.selBox{
		display:block; 
		position:absolute; top:0px; left:0px;
		width: 300px; height:19px; 
		font-size:10px;
		background-color:#FFFFFF;
		border:1px solid gray;
		z-index:190;
}
	.off {display:none;}
	.on  {display:block;}
	.button{
		width:auto;
		height:20px;
		margin-left:3px;
		font-size:9px;
		text-align: center;
		display:block;
	}
	.buttoff{
		width:auto;
		height:20px;
		margin-left:3px;
		font-size:9px;
		text-align: center;
		display:none;
	}
/*/ -------------- Credits style section ------------ /*/
	#credits{
		position:absolute; 
		top:500px; left:50px;
		width:500px; height:10px;
		font-size: 9px;
	}
	#credits .caption {
		text-align:left; 
	}
	.caption a{
        text-decoration: none;
        color: #696969;
        font-weight: bold;
    }
	.caption a:hover{
        text-decoration: none;
        color: black;
        font-weight: bold;
	}
/*/ --------------- Instructions/Footer area -------------- /*/
	#footer{
		position:absolute; 
		background-color:transparent;
		font-size:9px;
		top: 545px; left:6px;
		width:785px; height:165px;
	}
	#footer .sectHead {
		text-align: left; 
		font-weight:bold; 
		font-size:10pt; position:absolute; 
		top:10px; left:10px;	 
	}
	#footer .infoBoxes {
		position:absolute;  top:23px; left:0px;
		background-color:#FFFFD4; 
		text-align:left; 
		width:765px; height:125px; 
		border:1px solid gray; 
		padding:10px;   
	}
	#footer .tabs{
		position:absolute; 
		text-align:center; 
		width:100px; height:16px; 
		font-weight:bold; 
		border:1px solid gray; 
		border-bottom:0px solid gray;
		padding-top:2px;
		cursor:pointer;
	}
	#nodeList{
		position:absolute; top: 750px; left:6px;
		width:785px; height:auto; 
		border:1px solid red;
	}
	/* ----------- Boxover --------*/
	.dvhdr1 {
		background:#F3F0E7;
		font-family:arial;
		font-size:11px;
		font-weight:bold;
		border:1px solid #C8BA92;
		padding:5px;
		width:200px;
		height:auto;
		z-index:1000;
		/*filter:alpha(opacity=85);
		opacity: 0.85;*/
	}
	.dvbdy1 {
		background:#FFFFFF;
		font-family:arial;
		font-size:11px;
		border-left:1px solid #C8BA92;
		border-right:1px solid #C8BA92;
		border-bottom:1px solid #C8BA92;
		padding:5px;
		width:200px;
		height:auto;
		z-index:1000;
		white-space:normal;
		/*word-wrap: break-word ;*/
		/*filter:alpha(opacity=85);
		opacity: 0.85;*/

	}
	#eventsLogID {
		z-index:900; 
		width:100px; height:60px; 
		text-align:center;
		font-size:10px;
		font-weight:bold;
		position:absolute;
		top:40%; left:40%;
		display:none;
    }
	.popupHeader{
		background-color:#0055E5;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
		color:white;
		font-weight:bold;
		height:20px; width:auto;
		font-size:12px; 
		cursor:move;
	}
	#surround {
		position:absolute; top:0px; left:10px;
	}
	#drapeBuilderControl input{font-size:9px;}