/**
 * @lastmodified $Id: base_tooltip.css 4347 2013-12-12 15:46:36Z h.ruhs $
 * @since 3.6.3
 *
 * @package Frontend-Kit
 * @tableofcontents
 *
 * 1. Tooltip
 */

/* @section 1. Tooltip */

.hasTooltip {
    cursor: help;
    position: relative
}

.tooltip {
    background: #e4f1ff;
    background: -moz-linear-gradient(top, #f1f8ff, #e4f1ff);
    background: -ms-linear-gradient(top, #f1f8ff, #e4f1ff);
    background: -o-linear-gradient(top, #f1f8ff, #e4f1ff);
    background: -webkit-gradient(linear, left top, left bottom, from(#f1f8ff), to(#e4f1ff));
    background: -webkit-linear-gradient(top, #f1f8ff, #e4f1ff);
    background: linear-gradient(top, #f1f8ff, #e4f1ff);
    -moz-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    display: none;
    z-index: 1000;
    opacity: 0;
    border: 1px solid #bfd1e4;
    color: #555;
    font-size: 11px;
    line-height: 16px;
    text-align: left;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    padding: 5px 10px;
}