/*RESET*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;	padding:0;	border:0;	font-size:100%;	font:inherit;	vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
a,a:link,a:active,a:visited,a:hover{text-decoration:none;}

/*TRACKER DEFAULT*/
html,body{height:100%;font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#00559B;}
a,a:link,a:active,a:visited,a:hover{color:#00559B;}
strong{font-weight:bold;}

#page{position:relative;width:100%;height:100%;overflow:hidden;}
  #page>div{position:absolute;}

h1{top:5px;right:5px;width:auto;font-size:24px;font-weight:bold;text-align:right;white-space:nowrap;overflow:hidden;}
h1 *{display:none;}
#logo{display:none;}
  
#chrono{display:none;}

#buttons{left:0;top:0;right:0;height:26px;padding:4px 5px 4px 320px;z-index:60;background-color:#E4E4E4;}
  #buttons ul{display:inline-block;position:relative;margin:0;padding:0;}
  #buttons li{display:inline-block;width:26px;height:26px;position:relative;margin-right:5px;visibility:hidden;}
  #buttons li b{position:absolute;display:block;width:26px;height:26px;top:0;left:0;background:#EEEEEE;}/*bouton*/
  #buttons a{display:block;width:26px;height:26px;background:#00559B;cursor:pointer;}/*icone*/
  #buttons svg{width:26px;height:26px;}
  #buttons li:hover b{background:#DDDDDD;border-color:#555555 !important;}/*bouton*/
  #buttons li:hover a{background:#555555;}/*icone*/
  #buttons li.on b{background:#BBBBBB;border-color:#000000 !important;}/*bouton*/
  #buttons li.on a{background:#000000;}/*icone*/
  #buttons li.separator{margin-right:16px;}
  #buttons li.on{top:1px;left:1px;}
  #buttons li.classes a{-webkit-mask-image: url(img/icon_classes.png);}
  #buttons li.clouds a{-webkit-mask-image: url(img/icon_clouds.png);}
  #buttons li.daynight a{-webkit-mask-image: url(img/icon_daynight.png);}
  #buttons li.distance a{-webkit-mask-image: url(img/icon_distance.png);}
  #buttons li.fullscreen a{-webkit-mask-image: url(img/icon_fullscreen.png);}
  #buttons li.geoblog a{-webkit-mask-image: url(img/icon_geoblog.png);}
  #buttons li.gridlines a{-webkit-mask-image: url(img/icon_gridlines.png);}
  #buttons li.home a{-webkit-mask-image: url(img/icon_home.png);}
  #buttons li.proj a{-webkit-mask-image: url(img/icon_proj.png);}
  #buttons li.route a{-webkit-mask-image: url(img/icon_route.png);}
  #buttons li.table a{-webkit-mask-image: url(img/icon_table.png);}
  #buttons li.visibility a{-webkit-mask-image: url(img/icon_visibility.png);}
  #buttons li.weather a{-webkit-mask-image: url(img/icon_weather.png);}
  #buttons li.zoomfleet a{-webkit-mask-image: url(img/icon_zoomfleet.png);}
  #buttons li.zoommanual a{-webkit-mask-image: url(img/icon_zoommanual.png);}
  #buttons li.zoomtop3 a{-webkit-mask-image: url(img/icon_zoomtop3.png);}
  #buttons li.home{display:none;}
  #buttons li.classes{display:none;}
  #buttons li.distance{display:none;}
  #buttons li.fullscreen{display:none;}
  #buttons li.geoblog{display:none;}
  #buttons li.gridlines{display:none;}
  #buttons li.proj{display:none;}
  #buttons li.table{display:none;}
  #buttons li.visibility{display:none;}
  #buttons li.zoomfleet{display:none;}
  #buttons li.zoommanual{display:none;}
  #buttons li.zoomtop3{display:none;}
  /*#buttons li.weather{visibility:visible;}*/

#weatherPlayer{position:absolute;vertical-align:middle;z-index:80;top:7px;display:none;margin-left:130px;}
  #weatherPlayer select{text-align:right;}
  #weatherPlayer option{padding-right:15px;margin-left:-20px;}
  #weatherPlayer b{font-size:20px;font-family: monospace;font-weight:bold;letter-spacing:-4px;margin:0 5px;cursor:pointer;display:none;}

#boatClassesList {right:5px;top:5px;text-align:center;z-index:60;}
  #boatClassesList>div {position:relative;display:inline-block;margin-left:auto;margin-right:auto;white-space:nowrap;}
  #boatClassesList>div>div {position:relative;display:inline-block;padding-right:5px;font-weight:bold;}
  #boatClassesList>div>div.off>span {opacity:0.4;}
  #boatClassesList>select {position:relative;width:100%;}

#reportDate{top:0;left:5px;width:320px;text-align:center;font-size:16px;font-weight:bold;height:34px;line-height:34px;z-index:50;overflow:hidden;font-family:ptsans;}
  #reportDate small {display:none;}
  
#reportlist{visibility:visible;top:34px;bottom:60px;left:0px;width:320px;overflow:auto;background-color:#FFFFFF;}
  #reportlist>div{position:relative;border:1px solid #CCCCCC;margin-bottom:1px;padding:1px;height:60px;cursor:pointer;font-size:11px;line-height:12px;z-index:50;}
  #reportlist>div.over{background-color:#EEEEEE;}
  #reportlist>div.on{background-color:#31A4FF;color:#FFFFFF;}
  #reportlist>div>img{float:left;margin-right:5px;}
  #reportlist>div>q{display:inline-block;padding:0 5px 0 2px;font-weight:bold;}
  #reportlist>div p{padding:1px 0;}
  #reportlist>div>q+p{display:inline-block;font-weight:bold;}
  #reportlist>div.RAC>q+p+p+p{position:relative;}
  #reportlist>div.RAC>q+p+p+p>sub{position:absolute;right:0px;}
  #reportlist>div>dfn{display:none;}

#databoard{visibility:visible;top:35px;left:0px;margin:5px;z-index:70;background-color:#FFFFFF;}
  #databoard>div{position:relative;}
  #databoard p.big{font-size:14px;}
  #databoard b, #databoard i{vertical-align:top;padding:4px 0;}
  #databoard b{background-color:#C3C3C3;font-weight:bold;}
  #databoard i.pos{color:#008000;}
  #databoard i.neg{color:#800000;}
  #databoard p{text-align:center;margin-bottom:5px}
  #databoard p.separation{margin-bottom:10px;}
  #databoard b{display:block;white-space:nowrap;overflow:hidden;}
  #databoard i{display:block;white-space:nowrap;overflow:hidden;}
  #databoard i span{display:block;}
  #databoard i span u {display:none;text-decoration:none;}

    
#map{visibility:visible;top:34px;bottom:60px;left:320px;right:5px;border:1px solid #000000;z-index:50;color:#00559B;background-color:#E5F7FE;font-size:1px;}

#coords{display:none;border:1px solid #FF00FF;z-index:1000;}
#timeline{left:0px;bottom:17px;z-index:50;}
  #timeline>div{position:relative;}

#datetime{left:5px;bottom:20px;width:300px;font-size:16px;font-weight:bold;text-align:right;z-index:40;font-family:ptsans;}

#progressline{left:320px;bottom:25px;right:15px;z-index:50;}
  #progressline>p{position:relative;border-bottom:2px solid #C3C3C3;}/*axis*/
  #progressline s{position:absolute;left:-4px;bottom:-4px;width:8px;height:8px;background-color:#3C3C3D;}/*start point*/
  #progressline u{position:absolute;right:-4px;bottom:-4px;width:8px;height:8px;background-color:#3C3C3D;}/*arrival point*/
  #progressline i.fleet{position:absolute;display:block;left:0%;right:100%;bottom:-3px;height:4px;background-color:#000000;}/*fleet extend*/
  #progressline i.boat{position:absolute;width:4px;bottom:-6px;height:12px;background-color:#3C3C3D;cursor:pointer;}/*record holder*/
  #progressline b{position:absolute;width:4px;bottom:-6px;height:12px;background-color:#FE0000;cursor:pointer;}/*selected boat*/
  #progressline sup, #progressline sub{position:absolute;top:-18px;font-weight:bold;}/*start, arrival city*/
  #progressline sup{left:-4px;}
  #progressline sub{right:-4px;}

  #tabs{display:none;bottom:1px;height:30px;left:0;right:0;z-index:1000;}
    #tabs>div{position:relative;width:100%;height:100%;}
    #tabs>div>*{position:absolute;left:0;right:0;top:0;bottom:0;line-height:30px;text-align:center;font-weight:bold;background-color:#E4E4E4;border:1px solid #B9B9B9;cursor:pointer;}
    #tabs>div>*.off{opacity:0.4;}
    #tabs sup{left:0;right:50%;}
    #tabs sub{left:50%;right:0;}

#credits{right:5px;bottom:5px;height:12px;font-size:11px;line-height:11px;z-index:50;}
 #credits>a:before{content:' • ';}
 #credits>a[href="http://www.geovoile.com"]:before{content:''}
 #credits>a[href="http://www.geovoile.com"]{font-weight:bold;}

.boat {position:absolute;cursor:pointer;}
.hull1{background-image:url(img/boat1.png) !important;width:8px;height:20px;}
.hull1.over{background-image:url(img/boat1_over.png) !important;}
.hull1.on{background-image:url(img/boat1_on.png) !important;}
.hull2{background-image:url(img/boat2.png) !important;width:16px;height:24px;}
.hull2.over{background-image:url(img/boat2_over.png) !important;}
.hull2.on{background-image:url(img/boat2_on.png) !important;}
.hull3{background-image:url(img/boat3.png) !important;width:16px;height:24px;}
.hull3.over{background-image:url(img/boat3_over.png) !important;}
.hull3.on{background-image:url(img/boat3_on.png) !important;}

.wind{position:absolute;width:12px;height:24px;background-repeat:no-repeat;}

#orthodromy{display:none;color:#FE0000;}
#daynight{display:none;color:#000000;}