html, body { padding: 0; margin: 0; width: 100%; height: 100%; font-family: 'Calisto MT', 'Serif'; font-size:16px;   } #appcontent { width: 100%; /* height: 100%;  */ }  #title_img{ width:auto; height:80px;  }   #map { position: absolute; top: 110px; left: 0; right: 0; bottom: 0; background-color:red; background-color: #dddddd; } header { position: absolute; top: 0; left: 0; right: 0; height: 80px; background-color: #CFCFCF; background-color: #dddddd;  }  #otherInfo { position: absolute; top: 130px; left: 0; right: 0; height: 200px; background-color: #CFCFCF; z-index:-1;  }   #ad_area { position: absolute; top: 0; right: 0; height: 80px;   background-color: #dddddd;  }  #local_ad_image_div, #local_ad_text_div { float:right; width:300px; background-color: white; }  #local_ad_image_div:hover{  opacity:0.5; }  #local_ad_image_div{ height:80px; }  #local_ad_text_div { height:76px; width:296px; border-style:solid; border-width:2px; display:none; background-color:#41b2f4;  }  #local_ad_text_div:hover{ opacity:0.5; cursor:pointer; }    #local_ad_p { text-align:center; margin:2px;  }       .cPointer{ cursor: pointer; }    #title_img:hover { opacity: 0.5; }   #select-panel-open,  #distance-panel-open, #search-panel-open, #tools-panel-open, #crosswind-panel-open, #animateDiv { position: absolute; top: 120px; left: 5px; z-index: 5; background-color: #fff; border: 0.06rem solid #999; text-align: center; line-height: 1.56em; padding: 0.63em; border-radius: 0.5em; font-size:1rem; display:none; } #animateDiv { top: 120px; }  #myInfoWindow { position: absolute; top: 400px; left: 60px; z-index: 5; background-color: #fff; text-align: center; width:12.5em; line-height: 1.56em; padding: 0.06em; border: 0.13em solid black; font-size:100%; display:none; border-radius: 0.5rem; }  #myInfoWindow{ background-color: red; height:4.38rem; }   #distance-panel-open{ width:25em; }  #crosswind-panel-open{ width:31.25em; }  #tools-panel-open{ width:18.75em;  }  #select-panel-open { display:table; }  #search-panel-open{ font-size:1rem; max-width:100%; }  #airportList { width: 100%; font-size:1em; }  #hideshowgroup{ border: 0.06em solid red; margin:0.1em; }   #mapcol1 { border-bottom: 0.06em solid red; padding-top: 0.31em; padding-right: 1.88em; padding-left: 0.31em; display:table-cell; margin:0; }  #mapcol2 { border-bottom: 0.06em solid red; border-left: 0.06em solid red; padding-top: 0.31em; padding-right: 0.63em; padding-left: 0.63em; display:table-cell; margin:0; }  #mapbottom { padding-top: 0.31rem; padding-right: 0.63rem; padding-left: 1.25rem; margin-left:0.31rem; }  .toolflex-container { display: flex; height: 3.13rem; flex-wrap: wrap; align-content: center; }  .toolbutton{ font-size: 1.13rem; padding-left:0.63rem; }  .toolblock{ border-radius:0.18rem; padding-left:0.5rem; }  .toolblock:hover{ background-color:#77bcff; }  .toolblock:active{ background-color:#66abdd; }   .popUpDiv{ line-height: 130%; } .popUpDiv h3{ margin-bottom:5px; }    .ani_block_on{ background-color:#1E90FF; width:20px; display:inline; padding-left:10px; }   .ani_block_off{ background-color:white; width:20px; display:inline; padding-left:10px; }      /*   *********************flight log section  ***************************** */  /* Chrome, Safari, Edge, Opera */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }     #tableDiv  { position: absolute; top: 120px; z-index: 4; background-color: #fff; border: 0.06rem solid #999; text-align: center; line-height: 1.56em; padding: 0.63em; border-radius: 0.5em; font-size:1rem; max-width:1000px; display:none; }   #logtable, #logtable th,#logtable td { border: 1px solid black; text-align:center; font-size:1rem; }  #logtable th, #logtable td{ min-width:50px; padding:0; } #logtable td{ height:25px; }   #logtable .td_double{ min-width:100px; }   #logtable input { font-size:1rem; width: 100%; height:100%; box-sizing: border-box; text-align:center; padding:0;  }  #tableWarning { display:none; }  .ip_non_ed{ background-color:#dcd9d9;  }  .ip_ed{ background-color:white; }  .ip_notused{ background-color:white; border:none; }   .ip_notused:focus , .ip_non_ed:focus{ outline: none; }   /* smaller max size turning off max 1150*/  #logtable, #logtable th,#logtable td { font-size:0.8rem; }  #logtable th, #logtable td{ min-width:2.5rem; }  #logtable .td_double{ min-width:5rem; } #logtable td{ height:1.25rem; }  #logtable input { font-size:0.8rem; }     @media only screen and (max-width: 950px) {  #logtable, #logtable th,#logtable td { font-size:0.6rem; }  #logtable th, #logtable td{ min-width:1.88rem; } #logtable .td_double{ min-width:3.76rem; }  #logtable td{ height:0.94rem; }  #logtable input { font-size:0.6rem; }  }   @media only screen and (max-width: 750px) {  #logtable, #logtable th,#logtable td { font-size:0.5rem; }  #logtable th, #logtable td{ min-width:1.56rem; } #logtable .td_double{ min-width:3.13rem; }  #logtable td{ height:0.78rem; }  #logtable input { font-size:0.5rem; }  }  @media only screen and (max-width: 600px) { #logtablediv{ display:none; } #tableWarning{ display:block;} }   #airportChart:hover{  cursor:pointer; border:1px solid red; }