@font-face {
  font-family: 'Vollkorn';
  font-style: normal;
  font-weight: normal;
  src: local('Vollkorn Regular'), local('Vollkorn-Regular'), url('http://themes.googleusercontent.com/font?kit=IiexqYAeh8uII223thYx3w') format('truetype');
}

#con {          
  background:#FFFFFF;
  border: 1px solid #999;
  margin-left:auto;
  margin-right:auto;   
  padding:0;
  text-align:left;
  width: 728px;
  height: 638px;                
  overflow: hidden;
  position: relative;
}

.ui-layout-center {        
  position:relative; 
	width: 520px;       
	height: 100%;     
  padding:0 !important;
  bottom: 10px;
  display: block;
  height: 755px;
  left: 209px;
  margin: 0;
  position: absolute;
  right: 10px;
  top: 38px;
  visibility: visible;
  z-index: 2;
} 

#map {
	height:572px;
	width:520px;  
  position:absolute;
  top:28px;
  left:0;
  right:0;
}

#sidebar1 {
  position: relative;
	float: left;
	background: #fff;
	padding: 0 0 0 0;
	margin: 0 auto;
	font-size: 11px;   
  border:1px solid #BBBBBB;         
  bottom: 10px;
  display: block;
  left: 0px;
  margin: 0;
  position: absolute;
  right: auto;
  top: 38px;
  visibility: visible;               
  height: 600px !important;
  position: absolute !important;
  right: 222px !important;
  width: 204px;
  z-index: 2;
}

.mapTitle{
    background-image: url("/Style%20Library/Images/HeadBGgrad.png");
    background-position: left top;
    background-repeat: no-repeat;
    height: 36px;
    margin: 0;
}

.mapTitle h2{
  float: left;
	font-size: 16.5px !important;
	font-weight: bold;
	position: relative;
	margin: 0px;
	color: #eeeeee !important;    
  top: 2px;
  padding: 10px 0 0;
}

.mapTitle label {
  color:darkOliveGreen;
  font-family:'Vollkorn';
  font-size:20px;
  font-weight:bold;
}

#toolbar {
	width: 520px;
	height: 28px;
	background: url("/Depts/EPD/Pollution/Documents/KoppersSoilData/graphics/toolbar.png") repeat-x scroll top left #FFFFFF;
}
/* root element for tabs  */
ul.iwtabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:1px solid #666;	
	height:30px;
}


/* single tab */
ul.iwtabs li { 
	float:left;	 
	text-indent:0;
	padding:0 !important;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.iwtabs a { 
	background: url(/Depts/EPD/Pollution/Documents/KoppersSoilData/graphics/blue.png) no-repeat -553px 0;
	font-size:11px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 84px;
	text-align:center;	
	text-decoration:none !important;
	color:#333 !important;
	padding:0px;
	margin:0px;	
	position:relative; 
	outline:none !important;		
	top:1px;
}

ul.iwtabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.iwtabs a:hover {
	background-position: -553px -31px;	
	color:#fff !important;	
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.iwtabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -553px -62px;		
	cursor:default !important; 
	color:#000 !important;      
	outline:none;		
}
/* initially all panes are hidden */ 
.panes .pane {
	display:none;		
	width: 225px;
	border:solid 1px darkOliveGreen;    
	border-top:none; 
	padding:3px;
	-moz-border-radius-bottomright:4px;   
	-moz-border-radius-bottomleft:4px;    
  overflow: hidden !important;
}

#zoomTo {
	height: 22px;
	width: 138px;
	float: left;
	background: #F0F0F0;
	margin-top: 2px;
	margin-left: 4px;
	padding: 0 5px;
	border: 1px solid silver;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}  

#fullExt {
	background: url("/Depts/EPD/Pollution/Documents/KoppersSoilData/graphics/map_type.png") no-repeat -285px 0px;
	height: 16px;
	width: 75px;
	float: left;
	margin-right: 2px;
	margin-top: 3px;
	-moz-outline-style: none;
	outline: none;
}

#fullExt:hover {
    background-position: -285px -16px;
}

#koppers_btn {
    background: url("/Depts/EPD/Pollution/Documents/KoppersSoilData/graphics/koppers_btn.png") no-repeat scroll 0 0 transparent;
    display: block;
    float: right;
    height: 16px;
    margin-top: 3px;
    width: 55px; 
    -moz-outline-style: none;
    outline: none;
} 
  
