/* Tooltip container */
.popup {
	zoom:1.0;
	text-decoration:none;
	position: relative;
	display: inline-block;
	color : blue;
	border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

.popup span {
  visibility: hidden;
  /* width: 120px; */
  background-color: 0;
  /* color: #fff; */
  text-align: center;
/*	-webkit-box-shadow: #666 0px 2px 5px; */
	-webkit-box-shadow: #666 0 0 1px 1px;
	-moz-box-shadow: #666 0 0 1px 2px; 
	/*box-shadow: #666 0px 2px 3px;*/
	border-radius: 8px;
   padding: 8px 8px; 

  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;			  
}

/* Show the tooltip text when you mouse over the tooltip container */
.popup:hover span {visibility:visible}