/* CSS needed for the script */

#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:-20px;
    background-repeat:no-repeat;
    background-position:center left;
    z-index:1000005;
    height:25px;
}

#ajax_tooltipObj .ajax_tooltip_content{
    border:2px solid #9D9D9B;   /* Border width */
    left:18px;  /* Same as border thickness */
    top:-230px;
    position:absolute;
    width:310px;    /* Width of tooltip content */
    height:276px;   /* Height of tooltip content */
    background-color:#FFFFFF;  /* Background color */
    padding:0px;    /* Space between border and content */
    font-size:0.6em;    /* Font size of content */
    overflow:hidden;  /* Hide overflow content */
    z-index:1000001;
}

.ptitle {
  color: #ffffff;
  font-family: verdana;
  font-size: 14px;
  font-weight: bold;

}