﻿
/*--------------------------------------------------------------------------------------------------*/
/* Styles for body*/
/*--------------------------------------------------------------------------------------------------*/

body, html
{    
    width: 100%;
    height: 100%;
    
    min-width: 590px;
    
    
    padding: 0;    
    margin: 0;
        
    font-family: Verdana;
    font-size: 11px !important;
        
    overflow: hidden;
}

/*--------------------------------------------------------------------------------------------------*/
/* Styles for General controls*/
/*--------------------------------------------------------------------------------------------------*/

#measureToolTipDialog {
    
    z-index: 9999;
    
    position: absolute;    
    
    width: 200px;
    
    /*
    padding: 2px;
    
    background-color: #ffffff !important;
    
    font-size: 9pt;
    
    border: 1px solid #FF0000;
    
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    */
}


/* Links */

a
{   
    text-decoration:none;
    font-weight:bold;
    color:#4b4b4b;
}

a:hover{
    color:#0A3662;
}
.tdAddressLink {
    padding-left: 5px;
    height: 20px;
    text-decoration: underline;
    font-size: 12px;
    font-weight: bold;
    color: White;
}

.adatext {
    z-index: 100;
    position: absolute;
    top: 107px;
    /*left: 315px;*/
    left: 170px;
    height: 20px;
    width: 130px;
    vertical-align: middle;
    padding-top: 5px;
    -moz-border-bottom-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-box-shadow: 4px 4px 20px rgba(0,0,0,1);
    -moz-box-shadow: 4px 4px 20px rgba(0,0,0,1);
    -o-box-shadow: 4px 4px 20px rgba(0,0,0,1);
    box-shadow: 4px 4px 20px rgba(0,0,0,1);
    /*
    background-color: #777777; 
    background-image: -webkit-linear-gradient(top, hsl(0, 80%, 70%), #777777); 
    background-image:    -moz-linear-gradient(top, hsl(0, 80%, 70%), #777777); 
    background-image:     -ms-linear-gradient(top, hsl(0, 80%, 70%), #777777); 
    background-image:      -o-linear-gradient(top, hsl(0, 80%, 70%), #777777);  
    background-image:         linear-gradient(to bottom, hsl(0, 80%, 70%), #777777); 
   */
    behavior: url("styles/PIE.htc");
    background-color: #515151 !important;
    /*background-image: url("../images/menuTab.png") !important;*/
    padding-left: 10px;
    font-weight: bold;
    color: #FFFFFF;
    filter: alpha(opacity=90);
    -moz-opacity: 0.90;
    -khtml-opacity: 0.90;
    opacity: 0.90;
    cursor: pointer;
    color: white;
}

