html, body { 
        height: 100%; width: 100%; margin: 0; 
      } 
      body{
        background-color:white; overflow:visible; 
        font-family: "Arial"; 
        font-size: 12pt;
        color: black;
      }
      #header {
       background-image: url(../images/bg_header.gif); background-repeat: repeat-x;      
        border: solid 4px #224a54;
        font-family: "Arial"; 
        color:white; font-size:22pt; 
        text-align:left; font-weight:bold; height:33px;
      }
     
       #headerLogo2 {
          position: absolute;
	      top: 2px;	    
	      color: black;
	      right: 20px;
	      height: 60px;	    
	      background-color:white;	
	      color: #114065;
   		  font-weight: bold;
		  font-size: 14pt;                
      }
          
       #header1 {
        background-image: url(../images/DEP-left-rgb.png); background-repeat: no-repeat;
        padding-right:20px;
        text-align:right; font-weight:bold; height:85px;
      }
      
      subheader1 {
        font-size:14pt;
        text-align:left;  
        margin-top: 20px;    
        padding-left: 50px;
        font-family: "Arial"; 
        float:left;
        color:#909090;
     } 
      #subheader {       
        text-align:left;            
     }         
   
   .dojoxGridRow tr {    
    font-size: 14px;
}

  .dojoxGridHeader  {    
    font-size: 14px;
}
      #rightPane{
        background-color:white;
        color:#3f3f3f;
        border: solid 2px #224a54;
        width:20%;
      }
      #leftPane{
        margin: 5px; 
        padding: 5px;      
        background-color:white;
        color:#3f3f3f;
        border: solid 2px #224a54;
        width:17%;
     }
      #map {        
        background-color:transparent;
        margin-top: 20px; 
        margin-bottom: 5px;
        height:140px;             
      }
      #centerPane {     
        border:solid 4px #224a54;
        -moz-border-radius: 4px;
        background-color:transparent                
      }
      #footer {
        margin: 2px;
        border: solid 2px #224a54;
        background-color:#ecefe4;color:#3f3f3f;
       font-size:10pt; text-align:center; height:40px;
      }
      .dijitTabInnerDiv{
        background-color:#ecefe4;
      }
      #tabs{
        padding:5px;      
      }
      
      #headerLeft {      
        float:left;              
      }
      #headerRight {      
       float:right;
       margin-top: -40px;
            
      }
       #subheaderRight { 
       float:right;
       margin-top: -20px; 
      }
       #subheaderLeft {      
        float:left;  
        margin-top: -40px;             
      }
      #headerLeft2 {      
        float:left;  
        margin-top: 60px;             
      }
       #headerRight2 {     
       float:right; 
       height:30px;
       margin-top: -45px;
      }
 a.one:link {
    font-size:11pt;
    font-family: "Arial"; 
    font-weight: normal;
    height: 30px;
    color: white;
    padding-right:20px;
    text-decoration: none;    
}
a.one:visited {
      text-decoration: none;
     color: white;
}
a.one:hover {
  background:#0B2962
}

 #locateAddressDiv {
      position: absolute;
      top: 0px;
      right: 20px;
      z-index: 55;
      font-size:8pt;
      font-family: "Trebuchet MS"; 
      background-color:white;
      border: solid 2px #224a54;
      visibility: hidden;
    }
  #locateAddressHeader {
      font-size:10pt;
      font-family: "Trebuchet MS"; 
      background-color:##c6e2ff;     
    } 
    
    #locateCandidateDiv {
      position: absolute;
      bottom: 20px;
      right: 20px;
      z-index: 55;
      font-size:8pt;
       font-family: "Trebuchet MS"; 
      background-color:white;
      border: solid 2px #224a54;
      visibility: hidden;
    }
    
     #locateCountyDiv {
      position: absolute;
      top: 0px;
      right: 20px;
      z-index: 55;
      font-size:8pt;
      font-family: "Trebuchet MS"; 
      background-color:white;
      border: solid 2px #224a54;
      visibility: hidden;
  
    }
      #locateCountyHeader {
      font-size:10pt;
      font-family: "Trebuchet MS"; 
      background-color:##c6e2ff;     
    }     
      #locateRegionDiv {
      position: absolute;
      top: 0px;
      right: 20px;
      z-index: 55;
      font-size:8pt;
      font-family: "Trebuchet MS"; 
      background-color:white;
      border: solid 2px #224a54;
      visibility: hidden;
    }
      #locateRegionHeader {
      font-size:10pt;
      font-family: "Trebuchet MS"; 
      background-color:##c6e2ff;     
    } 
     #locateQuadDiv {
      position: absolute;
      top: 0px;
      right: 20px;
      z-index: 55;
      font-size:8pt;
      font-family: "Trebuchet MS"; 
      background-color:white;
      border: solid 2px #224a54;
      visibility: hidden;
    }
      #locateQuadHeader {
      font-size:10pt;
      font-family: "Trebuchet MS"; 
      background-color:##c6e2ff;     
    } 
     #locateMunicipalityDiv {
      position: absolute;
      top: 0px;
      right: 20px;
      z-index: 55;
      font-size:8pt;
      font-family: "Trebuchet MS"; 
      background-color:white;
      border: solid 2px #224a54;
      visibility: hidden;
    }
      #locateMunicipalityHeader {
      font-size:10pt;
      font-family: "Trebuchet MS"; 
      background-color:##c6e2ff;     
    } 
     #locateMunicipalityComboDiv {
      position: relative;
      font-size:8pt;
      font-family: "Trebuchet MS";       
    }
    #locateZipCodeDiv {
      position: absolute;
      top: 0px;
      right: 20px;
      z-index: 55;
      font-size:8pt;
      font-family: "Trebuchet MS"; 
      background-color:white;
      border: solid 2px #224a54;
      visibility: hidden;
    }
      #locateZipCodeHeader {
      font-size:10pt;
      font-family: "Trebuchet MS"; 
      background-color: #c6e2ff; 
     } 
     #locateLatLngDiv {
      position: absolute;
      top: 0px;     
      right: 20px;
      z-index: 55;
      font-size:8pt;   
      font-family: "Trebuchet MS"; 
      background-color:white;
      border: solid 2px #224a54;
      visibility: hidden;
    }
      #locateLatLngHeader {
      font-size:10pt;
      font-family: "Trebuchet MS"; 
      background-color:##c6e2ff; 
     }  
      #locateSiteDiv {
      position: absolute;
      top: 0px;     
      right: 20px;
      z-index: 55;
      font-size:8pt;   
      font-family: "Trebuchet MS"; 
      background-color:white;
      border: solid 2px #224a54;
      visibility: hidden;
    }
      #locateSiteHeader {
      font-size:10pt;
      font-family: "Trebuchet MS"; 
      background-color:##c6e2ff; 
     }  
      #locateWellPadDiv {
      position: absolute;
      top: 0px;     
      right: 20px;
      z-index: 55;
      font-size:8pt;   
      font-family: "Trebuchet MS"; 
      background-color:white;
      border: solid 2px #224a54;
      visibility: hidden;
    }
      #locateWellPadHeader {
      font-size:10pt;
      font-family: "Trebuchet MS"; 
      background-color:##c6e2ff; 
     } 

    #locateORNDPermitNumberDiv {
      position: absolute;
      top: 0px;
      right: 20px;
      z-index: 55;
      font-size:10pt;
      font-family: "Trebuchet MS"; 
      background-color:white;
      border: solid 2px #224a54;
      visibility: hidden;
    }

  #locateORNDPermitNumberHeader {
      font-size:10pt;
      font-family: "Trebuchet MS"; 
      background-color:##c6e2ff;     
    }   

       
    #DDDiv {
       display: block;
    } 
    #DDMMSSDiv {
      display: none; 
      
    }       
    
  #sliderWrapper {
        right: 0px; 
        top:3px; 
        z-Index: 40;       
        background: #F5F5F5;       
        visibility: hidden;       
   }
      #sliderLabels {
        position: relative; 
        top: -1px;      
        height: 1.2em; 
        font-size: 80%; 
        font-weight: bold;
        font-family: arial;
        color: black;
        padding: 3px;
        margin: 5px 10px 0 10px;
      }
      
       #attribution {       
        bottom: 5px;
        font-size: 10px;
        font-family: "Trebuchet MS"; 
        height: 5px;       
        position: absolute;
        z-index: 10;
        background: white;
        overflow: hidden;      
      }
      
        #gridBufferContainer {
        left: 0px;
        bottom: 20px;
        width: 800px;  
        height: 200px;     
        font-size: 10px;
        font-family: "Trebuchet MS";        
        position: absolute;
        z-index: 50;
        background: white;
        display: none; 
        color: black;       
      }
      
      #gridSelectContainer {
        left: 0px;
        bottom: 20px;
        width: 800px;  
        height: 200px;     
        font-size: 10px;
        font-family: "Trebuchet MS";        
        position: absolute;
        z-index: 50;
        background: white;
        display: none; 
        color: black;        
      }
      
      #gridBufferProximityContainer {
        left: 10px;
        bottom: 3px;
        width: 700px;  
        height: 250px;     
        font-size: 12px;
        font-family: "Trebuchet MS";        
        position: absolute;
        z-index: 155;
        visibility: hidden; 
        background: white;        
        color: black;      
      }  
      
    #headerBasemap {
          position: absolute;
	      top: 0px;
	      color: black;
	      left: 0px;
	      z-index: 50;	  
	      height: 40px;	
	      width: 75%;    
	      background-color:transparent;	                
      }  

    
     #basemapDiv {
       position: absolute;
       float: left;
       top: 0px;
       left: 0px;      
       z-index: 50; 
       text-align:center;     
       font-size:9pt;
       padding-left: 5px;   
       padding-right: 5px;
       padding-top: 5px;
       padding-bottom: 5px;       
       font-family: "Trebuchet MS"; 
       color:black;  
       background: #F5F5F5;                
      }
      
    #locateTitlePane {      
        font-size: 14px;        
        font-family: "Arial"; 
        font-weight: bold;           
      }
      
    #measureTitlePane {    
        font-size: 14px;         
        font-family: "Arial";            
      }
   
     #wellSearch {    
        font-size: 14px;           
        font-family: "Arial";
        font-weight: bold;            
      }
    
      #mappingUtilities {    
        font-size: 14px;           
        font-family: "Arial";            
      }
      
     #bufferTitlePane { 
        font-size: 14px;        
        font-family: "Arial";            
      }
               
   #printTitlePane { 
        font-size: 14px;          
        font-family: "Arial";            
    }
    
   #printButton {      
       width: 270px;     
       z-index: 55;                
    }
    
    #closePolygonSelect {      
       right: 20px; 
       width: 50px;              
    }
    
      
  .polyIcon { background-image: url(../images/i_draw_poly.PNG); width:20px; height:20px;}
  .freehandIcon { background-image:url(../images/i_draw_freepoly.PNG); width:20px; height:20px; } 
   
  #loading {
        display: none;
        vertical-align: middle;
     }   
     
  #loadingBuffer {
        display: none;
        vertical-align: middle;
     }   
      
   #navToolbar {  
      position: absolute;
      top: 45px;
      left: 0px;
      width: 30px;  
      z-index: 50;     
      }
      
           
  .zoominIcon {
        background-image: url(../images/Toolbar/nav_zoomin_inactive.png);
        width: 16px;
        height: 16px;      
      }
   .zoominIconActive {
        background-image: url(../images/Toolbar/nav_zoomin_active.png);
        width: 16px;
        height: 16px;      
      }
   .zoomoutIcon {
        background-image: url(../images/Toolbar/nav_zoomout.png);
        width: 16px;
        height: 16px;
      }

    .zoomfullextIcon {
        background-image: url(../images/Toolbar/nav_fullextent.png);
        width: 16px;
        height: 16px;
      }

      .zoomprevIcon {
        background-image: url(../images/Toolbar/previous_extent.png);
        width: 16px;
        height: 16px;
      }

      .zoomnextIcon {
        background-image: url(../images/Toolbar/next_extent.png);
        width: 16px;
        height: 16px;
      }

      .panIcon {
        background-image: url(../images/Toolbar/nav_pan.png);
        width: 16px;
        height: 16px;
      }

      .deactivateIcon {
        background-image: url(../images/Toolbar/nav_decline.png);
        width: 16px;
        height: 16px;
      }
        .identifyIcon {
        background-image: url(../images/Toolbar/identify_inactive.gif);
        width: 16px;
        height: 16px;      
      }
    
       .clearSelectionIcon {
        background-image: url(../images/Toolbar/erase_0.png);
        width: 16px;
        height: 16px;      
      }
        
       .measureIcon {
        background-image: url(../images/Toolbar/measure_inactive.gif);
        width: 16px;
        height: 16px;      
      }      
   
       
     /* this line hide layers when out of scale for the inline TOC */
      #scaleDiv .agsTOCOutOfScale {
                display: none;
     }
     
