/* Tooltip for displaying info for the user. Help, info, notifications etc. */
/* The link */
a.help
{
    position:relative; /* this is the key for showing it int he correct position.*/
}
/* The help link on hover. If we later needs to add some properties on hover of the link. */
a.help:hover
{
}
a.help span
{
    display: none
}
/* The span that contains the info to show. Shows only on :hover state. */
a.help:hover span
{ 
    z-index:100;
    display:block;
    position:absolute;
    top:-4em; /* Change the positions if necessesary */
    left:3.5em; /* ^ */
    width:292px;
    border:1px solid black;
    background-color:#FFFFCC; 
    color:#000;
    text-align: left;
    padding: 4px;
}