/* CSS Document */

a.tooltip{	
	color: green;	
	border-bottom: 1px dashed green;
	text-decoration: none;	
}

a:hover.tooltip{ 
	padding: 0; 
	
} 

.tooltip:hover span span{
	display: block;
}

.tooltip span{	
	position: absolute;	
	text-decoration: none;	
}

.tooltip span span{
	display: none;
	position: absolute;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	padding: 10px;
	color: black;
	text-decoration: none;
	width: 250px;
	z-index: 100;
	top: 20px;
	left: -30px; /*these lines added to make a curved corner*/
	-moz-border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
	border-radius: 0.25em;
}