a.ToolTipLink {
    color: blue;
    text-decoration: underline;
}

    a.ToolTipLink:hover {
        text-decoration: none;
        cursor: pointer;
        color: #cc0000;
    }

span.SmallToolTip {
    font-size: 12px;
}
/* Left Tooltip container ------------------------------------------------------- */
.ToolTipL {
    position: relative;
    color: #b0c4de;
}

    /* Tooltip text */
    .ToolTipL .ToolTipTextL {
        visibility: hidden;
        width: 160px;
        background-color: white;
        color: black;
        text-align: center;
        padding: 3px 0;
        border-radius: 6px;
        /* Position the tooltip text - see examples below! */
        position: absolute;
        z-index: 1;
        top: -5px;
        right: 105%;
    }

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

/* Center Tooltip container ------------------------------------------------------- */
.ToolTipC {
    position: relative;
    color: #b0c4de;
}

    /* Tooltip text */
    .ToolTipC .ToolTipTextC {
        visibility: hidden;
        width: 182px;
        background-color: white;
        color: black;
        text-align: center;
        padding: 3px 0;
        border-radius: 6px;
        font-weight: normal;
        /* Position the tooltip text - see examples below! */
        position: absolute;
        z-index: 1;
        top: -200px;
        right: 0%;
    }

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

/* Right Tooltip container ------------------------------------------------------- */
/* Tooltip container */
.ToolTipR {
    position: relative;
    color: #b0c4de;
}
    /* Tooltip text */
    .ToolTipR .ToolTipTextR {
        visibility: hidden;
        width: 160px;
        background-color: white;
        color: black;
        text-align: center;
        
        padding: 3px 0;
        border-radius: 6px;
        /* Position the tooltip text - see examples below! */
        position: absolute;
        z-index: 1;
    }

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

/* Right Big Tooltip container ------------------------------------------------------- */
.ToolTipRBig {
    position: relative;
    color: #b0c4de;
}
    /* Tooltip text */
    .ToolTipRBig .ToolTipTextRBig {
        visibility: hidden;
        width: 350px;
        background-color: white;
        color: black;
        text-align: left;
        padding: 3px 0;
        border-radius: 6px;
        /* Position the tooltip text - see examples below! */
        position: absolute;
        z-index: 1;
    }

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


/* Basic Tooltip container ------------------------------------------------------- */
.ToolTipBasic {
    position: relative;
}
    /* Tooltip text */
    .ToolTipBasic .ToolTipTextBasic {
        visibility: hidden;
        position: absolute;
        z-index: 1;
    }

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