/*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;}
a,a:link,a:active,a:visited,a:hover{color:#000000;}
strong{font-weight:bold;}

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

#logo{left:0;width:300px;z-index:50;background-repeat:no-repeat;}
  h1{font-size:24px;font-weight:bold;text-align:center;white-space:nowrap;overflow:hidden;}

#chrono{right:5px;top:5px;text-align:right;font-size:18px;font-weight:bold;z-index:50;}
  #chrono>i{display:inline-block;font-size:16px;margin-right:2px;}

#buttons{top:0px;left:310px;height:26px;z-index:50;}
  #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;border:1px solid #777777;}/*bouton*/
  #buttons a{display:block;width:26px;height:26px;background:#777777;cursor:pointer;}/*icone*/
  #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 svg{width:26px;height:26px;}
  #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;}

#boatClassesList {top:65px;text-align:center;color:#000000;}
  #boatClassesList>div {position:relative;margin-left:auto;margin-right:auto;white-space:nowrap;}
  #boatClassesList>div>div {position:relative;display:inline-block;padding-right:15px;font-weight:bold;}
  #boatClassesList>div>div.off>span {opacity:0.6;}

#reportDate{top:5px;left:5px;width:300px;text-align:center;font-size:16px;font-weight:bold;height:30px;line-height:30px;z-index:50;overflow:hidden;}

#reportlist{visibility:visible;top:40px;bottom:60px;left:5px;width:300px;overflow:auto;}
  #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;}
    
#map{visibility:visible;top:40px;bottom:60px;left:310px;right:5px;border:1px solid #000000;z-index:50;color:#555555;background-color:#F0F0F0;}

#weatherPlayer{display:inline-block;vertical-align:middle;margin:-20px 0 0 20px;display:none;}
  #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;}

#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:17px;width:300px;font-size:16px;font-weight:bold;text-align:right;}

#progressline{left:310px;bottom:25px;right:10px;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:#FFFFFF;}
#daynight{display:none;color:#000000;}