/*
    cluetip.css
    Styles for all cluetip tooltip
    $Id: cluetip.css,v 1.4 2018/08/06 08:36:33 mpaschetto Exp $
*/

.cluetip-title .cluetip-close {
    float: right;
    position: relative;
}
.cluetip-close img {
    border: 0;
    height: 20px;
    margin-top: -2px;
}

#cluetip-waitimage {
    width: 43px;
    height: 11px;
    position: absolute;
    background-image: url('/grp/iw/img/skins/default/controls/tooltip/wait.gif');
}
.cluetip-arrows {
    display: none;
    position: absolute;
    top: 0px;
    left: -11px;
    width: 11px;
    height: 22px;
    background-repeat: no-repeat;
    background-position: 0 0;
    border-width: 0;
}
.cluetip-extra {
    display: none;
}

/***************************************
   =cluetipClass: 'default'
-------------------------------------- */

.cluetip-default,
.cluetip-default .cluetip-outer {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.cluetip-default .ui-cluetip-header {

}

/* default arrows */
div.cluetip-default .cluetip-arrows {
    border-width: 0;
    background: transparent none;
}
div.clue-right-default .cluetip-arrows {
    background-image: url('/grp/iw/img/skins/TheLastDreamDark/controls/tooltip/darrowleft.png');
}
div.clue-left-default .cluetip-arrows {
    background-image: url('/grp/iw/img/skins/TheLastDreamDark/controls/tooltip/darrowright.png');
    left: 100%;
    margin-right: -11px;
}
div.clue-top-default .cluetip-arrows {
    background-image: url('/grp/iw/img/skins/TheLastDreamDark/controls/tooltip/darrowdown.png');
    top: 100%;
    left: 50%;
    margin-left: -11px;
    width: 22px;
    height: 11px;
}
div.clue-bottom-default .cluetip-arrows {
    background-image: url('/grp/iw/img/skins/TheLastDreamDark/controls/tooltip/darrowup.png');
    top: -11px;
    left: 50%;
    margin-left: -11px;
    width: 22px;
    height: 11px;
}

/* global */
div.ui-cluetip {
    font-size: 1em;
}
.ui-cluetip-content {
    padding: 10px;
    max-width: 800px;
    max-height: 400px;
    overflow: auto;
}
.ui-cluetip-header {
    /*height: 16px;*/
    padding: 3px;
    /*font-size: 1em;*/
    margin: 0;
    overflow: hidden;
}