div.baloon {
   font-size: 11px; color: #900; position: absolute; padding-left: 4px;
   background: url("../img/baloon_left.gif") no-repeat top left;
   z-index: 1;
}
div.baloon a {
   color: blue; text-decoration: none; padding: 2px; margin-right: 2px;
}
div.baloon a:hover {
   background-color: #eef;
}
div.baloon div {
   background: url("../img/baloon_right.gif") no-repeat top right;
   padding: 7px 7px 14px 0px;
   white-space: nowrap;
}

div.baloon span { background: url("../img/baloon_span.gif") no-repeat top left;
    padding: 7px 7px 14px 0px;
}

@media screen and (max-width: 480px) {
    div.baloon {
       left: 50% !important;
    }
}