* {margin:0; padding:0}
#text {margin:50px auto; width:500px}
.hotspot {cursor: pointer}
span.hotspot {color: #144372; text-decoration: underline; cursor: pointer;}
span.hotspot:hover {color: #3b6e9f;}
span.hotspot:active {color: #3b6e9f;}

#tt {position:absolute; display:block; background: url(/js/tooltip/tt_left.gif) top left no-repeat; z-index: 100;}
#tt p {margin: 0 !important;}
#tttop {display:block; height:5px; margin-left:5px; background:url(/js/tooltip/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#386690; color:#FFF; font-size: 12px;}
#ttbot {display:block; height:5px; margin-left:5px; background: #386690 url(/js/tooltip/tt_bottom.gif) top right no-repeat; overflow:hidden}

#tt_r {position:absolute; display:block; background: url(/js/tooltip/tt_left.gif) top left no-repeat; z-index: 100;}
#tt_rtop_r {display:block; height:5px; margin-left:5px; background:url(/js/tooltip/tt_top.gif) top right no-repeat; overflow:hidden}
#tt_rcont_r {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#386690; color:#FFF; font-size: 12px;}
#tt_rbot_r {display:block; height:5px; margin-left:5px; background: #386690 url(/js/tooltip/tt_bottom.gif) top right no-repeat; overflow:hidden}