/**
 * @project     OTRS (http://www.otrs.org) - Customer Frontend
 * @copyright   OTRS AG
 * @license     AGPL (http://www.gnu.org/licenses/agpl.txt)
 */

/**
 * @package     Skin "Default"
 * @section     Tooltips
 */

@media screen,projection,tv,handheld {

div.TooltipContainer {
    position: absolute;
    z-index: 3000;
    display: none;
}

div.Tooltip {
    width: 244px;
}

div.Tooltip.TongueLeft {
    margin-left: -37px;
}

/* RTL intentionally the same */
.RTL div.Tooltip.TongueLeft {
}

div.Tooltip.TongueRight {
    margin-left: -202px;
}

/* RTL intentionally the same */
.RTL div.Tooltip.TongueRight {
}

div.Tooltip > div.Tongue {
    height: 20px;
}

div.Tooltip > div.Content {
    padding: 5px 10px 15px 10px;
    border: 0;
}

div.Tooltip > div.Content p {
    line-height: 1.3em;
    margin: 0;
}

div.Tooltip.TongueLeft > div.Content {
    background: transparent url(../img/bubble_tongueleft.png) no-repeat bottom center;
}

div.Tooltip.TongueLeft > div.Tongue {
    background: transparent url(../img/bubble_tongueleft.png) no-repeat top center;
}

div.Tooltip.TongueRight > div.Content {
    background: transparent url(../img/bubble_tongueright.png) no-repeat bottom center;
}

div.Tooltip.TongueRight > div.Tongue {
    background: transparent url(../img/bubble_tongueright.png) no-repeat top center;
}


} /* end @media */