#pwsid {
color: black;
font-weight: bold;
padding-left: 65px;
display: block;
width: 150px;
float: left;
}
     
#pwsname {
color: black;
font-weight: bold;
padding-left: 100px;
display: block;
width: 150px;
float: left;
} 

#searchCountyMCDDiv {
      position: absolute;
      top: 0px;
      right: 20px;
      z-index: 55;
      font-size:10pt;
      font-family: "Trebuchet MS"; 
      background-color:white;
      border: solid 2px #224a54;
      visibility: hidden;
    }

 #searchPermitNumberDiv {
      position: absolute;
      top: 0px;
      right: 20px;
      z-index: 55;
      font-size:10pt;      
      font-family: "Trebuchet MS"; 
      background-color:white;    
      border: solid 2px #224a54; 
      visibility: hidden;   
    }
    
#searchAddressAddresses {    
      font-size:8pt;
      font-family: "Trebuchet MS"; 
      background-color:white;   
      display: none;
      visibility: hidden;
    }
    
 #searchCountyMunicipalityDiv {
      position: absolute;
      top: 0px;
      right: 20px;
      width:  300px;
      z-index: 55;
      font-size:10pt;
      font-family: "Trebuchet MS"; 
      background-color:white;
      border: solid 2px #224a54;
      visibility: hidden;    
    }
    
  #searchOperatorCountyDiv {
      position: absolute;
      top: 0px;
      right: 20px;
      width:  300px;
      z-index: 55;
      font-size:10pt;
      font-family: "Trebuchet MS"; 
      background-color:white;
      border: solid 2px #224a54;
      visibility: hidden;    
    }
    
  #searchCountyMunicipalityOperatorDiv {
      position: absolute;
      top: 0px;
      right: 20px;
      width:  300px;
      z-index: 55;
      font-size:10pt;
      font-family: "Trebuchet MS"; 
      background-color:white;
      border: solid 2px #224a54;
      visibility: hidden;    
    }
    
    #searchOperatorCountyMunicipalityDiv {
      position: absolute;
      top: 0px;
      right: 20px;
      width:  300px;
      z-index: 55;
      font-size:10pt;
      font-family: "Trebuchet MS"; 
      background-color:white;
      border: solid 2px #224a54;
      visibility: hidden;    
    }
    
  #searchCountyDiv {
      position: absolute;
      top: 0px;
      right: 20px;
      width:  275px;
      z-index: 55;
      font-size:10pt;
      font-family: "Trebuchet MS"; 
      background-color:white;
      border: solid 2px #224a54;
      visibility: hidden;    
    }
    
    #searchOperatorDiv {
      position: absolute;
      top: 0px;
      right: 20px;
      width:  275px;
      z-index: 55;
      font-size:10pt;
      font-family: "Trebuchet MS"; 
      background-color:white;
      border: solid 2px #224a54;
      visibility: hidden;    
    }
    
  #searchCountyOperatorDiv {
      position: absolute;
      top: 0px;
      right: 20px;
      z-index: 55;
      width:  300px;
      font-size:10pt;
      font-family: "Trebuchet MS"; 
      background-color:white;
      border: solid 2px #224a54;
      visibility: hidden;    
    }
    

 #searchZipDiv {
      position: absolute;
      top: 0px;
      right: 20px;
      z-index: 55;
      font-size:10pt;
      font-family: "Trebuchet MS"; 
      background-color:white;
      border: solid 2px #224a54;
      visibility: hidden;
    }
 
 small {
	font-weight: normal;
	font-size:14pt;
	color: #909090;
	margin-top: -35px;
} 
 small2 {
	font-weight: bold;
	font-size:11pt;
	width:250px;
	color: black;
	z-index: 150;
	margin-left: 0px;
	background-color: white;	
} 
smallTitle {
	font-weight: bold;
	font-size:10pt;
	color: black;
	z-index: 150;
	font-family: Arial;
	margin-left: 0px;
	background-color: white;	
} 

 #small3 {
	font-weight: bold;
	font-size:10pt;
	font-family: Arial;
	width: 290px;
	color: black;
	z-index: 150;
	margin-top:10px;
	margin-left: 5px;	
	background-color: white;	
} 
 #small4 {
	font-weight: bold;
	font-size:10pt;
	font-family: Arial;
	color: black;
	z-index: 150;
	margin-top:10px;
	margin-left: 5px;	
	background-color: white;	
} 
h1 {
	color: #114065;
	font-weight: bold;
	font-size: 14pt;
} 
 #oilGasWellLayerDiv {
        background-color: white;
        margin-top: -8px;
        border: solid 2px #224a54;
        font-family: "Arial"; 
        color:black; font-size:12pt; 
        z-index: 30;
        text-align:left; 
        font-weight:bold; 
        padding: 2px;
        height:670px;
        width:310px;
 }
 #wellDesignationDiv {
        background-color: white;
        margin-top: -8px;
        margin-left: 5px;
        margin-right: 5px;        
        border: solid 1px gray;
        font-family: "Arial"; 
        font-weight: normal;
        color:black; font-size:9pt; 
        z-index: 30;
        text-align:left; height:120px; width:295px;
}
#wellTypeDiv {
        background-color: white;
        margin-top: -8px;
        margin-left: 5px;
        margin-right: 5px;        
        border: solid 1px gray;
        font-family: "Arial"; 
        font-weight: normal;
        color:black; font-size:9pt; 
        z-index: 30;
        text-align:left; height:215px; width:295px;
}
#wellStatusDiv {
        background-color: white;
        margin-top: -8px;
        margin-left: 5px;
        margin-right: 5px;        
        border: solid 1px gray;
        font-family: "Arial"; 
        font-weight: normal;
        color:black; font-size:9pt; 
        z-index: 30;
        text-align:left; height:190px; width:295px;
}
#wellSelectionAllDiv {
        background-color: white;
        margin-top: 10px;
        margin-left: 5px;
        margin-right: 5px; 
        font-family: "Arial"; 
        font-weight:bold;
        color:black; font-size:9pt; 
        z-index: 30;
        text-align:center; height:50px; width:295px;
}

