span.tooltip {
  background: transparent url(sprite_tooltips.png) no-repeat scroll 0 0;
  font-size:11px;
  font-family:Verdana,Arial,Sans-serif;
  display: none;
  /*height: 60px;*/
  position: absolute;
  left:0;
  top: 0;
  text-align: left;
  /*white-space: nowrap;*/
  min-width: 100px;
  max-width: 500px;
  z-index: 1000;
  color:#222;
  background:#ffffdd;
  border:solid 1px #ddd;
  border-bottom: solid 1px #aaa;
  border-right: solid 1px #aaa; 
}

span.tooltip span {
  display: block;
  padding: 3px 5px;
  font-weight:bold;
}

span.mark {
  left:18px !Important;
  top: -5px !Important;
  min-width: 300px !Important;
}

span.list {
  top:20px !Important;
  /*white-space: nowrap;*/
  padding:0;
  text-align:center;
}

span.list span {
  display: inline;
  padding:0;
  font-weight:bold;
}


span.tooltip.left {
  background-position: 100% 0;
}

span.tooltip.left span {
  padding: 15px 0 0 17px;
}

span.tooltip.above {
  background-position: 0 100%;
}

span.tooltip.above span {
  padding: 13px 0 0 12px;
}

span.tooltip.above.left {
  background-position: 100% 100%;
}

span.tooltip.above.left span {
  padding: 13px 0 0 17px;
}