#tooltip { width: 16.55em; *width: 16.15em; position: absolute; z-index: 3000; }
@media print { #tooltip { display: none !important; } }

#tooltip .top .left, #tooltip .top .right, #tooltip .bottom .left, #tooltip .bottom .right { width: 8px; height: 8px; font-size: 1px; background: url(../img/bas/corner-dotted.gif) no-repeat; position: absolute; }
#tooltip .top .left { left: 0; top: 0; }
#tooltip .top .right { background-position: right top; right: 0; top: 0; }
* html #tooltip .top .right { right: -1px; }
#tooltip .bottom .left { background-position: left bottom; bottom: 0; left: 0; }
* html #tooltip .bottom .left { bottom: -1px; }
#tooltip .bottom .right { background-position: right bottom; bottom: 0; right: 0; }
* html #tooltip .bottom .right { bottom: -1px; right: -1px; }

#tooltip .middle { height: 6px; background: White url(../img/bas/separator-x-gray.gif) repeat-x; font-size: 1px; margin: 0 8px; }
#tooltip .bottom .middle { background-position: left bottom; }

#tooltip .content .left { padding-left: 10px; background: White url(../img/bas/separator-y-gray.gif) repeat-y; }
#tooltip .content .right { padding: 1px 6px 6px 0; background: url(../img/bas/separator-y-gray.gif) repeat-y right top; }

#tooltip h3, #tooltip .body { font-size: 85%; }
#tooltip h3 { float: left; margin-right: 3px; }