.Zebra_Tooltip {

    position: absolute;

    z-index: 99999;

    background: transparent;

    font-family: Geneva, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;

}



.Zebra_Tooltip .Zebra_Tooltip_Message {

    position: relative;

    padding: 20px;

    font-size: inherit;

    text-align: left;

    font-weight: normal;

    line-height: inherit;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

    -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);

    -moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);

    box-shadow: 2px 2px 6px rgba(0,0,0,0.6);

    *margin-right: 0;

    _width:expression(document.body.clientWidth > 250 ? '250px': 'auto'); /* max-width for IE6 */

}



.Zebra_Tooltip .Zebra_Tooltip_Arrow         { position: absolute; height: 10px; width: 20px; overflow: hidden }



.Zebra_Tooltip .Zebra_Tooltip_Arrow_Bottom  { bottom: 0 }

.Zebra_Tooltip .Zebra_Tooltip_Arrow_Top     { top: 0    }



.Zebra_Tooltip .Zebra_Tooltip_Arrow div {

    position: absolute;

    border-style: solid;

    border-width: 10px;

    height: 0;

    width: 0;

    left: 0;

    _border-left-color: pink;

    _border-right-color: pink;

    _filter: chroma(color=pink);

}



.Zebra_Tooltip .Zebra_Tooltip_Arrow_Bottom div  {

    top: 0;

    _border-bottom-color: pink;

}



.Zebra_Tooltip .Zebra_Tooltip_Arrow_Top div     {

    bottom: 0;

    _border-top-color: pink;

}



.Zebra_Tooltip .Zebra_Tooltip_Close {

    text-decoration: none;

    color: #FFF;

    position: absolute;

    right: 8px;

    top: 1px;

    font-size: inherit;

    font-weight: bold;

}



.Zebra_Tooltip .Zebra_Tooltip_Close:hover {

    color: #C40000;

}