.dot { 

position: absolute; 
width: 6px; 
height: 6px; 
visibility: hidden; 
background-color: #003366; 
font-size: 1px; 
cursor: pointer; 
cursor: hand; 
z-index: 100 

}

.dotoff { 

position: absolute; 
width: 6px; 
height: 6px; 
visibility: hidden; 
background-color: #dde1e4; 
font-size: 1px; 
cursor:default; 
z-index: 100

}

.dotempty { 

position: absolute; 
width: 6px; 
height: 6px; 
visibility: hidden; 
background-color: #008fc8; 
font-size: 1px; 
cursor: pointer; 
cursor: hand; 
zindex: 100 

}
.caption { 

position: absolute; 
visibility: hidden; 
font: 8pt "Verdana", Arial, Helvetica, sans-serif;
color: #20485d; 
text-align: center; 
cursor: default; 
z-index: 1 

}

body { 

overflow:auto;
margin: 0px; 
background-color: #cfe0e9; 

}

a { 
color: #ffffff; 
text-decoration: none;
 
}

.top {
    font: 7.2pt "Verdana", Arial, Helvetica, sans-serif;
	color: #ffffff; 
	font-style: normal;
	line-height: normal;   
	font-weight: bold; 
	text-align: centre; 
} 

.top:hover {
	color: #1A3465;
}