#progressline>p {
	background-color:#E9EDEF;
}
  #progressline sup, #progressline sub {
    color:#0a2d82;
  }
  #progressline s, #progressline u {
    background-color:#0a2d82;
  }
  #progressline s:after {
    border-top-color:#0a2d82;
  }
  #progressline u:before {
    border-bottom-color:#0a2d82;
  }

  #progressline i.fleet {
    background-color:#BBC8CE;
  }
    #progressline i:before {
      border-bottom-color:#BBC8CE;
    }
    #progressline i:after {
      border-top-color:#BBC8CE;
    }
  /*record holder*/
  #progressline i.boat {
    background-color:#215076;
  }
  /*selected boat*/
  #progressline b {
    background-color:#D4D70E;
  }
    #progressline b:before,
    #progressline i:before {
      border-bottom-color:#D4D70E;
    }
    #progressline b:after,
    #progressline i:after {
      border-top-color:#D4D70E;
    }
  #progressline b#fixed {
    background-color:#D4D70E !important;
  }
    #progressline b#fixed:before {
      border-bottom-color:#D4D70E;
    }
    #progressline b#fixed:after {
      border-top-color:#D4D70E;
    }
    #progressline b>svg {
      fill:#D4D70E;
    }


#buttons {
  background-color:#FFFFFF;
  border:1px solid #EBEDED;  
}
  #buttons a {
    background-color:transparent;
  }
  #buttons a img.off {
    color:#063151;
    opacity:1.0;
  }
  #buttons a img.over {
    color:#0a2d82;
    opacity:1.0;
  }
  #buttons a img.on {
    color:#0a2d82;
    opacity:1.0;
  }
  #buttons a.off {
    border-bottom:0px solid transparent;
  }
  #buttons a.over,
  #buttons a.on.alt:hover,
  #buttons a.on {
    background-color:#D4D70E !important;
  }
  #buttons a.on.alt {
    background-color:rgba(212,215,14,0.6) !important;
  }


#sig {
  background-color:#D2E3F5;
}

#boatsLayer path {
  stroke:#000000;
}
#groundLayer path {
  fill:#07225F;
}
#bathyLayer rect {
  fill:#D2E3F5;
}
#bathyLayer image {
  mix-blend-mode:soft-light;
  opacity:1;
}

#orthoLayer {
  stroke-dasharray:6,2;
  stroke-width:1;
}
#orthoLayer path {
  stroke:#07225F;
}
#areasLayer path {
  fill:rgba(212,215,14,0.3);
  stroke:rgba(212,215,14,1);
}
#gatesLayer path {
  stroke:rgba(212,215,14,1);
}
#gatesLayer circle {
  fill:rgba(212,215,14,1);
}
  #daynightLayer {
    fill:#000000;
  }
#referencesLayer {
  stroke-dasharray:8,3;
  stroke-width:1;
}
    #referencesLayer path {
      opacity:0.3;
    }
    #referencesLayer g {
      opacity:0.5;
    }

#ruleLayer {
  stroke-dasharray:8,3;
}
  #ruleLayer>g>circle {
    stroke:#93960A;
    fill:#93960A;
  }
  #ruleLayer>g>path {
    stroke:#93960A;
  }
  #ruleLayer>path {
    stroke:#93960A;
  }

  #poiLayer g.arrv circle,
  #poiLayer g.start circle {
    fill:#D4D70E;
  }
  #poiLayer g.isle circle {
    fill:#FEFEED;
  }
  #poiLayer g.isle text {
    fill:#DFEBF8;
  }


.tip {
  color:#ffffff;
}


#coords {
  color:#FFFFFF;
  mix-blend-mode:difference;
	opacity:1;
}

#zoom>b {
}
  #zoom svg {
    fill:#444444;
    opacity:0.6;
  }
  #zoom>b>sub {
    background: linear-gradient(-45deg, #FFFFFF 35%, #E4E4E4 75%);
  }
  #zoom>b>sup {
    background: linear-gradient(135deg, #FFFFFF 35%, #E4E4E4 75%);
  }
  #zoom>b:hover svg {
    fill:#223B59;
    opacity:1;
  }
  #zoom>b.on>sub {
    background: linear-gradient(-45deg, #D4D70E 35%, #8E920A 75%);
  }
  #zoom>b.on>sup {
    background: linear-gradient(135deg, #D4D70E 35%, #8E920A 75%);
  }
  #zoom>b.on svg {
    fill:#FFFFFF;
    opacity:1;
  }

#time {
  background-color:#0a2d82;
}

#refresh {
  background-color:#D4D70E;
  color:#ffffff;
}
  #refresh circle {
    stroke: #FFFFFF;
    stroke-opacity:0.5;
  }

#datetime {
  background-color:#D4D70E;
  color:#0A2D82;
}
  #datetime:after {
    border-top-color:#D4D70E;
  }

