body { 
  background: #cfcfcf; 
  font-size:12px; 
  font-family:arial;   
}

html{
  height: 100%;
}

/* Change cursor when mousing over clickable layer */
.leaflet-clickable {
  cursor: crosshair !important;
}
/* Change cursor when over entire map */
.leaflet-container {
  cursor: '';
}


div#div_MetarData {
  font-size:10px; 
  color: black; 
  background-color: #cfcfcf;
}  

.arpt-label {
  position: absolute;
  width:100px;
  font-size:9px;
  color: green; 
  font-weight: bold;
}

a:link {
    color: blue;
}

/* visited link */
a:visited {
    color: blue;
}

/* mouse over link */
a:hover {
    color: red;
}

div#div_Metar { 
 float: left;
 top : 10px;
 font-family: arial; 
 font-size:12px; 
 color : black; 
 margin:0px;  
 height : 80%; 
 width: 98%;
 overflow : auto; 
 vertical-align: center;
 background: white;
 border:solid 1px #f0f0f0; 
 border-width: 5px;
 border-style: groove;
 border-radius: 10px;
 display: inline-block; 
}

div#key {
        height: 12%;
        width:  20%;
        margin-left: 0px;
        font-family: arial;
        font-size:16px;
        color : black;
        overflow : auto;
        vertical-align: center;
        background: white;
        border:solid 1px #f0f0f0;
        border-width: 5px;
        border-style: groove;
        border-radius: 10px;
        display: inline-block;
}

div#info {
        height: 12%;
        width:  78%;
        margin-left: 0px;
        font-family: arial;
        font-size:16px;
        color : black;
        overflow : auto;
        vertical-align: center;
        background: white;
        border:solid 1px #f0f0f0;
        border-width: 5px;
        border-style: groove;
        border-radius: 10px;
        display: inline-block;
}

div#div_create_stamp {
 height: 5%;
 width: 98%;
 font-family: arial;
 font-size:14px;
}

div#div_map3d {
    top: 0px;
    height: 80%;
    width: 98%; 
    margin-left: 0px;
    border:solid 1px #f0f0f0;    
    border-width: 2px;
    border-style: groove;
}