#koppers_btn:hover {
    background-position: 0 -16px;
}

#map_type {
	height: 22px;
	float: right;
	margin-top: 2px;
	margin-right: 4px;
	background: #F0F0F0;
	padding: 0 2px 0 5px;
	border: 1px solid silver;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#map_type ul {
	margin: 0 !important;
	padding-left: 2px;
}
ul #sat {
	float: left;
	height: 16px;
	width: 65px;
	margin-right: 5px;
	margin-top: 3px;
	outline: none;
	list-style: none !important;
}
#sat a {     
	float: left;
	height: 16px;
	width: 65px;                 
	background: url("/Depts/EPD/Pollution/Documents/KoppersSoilData/graphics/map_type.png") no-repeat -110px 0;
	outline: none;
	margin: 0 !important;
}
#sat a.selected {
	float: left;
	background: url("/Depts/EPD/Pollution/Documents/KoppersSoilData/graphics/map_type.png") no-repeat -110px -16px;
	height: 16px;
	width: 65px;
	outline: none;
	margin: 0 !important;
}
ul #hyb {
	float: left;
	height: 16px;
	width: 55px;
	margin-right: 5px;
	margin-top: 3px;
	outline: none;
	list-style: none !important;
}
#hyb a {   
	float: left;
	height: 16px;
	width: 55px;                
	background: url("/Depts/EPD/Pollution/Documents/KoppersSoilData/graphics/map_type.png") no-repeat -175px 0;
	outline: none;
	margin: 0 !important;
}
#hyb a.selected {
	float: left;
	background: url("/Depts/EPD/Pollution/Documents/KoppersSoilData/graphics/map_type.png") no-repeat -175px -16px;
	height: 16px;
	width: 55px;
	outline: none;
	margin: 0 !important;
}
ul #defmap {
	float: left;
	height: 16px;
	width: 55px;      
	margin-right: 5px;
	margin-top: 3px;
	outline: none;
	list-style: none !important;
}
#defmap a {    
	float: left;
	height: 16px;
	width: 55px;           
	background: url("/Depts/EPD/Pollution/Documents/KoppersSoilData/graphics/map_type.png") no-repeat -55px 0;
	outline: none;
	margin: 0 !important;
}
#defmap a.selected {
	float: left;
	background: url("/Depts/EPD/Pollution/Documents/KoppersSoilData/graphics/map_type.png") no-repeat -55px -16px;
	height: 16px;
	width: 55px;
	outline: none;
	margin: 0 !important;
} 

#loading {
		background-color:#fff;
		display:none;
		width:60px;
		height:45px;
		padding:15px;
		text-align:left;
		border:2px solid #333;
		position: absolute;
		top: 250px;
		left: 221px;
	
		opacity:0.8;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		-moz-box-shadow: 0 0 50px #ccc;
		-webkit-box-shadow: 0 0 50px #ccc; 
    z-index:999;
}

#loading div{
  background: url('/Depts/EPD/Pollution/Documents/KoppersSoilData/graphics/load.gif');
  width:32px;
  height:32px;
  display:block;
  margin: 2px 0 0 15px;
}

#loading span{
  font-size:12px;  
  font-weight:bold;
  display:block;
  margin: 5px 0 0 0px;
}
		
#sort {         
	float: right;    
	background:#fff;
  margin:0;
  padding:0;
  z-index:999;
  position:absolute;
  top:0px;
  border: 1px solid #104E8B;
  height: 59px;
}

#sort a {  
  margin: 0 5px;
  color:#fff;
  font: bold 100% 'trebuchet ms',helvetica,sans-serif;
  border: 1px solid;     
  padding: 3px 8px;
  border-color: #696 #363 #363 #696;
  filter:progid:DXImageTransform.Microsoft.Gradient
  (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');      
  background-color:#999;       
  position:relative;
  top: 9px;              
  left: 6px;
  text-decoration: none;
  outline: none;
  -moz-outline-style: none;
}

#sort a.selected {   
  background: url("/Style%20Library/Images/leftNavGrad.png") repeat-x scroll left top #FFFFFF;
  //background-color:#FFEEDD;  
  color: #000;       
  padding: 3px 8px; 
  margin: 0 5px;
}

.header{
	color:#004080;	
	font: bold 14px sans-serif;
  background:#DEDEDE;
  display:block;
  text-align:center;
  padding: 4px 0; 
  width: 202px;
}      