#chrono {
  background-color:#D4D70E;
  color:rgba(255,255,255,0.7);
}
  #chrono:after {
    border-top-color:#D4D70E;
  }

#replay path {
  fill:#FFFFFF;
}

#timeline {
}
  #timeline span i {
    background-color:rgba(255,255,255,0.5);
  }
  #timeline span u {
    background-color:rgba(255,255,255,1);
  }
  #timeline b>svg>path {
   fill:#215076
  }
  #timeline b>sub {
    background: linear-gradient(-45deg, #D4D70E 35%, #8E920A 75%);
  }
  #timeline b>sup {
    background: linear-gradient(135deg, #D4D70E 35%, #8E920A 75%);
  }

#gridlines path {
  stroke:#FFFFFF;
}
  
#boatcard article {
  border:1px solid rgba(255,255,255,0.3);
}

#boatcard article>tt {
  background-color:rgba(7,34,95,1);
}
#boatcard article sub,
#boatcard section img {
  color:#FFFFFF;
  background-color:rgba(7,34,95,0.7);
}
#boatcard section img {
  border:1px solid rgba(255,255,255,0.3);
}
    #boatcard section sub path {
      stroke:#FFFFFF;
    }
    #boatcard section sup path {
      stroke:#FDDD00;
    }
    #boatcard section sup.neg path {
      stroke:#FF4B17;
    }
    #boatcard section sub:after {
      border-bottom-color:#FFFFFF;
    }
    #boatcard section sup:after {
      border-bottom-color:#FDDD00;
    }
    #boatcard section sup.neg:after {
      border-bottom-color:#FF4B17;
    }


#boatcard path.heading {
  fill:#FFFFFF;
  opacity:0.9;
}
    #boatcard article sup {
      display:block;
      color:#063151;
      background: linear-gradient(#FFFFFF 0%, #FFFFFF 55%, #E8E8E8 100%);
    }
    #boatcard article sub {
      color:rgba(255,255,255,0.7);
    }
    #boatcard article sub.ARV {
      color:#FFFFFF;
    }
    #boatcard article sub p.vmg {
      color:#FDDD00;
    }
    #boatcard article sub p.vmg.neg {
      color:#FF4B17;
    }
    #boatcard article sub p.speed {
      color:#FFFFFF;
    }
    #boatcard article sub p.date {
      color:#FFFFFF;
    }
    #boatcard article sub p.date strong {
      color:#D4D70E;
    }
    #boatcard article sub p.pos,
    #boatcard article sub p.pos * {
      color:#9BED83;
    }
    #boatcard article sub p.neg,
    #boatcard article sub p.neg * {
      color:#FFFFFF;
    }
    #boatcard article sub p.off {
      font-weight:bold;
      color:#FFFFFF;
      padding-top:5px;
      padding-bottom:55px
    }

#geoblog {
  border:1px solid rgba(255,255,255,0.3);
}
    #geoblog>header {
      
    }
    #geoblog>header>sup {
    background: linear-gradient(#D4D70E 0%, #D4D70E 55%, #B1B60C 100%);
    }
    #geoblog>header>sup>p {
      color:#ffffff;
    }
    
    #geoblog>header>sub {
      background-color:#E9EDEF;
    }
    #geoblog>article {
      background-color:#FFFFFF;
    }
    #geoblog>footer {
      background-color:#062C51;
      color:#ffffff;
    }
    #geoblog>header>tt svg path {
      fill:#FFFFFF;
      opacity:0.5;
    }
    #geoblog>header>tt svg:hover path {
      fill:#FFFFFF;
      opacity:1;
    }
    #geoblog>svg {
      fill:#FFFFFF;
    }

#weather {
}
    #weather section:before,
    #weather section:after {
      border-top-color:#FFFFFF;
    }
    #weather section,
    #weather select,
    #weather option,
    #weather span pre,
    #weather span:hover option {
      background-color:#FFFFFF;
      color:#063151;
    }
    #weather.wait span pre {
      color:rgba(6,49,80,0.3);
    }
    #weather b path,
    #weather span>svg path {
      fill:#063151;
    }
    #weather u path {
      stroke:#063151;
    }
    #weather b:hover path, 
    #weather sub:hover path, 
    #weather sup:hover path,
    #weather span:hover path,
    #weather span.open path {
      fill:#D4D70E;
    }
    #weather span:hover pre,
    #weather span.open pre,
    #weather span:hover select {
      color:#D4D70E;
    }
    #weather option.on {
      background-color:#D4D70E !important;
      color:#0A2D82 !important;
      font-weight:bold;
    }


