/* tooltip.css */

div.tooltip {
  position:absolute;
  z-index:999;
  display:none;
  width:120px;
  height:0;
  text-align:left;
  line-height:0;   /* for IE */
}

div.tooltip p {
  position:absolute;
  bottom:0;
  width:120px;
  margin:0;
  padding:4px 6px;
  text-align:left;
  line-height:1.1em;
  font-size:12px;
  font-family:Osaka,'MS UI Gothic',sans-serif;
  color:#369;
  background:#cde;
  border:solid 1px #369;
  -moz-border-radius:4px;   /* for Mozilla */
  -webkit-border-radius:4px;   /* for Safari */
  -khtml-border-radius:4px;   /* for Old Safari, KHTML */
  border-radius:4px;   /* for CSS3 */
}
html>body div.tooltip p {
  width:108px;
}

div.tooltip div {
  position:absolute;
  width:0;
  height:0;
  line-height:0;   /* for IE */
  border-right:0;
  border-bottom:0;
}
div.tooltip div.point-border {
  z-index:1;
  top:-1px;
  left:70px;
  border-top:solid 10px #369;
  border-left:solid 10px transparent;
}
div.tooltip div.point-inner {
  z-index:2;
  top:-2px;
  left:71px;
  border-top:solid 8px #cde;
  border-left:solid 8px transparent;
}