/* global */
div.ui-cluetip
{
    font-size: 1em;
}

.ui-cluetip-header,
.ui-cluetip-content
{
    padding: 12px;
}

.ui-cluetip-header
{
    font-size: 1em;
    margin: 0;
    overflow: hidden;
}

.cluetip-title .cluetip-close
{
    float: right;
    position: relative;
}

.cluetip-close img
{
    border: 0;
}

#cluetip-waitimage
{
    width: 24px;
    height: 24px;
    position: absolute;
    background-image: url('../Images/progress.svg');
    background-repeat: no-repeat;
}

.cluetip-arrows
{
    display: none;
    position: absolute;
    top: 0;
    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
{
    background-color: #D9D9C2;
}

.cluetip-default .ui-cluetip-header
{
    background-color: #87876A;
}

/***************************************
   =cluetipClass: 'rounded'
-------------------------------------- */
.cluetip-rounded
{
    border-radius: 6px;
    background-color: #FFF;
    border: 1px solid #CCC;
}

/* stupid IE6 HasLayout hack */
.cluetip-rounded .cluetip-title,
.cluetip-rounded .cluetip-inner
{
    zoom: 1;
}

/* jquery.cluetip.css customisation */
.cluetip-default
{
    background: #FFFFAA;
    border: 1px solid #FFAD33;
}

.cluetip-default .ui-cluetip-header
{
    background: #FFAD33;
}

.cluetip-default h3.cluetip-title
{
    padding: 5px 8px 5px 5px;
    color: #FFFFFF !important;
    font-weight: bold;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.cluetip-default .cluetip-title a
{
    color: #FFFFFF;
}

.cluetip-default .cluetip-inner
{
    padding: 8px 10px 8px 10px;
    background: #FFFFAA;
}

.cluetip-close .glyphicon-remove
{
    background-color: #CE3100;
    padding: 3px;
    font-size: 10px;
    margin-top: -3px;
    margin-bottom: 1px;
}