/* Tooltips CSS definitions */  
.tooltip {
  position: absolute!important;
  overflow:hidden;
  font-size: 13px;
  font-family: inherit;
  z-index: 10000!important;
  text-align: center;
}
.tooltip .xtop, .tooltip .xbottom { display: block; background: transparent; font-size: 1px; }
.tooltip .xb1, .tooltip .xb2, .tooltip .xb3, .tooltip .xb4 { display: block; overflow: hidden; }
.tooltip .xb1, .tooltip .xb2, .tooltip .xb3 { height: 1px; }
.tooltip .xb2, .tooltip .xb3, .tooltip .xb4 { background: #606060; border-left: 1px solid #606060; border-right: 1px solid #606060; }
.tooltip .xbottom .xb2, .tooltip .xbottom .xb3, .tooltip .xbottom .xb4 { background: #606060; }
.tooltip .xb1 { margin: 0 5px; background: #606060; }
.tooltip .xb2 { margin: 0 3px; border-width: 0 2px; }
.tooltip .xb3 { margin: 0 2px; }
.tooltip .xb4 { height: 2px; margin: 0 1px; }
.tooltip .xboxcontent {
  margin: 0;
  color: #000;
  word-wrap:break-word;
  border-width: 4px 4px;
  border-style: solid;
  border-color: #606060;
  background-color: white;
  padding: 6px;
}
.tooltip .xb1, .xb2, .xb3, .xb4 {
  border-color: #606060;
}
.tooltip-square .xtop, .tooltip-square .xbottom {
  display: none;
}