@CHARSET "UTF-8";
#tooltip
{
    text-align: center;
    color: #fff;
    background: #2f79ad;
    position: absolute;
    z-index: 99999;
    padding: 3px 10px 5px;
	font: normal .9em Tahoma,Verdana;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 3px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 3px rgba(50, 50, 50, 0.75);
}
#tooltip:after /* triangle decoration */
{
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #2f79ad;
    content: '';
    position: absolute;
    left: 50%;
    bottom: -10px;
    margin-left: -10px;
	top:22px;
}
#tooltip:after /* triangle decoration */
{
    bottom: auto;
}
#tooltip.top:after
{
    border-top-color: transparent;
    border-bottom: 10px solid #111;
    top: 20px;
    bottom: auto;
}

#tooltip.left:after
{
    left: 10px;
    margin: 0;
}

#tooltip.right:after
{
    right: 10px;
    left: auto;
    margin: 0;
}