/* Custom Button */
.customButton
{
    
    background: -webkit-gradient(linear, left top, left bottom, from(#4c79bc), to(#1e3250)) !important;
    background: -moz-linear-gradient(top, #4c79bc, #1e3250) !important;
    background: -o-linear-gradient(#4c79bc, #1e3250) !important; 
    
    border: none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    
    behavior: url("styles/PIE.htc");
    
    color: #fff; 
    
    cursor: pointer;
    
    overflow: hidden;     
}

.customButtonInner
{        
    height: 100%;
    width: 100%;
    
    color:White;
    
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4c79bc', endColorstr='#1e3250');
}

.clickImage 
{ 
    cursor: pointer; 
}


/*--------------------------------------------------------------------------------------------------*/
/* Styles for header*/
/*--------------------------------------------------------------------------------------------------*/

#headerContainer
{    
    
    z-index: 100;
    
    position: absolute;    
    top: 2px;
    left: 2px;    
        
    width: 510px;
    
    height: 55px;
   
    background-color: #0A3662  !important; /* fallback color if gradients are not supported */
       
    
    filter: alpha(opacity=90);    
    -moz-opacity: 0.90;
    -khtml-opacity: 0.90;
    opacity: 0.90; 
    
    -webkit-box-shadow: 4px 4px 20px rgba(0,0,0,1);
    -moz-box-shadow: 4px 4px 20px rgba(0,0,0,1);
    -o-box-shadow: 4px 4px 20px rgba(0,0,0,1);
    box-shadow: 4px 4px 20px rgba(0,0,0,1);
    
    behavior: url("styles/PIE.htc"); 
}

#divHeaderIcon
{    
    position: relative;
    
    width: 120px;
    height:31px;
    
    background-color: transparent;      
}

#imgApp
{
    position: absolute;
    
    top: 8px;
    left: 20px;
    
    width: 89px;
    height:41px;
    
    border: none;
    
    background-color: transparent; 
    
    cursor:pointer;        
}

#divAppNameAndDesc
{    
    position: relative;
    
    vertical-align:middle;
      
    background-color: transparent;    
    
    color: White;    
}

#borderLine
{
    position: relative;
    float: left;
    
    height:45px;
    
    padding-right:5px; 
    margin-top:5px;   
    
    border-left:1px solid white;
}

#tblAppNameAndDesc{
    
    position: relative; 
    float: left;    
    
    height: 100%;
    
    padding-left: 0px;
    
    text-align: left;
    font-family: Verdana !important;    
}


#lblAppName
{       
    vertical-align:middle;
        
    font-size: 18px;     
    font-weight: bold;
    
}

#lblAppDescription
{    
    vertical-align:top;
    
    font-size: 12px;
}

/*--------------------------------------------------------------------------------------------------*/
/* Styles for header toolbar*/
/*--------------------------------------------------------------------------------------------------

#headerToolbarContainer
{    
    z-index: 100;
    
    position: absolute;    
    top: 57px;
    left: 2px;    
        
    width: 510px;
    
    height: 50px;
    
    background-color: #777777; 
    
    filter: alpha(opacity=90);    
    -moz-opacity: 0.90;
    -khtml-opacity: 0.90;
    opacity: 0.90;
    
    -webkit-box-shadow: 4px 4px 20px rgba(0,0,0,1);
    -moz-box-shadow: 4px 4px 20px rgba(0,0,0,1);
    -o-box-shadow: 4px 4px 20px rgba(0,0,0,1);
    box-shadow: 4px 4px 20px rgba(0,0,0,1);
    
    behavior: url("styles/PIE.htc");
    
    vertical-align: middle;  
}


#headerToolbarContent
{
           
    vertical-align: middle;
    
    background-color: transparent;
    
    color: White;
}

.linkIcon
{
    position: relative;
    
    background-color: transparent;   
            
    cursor: pointer;    
}


#headerToolbarContent .dijitSelect, #headerToolbarContent .dijitSelect .dijitButtonContents {
    
    font-size: 12px;
    
    height: 30px !important;
}

#headerToolbarContent .dijitToggleButton .dijitButtonNode {
                
    position: relative;
    
    height: 30px;    
    width: 38px;
    
    text-align: left;
    vertical-align: middle;
                                
                               
}

#headerToolbarContent .toogleButtonImage{
    
    position: absolute; 
    top: 0; 
    bottom: 0;
    
    left: 0; 
    right: 0;  
    
    margin: auto; 
    
    
}
*/


/*--------------------------------------------------------------------------------------------------*/
/* Styles for header toolbar*/
/*--------------------------------------------------------------------------------------------------*/

#headerToolbarContainer
{    
    z-index: 100;
    
    position: absolute;    
    top: 57px;
    left: 2px;    
        
    width: 510px;
    /*right: 2px;*/
    
    height: 50px;
    
    background-color: #777777; 
    
    filter: alpha(opacity=90);    
    -moz-opacity: 0.90;
    -khtml-opacity: 0.90;
    opacity: 0.90;
    
    -webkit-box-shadow: 4px 4px 20px rgba(0,0,0,1);
    -moz-box-shadow: 4px 4px 20px rgba(0,0,0,1);
    -o-box-shadow: 4px 4px 20px rgba(0,0,0,1);
    box-shadow: 4px 4px 20px rgba(0,0,0,1);
    
    behavior: url("styles/PIE.htc");
    
    vertical-align: middle;  
}


#headerToolbarContent
{
           
    vertical-align: middle;
    
    background-color: transparent;
    
    color: White;
}

.linkIcon
{
    position: relative;
    
    background-color: transparent;   
            
    cursor: pointer;    
}


#headerToolbarContent .dijitSelect, #headerToolbarContent .dijitSelect .dijitButtonContents {
    
    font-size: 12px;
    
    height: 30px !important;
}


#headerToolbarContent .dijitToggleButton .dijitButtonNode {
                
    position: relative;
    
    height: 30px;    
    width: 38px;
    
    text-align: left;
    vertical-align: middle;
                               
}

#headerToolbarContent .dijitButtonContents {
    
    text-align: center;
}

#headerToolbarContent .toogleButtonImage{
    
    position: relative;
    
    height: 30px;
    width: 30px; 
    
    margin: auto;
    
}

#headerToolbarContent .dijitButtonText {
    padding: 0 0;
    text-align: center;
}

/*--------------------------------------------------------------------------------------------------*/
/* Styles for footer*/
/*--------------------------------------------------------------------------------------------------*/

#footerContainer
{    
            
    position: absolute;
    bottom: 0px;
    left: 50%;
        
    width: 100%;    
    height: 40px;
           
}

#footer{
    
    position: absolute;    
    left: -200px;
                
    width: 450px;
    height: 100%;
    
    padding: 10px;
      
    background-color: #0A3662;
    
    -moz-border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;    
    border-top-left-radius: 5px;
    
    -moz-border-top-right-radius: 5px;
    -webkit-top-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
                    
    font-weight: bold;
    
    filter: alpha(opacity=90);    
    -moz-opacity: 0.90;
    -khtml-opacity: 0.90;
    opacity: 0.90;   
    
    -webkit-box-shadow: 4px 4px 20px rgba(0,0,0,1);
    -moz-box-shadow: 4px 4px 20px rgba(0,0,0,1);
    -o-box-shadow: 4px 4px 20px rgba(0,0,0,1);
    box-shadow: 4px 4px 20px rgba(0,0,0,1);
    
    behavior: url("styles/PIE.htc");  
    
}

#spanActiveLayer
{   
            
    font-size: 11px;
    font-family: Verdana;    
    color: White;    
}


/*--------------------------------------------------------------------------------------------------*/
/* Styles for Search Box and Search Button */
/*--------------------------------------------------------------------------------------------------*/

.textBox
{      
           
    width: 100%; 
    color: #000000;    
    font-size: 12px;    
    
}

.textBoxClick
{   
   
                 
    font-size: 12px;
          
}

#headerToolbarContainer .dijitPlaceHolder{
    
    top: 8px;
    
}

#headerToolbarContainer .dijitInputContainer{
    height: 30px !important;
    vertical-align: middle !important;
}

#headerToolbarContainer .dijitInputInner {
    
    height: 30px !important;
    line-height: 30px !important;
    vertical-align: middle !important;
    padding: 0px;
    margin: 0px; 
}


