#tooltip {
    position: absolute;
    z-index: 3000;
    opacity: 1;
}

#tooltip h3 {
    background-color: #fff;
    border: 1px solid #848484;
    color: #000;
    padding: 5px;
}

.tooltipHeader {
    color: #fff;
    font-weight: bold;
    background: url('/layout/Cdf/Themes/2010/Images/gradient-block-header-5x19.png') repeat-x;
    height: 17px;
    font-weight: bold;
    text-align: center;
    padding: 2px 5px 0 5px;
}

.tooltipImage {
    background-color: #fff;
    border: 1px solid #848484;
}

.tooltipImage img {
    margin: 4px;
}

.stockTooltipContainer {
    background-color: #fff;
    border: 1px solid #848484;
    padding: 5px;
}

#tooltip h3, #tooltip div { margin: 0; font-size: 12px; }

#tooltip div label.error {
    padding: 5px;
    border: 1px solid #f00;
    background: url('/layout/Cdf/Themes/2010/Images/question-mark.png') no-repeat 5px 50%;
    padding-left: 25px;
    background-color: #fff;
    display: block;
    max-width: 250px; /* For modern browsers */
    width: expression(this.width > 250 ? '250px' : true); /* For IE 6 */
}

#tooltip.prettyTooltip {
    font-family: Arial;
    border: none;
    width: 210px;
    padding: 20px;
    height: 135px;
    opacity: 0.9;
    background: url('/layout/Citytel/Images/prettyTooltipShadow.png');
}

#tooltip.prettyTooltip h3 {
    margin-bottom: 0.75em;
    font-size: 12px;
    width: 210px;
    text-align: center;
}

#tooltip.prettyTooltip div { width: 220px; text-align: left; }