BODY 
{
    font-family:arial,Verdana,sans-serif;
    font-size:14px;    
} 

table
{
    font-family:arial,Verdana,sans-serif;
    font-size:14px;    
} 

hr
{
    height:3px;
    color:rgb( 46, 139, 182 );
    background-color:rgb( 46, 139, 182 );    
}

div a
{
    text-decoration: none;
    color: blue;
    font-weight: bold;    
}

div H1
{    
    color: white;
    height:20px;
    font-size:18px;
    text-align: center;
    padding: 3px 0px 0px 0px;
}

ol
{
    padding: 5px 15px;
    margin: 5px;
}

li
{
    margin: 5px;
}
/*Main table styles*/
div.Box
{
    padding:5px;
    border:solid;
    border-width:1px;
    border-color: rgb( 46, 139, 182 );
}

div.BlankDataGroup
{
    width:900px ;
}


div.DataGroup
{ 
    background-color: rgb( 46, 139, 182 );
    border-color: rgb( 128, 208, 243 );
    border-style: none;
    border-width: 1px;    
    width:900px ;    
    padding: 0px 0px 1px 0px;
} 

div.SingleData
{ 
    background-color: rgb( 244, 244, 244 );
    border-color: rgb( 128, 208, 243 );    
    border-style: solid;
    border-width: 1px;   
    padding: 5px 5px 5px 5px;
    margin: 5px 5px 5px 5px;     
} 
div.SingleDataLine
{ 
    height:25px;
}
div.SingleDataTitleColumn
{ 
    width:130px;
    float:left;
}
div.SingleDataLongTitleColumn
{ 
    width:220px;
    float:left;
}
div.SingleDataBoxesColumn
{ 
    width:210px;
    float:left;    
}

div.SingleData2BoxesColumn
{ 
    width:160px;
    float:left;    
}

div.SingleData1BoxColumn
{ 
    width:100px;
    float:left;    
}

div.SingleDataMediumColumn
{ 
    width:60px;
    float:left;    
}
div.SingleDataMiniColumn
{ 
    width:45px;
    float:left;    
}
div.SingleDataMicroColumn
{ 
    width:30px;
    float:left;    
}
div.Comment
{ 
    font-size:14px;
    color:white;
    padding: 0px 5px 0px 5px;

} 

div.Comment ol
{
    margin: 0px;
}

div.Comment a
{
text-decoration: underline;
color:yellow;
font-weight:bold;
}
/* Tide time/height table */
table.tidetable
{
    color:rgb( 46, 139, 182 );
    border: 2px solid;
    margin:5px;
}
tr.tidetableheader
{
    color:orange;
    text-align:center;
    font-weight:bold;
}

tr.tidetablelow
{
    color:black;
    text-align:right;
    font-weight:bold;    
    font-size:13px;            
}

tr.tidetablehigh
{
    color:green;
    text-align:right;
    font-weight:bold;    
    font-size:13px;
}

td
{
    padding:0px 5px 0px 8px;
}

td.tidetablearrows
{
    font-size:13px;
    font-weight:bold;       
    padding:0px 0px 0px 5px;
}

/* CA/Interval calculation table styles */
span.colorStep1Vertical     
{
    background-color:orange;
    color:black; 
}  

span.colorStep2Vertical 
{
    background-color:yellow;
    color:black;
}

span.colorStep3Horizontal
{ 
    background-color:magenta;
    color:black;
}
    
span.colorResult
{
    background-color:red;
    color:white;
    font-weight:bold;
    text-decoration: blink;
}      

span.colorResultNoBlink
{
    background-color:red;
    color:white;
    font-weight:bold;
}    

td.colorStep1Vertical     
{
    background-color:orange;
    color:black; 
}  

td.colorStep2Vertical 
{
    background-color:yellow;
    color:black;
}

td.colorStep3Horizontal
{ 
    background-color:magenta;
    color:black;
}
   
td.colorResult
{
    background-color:red;
    color:white;
    font-weight:bold;
    text-decoration: blink;
}        

span.colorEcho1
{
    background-color:green;
    color:white;    
}        
span.colorEcho2
{
    background-color:lime;
    /*color:white;*/    
}        
span.colorRelativeDistance
{
    background-color:blue;
    color:white;    
}        
span.colorRelativeSpeed
{
    background-color:orange;
}        
span.colorSelfSpeed
{
    background-color:magenta;
}        
span.colorEchoSpeed
{
    background-color:red;
    color:white;
}