/* CSS Document */
a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#FF0000;   /*changes the highlight color of the text that the info will show up for*/
    color:#FF0000; /*it changes the tint of the text that is highlighted*/
    text-decoration:none}

a.info:hover{z-index:25; background-color:#FF0000}  /*changes the background color of the text when you hover over it*/

a.info span{display: none} /*hides the span until on:hover happens*/

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:1em; left:1em; width:16em;
    border:1px solid #FD0303; /*obviously the border color of the info box that shows up on hoover*/
    background-color: #FF0000; /*changes the background color of the info box that shows up on hover*/
    font-family:Time New Roman;
    Font-Size: 7.5pt;
    color:#FF0000; /*changes the tint of the text that shows up on hover*/
    text-align: center} /*alignment of the text that shows up on hoover*/