
span.spatialFormControl {
	z-index: 0;
	width: 0px;
	overflow: visible;
	visibility: visible;
	position: absolute;
	left: -300px;
	top: 0px;
}

IMG.spatialFormControl {
	z-index: 0;
}
table.spatialFormControl {
	background-color: aqua;
	position: relative;
	top: -15px;
	left:15px;
	border-color: black;
	border-width: 2px;
	border-style: double;	
	border-spacing: 0px;
	border-collapse: collapse;	
	visibility: inherit;
	width: 200px;
z-index: 0;
}

td.spatialFormControl {
	border-style: solid;
	border-color: black;
	border-width: 1px;
	font-weight: normal;	
}

TD.spatialControlHighlighted {
	background-color: highlight; 
	color: highlighttext;
	border-style: solid;
	border-color: black;
	border-width: 1px;
	font-weight: normal;
}

.forestMenu {
 
}

#StatesspatialControlSpan {
	float: left;
	position: absolute;
	top: 32px;
	left: 5px;
	
}

#CountiesspatialControlSpan {
	float: left;
	position: absolute;
	top: 70px;
	left: 5px;
}


#energyStatesspatialControlSpan {
	
	position: relative;
	top: 20px;
	left:5px;
	height: 0px;
	width: 0px;
	overflow: visible;
	
}

#energyCountiesspatialControlSpan {
	
	
	position: relative;
	top: 20px;
	left:5px;
	height: 0px;
	width: 0px;
	overflow: visible;
	
}

#energyForestspatialControlSpan {
	position:relative;
	left:0;
	top:0;
}


SPAN.infoBubbleCoords {
 font-size: x-small;
	color: blue;

}

TD.infoBubbleTitle {
	font-size: 8pt;
	font-weight: bold;
	color: black;
	white-space:normal;
	vertical-align: text-top;
}

TD.infoBubbleResults {
	font-size: 7pt;
	color: black;
}

#infoBubbleDiv {
	border-style: solid;
	border-width: 4px;
	border-color: teal;
	width:  350px;
	z-index: 0;
	background-color: silver;
	float: left;
	position: absolute;
	top:70px;
	left:70px;

}

SPAN.infoBubbleCoords {
	 white-space:nowrap;	
	font-size: x-small;
}

#infoBubbleClose{
	float:right;
	color: red;
	position: relative;
	top:-5px;
}
#floater1 {
    position: relative;
    float: right;
    background: #fff;
   width:400px;
   height: 265px;
    right: 20px;
    top:  100px;
    padding: 0px 0px;
    margin: 0px 0px;
    border: 2px solid black;
    cursor: pointer;
    radius:8pt;
    
    z-index: 99999;
  }
  

  
  #overviewMapFloat {
      position: absolute;
	    background: #fff;
	    width:  326px;
	    height: 165px;
	    right: 5px;
	    bottom:  20px;
	    padding: 0px 0px;
	    margin: 0px 0px;
	    border: 2px solid black;
	    cursor: pointer;
	    radius:8pt;
	    overflow: hidden;
	    
    z-index: 99999;
  }
  
  
  #drowfloat {
	    position: absolute;
	    background: #fff;
	    width:  350px;
	    height: 250px;
	    right: 200px;
	    top:  100px;
	    padding: 0px 0px;
	    margin: 0px 0px;
	    border: 2px solid black;
	    cursor: pointer;
	    radius:8pt;
	    
	    z-index: 99999;
  }
  
    #aiifloat {
		    position: absolute;
		    background: #fff;
		    width:  900px;
		    height: 527px;
		    left: 200px;
		    top:  100px;
		    padding: 0px 0px;
		    margin: 0px 0px;
		    border: 2px solid black;
		    cursor: pointer;
		    radius:8pt;
		    
		    z-index: 99999;
  }
  
#moveable3 {
    position: relative;
    width: 150px;
    height: 100px;
    background: #ff8;
    color: blue;
    font-weight: bold;
  }
  
iframe.floaterframe {
	height: 98%;
	width: 97%;
	overflow: visible;
}

	#toolbar1 {
	position:absolute;
	float: left;
	left:50px;
	top:25px;
	z-index: 99999;

	}
	

	
	#toolbar1frame {
	overflow: hidden;
	}
	
	#toolbar1handle {
		background-color: blue;
	}
	
	#toolbar2 {
	position:absolute;
	float: left;
	left:50px;
	top:85px;
	z-index: 99999;
	}
	
	#toolbar2frame {
	overflow: hidden;
	}
	
	#toolbar2handle {
		background-color: blue;
	}
	
	#blanketDiv {
		float:left; 
		background:transparent;
		z-index:1000; 
		position:absolute; 
		top:0px; 
		left:0px; 
		width:100%; 
		height:100%; 
	}
	

A:active {
  color : Black;
}


A:visited {
  color : #000000;
  FONT-FAMILY: Verdana, Arial;
  TEXT-DECORATION: underline;
}


A:link {
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial;
    TEXT-DECORATION: underline;
}


A:hover {
    COLOR: blue;
    FONT-FAMILY: Verdana, Arial;
    TEXT-DECORATION: underline;
    cursor: pointer;
}


A {
  text-decoration:none;
  color : Black;
}

a.infoBubbleLink{
    
    z-index:24; 
    }


a.infoBubbleLink:hover{
z-index:25; 
position:relative; /*this is the key*/ 
background-color:#ff0;
text-decoration:none;
}

a.infoBubbleLink span{display: none}

a.infoBubbleLink:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center}



