#rbabIcon {
    opacity: 0.4;
    filter: alpha(opacity = 40);
}

#rbabIcon:hover {
    opacity: 1;
    filter: alpha(opacity = 100);
}

#rbabIcon .tooltip {
    display: none;
    font-size: 10px;
    background-color: #254066;
    opacity: 0.9;
    padding: 2px 10px 2px;
    white-space: nowrap;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#rbabIcon .tooltip a {
    text-decoration: none;
}

#rbabIcon:hover .tooltip {
    display: block;
}

#rbabIcon:hover .tooltip span {
    color: #aaa;
}

#rbabIcon:hover .tooltip span:hover {
    color: #fff;
}


#rbabIcon .tooltip {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    display: none;
    padding: 5px;
    white-space: nowrap;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 2px solid #b2b2b2;
    background-color: #eeeeee;
    font-size: 10px;
    font-weight: 700;
}

#rbabIcon .tooltip .rbabIconTooltipWrapper a {
    text-decoration: none;
}

#rbabIcon .tooltip .rbabIconTooltipWrapper a span {
    color: #284898;
}

#rbabIcon .tooltip .rbabIconTooltipWrapper a:hover span {
    color: #DD013E;
}

#rbabIcon .tooltip .rbabIconTooltipWrapper,
#rbabIcon .tooltip .rbabIconTooltipWrapper a,
#rbabIcon .tooltip .rbabIconTooltipWrapper a span {
    line-height: 1.2em;
}

#rbabIcon .tooltip .rbabIconTooltipWrapper a,
#rbabIcon .tooltip .rbabIconTooltipWrapper a span {
    padding: 0;
    margin: 0;
}

#rbabIcon .tooltip .rbabIconTooltipWrapper {
    position: relative;
}

#rbabIcon .tooltip .rbabIconTooltipWrapper.rbabPosition-top .rbabTooltipArrow{
    position: absolute;
    bottom: -14px;
    left: 45%;
    height: 10px;
    width: 7px;
    background: url(../images/tooltip-arrow-bottom.png) no-repeat top right;
}

#rbabIcon .tooltip .rbabIconTooltipWrapper.rbabPosition-bottom .rbabTooltipArrow {
    position: absolute;
    top: -14px;
    left: 45%;
    height: 10px;
    width: 7px;
    background: url(../images/tooltip-arrow-top.png) no-repeat top right;
}

#rbabIcon .tooltip .rbabIconTooltipWrapper.rbabPosition-left .rbabTooltipArrow {
    position: absolute;
    bottom: 4px;
    right: -14px;
    height: 7px;
    width: 10px;
    background: url(../images/tooltip-arrow-right.png) no-repeat top right;
}

#rbabIcon .tooltip .rbabIconTooltipWrapper.rbabPosition-right .rbabTooltipArrow {
    position: absolute;
    bottom: 4px;
    left: -14px;
    height: 7px;
    width: 10px;
    background: url(../images/tooltip-arrow-left.png) no-repeat top right;
}