/* Sarah Dean Tooltip CSS */
/* Written: 17th February 2008 */

a.tooltip {
  /* This defines how the normal text is displayed */
  position: relative; /* Critical! */
  z-index: 24; 
  /* background-color: #FF00FF; */
  color: #000000; 
  text-decoration: none /* Get rid of underline on link */
}

a.tooltip:hover {
  /* This defines how the normal text is displayed when the tooltip is shown */
  z-index: 25; 
  /* background-color: #FFFF00 */
}

a.tooltip span {
  /* Default tooltip span so it's not displayed */
  display: none
}

a.tooltip:hover span {
  /* This defines how the tooltip text is displayed */
  display: block;
  position: absolute;
  top: 2em; 
  left: 2em; 
  width: 15em;
  padding: 3px 7px 4px 6px;
  border: 1px solid #7F7F7F; /* Border */
  background-color: #FFFFFF; /* Background */
  color: #000000;
  text-align: left;
}