/* Tooltip container */
.tooltip
{
    position: relative; z-index: 200;
    display: inline-block;
    hyphens: auto;
    cursor:help;
}


.tooltip a, .tooltip a:visited
{
	color: black;
    hyphens: auto;
}

.tooltip a:focus, .tooltip a:hover, .tooltip a:active
{
	color: black;
    hyphens: auto;
	position: relative; z-index: 200;
}


/* Tooltip text */
.tooltip .tooltiptext
{
    visibility: hidden;
    width: 145px;
	xwidth: 245px;
    background-color: #fff;
    color: black;
    font-size:13px;
    font-family:monospace;
    text-align: left;
    padding: 2px 5px 2px 5px;
    border-radius: 5px;
    border: 1px solid white; /* lightness = 87.26/opacity */

    position: absolute; z-index: 200;
   	top: 75px;
    left:-40px;
    hyphens: auto;

    /* Fade in tooltip */
    opacity: 0;
	transition: opacity 0.5s ease-in;
}


/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext
{
    visibility: visible;
    hyphens: auto;
    opacity: 1;
    color:black;
    position: absolute; z-index: 200;
}