html, body {
    height: 100%;
    width: 100%;
    margin:0;
}
.content {
    display:table-cell;
    vertical-align:middle;
    height: 100px;
    width: 100px;
}
    .newP {
	margin-top: 0;
    margin-bottom: 1em;
    border: 0 none;
    font-style: normal;
    font-weight: 400;
	margin-left:20px;
    color: #222;
	
}

.newTitle {
    margin-top: 0.2em;
    margin-bottom: 0;
    padding-bottom: 0;
    border: 0 none;
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    color: #222;
    font-size: 1.1em;
    text-decoration: none;
    margin-left: 20px;
}

.newHeadline {
    margin-bottom: 0;
    padding-bottom: 0;
    border: 0 none;
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    color: #ce4000;
    font-size: 1.35em;
    text-decoration: none;
    margin-left: 20px;
}

#LUMainContainer{
	
	width:100%;
	

}

#luDIV {
    display: none; /* Initially hidden */
    margin-left: 20px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: black;
    line-height: 1.5;
    max-height: 600px; /* Controls vertical scroll height */
    overflow-y: auto; /* Enables vertical scrolling */
    overflow-x: hidden; /* Prevents horizontal scroll */
    padding-right: 10px; /* Prevents text cutoff near scrollbar */
    max-width: 700px; /* Optional: keep line length readable */
}

/* Optional: style inner divs if needed */
#znDIV, #mapLinkDIV {
    margin-top: 10px;
}

#luDIV a:link{
    color:#ce4000;
}

.esriLegendLayer .esriLegendLayer { display:inline; }
 
.esriPopup .titleButton.maximize {  
display: none;  
}

.esriScalebar {
padding: 6px 38px 6px 4px; 
background-color: white;
border-radius: 4px;
opacity: 0.8;
width: auto;
height: auto;
}

.esriScalebar:hover {
opacity: 0.99;
}

.esriPopup .titlePane {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color:#3d3d3d;
border-color: #404041 #404041 -moz-use-text-color;
border-style: solid solid none;
border-width: 1px 1px medium;
color: #FFFFFF;
cursor: default;
line-height: 20px;
padding-left: 6px;
}
    
.ui-autocomplete
{
    border-top:5px solid transparent!important;
    background: rgba(224,224,224,1);
    font-size:14px;
    width:300px;
}
.ui-helper-hidden-accessible { display:none; }
    
.ui-state-hover, .ui-autocomplete li:hover
{
color:Black;
background:rgba(179,144,32,0.5);
border-color:#513303;
border-width:1px;
}   
    
#legendDiv path{  
    fill-opacity:0.6 !important;  
 }  

#searchDIV {  
   padding:0px !important; 
 }  

.equalDevide tr td  
{
margin:5px;
border-radius:2px;

}

.equalDevide  
{

display: table;
border-collapse: separate;
border-spacing: 5px;
border-color: gray; 
  
}

.equalDevide tr  
{
    padding-bottom:10px;
    height:30px;

}
.greenButton 
{
color:white;
border: 1px solid #3d3d3d;
border-radius:5px;
height:20px;
margin:5px;
width:120px;
min-width:50px;
padding:2px;
text-align:center;
background-color:#3d3d3d;
opacity: 0.8;
}
    
.greenButton:hover
{
color:white;
border: 1px solid #3d3d3d;
border-radius:5px;
background-color:#3d3d3d;
opacity: 1;
cursor:pointer;
}

.buttonShort 
{
color:white;
border: 1px solid #3d3d3d;
border-radius:5px;
height:20px;
margin:5px;
padding:2px;
text-align:center;
background-color:#3d3d3d;
opacity: 0.8;
}

.buttonShort:disabled
{
color:white;
border: 1px solid #4e643f;
border-radius:5px;
background-color:#3d3d3d;
opacity: 0.5;
}
    
.buttonShort:enabled:hover
{
color:white;
border: 1px solid #4e643f;
border-radius:5px;
background-color:#3d3d3d;
opacity: 1;
cursor:pointer;
}
.LayersCheckBox
{
    vertical-align:middle; 
    margin: 1px;
}
    
