@charset "UTF-8";
/* CSS Document */
* html a:hover {
    background: none repeat scroll 0 0 transparent;
}
.tooltip {
    cursor: pointer;
    outline: medium none;
    position: relative;
    text-decoration: none;
}
.tooltip span {
    background: linear-gradient(45deg, #89002D 0%, #990033 47%, #6B0021 100%) repeat scroll 0 0 transparent;
	background: -webkit-linear-gradient(45deg, #89002D 0%, #990033 47%, #6B0021 100%) repeat scroll 0 0 transparent;
    border: 2px solid #FFFFFF;
    border-radius: 9px 9px 9px 9px;
    box-shadow: 0 2px 11px rgba(0, 0, 0, 0.7);
    color: #FFFFFF;
    font-family: trebuchet ms;
    height: 50px;
    left: -12px;
    margin: 0;
    opacity: 0.2;
    padding: 10px 6%;
    position: absolute;
    top: -60em;     width: 140px;

    transition-duration: 1s;
    transition-property: opacity, top;
    transition-timing-function: cubic-bezier(0,.44,1,.45);
	
-webkit-transition-duration: 1s;
-webkit-transition-property: opacity, top;
-webkit-transition-timing-function: cubic-bezier(0,.44,1,.45);
}
.tooltip:hover span {
    opacity: 0.8;
    top: -80px;
    z-index: 99;
}
.tooltip span:after, .tooltip span:before {
    border: medium solid transparent;
    content: " ";
    height: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    width: 0;
}
.tooltip span:after {
    border-color: #990033 rgba(153, 0, 51, 0) rgba(153, 0, 51, 0);
    border-width: 10px;
    left: 50%;
    margin-left: -10px;
}
.tooltip span:before {
    border-color: #FFFFFF rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
    border-width: 13px;
    left: 50%;
    margin-left: -13px;
}