.searchButton
{
 
    
    background-color: #FF9900 !important;
        
    height: 30px !important;
    line-height: 30px !important;
    
    width: 100%;
            
    font-size: 14px;
    
    font-weight: bold;
    color: #FFFFFF !important;
    
    vertical-align: 0px !important;
    text-align: center !important;
    
    padding: 1px;
    
}


.searchButton .dijitButtonNode
{
    border: 0 !important;
    padding-bottom: 3px;        
    
}


/*
.searchButton .dijitButtonNode
{
    border: 0 !important;
    background-color: #FF9900 !important;
        
    height: 30px !important;
    line-height: 30px !important;
    
    width: 100%;
            
    font-size: 14px;
    
    font-weight: bold;
    color: #FFFFFF !important;
    
    vertical-align: 0px !important;
    text-align: center !important;
}
*/

.searchButtonHover
{    
    background-color: #FF9900 !important;
    
    color: Gray !important;    
}

.searchButtonActive
{
    background-color: #003d7d !important;
    
    color: Gray !important;            
}


/*--------------------------------------------------------------------------------------------------*/
/* Styles for Loading Indicator */
/*--------------------------------------------------------------------------------------------------*/

#divLoadingIndicator
{   
    z-index:2000;
     
    position: absolute;
    bottom: 0px;
    
    height: 100%;
    width: 100%;
    
    background-color: #0A3662;
    
    filter: alpha(opacity = 55);
    -moz-opacity: 0.55;
    -khtml-opacity: 0.55;
    opacity: 0.55;
    
    font-family: Verdana;    
    color: White;
    
    display: none;
}

/*--------------------------------------------------------------------------------------------------*/
/*Styles for custom Title Windows*/
/*--------------------------------------------------------------------------------------------------*/

.titleWindowHeader
{
    background-color: #0A3662;
    
    border-radius: 10px 10px 0px 0px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-bottomright: 0px;    
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom:gray 1px solid;     
}

.titleWindowHeaderTitle
{   
    font-weight: bolder;    
    color:White;
}


.titleWindowHeaderOptionTool
{
    vertical-align: middle;
    
    height: 20px !important;
    width: 20px !important;
    
    padding:2px 2px 2px 2px;   
}

/*--------------------------------------------------------------------------------------------------*/
/* Styles for Disclaimer Splash Screen Component */
/*--------------------------------------------------------------------------------------------------*/

.divSplashScreenContainer
{
    z-index: 1000;
    
    position: absolute;
    
    top: 0px;
    left: 0px;
    
    width: 100%;
    height: 100%; 
        
    background: rgba(0,0,0,0.65);
    -pie-background: rgba(0,0,0,0.65);
    
    behavior: url("styles/PIE.htc");
}

.divSplashScreenContent
{   
    height: 450px;
    width: 500px;
      
    background-color: #0A3662;
    
    border-radius: 5px;      
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    
    
    
    -webkit-box-shadow: 0px 0px 20px #fff;
    -moz-box-shadow: 0px 0px 20px #fff;
    -o-box-shadow: 0px 0px 20px #fff;
    box-shadow: 0px 0px 40px #fff;
    
    behavior: url("styles/PIE.htc");
    
    text-align: left;
}

.divDisclaimerContainer
{
    position: relative;
    
    color:White;
    
    overflow: hidden;
}

.divDisclaimerContent
{
    padding-left: 10px;
    
    width: 90%;
       
    font-size: 12px;   
    
    overflow: hidden; 
}

.divDisclaimerContent .appLinks
{
    text-decoration: underline; 
}


.divSplashScreenContent .titleWindowHeaderTitle
{   
    font-size: 14px
}

/*--------------------------------------------------------------------------------------------------*/
/* Styles for Applications Links Component*/
/*--------------------------------------------------------------------------------------------------*/

.divApplicationLinksContainer
{ 
    z-index: 100;    
    
    position: absolute;        
    top: 250px;
    left: 380px;
    
    height: 180px;
    width: 200px;
    
    background-color: #0A3662;
    
    
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    
    -webkit-box-shadow: 4px 4px 20px rgba(0,0,0,1);
    -moz-box-shadow: 4px 4px 20px rgba(0,0,0,1);
    -o-box-shadow: 4px 4px 20px rgba(0,0,0,1);
    box-shadow: 4px 4px 20px rgba(0,0,0,1);
    
    behavior: url("styles/PIE.htc"); 
    
    filter: alpha(opacity=90);
    -moz-opacity: 0.90;
    -khtml-opacity: 0.90;
    opacity: 0.90;
     
}

.divApplicationLinksContent
{               
    position: relative;
    
    margin: 10px;
    
    background-color: #0A3662;
    
    text-align: left;
    color: #ffffff;
       
}

.tbl
{
    width: 95% !important;
    
    background-color: #0A3662;
    
    font-size: 12px !important;
    color: White;
    
    cursor: pointer;    
}

.divLinksContainer
{
    position: relative;
    
    font-weight:bold;
    color:White;
    
    overflow: hidden;    
}

.tdAddressLink
{
    padding-left:5px;
        
    height:20px;
    
    text-decoration:underline;
    font-size: 12px;
    font-weight:bold;
    color: White;
}

.addressScrollbar_container
{
   height: 98%;
}

.addressScrollbar_content
{       
    height: 98%;
    
    border: none;
    
    overflow: auto;
}
 
a.appLinks
{
    color:White;
}

a.appLinks:hover
{
    color:White;
}