.LayersText
{
    vertical-align:middle; 
    padding-left: 2px;
    font-weight:bold;
    margin-left:2px;
}
    
    #leftPane {
    width: 25%;
    border: solid #3c3b3d 2px;
    border-radius:5px;
    -moz-box-shadow: 5px 5px 5px #67686b;
    -webkit-box-shadow: 5px 5px 5px #67686b;
    box-shadow: 5px 5px 5px #67686b;
    }
    
    #cbSearch_popup
    {
        color:black !important; 
        background-color:White;
        overflow:visible !important; 

    }
        
    #centerPane {
    border: solid #3c3b3d 2px;
    border-radius:5px;
    -moz-box-shadow: 5px 5px 5px #67686b;
    -webkit-box-shadow: 5px 5px 5px #67686b;
    box-shadow: 5px 5px 5px #67686b;
    }
    #titleSpan
    {
    font-size:15pt; 
    color:white; 
    text-align:left;
    margin-left:30px;
    font-family:justus-pro  ;
    font-weight:bold
    }
   
    #topLinks 
    {
     color:white;
     float:right;
     margin:15px;
     background-color:#4e643f;
    }
    
     #bottomLinks
     {
     color:Black;
     }

    #bottomLinks:hover 
    {
     cursor:pointer;
    }
    
    #links 
    {
      color:white;
      padding:5px;
    }
     #links a
    {
     color:white;
    }
    
    #links a:visited
{
    color:#e36d15;
}
    
a.bldg
{
    color:rgb(0,102,204);
}
    
a.bldg:hover
{
    color:red;
}

    /*a
{
color:rgb(0,102,204);
}*/

    a :hover
{
    color:red;
}

#bottomLinks a
{
color:Black;
text-decoration:underline;
}
    
#bottomLinks a:visited
{
color:#e36d15;
}
    
.colFixedWidth 
{
width: 200px;
font-weight:bold;
}
    
.colNormal
{

}

.infoTable 
{
max-width:800px;
}
    
.resDIV 
{
font-size:13px;
}
    
#topPane 
{
border: solid 1px #404041;
background-color:#3d3d3d;
vertical-align:middle;
}
   
#headerContainer 
{
display:table;
padding:30px;
font-family:justus-pro;
}

#titleDIV
{
 color: White; 
 font-size: 12pt;
 font-weight:bold;
 padding-left:30px;
 font-family:justus-pro; 
 vertical-align: middle;
 display: table-cell;
}

#imgDIV {
    vertical-align: middle;
    display: table-cell;
    margin-right: 1em;
    float: right;
    margin-top: 5px;
}
 #logoPane 
    {
     height:50px;
     background-color:#4e643f;
     margin-top:0px;
     vertical-align:middle; 
    }

     #titlePane 
    {
    background-color:#3d3d3d;
    white-space:nowrap;
    margin-left:30px; 
    border: solid 0px #404041;
    }

     #linksPane 
    {
    margin-top:2px;
    background-color:#4e643f;
    border: solid 0px #404041;
    }
    
    #linksPane a 
    {
     margin-left:10px;
    }
    
     #bottomPane 
     {
     -moz-box-shadow: 5px 5px 5px #67686b;
     -webkit-box-shadow: 5px 5px 5px #67686b;
     box-shadow: 5px 5px 5px #67686b;
     border: solid 2px #404041;
     background-color:#4e643f;
     color:white; 
     vertical-align:middle; 
     text-align:center;
     text-anchor:middle;
    -o-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    height:30px;
    border-radius: 10px;
    margin-top:5px;
    margin-bottom:5px;
    }
    

    #toolsPane {
      border: solid Black 1px;
      border: solid #404041 1px;
      border-radius:5px;
      font-family:justus-pro;
    }
    
    #map
    {
     -moz-box-shadow: 5px 5px 5px #67686b;
     -webkit-box-shadow: 5px 5px 5px #67686b;
      box-shadow: 5px 5px 5px #67686b;
      border: solid #404041 2px;
      border-radius:10px;
    }

    #layersPane_wrapper
    {
        background-color:#3d3d3d;
        border-radius:5px; 
        height:auto;
    }
    
     #layersPane_button
    {
       font-weight:bold;
       font-size:14px;
        color:White;
    }
    
    #aboutPane_wrapper
    {
        background-color:#3d3d3d;
        border-radius:5px; 
        height:auto;
    }
    
     #aboutPane_button
    {
       font-weight:bold;
       font-size:14px;
        color:White;
    }
    
      #toolsPane_wrapper
    {
        background-color:#3d3d3d;
        border-radius:5px; 
        height:auto;
    }
    
     #toolsPane_button
    {
       font-weight:bold;
       font-size:14px;
        color:White;
    }
     #resultsPane_wrapper
    {
        background-color:#3d3d3d;
        border-radius:5px;
       
    }
    
     #resultsPane_button
    {
       font-weight:bold;
       font-size:14px;
       color:White;
    }

   .dgrid-scroller     
    {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: auto;
    }
   #HomeButton        
     {
         position: absolute;       
         top: 145px;       
         left: 26px;       
         z-index: 5;     
     }