div.Powered
        {
            font-family: Calibri;
            font-size: 8pt;
            width: 60px;
            background-color: #031633;
            color: White;
            border: 1px solid black;
            padding: 3px 5px 3px 5px;
            text-decoration: none;
        }
        
        div.Powered a:link
        {
            color: orange; /*#034af3;*/
            text-decoration: none;
        }
        
        div.Powered a:visited
        {
            color: orange; /*#034af3;*/
            text-decoration: none;
        }
        
        div.Powered a:hover
        {
            color: #1d60ff;
            text-decoration: none;
        }
        
        div.Powered a:active
        {
            color: white; /*#034af3;*/
        }
        body
        {            
            background:black;
            background-image: url('../Images/proviaduct.jpg');
            background-repeat: no-repeat;
            background-size:100%;          
            font-family: 'Alegreya Sans', sans-serif;
            color: White;
        }
        .atablewhite
        {
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            border-radius: 10px;
            margin-top:2%; 
            color:Black;
            background: rgba(255,255,255,0.6);
            font-size:medium;
            font-family: 'Alegreya Sans', sans-serif;
                font-size:medium;
                 
                    
            
        }
        
        .atable
        {
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            border-radius: 10px;
            margin-top:2%; 
            color:White;
            background: rgba(0,0,0,0.5);
            font-size:medium;
                    
            
        }
         div.tablecss
        {
            background: rgba(255,255,255,0.1);
            
            color:White;
            padding: -10px;
            
        }
        #legend2 
        {
              -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
                background:rgba(255,255,255, 0.7);
                padding: 10px;
                font-family: 'Alegreya Sans', sans-serif;
                font-size:medium;
                 font-weight:lighter;
                 margin-left:2px;
                 
            }
      

.btnlnk {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #83C6FF, #83C6FF);
  background-image: -moz-linear-gradient(top, #83C6FF, #83C6FF);
  background-image: -ms-linear-gradient(top, #83C6FF, #83C6FF);
  background-image: -o-linear-gradient(top, #83C6FF, #83C6FF);
  background-image: linear-gradient(to bottom, #83C6FF, #83C6FF);
  opacity: 0.9;
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;  
  font-family: 'Alegreya Sans', sans-serif;
  color: #ffffff;
  font-size:small;
  padding: 5px 10px 5px 10px;
  text-decoration: none; 
  display: inline-block;
  width:150px;
  color:ButtonText;
}

.btnlnk:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}



/* text-based popup styling */
.gray-popup {
  position: relative;
  background: #FFF;
  padding: 25px;
  width:auto;
  max-width: 90%;
  margin: 0 auto; 
}

.ex {
			display:inline-block;
			width: 150px;
			padding-left:3px;
			height:20px;
			border:1px solid #ddd;
			font-size: 12px;
			font-family: Consolas, "Lucida Console", monospace;
			}
			
		.grumble-button {
			font-size:11px;
			}