#bubbleTip
    { position: absolute;
      width: 250px;
      display:none;
      z-index: 1000;
    }
    
    #bubbleTip table
    { width: 100%;
    }
    
    #bubbleTip tr.top .left
    { width: 19px;
      height:15px;
      overflow: hidden;
      background: url('img/bubble/bubble-1.png') no-repeat;
    }
    
    #bubbleTip tr.top .right
    { width: 19px;
      height:15px;
      overflow: hidden;
      background: url('img/bubble/bubble-3.png') no-repeat;
    }
    
    #bubbleTip tr.top .middle
    { background: url('img/bubble/bubble-2.png') repeat-x;
    }
    
    #bubbleTip tr.bottom .left
    { width: 19px;
      height:29px;
      overflow: hidden;
      background: url('img/bubble/bubble-6.png') no-repeat;
    }
    
    #bubbleTip tr.bottom .right
    { width: 19px;
      height:29px;
      overflow: hidden;
      background: url('img/bubble/bubble-8.png') no-repeat;
    }
    
    #bubbleTip tr.bottom .middle
    { background: url('img/bubble/bubble-7.png') repeat-x;
    }
    
    #bubbleTip tr.middle .left
    { width: 19px;
      height:29px;
      overflow: hidden;
      background: url('img/bubble/bubble-4.png') repeat-y;
    }
    
    #bubbleTip tr.middle .right
    { width: 19px;
      height:29px;
      overflow: hidden;
      background: url('img/bubble/bubble-5.png') repeat-y;
    }
    
    #bubbleTip .tip
    { width: 30px;
      height: 44px;
      background: url('img/bubble/bubble-tail2.png') no-repeat 0px -0px;
      position: absolute;
      left: 16px;
      bottom: -15px;
    }
    
    #bubbleTip tr.middle .middle
    { background: #fff;
      font-size: 8pt;
      color: #263A55;
      font-family: arial, sans-serif;
      text-align: left;
      font-weight:bold;
    }