/*#text {margin:50px auto; width:500px}
.hotspot {color:#900; padding-bottom:1px; border-bottom:1px dotted #900; cursor:pointer}*/

/*#tt {position:absolute; display:block; background:url('../../images/tooltip/tt_left.gif') top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url('../../images/tooltip/tt_top.gif') top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url('../../images/tooltip/tt_bottom.gif') top right no-repeat; overflow:hidden}*/

/* Use CSS3 border-radius instead of images to get round corners */
/* Removed border styles from the "tt" id and put them in "ttcont" instead. Fixed iPhone Safari issue. */
/*#tt {position:absolute; display:block; border-style: solid; border-color: #666; border-top-right-radius: 5px; border-top-left-radius: 5px; border-bottom-right-radius: 5px}*/
#tt {position:absolute; display:block}
#ttcont {display:block; padding:5px 8px 5px 8px; background:#666; color:#FFF; border-style: solid; border-color: #666; border-top-right-radius: 0px; border-top-left-radius: 0px; border-bottom-right-radius: 0px}