#wellEGSPSelectionAllDiv {
    background-color: white;
    margin-top: 10px;
    margin-left: 5px;
    margin-right: 5px;
    font-family: "Arial";
    font-weight: bold;
    color: black;
    font-size: 9pt;
    z-index: 30;
    text-align: center;
    height: 50px;
    width: 295px;
}

#wellSelectionDiv {
        background-color: white;
        margin-top: -15px;
        margin-left: 5px;
        margin-right: 5px; 
        font-family: "Arial"; 
        font-weight:bold;
        color:black; font-size:10pt; 
        z-index: 30;
        text-align:center; height:30px; width:295px;
}



#bufferProximityLayersDiv {
        background-color: white;
        margin-top: 5px;
        margin-left: 0px;
        margin-right: 5px;        
        border: solid 1px gray;
        font-family: "Arial"; 
        font-weight: normal;
        color:black; font-size:9pt; 
        z-index: 30;
        text-align:left; height:320px; width:305px;
}

#bufferProximityWellsLayersDiv {        
        border: solid 1px gray;
        height:55px; 
        padding-left: 5px; 
        padding-top: 2px ;
        padding-right: 5px;    
}

 #bufferProximityTitlePane { 
        font-size: 14px;        
        font-family: "Arial";            
}

 #gridSiteNameContainer {
        right: 10px;
        bottom: 20px;
        width: 700px;  
        height: 200px;     
        font-size: 10px;
        font-family: "Trebuchet MS";        
        position: absolute;
        z-index: 50;
        background: white;
        display: none; 
        color: black; 
        overflow: scroll;       
      }