.howto{
  padding: 0 0 0 25px;
  margin: 5px 0 !important;  
} 

.howto li{
  margin: 5px 0 0 0; 
  padding: 0 3px; 
  font-size: 10.5px !important;
}

.SBpane {  
  position:absolute;
  top:65px;
  width:202px;
  border: 1px solid #104E8B;
}
 
.SBpane img{
  margin: 0 5px 0 5px;
}  

.directions{      
  position:absolute;
  top:220px;
  width:202px;
  border: 1px solid #104E8B;
}
                   
.standards {       
  position:absolute;
  bottom:0px;
}

.ppt{ 
  color:black;
  display:block;
  font-size:11px;     
  font-weight:600;
  text-align:left;
  text-decoration:underline;
  margin: 0;
  padding: 6px 0 5px 5px;
  width: 199px;
}    

.standards{         
  border: 1px solid #104e8b;
}

.redMarkLegend{
  background: url('/Depts/EPD/Pollution/Documents/KoppersSoilData/graphics/sprite.png') no-repeat 0 0;
  width:12px;
  height:20px;   
  margin:11px 0 0 3px;
  padding:5px 0 0 0;
  float: left;
} 

.orangeMarkLegend{
  background: url('/Depts/EPD/Pollution/Documents/KoppersSoilData/graphics/sprite.png') no-repeat -17px 0;
  width:12px;
  height:20px;    
  margin:11px 0 0 3px;
  padding:5px 0 0 0; 
  float: left;
}   

.greenMarkLegend{
  background: url('/Depts/EPD/Pollution/Documents/KoppersSoilData/graphics/sprite.png') no-repeat -33px 0;
  width:12px;
  height:20px;     
  margin:11px 0 0 3px;
  padding:5px 0 0 0;
  float: left;
} 

.symbols {
  float:left; 
  padding: 0 0 0 2px; 
  margin: 0; 
  width: 200px;
  background:#F2EFE9;  
  border-bottom: 1px solid #104e8b;
}
 
.symbols img{
  padding:5px 0 0 0;
  margin: 0 0 0 2px;
  float:left;   
}

.symbols .orange{
  margin-top: 5px;
}

.symbols span{
  margin:0;
  padding:5px 0;
  float:right;
  width: 174px;
  font-size: 10px;
  font-weight: bold;        
}
ol{}
   .iwContent{
  font-size:12px;   
  width:205px;
}  
.sampID{           
  font-size:12px;
  margin: 0 0 3px 0;   
  display: block;
}        
.iwContent span{
  margin: 3px;
  display: block;
}

.tblLayers{
  width:175px;
  margin: 0 0 8px 10px;
}

.redMark{
  background: url('/Depts/EPD/Pollution/Documents/KoppersSoilData/graphics/sprite.png') no-repeat 0 0;
  width:12px;
  height:20px;  
  margin: 3px 8px 0 5px;
} 

.orangeMark{
  background: url('/Depts/EPD/Pollution/Documents/KoppersSoilData/graphics/sprite.png') no-repeat -17px 0;
  width:12px;
  height:20px;   
  margin: 3px 8px 0 5px;
}   

.greenMark{
  background: url('/Depts/EPD/Pollution/Documents/KoppersSoilData/graphics/sprite.png') no-repeat -33px 0;
  width:12px;
  height:20px;
  margin: 3px 8px 0 5px;
} 

input[type=checkbox]{     
  margin-top:4px;
}
          
#koppers{
  float:right;
  margin: 0px 50px 0 0 !important;
}

.mapSearch{
  width:350px;
  height:20px;
  margin:15px 0 0 80px;
  float:left;
}           
.search{
  -moz-box-shadow:0 0 10px #DEDEDE inset;
  border:1px solid darkOliveGreen;
  height:20px;
  width:200px;
} 
/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:10px 0 0 0px !important; 
	padding:0 4px;	
	border-bottom:1px solid #666;	
	height:30px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url(/graphics/blue.png) no-repeat -553px 0;
	font-size:11px;
	display:block;
	height: 27px;  
	line-height:27px;
	width: 82px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -553px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -553px -62px;		
	cursor:default !important; 
	color:#000 !important;      
	outline:none;		
}


    
#notes #accept{
  margin:0 auto;
  width:120px;    
}
#notes span {
  display:block;
  margin:7px 0 0 0;
  padding:5px;       
	text-align:center;  
} 
#notes button {
  margin:5px;    
  text-align:center;   
}