/*--------------------------------------------------------------------------------------------------*/
/*Styles for Tools Bar Component*/
/*--------------------------------------------------------------------------------------------------*/

.toolBarContainer
{   
    
    z-index: 200;
      
    position: absolute;    
    top: 140px;
    left: 315px; 
    
    height: 446px;
    width: 148px;
    
    padding: 3px;
        
    background-color: #777777 !important;
       
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    
    -webkit-box-shadow: 4px 4px 20px rgba(0,0,0,1);
    -moz-box-shadow: 4px 4px 20px rgba(0,0,0,1);
    -o-box-shadow: 4px 4px 20px rgba(0,0,0,1);
    box-shadow: 4px 4px 20px rgba(0,0,0,1);
    
    behavior: url("styles/PIE.htc"); 
        
}


.toolBarContent
{
    position: absolute;
    top: 0px;
    
    width: 100%;
    height: 100%;
    
    background-color: #777777 !important;
      
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
      
    behavior: url("styles/PIE.htc");
       
    filter: alpha(opacity=90);
    -moz-opacity: 0.90;
    -khtml-opacity: 0.90;
    opacity: 0.90;
        
}

.toolBarContent .dijitToggleButton .dijitButtonNode {
                
                position: relative;
                
                height: 30px;
                width: 130px;
                text-align: left;
                vertical-align: middle;
                                
                               
}

.toolBarContent .dijitToggleButton .toogleButtonlabel {
                                
                font-size: 10px;
                color: #000000;
                
                position: absolute; 
                left: 40px; 
                top: 12px; 
                
                font-size: 10px; 
                color: #000000;
                
}



.toogleButtonImage{
    
    position: absolute; 
    top: 0; 
    bottom: 0; 
    
    margin: auto; 
    
    
}

/*--------------------------------------------------------------------------------------------------*/
/*Styles for Table Of Content (TOC) Component*/
/*--------------------------------------------------------------------------------------------------*/

.divTOCContainer
{
       
    height: 100%;
    
    overflow: hidden;
   
   
}

#divTOCContent
{   
    
    overflow: hidden;
      
}

#TOCDiv
{   
    
    background-color:#C0C0C0;
        
    position: relative; 
    margin: 0px; 
    height: 100%; 
    width: 100%; 
    overflow: auto;
       
}

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*New Styles for Basemap Selector  */
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.divBaseMapPickerContainer
{   
    z-index: 200;  
    position: absolute;    
    top: 140px;
    left: 417px; 
    
    height: 86px;
    width: 98px;
    
    padding: 3px;
        
    background-color: #777777 !important;
        
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    
    -webkit-box-shadow: 4px 4px 20px rgba(0,0,0,1);
    -moz-box-shadow: 4px 4px 20px rgba(0,0,0,1);
    -o-box-shadow: 4px 4px 20px rgba(0,0,0,1);
    box-shadow: 4px 4px 20px rgba(0,0,0,1);
    
    behavior: url("styles/PIE.htc");  
        
}


.divBaseMapPickerContent
{
    position: absolute;
    top: 0px;
    
    width: 100%;
    height: 100%;
    
    background-color: #777777 !important;
    
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
           
    behavior: url("styles/PIE.htc");
       
    filter: alpha(opacity=90);
    -moz-opacity: 0.90;
    -khtml-opacity: 0.90;
    opacity: 0.90;
        
}


.basemapThumbnail
{
   width:30px;
   height:25px;
   
   position: absolute; 
    top: 0; 
    bottom: 0; 
    
    margin: auto; 
   
}



.divBaseMapPickerContent .dijitToggleButton .dijitButtonNode {
                
               position: relative;
                
                height: 30px;
                width: 80px;
                text-align: left;
                vertical-align: middle;
               
}

.divBaseMapPickerContent .dijitToggleButton .toogleButtonlabel {
                /*
                margin-left: 5px;                                  
                font-size: 10px;
                color: #000000;
                */
               
                font-size: 10px;
                color: #000000;
                
                position: absolute; 
                left: 45px; 
                top: 12px; 
                
                font-size: 10px; 
                color: #000000;
              
}



/*--------------------------------------------------------------------------------------------------*/
/*Styles for Buffer Component*/
/*--------------------------------------------------------------------------------------------------*/

