.balloon{
    position:   absolute;
    z-index:    100;
}

.balloon table{
    border-collapse: collapse;
    width:  100%;
}

td.balloon_ul,
td.balloon_ur,
td.balloon_bl,
td.balloon_br,
td.balloon_ml,
td.balloon_mr{    
    font-size:          1px;
    line-height:        1px;
}

.balloon .lefthand td.balloon_ul,
.balloon .lefthand td.balloon_ur,
.balloon .lefthand td.balloon_bl,
.balloon .lefthand td.balloon_br,
.balloon .lefthand td.balloon_ml,
.balloon .lefthand td.balloon_mr{
    background:         url(../../res/img/balloon/balloon_lefthand.png);
    background-repeat:  no-repeat;
}

.balloon .righthand td.balloon_ul,
.balloon .righthand td.balloon_ur,
.balloon .righthand td.balloon_bl,
.balloon .righthand td.balloon_br,
.balloon .righthand td.balloon_ml,
.balloon .righthand td.balloon_mr{
    background:         url(../../res/img/balloon/balloon_righthand.png);
    background-repeat:  no-repeat;
}

.balloon .lefthand td.balloon_ul,
.balloon .righthand td.balloon_ul{ background-position: top left; }

.balloon .lefthand td.balloon_ur,
.balloon .righthand td.balloon_ur{ background-position: top right; }

.balloon .lefthand td.balloon_ml,
.balloon .righthand td.balloon_ml{ background-position: center left; }

.balloon .lefthand td.balloon_mr,
.balloon .righthand td.balloon_mr{ background-position: center right; }

.balloon .lefthand td.balloon_bl,
.balloon .righthand td.balloon_bl{ background-position: bottom left; }

.balloon .lefthand td.balloon_br,
.balloon .righthand td.balloon_br{ background-position: bottom right; }

.balloon .righthand td.balloon_mr,
.balloon .lefthand td.balloon_ml{ width: 13px; }

.balloon .righthand td.balloon_ml,
.balloon .lefthand td.balloon_mr{ width: 24px; }

tr.balloon_top td{ height: 8px; }
tr.balloon_bottom td{ height: 22px;}

/* content area formatting */
td.balloon_md{
    height:             42px;
    padding-left:       8px;
    padding-right:      8px;
    background-color:   #e3b524;
}