/* 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 {
  left:0px;  /* Same as border thickness */
  top:0px;
  position:absolute;
  width:260px;  /* Width of tooltip content */
  background: url(../images/bkg-grey-transparent.png);
  padding: 20px;
  margin-top: -260px;
}

#ajax_tooltipObj .ajax_tooltip_arrow{  /* Left div for the small arrow */
  background-image:url('images/arrow_tooltip.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{
  border:1px solid #317082;  /* Border width */
  height:300px;  /* Height of tooltip content */
  background-color:#FFF;  /* Background color */
  padding:5px;  /* Space between border and content */
  overflow:auto;  /* Hide overflow content */
  font-size: 80%;  /* Font size of content */
  z-index:1000001;
}