body{color:#FFFFFF;background-color:#1A1A1A;}
#chrono{color:#FFFFFF;}
  #chrono>i{color:#FFFFFF;}

#buttons{background-color:#EF4030;padding-left:235px;}
  #buttons li b{background-color:rgba(239,64,48,0);}
  #buttons a{background:#F9A099;}
  #buttons li:hover b{background-color:rgba(239,64,48,0);}
  #buttons li:hover a{background:#FFFFFF;}
  #buttons li.on b{background-color:rgba(239,64,48,0);}
  #buttons li.on a{background:#FFFFFF;}
  #buttons li.route{visibility:visible;}
  #buttons li.daynight{visibility:visible;}

#reportDate {color:#000000;}
#reportlist{background-color:#1A1A1A;}
  #reportlist>div{background-color:#FFFFFF;
border-color: #E2E2E2;}
  #reportlist>div p{color:#000000;}
  #reportlist>div>q{color:#000000;}
  #reportlist>div>q+p{color:#000000;}
  #reportlist>div>q+p+p{color:#000000;}
  
  #reportlist>div.over{background-color:#E9E9E9;
border-color: #E2E2E2;}
  #reportlist>div.over p{color:#000000;}
  #reportlist>div.over>q{color:#000000;}
  #reportlist>div.over>q+p{color:#000000;}
  #reportlist>div.over>q+p+p{color:#000000;}

  #reportlist>div.on{background-color:#3B3B3B;
border-color: #E2E2E2;}
  #reportlist>div.on p{color:#FFFFFF;}
  #reportlist>div.on>q{color:#FFFFFF;}
  #reportlist>div.on>q+p{color:#FFFFFF;}
  #reportlist>div.on>q+p+p{color:#FFFFFF;}
  
#map{left:235px;color:#333333;background-color:#435669;outline-color:#FFFFFF;}

  #tabs>div>*{background-color:#3B3B3B;
border-color: #E2E2E2;color:#FFFFFF;}
  #tabs>div>*.off{background-color:#FFFFFF;
border-color: #E2E2E2;color:#000000;}

#datetime{color:#FFFFFF;width:225px;text-align:center;font-size:18px;}

#bprogressline{}
  #progressline>p{border-bottom-width:2px;border-bottom-color:#8F93A1;}
  #progressline s{background-color:#9D0016;}
  #progressline u{background-color:#9D0016;}
  #progressline i.fleet{background-color:#808080;}
  #progressline i.boat{background-color:#E3452F}
  #progressline b{background-color:#E3452F;}
  #progressline sup{color:#FFFFFF;}
  #progressline sub{color:#FFFFFF;}

#databoard{width:225px;background-color:rgba(255,255,255,0);}
  #databoard b{background-color:#333333;}
  #databoard i.neg{color:#FFC7B7;}
  #databoard i.pos{color:#CEFFCE;}

#credits * {color:#FFFFFF;opacity:0.7;}

#orthodromy{color:#7b99b8;}
#daynight{color:#1A1A1A;}

@media screen and (max-width:550px) {
  #buttons {top:30px !important;}
  #buttons li b{background-color:#1A1A1A;}
  #buttons li a{background-color:#FFFFFF;}
  #buttons li:hover b{background-color:#9D0016;}
  #buttons li.on b{background-color:#9D0016;}
}