.bubble {
  background-color:transparent;
  border-collapse:collapse;
  border-spacing:0px;
  z-index:1000;
  position:absolute;
  display:none;
}

.bubble-top-center-table,
.bubble-bottom-center-table {
  width:100%;
  background-color:transparent;
  border-collapse:collapse;
  border-spacing:0px;
}

.bubble td {
  padding:0px;
}


.bubble-top-left {
  background: transparent url(tl.png) no-repeat scroll right bottom;
}
.bubble-top-center-left,
.bubble-top-center-right,
.bubble-top-tail {
  width:auto;
  background: transparent url(tc.png) repeat-x scroll left bottom;
}
.bubble-top-right {
  background: transparent url(tr.png) no-repeat scroll left bottom;
}
.bubble-left {
  background: transparent url(l.png) repeat-y scroll right top;
}
.bubble-center {
  background: transparent url(c.png) repeat scroll left top;
}
.bubble-right {
  background: transparent url(r.png) repeat-y scroll left top;
}
.bubble-bottom-left {
  background: transparent url(bl.png) no-repeat scroll right top;
}
.bubble-bottom-center-left,
.bubble-bottom-center-right,
.bubble-bottom-tail {
  background: transparent url(bc.png) repeat-x scroll left top;
}
.bubble-bottom-right {
  background: transparent url(br.png) no-repeat scroll left top;
}

.bubble-top-tail {
  width:31px;
  height:18px;
}

.bubble-bottom-tail {
  width:31px;
  height:23px;
}

.bubble-tail-up {
  background: transparent url(tu.png) no-repeat scroll center bottom;
}

.bubble-tail-down {
  background: transparent url(td.png) no-repeat scroll center top;
}

.bubble-top-left,
.bubble-top-center,
.bubble-top-right {
  height:18px;
}

.bubble-bottom-left,
.bubble-bottom-center,
.bubble-bottom-right {
  height:23px;
}

.bubble-top-left,
.bubble-left,
.bubble-bottom-left {
  width:11px;
}

.bubble-top-right,
.bubble-right,
.bubble-bottom-right {
  width:15px;
}

.bubble-content {
   margin:1ex 2ex;
}