#reportlist{visibility:hidden;z-index:0;width:1px;height:1px;}

#progressline i{display:none;}

@media screen and (max-width:550px) {
  #map{top:27px;}
  #databoard{top:27px;}
  h1{font-size:16px;}
  #datetime{top:5px;left:0;right:0;width:auto;bottom:auto;font-size:14px;line-height:14px;text-align:center;}
  #chrono{top:23px;right:5px;left:auto;width:auto;font-size:12px;}
    #chrono>i{font-size:11px;margin-right:1px;}
  #buttons{background:transparent;left:auto;right:10px;top:70px;width:26px;margin:0px;white-space:normal;z-index:60;}
    #buttons li{margin-bottom:5px;}
  #weatherPlayer{margin-left:0px;right:0;top:-25px;}
  #credits{left:12px;bottom:160px;right:auto;width:5px;white-space:nowrap;transform:rotate(-90deg);-ms-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);text-shadow:1px 1px 1px #000000;}
   #credits>a{color:#FFFFFF;}
}

@media screen and (max-width:550px) and (min-height:360px) {
  #map{left:5px !important;bottom:135px;}
  #databoard{top:auto !important;bottom:0px !important;right:0 !important;width:auto !important;margin-bottom:2px !important;}
    #databoard p{text-align:left;width:100%;margin-bottom:2px;}
    #databoard b{display:inline-block !important;width:38%;padding:2px 1%;text-align:right;}
    #databoard i{display:inline-block !important;width:58%;padding:2px 1%;}
    #databoard i span{display:inline-block;}
    #databoard i span u {display:inline-block;padding:0 4px;}
  #progressline{bottom:110px;left:10px;}
}

@media screen and (max-width:550px) and (max-height:360px) {
  #map{left:5px !important;bottom:50px !important;}
  #progressline{bottom:38px;left:10px;}
    #progressline sup, #progressline sub{display:none;}
  #tabs{display:block;}
  #credits{bottom:65px;}
  #databoard{visibility:hidden;right:0 !important;width:auto !important;bottom:50px !important;overflow:auto !important;}
}