#notes label {
	text-align:center;    
	font-weight: bold;   
	color:#004080;	
	font-size:13px;      
  padding:4px;
  text-decoration:underline;
}

#below {         
	display: block;
	float: right;
	margin: 0 auto;
	width:529px;        
	background:#CCCCCC;
	border:2px solid silver;
  margin-top:5px;
  padding:0 5px 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
#below div {
	text-align:left;
	font-size:9px; 
	margin-top: 5px;      
	background:white;   
  padding:5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}  
#below ul {       
	margin: 8px 0 0 0px;
}
#below ul li {       
	line-height: 17px;
}
#l_inf {
  color:#004080;
  display:block;
  font-size:11px;
  font-weight:bold;
  padding:2px;
  text-align:center;
}
#l_source{
  position:relative;
  top:5px;
}
#mapinfo label {
	text-align:center;    
	font-weight: bold;   
	color:#004080;	
	font-size:9px;      
  padding:4px;   
}

#layers {
   background:none repeat scroll 0 0 #fff;
   margin-bottom:10px;
   padding-bottom:19px;
   position:relative;  
   height:630px;
}
#layers p{
   display:block;
   width:190px;
   padding:2px;
   float:left;
   margin: 5px 0 0 2px;
}
#layers p img{
   float:left;
   margin-top:2.5px;
   margin-right:4px;
}
#layers p span{
    float:left;
    position:relative;
    left:4px;
    top:0px;    
    padding:2px 4px;
}           
#clickable{          
   float:right;
   margin-right:14px !important;
   margin-top:4px !important;
}
#layers p input{
   float:right;
   margin-right:5px;
   margin-top:3px;
}
.htheader{
	color:#004080;	
	font-size: 12px;
	font-weight: bold;
  background:#BBBBBB;   
  border: 1px solid #999999;
  display:block;  
  padding:4px;
  text-align:center;
}

.depth{ 
  color:black;
  display:block;
  font-size:10px;     
  font-weight:600;
  text-align:left;
  text-decoration:none;
  padding-bottom:5px;
}
#pin_info{
  border-bottom:2px solid #666666;
  border-top:2px solid #666666;
}
#parcel_info div{
        display:block;
        text-align:left;
	      margin-right: 5px;
      	padding:2px 7px 0 5px;
        width:170px;
        background:#fff;
}

#parcel_info #pinVal, #parcel_info #addrVal{
        display:block;
        text-align:left;
      	margin-right: 5px;
      	margin-left: 5px;
      	padding:5px;
      	font-weight:bold;
}     

#parcel_info #nameVal{
        display:block;
        text-align:left;
      	margin-right: 5px;
      	margin-left: 5px;
      	padding:5px;
      	font-weight:bold;
}

.selTitle{
      	color:#004080;	
      	font-size: 15px;
      	font-weight: bold;
        background:#BBBBBB;
        display:block;
        text-align:center;
        border: 1px solid #999999;
} 
#pin_info .selected{
        background:none repeat scroll 0 0 #aaaaaa;
      	color:#ffffff;	
      	font-size: 15px;
      	font-weight: bold;
        display:block;        
        text-align:center;
}
#parcel_info b{
	color:#333333;	
}
#parcel_info #addr{
}

#options{
        position:relative;
	      bottom:0px;	
        width:204px !important;
       	background: #fff;   
        padding: 2.5px 0 !important;  
        margin: 0 !important;
}

#options span{
   float:left;
   position:relative;
   left:10px;
   top:5px;
   color:#333333;	
   font-size: 12px;
}

#options input{
   float:right;
   margin-right: 8px;
   margin-top: 5px;
}


.tooltip {
	display: none;
	background: transparent url(/graphics/black.png);
	height:35px;
	width:145px;
	padding:12px 5px 0 0;  
	color:#fff;	
	font-size: 14px;
	font-weight: bold;
	z-index:99;
}
img {
	border-style: none;
}
a:active {
	outline: none;
}
.clearfloat {
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}
a:active{
    outline: none;
}

a:focus{
    -moz-outline-style: none;
}

<!--[if IE 5]><style type="text/css">  #sidebar1 {
	width: 200px;
}
</style><![endif]--><!--[if IE]><style type="text/css">  #sidebar1 {
	padding-top: 0px;
}
 #mainContent {
	zoom: 1;
}
</style><![endif]-