﻿body{color:#31325E;background-color:#FFFFFF;}
#logo{background-image:url(logo.jpg);width:290px;height:103px;top:42px;left:5px;padding:0px;margin:0px;z-index:1000;}
h1{display:none;}
#chrono{top:9px;left:7px;width:290px;color:#1E2154;text-align:center;font-size:18px;font-weight:normal;}
  #chrono>i{font-size:12px;margin-right:0px;color:#EE1C25;font-weight:bold;}

#buttons{left:300px;top:5px;}
  #buttons li b{background:transparent;border:1px solid transparent;}
  #buttons a{background:#31325E;}
  #buttons li:hover b{background:transparent;border-color:transparent !important;}
  #buttons li:hover a{background:#EE1C25;}
  #buttons li.on b{background:transparent !important;border-color:transparent !important;}
  #buttons li.on a{background:#EE1C25;}
  #buttons li.route{overflow:visible;}

#reportDate {top:148px;color:#EE1C25;font-size:18px;font-weight:normal;text-align:center;width:290px;}
#reportlist {top:178px;width:290px;}
  #reportlist>div{border:0px;border-top:1px solid #E2E2E2;padding:0 3px;
    background: -webkit-linear-gradient(#EEEEEE, #FEFEFE); 
    background: -o-linear-gradient(#EEEEEE, #FEFEFE); 
    background: linear-gradient(#EEEEEE, #FEFEFE);
  }
  #reportlist>div>q+p{color:#EE1C25;}
  #reportlist>div>q+p+p{font-weight:bold;}
  #reportlist>div.over{
    background: -webkit-linear-gradient(#E9E9E9, #E9E9E9); 
    background: -o-linear-gradient(#E9E9E9, #E9E9E9); 
    background: linear-gradient(#E9E9E9, #E9E9E9);
  }
  #reportlist>div.on{background-color:#5397C8;color:#FFFFFF;
    background: -webkit-linear-gradient(182deg, #F66248 35%, #EE1C25 55%); 
    background: -o-linear-gradient(182deg, #F66248 35%, #EE1C25 55%); 
    background: linear-gradient(182deg, #F66248 35%, #EE1C25 55%);
  }
  #reportlist>div.on p{color:#FFFFFF;}
  #reportlist>div.on>q+p{color:#FFFFFF;}
  #reportlist>div.on>q+p+p{color:#FEEBEC;}
  #reportlist>div>img{display:none;}

#map{left:300px;color:#292C50;background-color:#E0E0E4;outline-color:#FFFFFF;font-size:1px;}

#datetime{width:290px;}

  #tabs>div{position:relative;width:100%;height:100%;}
  #tabs>div>*{background-color:#EE1C25;border:1px solid #B9B9B9;cursor:pointer;color:#ffffff;}
  #tabs>div>*.off{opacity:1;background-color:#F8F8F8;border:1px solid #B9B9B9;cursor:pointer;color:rgba(28,34,83,0.5);}
  #tabs sup{left:0;right:50%;}
  #tabs sub{left:50%;right:0;}

#orthodromy{display:none;color:#EE1C25;}
