#tooltip {
    position: absolute;
    z-index: 3000;
    width: 355px;
}
#tooltip h5, #tooltip div { margin: 0; }

#tooltip h5 {
    font-size: 11px;
    color: white;
    margin: 0;
    padding: 0;
}

#tooltip .content_hint {
    background: #435985; padding: 10px; border:2px white solid; display:block;
}

#tooltip .header_hint {
    display: none;
}

#tooltip .footer_hint {
    display: none;
}

#tooltip.hint-element {
    padding-top: 20px;
    max-width: 304px;
    width: 304px;
}

#tooltip.hint-element .content_hint {
    background: #5975a4;
    border: none;
    border-left: 3px #fff solid;
    border-right: 3px #fff solid;
}

#tooltip.hint-element .content_hint h5{
    padding-left: 12px;
    padding-right: 12px;
}

#tooltip.hint-element .header_hint {
    display: block;
    background: url('/images/pbonline/panel/question_hint_header.png') no-repeat top center;
    height: 20px;
}

#tooltip.hint-element .footer_hint {
    display: block;
    background: url('/images/pbonline/panel/question_hint_footer.png') no-repeat bottom center;
    height: 10px;
}