.divBufferContainer
{   
    z-index: 100;
    
    position: absolute;    
    top: 250px;
    left: 380px;
     
    height: 250px;
    width: 435px;
    
    background-color: #0A3662;        
    
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;    
    
    -webkit-box-shadow: 4px 4px 20px rgba(0,0,0,1);
    -moz-box-shadow: 4px 4px 20px rgba(0,0,0,1);
    -o-box-shadow: 4px 4px 20px rgba(0,0,0,1);
    box-shadow: 4px 4px 20px rgba(0,0,0,1);
    
    behavior: url("styles/PIE.htc");
    
    /*LEMUEL_02142014 - Added line to handle box shadow well in IE8*/
    filter:      
     progid:DXImageTransform.Microsoft.Shadow(color=#0A3662,direction=180,strength=10);
      
}

.divBufferContent
{   
    position: relative;
    
    margin: 10px;
                
    background-color: #0A3662;
    
    text-align: left;
    color: #FFFFFF;
}

/*--------------------------------------------------------------------------------------------------*/
/*Styles for Draw Graphic Text Component*/
/*--------------------------------------------------------------------------------------------------*/

.divGraphicTextContainer
{   
    z-index: 100;   
    
    position: absolute;
    top: 250px;
    left: 380px;
     
    height: 210px;
    width: 300px;
    
    background-color: #0A3662;  
    
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    
    -webkit-box-shadow: 4px 4px 20px rgba(0,0,0,1);
    -moz-box-shadow: 4px 4px 20px rgba(0,0,0,1);
    -o-box-shadow: 4px 4px 20px rgba(0,0,0,1);
    box-shadow: 4px 4px 20px rgba(0,0,0,1);
    
    behavior: url("styles/PIE.htc"); 
    
    /*LEMUEL_02142014 - Added line to handle box shadow well in IE8*/
    filter:      
     progid:DXImageTransform.Microsoft.Shadow(color=#0A3662,direction=180,strength=10);
   
      
}

.divGraphicTextContent
{               
    position: relative;
    
    margin: 10px;
    
    background-color: #0A3662;
    
    text-align: left;
    color: #FFFFFF;
}

/*--------------------------------------------------------------------------------------------------*/
/*Styles for Measure Component*/
/*--------------------------------------------------------------------------------------------------*/

.divMeasureContainer
{   
    z-index: 100;
    
    position: absolute;
    top: 250px;
    left: 380px;
     
    height: 210px;
    width: 300px;
    
    background-color: #0A3662;
    
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    
    -webkit-box-shadow: 4px 4px 20px rgba(0,0,0,1);
    -moz-box-shadow: 4px 4px 20px rgba(0,0,0,1);
    -o-box-shadow: 4px 4px 20px rgba(0,0,0,1);
    box-shadow: 4px 4px 20px rgba(0,0,0,1);
    
    behavior: url("styles/PIE.htc");
    
    /*LEMUEL_02142014 - Added line to handle box shadow well in IE8*/
    filter:      
     progid:DXImageTransform.Microsoft.Shadow(color=#0A3662,direction=180,strength=10); 
}

.divMeasureContent
{
    position: relative;
    
    margin: 10px;
    
    background-color: #0A3662;            
    
    text-align: left;
    color: #FFFFFF;
}

/* Styles for digit ToggleButton*/
#divMeasureContent .dijitToggleButton .dijitButtonNode
{
   
    background-color: transparent !important;
    background-image: none !important;
    
    border: none !important;
}

#divMeasureContent .dijitToggleButtonHover .dijitButtonNode
{
    background-color: #A9A9A9 !important;
    background-image: url("../images/titlebar.png") !important;   
}

#divMeasureContent .dijitToggleButtonChecked .dijitButtonNode
{
    background-color: #0A3662 !important;    
    background-image: url("../images/button.png") !important;
}

/*--------------------------------------------------------------------------------------------------*/
/*Styles for Overview Map Component*/
/*--------------------------------------------------------------------------------------------------*/

.overviewMapContainer
{   
    z-index: 100;
    
    position: absolute;
    bottom: 30px;
    right: 5px; 
    
    height: 250px;
    width: 250px;
    
    background-color:#0A3662 !important;
    
    border:solid 2px #6495ED !important;
    
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    
   -webkit-box-shadow: 4px 4px 20px rgba(0,0,0,1);
    -moz-box-shadow: 4px 4px 20px rgba(0,0,0,1);
    -o-box-shadow: 4px 4px 20px rgba(0,0,0,1);
    box-shadow: 4px 4px 20px rgba(0,0,0,1);
    
    behavior: url("styles/PIE.htc"); 
          
    color:#CD853F !important;
}

/*--------------------------------------------------------------------------------------------------*/
/*Styles for Search Results Component*/
/*--------------------------------------------------------------------------------------------------*/

#divSearchResultAccordionContent{
    
    
    height: 100%;
    width: 100%;
    
    background-color: #C0C0C0;
    
    /*background-color: #0A3662;*/        
     
    overflow: hidden !important;    
      
       
}


#divEmptyResultsContent
{
    /*
    position:absolute; 
    top:10px; 
    left:0; 
    right:0;
    */ 
    
    height: 150px; 
        
    margin: 10px; 
    
    border:solid 2px #003D7D !important;
       
}


.divSearchResultContainer
{
    /*
    height: 100%;
    width: 100%;
    */
   background-color: #C0C0C0;
   
   overflow-x: hidden !important;    
   overflow-y: auto !important; 
   
}

.divSearchResultContent
{   
    /*       
    height: 472px;   
    width: 100%;
    */
    
        
    text-align: left;
    color: #000000;
   
   /* 
    overflow-x: visible !important;    
    overflow-y: visible !important;
    */  
          
}


#detailsAccordionContainer{
                
    height: 100%;   
    
}


.claro .dijitAccordionInnerContainerSelected .dijitAccordionTitle {
    color: #FFFFFF;
    font-weight: bold;
        
    background-color: #0A3662;
}


.claro .dijitAccordionTitle {    
    color: #FFFFFF;
    font-weight: bold;
        
    background-color: #0A3662;
}


#gridContainer .dojoxGridHeader, #gridContainer .dojoxGridHeader .dojoxGridCell {

    vertical-align: bottom;
    color: #FFFFFF !important;
    background: #530619;    
    font-weight: bold;
    vertical-align: middle;
}
        
#gridContainer .dojoxGridRow {
        
    background-color: #FFFFFF;
}

#gridContainer .dojoxGridRowOdd {
    background: #C0C0C0;
}


.gridPreviousPageIcon{
  
  background-image: url("../images/arrow_left.png");  
  background-repeat: no-repeat;
  width: 7px;
  height: 8px;
  text-align: left;
   
  
}

