| a.hastooltip { |
| border-bottom: 1px dotted #00aa00; |
| color: #000000; |
| cursor: help; |
| font-style: normal; |
| position: relative; /* This is the key */ |
| text-decoration: none; |
| z-index: 24; /* What does this do? */ |
| } |
| |
| a.hastooltip:active { |
| color: #000000; |
| text-decoration: none; |
| } |
| |
| a.hastooltip:link { |
| color: #000000; |
| text-decoration: none; |
| } |
| |
| a.hastooltip:hover { |
| background-color: #a0b8ff; |
| color: #000000; |
| text-decoration: none; |
| z-index: 25; |
| } |
| |
| a.hastooltip:visited { |
| color: #000000; |
| text-decoration: none; |
| } |
| |
| a.hastooltip span { |
| display: none; |
| } |
| |
| a.hastooltip:hover span { |
| background-color: #eeeeee; |
| border: 1px solid #000000; |
| color: #000000; |
| display: block; |
| padding: 5px; |
| left: -15.2em; |
| position: absolute; |
| text-align: center; |
| text-decoration: none; |
| top: 2em; |
| width: 20em; |
| } |