/*** TOOLTIP *******************************************************************
These are the tooltips that pop up explaining room details, etc
*******************************************************************************/

.tooltips {
    display: none;
}

.tooltip {
    border: 1px solid #9fcbed;
    padding: 18px;
    background: #fff;
    position: absolute;
    z-index: 3000;
}

/*** TOOLTIP - HORIZONTAL *****************************************************/

.tooltip-right {
    margin-left: 16px;
    margin-right: -16px;
}

.tooltip-left {
    margin-right: 16px;
    margin-left: -16px;
}

.tooltip-right .arrow,
.tooltip-left .arrow {
    position: absolute;
    top: 50%;
    margin-top: -12px;
    height: 24px;
    width: 16px;
}

/********************************************************/
/* added the /vacations/ folder to the image path       */
/********************************************************/
.tooltip-right .arrow {
    left: -16px;
    background: url(/vacations/img/ui/tooltip-right.png) 0 0 no-repeat;
}

.tooltip-left .arrow {
    right: -16px;
    background: url(/vacations/img/ui/tooltip-left.png) 0 0 no-repeat;
}

/*** TOOLTIP - VERTICAL *******************************************************/

.tooltip-top {
    margin-bottom: -16px;
    margin-top: 16px;
}

.tooltip-bottom {
    margin-top: -16px;
    margin-bottom: 16px;
}

.tooltip-top .arrow,
.tooltip-bottom .arrow {
    position: absolute;
    left: 50%;
    margin-left: -12px;
    height: 16px;
    width: 24px;
}

/********************************************************/
/* added the /vacations/ folder to the image path       */
/********************************************************/
.tooltip-top .arrow {
    top: -16px;
    background: url(/vacations/img/ui/tooltip-top.png) 0 0 no-repeat;
}

.tooltip-bottom .arrow {
    bottom: -16px;
    background: url(/vacations/img/ui/tooltip-bottom.png) 0 0 no-repeat;
}

/*** TOOLTIP CONTENT **********************************************************/

.tooltip h2 {
    font-size: 1.25em;
}

.tooltip ul {
    margin: 10px 0;
}

/********************************************************/
/* added the /vacations/ folder to the image path       */
/********************************************************/
.tooltip ul li{
    background:url(/vacations/img/global-elements/ul-bullet.gif) no-repeat scroll 0 0.5em transparent;
    margin: 0 0 2px;
}



.ie6 .tooltip-top .arrow,
.ie6 .tooltip-bottom .arrow,
.ie6 .tooltip-left .arrow,
.ie6 .tooltip-right .arrow {
    background: none;
}