/* Tooltips CSS definitions */

/* Default Tooltip *************************************/
div.wbttwx {
  position: absolute!important;
  z-index: 10000!important;
}
div.wbttwx .xtop, div.wbttwx .xbottom { display: block; background: transparent; font-size: 1px; }
div.wbttwx .xb1, div.wbttwx .xb2, div.wbttwx .xb3, div.wbttwx .xb4 { display: block; overflow: hidden; }
div.wbttwx .xb1, div.wbttwx .xb2, div.wbttwx .xb3 { height: 1px; }
div.wbttwx .xb2, div.wbttwx .xb3, div.wbttwx .xb4 { background: #666; border-left: 1px solid #333; border-right: 1px solid #333; }
div.wbttwx .xbottom .xb2, div.wbttwx .xbottom .xb3, div.wbttwx .xbottom .xb4 { background: #666; }
div.wbttwx .xb1 { margin: 0 5px; background: #333; }
div.wbttwx .xb2 { margin: 0 3px; border-width: 0 2px; }
div.wbttwx .xb3 { margin: 0 2px; }
div.wbttwx .xb4 { height: 2px; margin: 0 1px; }
div.wbttwx .xboxcontent {
  padding: 0 .5em;
  margin: 0;
  color: #000;
  text-shadow: 2px 2px 0px #CCC;
  word-wrap:break-word;
  border: 1px solid #333;
  border-width: 0px 1px 0 1px;
  background-color: #666;
}

/* Custom Tooltip *************************************/
table.wbtooltip {
  width:260px;
  z-index:900!important;
}
table.wbtooltip tr td.topleft {
  background:url(wbtooltip/topleft.png) right top no-repeat;
  width:26px;
  height:37px;
}
table.wbtooltip tr td.top {
  background:url(wbtooltip/top.png) left top repeat-x;
  height:37px;
}
table.wbtooltip tr td.topright {
  background:url(wbtooltip/topright.png) left top no-repeat;
  width:23px;
  height:37px;
}
table.wbtooltip tr td.pointer {
  background:url(wbtooltip/pointerleft_short.png) left top no-repeat;
  width:26px;
  line-height:60px;
}
table.wbtooltip tr.trow { height:37px; }
table.wbtooltip tr.crow { height:100%; }
table.wbtooltip tr.brow { height:26px; }
table.wbtooltip tr td.left {
}
table.wbtooltip tr td.cleft {
  background:url(wbtooltip/pointleft_short.png) left top no-repeat;
  width:23px; height:100%;
}
table.wbtooltip tr td.content {
  background-color:#f6f6f6;
  padding:8px 0 0 0;
  vertical-align:top;
  text-align:left;
}
table.wbtooltip tr td.right {
  background:url(wbtooltip/right.png) left top repeat-y;
  width:23px;
}
table.wbtooltip tr td.botleft {
  background:url(wbtooltip/botleft.png) right top no-repeat;
  width:26px;
  height:26px;
}
table.wbtooltip tr td.bot {
  background:url(wbtooltip/bot.png) left top repeat-x;
  height:26px;
  vertical-align:top;
}
table.wbtooltip tr td.botright {
  background:url(wbtooltip/botright.png) right top no-repeat;
  width:23px;
  height:26px;
}
table.wbtooltip tr td.top div.title {
  font-weight:bold;
  font-size:13px;
  color:#fff;
}
table.wbtooltip tr td.content div.content {
  font-size:12px;
  color:#333;
}