#ajax_tooltipObj{
    z-index:1000000;
    text-align:left;
}
#ajax_tooltipObj div{
    position:relative;
}

/* If you don't want the arrow - Just set the width of this div to 1 or something like that and drop the background selectors from the CSS below */

#ajax_tooltipObj .ajax_tooltip_arrow{    /* Left div for the small arrow */
    background-image:url('images/arrow.gif');
    width:20px;
    position:absolute;
    left:0px;
    top:0px;
    background-repeat:no-repeat;
    background-position:center left;
    z-index:1000005;
    height:60px;
}

#ajax_tooltipObj .ajax_tooltip_content{
    background: #D1D1D1;
    color:#000;
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
    position:relative;
    border:2px solid #633B79;    /* Border width */
    left:18px;    /* Same as border thickness */
    top:0px;
    position:relative;
    width:142px;    /* Width of tooltip content */
    height:230px;    /* Height of tooltip content */
    padding:5px;    /* Space between border and content */
    font-size:0.8em;    /* Font size of content */
    overflow:auto;    /* Hide overflow content */
    z-index:1000001;
}