.tooltipitem {
  font-size: 10px;
  color: #EBCBCB;
  z-index: 10;
  /*width: 20px;*/
}
.tooltipitem:hover {
  color: #fff;  
}
.tooltipitem:hover div.tooltip {
  visibility: visible; 
}
.tooltip {
  position: absolute; 
  visibility: hidden;
  z-index: 40;  
  background: url('../pics/boxwhite.png');
  margin-top: 24px;
  margin-left: -6px;  
}
.tooltip div:first-child {
  color: #7f2727;  
  border: 0px solid #7f2727;
  background-color: #ffefef; 
  background: url('../pics/tooltip.png');
  margin: 5px;
  padding: 4px;
  padding-top: 2px;
}
.tooltip span {
  color: #7f2727;  
  font-size: 10px;
}
.tooltip-left, .tooltip-right, .tooltip-up, .tooltip-down
{
  position:absolute;
  width:7px;
  height:7px;
}
.tooltip-down
{
  background: url('../pics/tooltip_down.png');
  left:12px;
  bottom:-2px;
}
.tooltip-up
{
  background: url('../pics/tooltip_up.png');
  left:12px;
  top:-2px;
}
.tooltip-left
{
  background: url('../pics/tooltip_left.png');
  left:-2px;
  top:11px;
}
.tooltip-right
{
  background: url('../pics/tooltip_right.png');
  right:-2px;
  top:11px;
}