body   { background-color:blue;
         border:0;
         margin:0;
         padding:0; }

.boat  { position:absolute;
         left: 0px;
         background-color:yellow;
         color: black;
         text-align: center;
         font-family: arial;
         font-weight: bold;
         font-size: 15pt;
         border-top: none;
         border-right: none;
         height: 26px;
         z-index: 60 }
         
.boatSection
       { border-bottom: 2px outset;
         overflow:hidden;
         background-Color:yellow;
         position:absolute }

.name  { position:absolute;
         left: 20%;
         overflow:hidden;
         color: white;
         font-family: tahoma;
         font-size: 15pt;
         z-index: 50;
         background-Color:blue;
       }

.result  { position:absolute;
           width: 50px;
           color: white;
           visibility:visible;
           font-family: tahoma;
           font-weight:bold;
           z-index: 50;
           background-Color:blue;
         }

.visibleScrollArea
       { position:absolute;
         left: 0px;
         top: 0px;
         width:100%;
         height:100%;
         overflow:hidden;
        }

.scrollArea {
         position:absolute;
         top:0px;
         left: 0px;
         }

#distanceArea {
         position:absolute;
         top:0px;
         left: 0px;
         height: 50px;
         overflow:hidden;
         z-index:5;
         }

.hRule {
         background-color: aqua;
         color: aqua;
         position: absolute;
         left: 0px;
         top: 0px;
         height: 2px;
         z-index: 55;
         width: 2px;
         }

#timeDisplay {
         color:black;
         background-color:cyan;
         text-align:center;
         position:absolute;
         top: 0px;
         left:0px;
         height:40px;
         font-family: tahoma;
         font-size: 24pt;
         font-weight:bold;
         z-index: 60;
         visibility: hidden;
         }

#blackBar {
        background-color:black; 
        width:100%; 
        position:absolute; 
        left:0px; 
        top:0px; 
        height:46px; 
        z-index:0;
        }

        
.distance {
         color:black;
         background-color:white;
         text-align:center;
         position:absolute;
         top: 0px;
         height:40px;
         font-family: tahoma;
         font-size:24pt;
         font-weight:bold;
         z-index:5;
         }
         
.distanceLine {
        background-color: white;
        position: absolute;
        width: 1px;
        left: 0px;
        z-index: 40;
        }

.distanceLine2 {
        background-color: aqua;
        position: absolute;
        width: 1px;
        left: 0px;
        z-index: 40;
        }


.line   {
         background-color: white;
         width: 3px;
         position: absolute;
         z-index: 40;
         }
         
#countdown
         {
         position:absolute;
         width:30%;
         height:50%;
         left:40%;
         top:25%;
         background-Color: silver;
         z-index: 60;
         font-size: 200pt;
         text-align: center;
         vertical-align: middle;
         visibility: hidden;
        }

#startButton {
        z-index:50; 
        position:absolute; 
        top:0; 
        width:6%; 
        background-color:red; 
        font-weight:bold;
        }


#start  {
        position:absolute;
        background-Color: white;
        z-index: 60;
        }