#popup a {
    text-decoration: none;
    color:maroon;
}
#popup a span {
	display: none;
}

#popup a:hover { 
	color: maroon;
}

/* the IE correction rule */
#popup a:hover	{
	color: maroon; 
	background-color: #e9e9e2;
	text-indent: 0; /* added the default value */
}

#popup a:hover span {
	/*
	display: inline-block;
	position: absolute;
	padding: 10px;
	*/
	display: inline-block;
	position: absolute;

	margin: 0px;
	color: black;
	font-size: 14pt;
	font-weight: normal;
	background: #e5e5e5;
	text-align: left;
	border: 1px solid #666;
        border-radius: 3px;
}



/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  margin: 0px;
  color: black;
  font-size: 1.1em;
  font-weight: normal;
  background: #e5e5e5;
  text-align: left;
  text-indent: 0; /* added the default value */
  border: 1px solid #666;
  border-radius: 3px;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  display: block;
  z-index: 1;
}

.tooltip .tooltiptext {
  min-width: 10em;
  margin-left: -5em; /* Use half of the width */
  bottom: 100%;
  left: 50%; 
}

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