#boatclassesList {
}
    #boatclassesList span {
  background-color:#FFFFFF;
  border:1px solid #EBEDED;  
      color:#E2001A;
    }
    #boatclassesList path {
      fill:#063151;
    }
    #boatclassesList.open path {
      fill:#E2001A;
    }
    #boatclassesList option {
      color:#E2001A !important;
    }
    #boatclassesList option.on {
      background-color:#E2001A !important;
      color:#FFFFFF !important;
    }

#reportList {
  background-color:#FFFFFF;
  border:1px solid #EBEDED;  
}

  #reportList>div {
    border-color:transparent #EBEDED #E2E4E4 #EBEDED;
    background: linear-gradient(#FFFFFF 0%, #FFFFFF 55%, #F3F3F3 100%);
  }
  #reportList>div:hover {
    background: linear-gradient(#FFFFFF 0%, #F3F3F3 55%, #E8E8E8 100%);
  }
  #reportList>div.on {
    background: linear-gradient(#D4D70E 0%, #D4D70E 55%, #B1B60C 100%);
    color:#FFFFFF;
  }
  /*
  #reportList>div>sup img {
    -webkit-filter:sepia(40%) hue-rotate(160deg) saturate(50%);
	  filter:sepia(40%) hue-rotate(200deg) saturate(50%);
  }
*/
  #reportList>div>sup img,
  #reportList>div.on>sup img,
  #reportList>div:hover>sup img {
    *-webkit-filter:sepia(0%) hue-rotate(0deg) saturate(100%);
	  *filter:sepia(0%) hue-rotate(0deg) saturate(100%);
  }
  #boatcard article sup h1,
  #reportList>div>sup h1 {
    color:#063151 !important;
  }
  #boatcard article sup h2,
  #reportList>div>sup h2 {
    color:#79879B !important;
  }
  #geoblog>header>sup h1,
  #reportList>div.on>sup h1 {
    color:#FFFFFF !important;
  }
  #geoblog>header>sup h2,
  #reportList>div.on>sup h2 {
    color:rgba(255,255,255,0.7) !important;
  }
  #boatcard article sup q,
  #reportList>div>sup q {
   color:#D4D70E;
  }
  #reportList>div>sup q.up:after {
    color:#5EBB00;
  }
  #reportList>div>sup q.eq:after {
    color:#7E7E7E;
  }
  #reportList>div>sup q.down:after {
    color:#D54500;
  }
  #reportList>div.on>sup q {
    color:#FFFFFF;
  }
  #reportList>div.on>sup q.up:after {
    color:#DDFFBB;
  }
  #reportList>div.on>sup q.eq:after {
    color:#FFFFFF;
  }
  #reportList>div.on>sup q.down:after {
    color:#FFD9C6;
  }

.thumbcontrol b>sub {
  background: linear-gradient(-45deg, #3D599C 35%, #293E6B 75%);
}
.thumbcontrol b>sup {
  background: linear-gradient(135deg, #3D599C 35%, #293E6B 75%);
}
.thumbcontrol.on b>sub {
  background: linear-gradient(-45deg, #D4D70E 35%, #8E920A 75%);
}
.thumbcontrol.on b>sup {
  background: linear-gradient(135deg, #D4D70E 35%, #8E920A 75%);
}
  .thumbcontrol path {
    fill:rgba(255,255,255,0.6);
  }
  .thumbcontrol.on path {
    fill:rgba(255,255,255,0.6);
  }
  .thumbcontrol path.on {
    fill:rgba(255,255,255,1);
  }
  .thumbhelp {
    color:#0A2D82;
  }
  .thumbhelp i {
    background-color:rgba(10,45,130,0.1);
    border:1px solid #0A2D82;
  }
  .thumbhelp svg {
    fill:rgba(10,45,130,0.5);
  }
  #thumbtimehelp {
    background: linear-gradient(90deg, rgba(10,45,130,0) 0%, rgba(10,45,130,0.4) 50%, rgba(10,45,130,0) 100%); 
  }
  #thumbzoomhelp,
  #thumblisthelp {
    background: linear-gradient(rgba(10,45,130,0) 0%, rgba(10,45,130,0.4) 50%, rgba(10,45,130,0) 100%); 
  }
#dashboard {
  background-color:#FFFFFF;
}
    #dashboard>div {
      background-color:inherit;
    }
    #dashboard section>* {
      border:1px solid rgba(0,0,0,0.1);
    }
    #dashboard h1 {
      background-color:#0A2D82;
      color:#ffffff;
    }
    #dashboard header,
    #dashboard footer,
    #dashboard section>div {
      background-color:#F3F7FE;
    }

#dashboardsummary {
  border:1px solid rgba(0,0,0,0.1);
  background-color:#F3F7FE;
}

.pos * {
  color:#009D4F;
}
.neg * {
  color:#0A2D82;
}

@media screen and (max-width:750px) {
    #reportList {
      border-width:0 !important;  
    }
}