#wellEGSPSelectionAllDiv {
    background-color: white;
    margin-top: 10px;
    margin-left: 5px;
    margin-right: 5px;
    font-family: "Arial";
    font-weight: bold;
    color: black;
    font-size: 9pt;
    z-index: 30;
    text-align: center;
    height: 50px;
    width: 295px;
}

#wellEgspSelectionDiv {
    background-color: white;
    margin-top: -15px;
    margin-left: 0px;
    margin-right: 5px;
    font-family: "Arial";
    font-weight: bold;
    color: black;
    font-size: 9pt;
    z-index: 30;
    text-align: center;
    height: 30px;
    width: 300px;
}

#egspWellLayerDiv {
    background-color: white;
    margin-top: -8px;
    border: solid 2px #224a54;
    font-family: "Arial";
    color: black;
    font-size: 12pt;
    z-index: 30;
    text-align: left;
    font-weight: bold;
    padding: 2px;
    height: 240px;
    width: 310px;
}

#wellEgspSearch {
    font-size: 11px;
    font-family: "Arial";
    font-weight: bold;
}

#egspwellDesignationDiv {
    background-color: white;
    margin-top: -8px;
    margin-left: 5px;
    margin-right: 5px;
    border: solid 1px gray;
    font-family: "Arial";
    font-weight: normal;
    color: black;
    font-size: 9pt;
    z-index: 30;
    text-align: left;
    height: 210px;
    width: 300px;
}

#searchProjectIDDiv {
    position: absolute;
    top: 0px;
    right: 20px;
    z-index: 55;
    font-size: 10pt;
    font-family: "Trebuchet MS";
    background-color: white;
    border: solid 2px #224a54;
    visibility: hidden;
}