.gridNextPageIcon{
  background-image: url("../images/arrow_right.png");
  background-repeat: no-repeat;  
  width: 7px;
  height: 8px;
  text-align: left;
  
  
  /*
  font-size: 10px;
                color: #000000;
                
                position: absolute; 
                left: 40px; 
                top: 12px; 
                
                font-size: 10px; 
                color: #000000;
 */ 
}      



/*--------------------------------------------------------------------------------------------------*/
/* Styles for Animation/Transitions/Transformation */
/*--------------------------------------------------------------------------------------------------*/

.opacityHideAnimation
{               
    opacity: 0;    
    visibility: hidden;       
    -webkit-transition: visibility 0s linear 0.5s, opacity 0.5s ease-in;
    -moz-transition: visibility 0s linear 0.5s, opacity 0.5s ease-in;
    -o-transition: visibility 0s linear 0.5s, opacity 0.5s ease-in;
    transition: visibility 0s linear 0.5s, opacity 0.5s ease-in;    
}

.showContainer
{
    -webkit-transition: All 0.5s ease-in;
    -moz-transition: All 0.5s ease-in;
    -o-transition: All 0.5s ease-in;
    transition: All 0.5s ease-in;
    
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.hideContainer
{
    -webkit-transition: All 0.5s ease-in;
    -moz-transition: All 0.5s ease-in;
    -o-transition: All 0.5s ease-in;
    transition: All 0.5s ease-in;
    
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

.hideContainerHeight
{   
    height: 0px;
    -webkit-transition: height 0.5s ease-in;
    -moz-transition: height 0.5s ease-in;
    -o-transition: height 0.5s ease-in;
    transition: height 0.5s ease-in;
    
    overflow: hidden;
}

.showContainerHeight
{       
    height: 100%;
    -webkit-transition: height 0.5s ease-in;
    -moz-transition: height 0.5s ease-in;
    -o-transition: height 0.5s ease-in;
    transition: height 0.5s ease-in;
    
    overflow: hidden;
    
}

.hideBottomContainerHeight
{   
    height: 0px;
    -webkit-transition: height 0.5s ease-in;
    -moz-transition: height 0.5s ease-in;
    -o-transition: height 0.5s ease-in;
    transition: height 0.5s ease-in;
 
    overflow: hidden;   
}

.showBottomContainerHeight
{   
    height: 200px;
    -webkit-transition: height 0.5s ease-in;
    -moz-transition: height 0.5s ease-in;
    -o-transition: height 0.5s ease-in;
    transition: height 0.5s ease-in;
    
    overflow: hidden;
}


.slideBottomContainerHeight
{  
    -webkit-transition: height 0.5s ease-in;
    -moz-transition: height 0.5s ease-in;
    -o-transition: height 0.5s ease-in;   
     transition: height 0.5s ease-in; 
}

/*--------------------------------------------------------------------------------------------------*/
/* Styles for dijits*/
/*--------------------------------------------------------------------------------------------------*/ 

/* Styles for digit Button*/
.claro .dijitButton .dijitButtonNode
{
    background-color: #0A3662 !important;
    
    font-size: 11px !important;
    color: White !important;
    
}

.claro .dijitButtonHover .dijitButtonNode
{
    background-color: #003d7d !important;
    
    color: White !important;
}

.claro .dijitButtonActive .dijitButtonNode
{
    background-color: #003d7d !important;
    
    color: #0A3662 !important;
}


/* Styles for digit ComboBox*/

.claro .dijitComboBoxMenu .dijitMenuItem
{
    border: 0px solid #000 !important;
}

.claro .dijitComboBoxMenu .dijitMenuItemSelected
{
    background-position: 0px -177px !important;
    background-color: #bfcfe7 !important;
    
    color: Black !important;
}

.claro .dijitComboBoxMenuActive .dijitMenuItemSelected
{
    background-position: 0px -177px !important;
    background-color: red !important;
    
    color: #fff !important;
}

/* Styles for digit ContentPane*/

.claro .dijitContentPane
{
    padding: 0px !important;
    
    overflow:hidden !important;
}

/* Styles for digit Dialog*/

.claro .dijitDialogPaneContent
{
    background-color: #0A3662 !important;
    
    color: White  !important;
}

/*
.claro .dijitDialogCloseIcon
{
    
    height: 30px !important;
    width: 30px !important;
    
    margin-top: -5px !important;
    
    background: url(../images/close.png) no-repeat !important;
    
    
        
}

*/


.claro .dijitDialogTitleBar
{       
    height: 22px !important;
    
    background-color: #0A3662 !important;
    
    border-top: none !important;
    border-bottom: none !important;
    border-left: none !important;
    border-right: none !important;
        
    font-size: 11px;
    font-weight: bold;
    color: White;
}

/* Styles for digit Menu*/

.claro .dijitMenu
{
    background-color: #C0C0C0 !important;        
}

.claro .dijitSelectMenu{
    
    border: 6px solid #0A3662;
    margin: -1px 0;
      
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;    
    border-radius: 5px;
   
   -webkit-box-shadow: 4px 4px 20px rgba(0,0,0,1);
    -moz-box-shadow: 4px 4px 20px rgba(0,0,0,1);
    -o-box-shadow: 4px 4px 20px rgba(0,0,0,1);
    box-shadow: 4px 4px 20px rgba(0,0,0,1);
    
    behavior: url("styles/PIE.htc");
}

.claro .dijitSelectMenu .dijitMenuItem td{
    
    border-color: #b5bcc7;
    padding: 5px;
    
}

/* Styles for digit TabContainer*/

.claro .dijitTabChecked
{
    padding: none !important;
    
    color: #0A3662 !important;    
}

.claro .dijitTabChecked .dijitTabContent
{
    background-color: #0A3662 !important;
    
    color: Black !important;   
}

.claro .dijitTabContainerBottom-dijitContentpane
{
    width: 100% !important;
    
    background-color: transparent !important;
    
    overflow: hidden !important;
}

.claro .dijitTabContainerBottom-tabs
{
    border-top: none !important;
}

.claro .dijitTabContainerBottom-tabs .dijitTab
{
    padding-bottom: 3px !important;
}

.claro .dijitTabContainerBottom-tabs .dijitTabChecked
{
    padding: none !important;
    padding-bottom: 2px !important;
}

.claro .dijitTabContent
{
    padding-top: 5px !important;
    padding-bottom: 7px !important;
    
    width: 100px !important;
    
    background-color: #008000 !important;
    background-image: url(images/tabBottom.png) !important;
        
    border-top: #b5bcc7 1px solid !important;
    
    font-family: Verdana !important;
    font-size: 12px !important;
    font-weight: bolder !important;    
    color: Black !important;        
}

.claro .dijitTabPane
{
    border-bottom: 1px solid #fff !important;
}

.claro .dijitTabPaneWrapper
{
    background-color: transparent !important;
}

/* Styles for digit Textbox*/

.claro .dijitTextBox
{
    background-color: #ffffff !important;      
}

.claro .dijitTextBoxFocused .dijitInputContainer
{
    background-color: #ffffff !important;
    
}

/* Styles for digit ToggleButton*/
.claro .dijitToggleButton .dijitButtonNode
{
    /*
    background-color: transparent !important;
    background-image: none !important;
    */
   
    background-color: transparent !important;
    background-image: url("../images/button.png") !important;
    
    border: none !important;
}

.claro .dijitToggleButtonHover .dijitButtonNode
{
    background-color: #A9A9A9 !important;
    background-image: url("../images/titlebar.png") !important;   
}

.claro .dijitToggleButtonChecked .dijitButtonNode
{
    background-color: #0A3662 !important;    
    background-image: url("../images/button.png") !important;
}


/* Styles for digit tooltip*/

.claro .dijitTooltipContainer
{
    padding: 0px 0px !important;
    
    background-color: #ffffff !important;
    
    color: #000000 !important;    
}

.claro .dijitTooltipConnector
{
    width: 0px !important;
}
/*--------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------------------------*/
/*Styles for Map Zoom Buttons and Slider*/
/*--------------------------------------------------------------------------------------------------*/

.esriSimpleSlider{
    
    top:110px;
    
    right: 20px;
    
}

.esriSimpleSliderTL{
    
    left:auto
    
}

.esriSimpleSliderIncrementButton{
    /*color: #0A3662;*/
    right: 0px;
}

.esriSimpleSliderHomeButton{
      border-bottom: 2px solid #666666;
      background-image: url(../images/home.png);
      background-repeat:no-repeat;
      background-position:center;
      background-color: #FFFFFF;      
      right: 0px; 
    }
    
.esriSimpleSliderDecrementButton{
    
    /*color: #0A3662;*/
    right: 0px;
}

/*--------------------------------------------------------------------------------------------------*/
/*Styles for Options Menus*/
/*--------------------------------------------------------------------------------------------------*/

.moreSearchOptionsMenu
{   
    z-index:100;
    position: absolute; 
    
    top: 107px;
    left: 2px;
    
    height: 20px;
    width: 152px;  
    
    vertical-align: middle; 
    
    padding-top: 5px; 
    
    -moz-border-bottom-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    
    -moz-border-bottom-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    
   -webkit-box-shadow: 4px 4px 20px rgba(0,0,0,1);
    -moz-box-shadow: 4px 4px 20px rgba(0,0,0,1);
    -o-box-shadow: 4px 4px 20px rgba(0,0,0,1);
    box-shadow: 4px 4px 20px rgba(0,0,0,1);
    
    /*
    background-color: #777777; 
    background-image: -webkit-linear-gradient(top, hsl(0, 80%, 70%), #777777); 
    background-image:    -moz-linear-gradient(top, hsl(0, 80%, 70%), #777777); 
    background-image:     -ms-linear-gradient(top, hsl(0, 80%, 70%), #777777); 
    background-image:      -o-linear-gradient(top, hsl(0, 80%, 70%), #777777);  
    background-image:         linear-gradient(to bottom, hsl(0, 80%, 70%), #777777); 
   */
   
   behavior: url("styles/PIE.htc");
   
   background-color: #777777 !important;
   background-image: url("../images/menuTab.png") !important;
    
    padding-left: 10px;
    font-weight: bold;
    
    
    
    color:#FFFFFF;
    
    filter: alpha(opacity=90);    
    -moz-opacity: 0.90;
    -khtml-opacity: 0.90;
    opacity: 0.90; 
    
    cursor: pointer; 
}

.baseMapMenu
{   
    z-index:100;
    position: absolute; 
    
    top: 107px;
    left: 417px;
    
    height: 20px;
    width: 85px;  
    
    vertical-align: middle; 
    
    padding-top: 5px; 
    
    -moz-border-bottom-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    
    -moz-border-bottom-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    
    -webkit-box-shadow: 4px 4px 20px rgba(0,0,0,1);
    -moz-box-shadow: 4px 4px 20px rgba(0,0,0,1);
    -o-box-shadow: 4px 4px 20px rgba(0,0,0,1);
    box-shadow: 4px 4px 20px rgba(0,0,0,1);
    
    behavior: url("styles/PIE.htc"); 
    
    background-color: #777777 !important;
    background-image: url("../images/menuTab.png") !important;
    
    padding-left: 10px;
    font-weight: bold;
    
    color:#FFFFFF;
    
    filter: alpha(opacity=90);    
    -moz-opacity: 0.90;
    -khtml-opacity: 0.90;
    opacity: 0.90; 
    
    cursor: pointer; 
}

.toolBarMenu
{    
    z-index:100;
    position: absolute; 
    
    top: 107px;
    left: 315px;
    
    height: 20px;
    width: 82px;  
    
    vertical-align: middle; 
    
    padding-top: 5px; 
    
    -moz-border-bottom-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    
    -moz-border-bottom-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    
    -webkit-box-shadow: 4px 4px 20px rgba(0,0,0,1);
    -moz-box-shadow: 4px 4px 20px rgba(0,0,0,1);
    -o-box-shadow: 4px 4px 20px rgba(0,0,0,1);
    box-shadow: 4px 4px 20px rgba(0,0,0,1);
    
    behavior: url("styles/PIE.htc");
    
    background-color: #777777 !important;
    background-image: url("../images/menuTab.png") !important; 
    
    padding-left: 10px;
    font-weight: bold;
    
    color:#FFFFFF;
    
    filter: alpha(opacity=90);    
    -moz-opacity: 0.90;
    -khtml-opacity: 0.90;
    opacity: 0.90; 
    
    cursor: pointer;    
}


/*--------------------------------------------------------------------------------------------------*/
/*Styles for More Search Options Container*/
/*--------------------------------------------------------------------------------------------------*/

.moreSearchOptionsContainer
{   
    
    z-index: 200;
      
    position: absolute;    
    top: 145px;
    left: 28px; 
    
    height: 222px;
    width: 165px;
    
    padding: 5px;
        
    background-color: #777777 !important;
       
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    
   -webkit-box-shadow: 4px 4px 20px rgba(0,0,0,1);
    -moz-box-shadow: 4px 4px 20px rgba(0,0,0,1);
    -o-box-shadow: 4px 4px 20px rgba(0,0,0,1);
    box-shadow: 4px 4px 20px rgba(0,0,0,1);
    
    behavior: url("styles/PIE.htc"); 
        
}


.moreSearchOptionsContent
{
    position: absolute;
    top: 0px;
    
    width: 100%;
    height: 100%;
    
    background-color: #777777 !important;
   
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
   
    behavior: url("styles/PIE.htc");
       
    filter: alpha(opacity=90);
    -moz-opacity: 0.90;
    -khtml-opacity: 0.90;
    opacity: 0.90;
        
}

.moreSearchOptionsContent .dijitMenu{
    
    
    width: 100%;   
         
}

/*--------------------------------------------------------------------------------------------------*/
/*Styles for Left Details Panel 
/*--------------------------------------------------------------------------------------------------*/
#divLeftPanelBackground
{   
    z-index: 100;
    
    position: absolute;
    
    top: 150px;
    left:-362px;
     
    width: 362px;
     
    bottom: 50px;    
    
    background-color: #0A3662;
    
    filter: alpha(opacity=90);    
    -moz-opacity: 0.90;
    -khtml-opacity: 0.90;
    opacity: 0.90;
    
    -webkit-box-shadow: 4px 4px 20px rgba(0,0,0,1);
    -moz-box-shadow: 4px 4px 20px rgba(0,0,0,1);
    -o-box-shadow: 4px 4px 20px rgba(0,0,0,1);
    box-shadow: 4px 4px 20px rgba(0,0,0,1);
    
    behavior: url("styles/PIE.htc"); 
        
}


/*--------------------------------------------------------------------------------------------------*/
/*Styles for Tab to Open and Close Datails Container
/*--------------------------------------------------------------------------------------------------*/
.divToggleDetailExpand
{
    background-image: url(../images/BlueTabHandle.png);
    background-position: 0px 0px;
    width: 28px;
    height: 77px;
    position: absolute; 
    top: 165px;    
    z-index: 100;
    cursor: pointer;
    
    -webkit-box-shadow: 4px 4px 20px rgba(0,0,0,1);
    -moz-box-shadow: 4px 4px 20px rgba(0,0,0,1);
    -o-box-shadow: 4px 4px 20px rgba(0,0,0,1);
    box-shadow: 4px 4px 20px rgba(0,0,0,1);
    
    behavior: url("styles/PIE.htc"); 
    
}

.divToggleDetailCollapse
{
    background-image: url(../images/BlueTabHandle.png);    
    background-position: 28px 0px;
    
    background-color: #0A3662;
    
    width: 26px;
    height: 77px;
    position: absolute; 
    top: 165px;
    left: 0px;
    z-index: 100;
    cursor: pointer;
    
    -webkit-box-shadow: 4px 4px 20px rgba(0,0,0,1);
    -moz-box-shadow: 4px 4px 20px rgba(0,0,0,1);
    -o-box-shadow: 4px 4px 20px rgba(0,0,0,1);
    box-shadow: 4px 4px 20px rgba(0,0,0,1);
    
    behavior: url("styles/PIE.htc"); 
            
}

.leftNavBodySmall{
    
    text-decoration: underline;
    font-weight: bold;
}
.close_button { 
    position: absolute;
    top: 0;
    right: 0;
}
.divNewMeasure {
    height: 210px;
    width: 400px;
    /*background-color: #0A3662;*/
}