body
{
    font-family: Tahoma;
    font-size: 12px;
}
#text
{
    margin: 50px auto;
    width: 500px;
    direction: rtl;
    text-align: right;
}
.hotspot
{
    color: #900;
    padding-bottom: 1px;
    border-bottom: 1px dotted #900;
    cursor: pointer;
        direction: rtl;
    text-align: right;

}

#tt
{
    position: absolute;
    display: block;
        direction: rtl;
    text-align: right;

    background: url(tt_left.gif) top left no-repeat;
}
#tttop
{
    display: block;
    height: 5px;
    margin-left: 5px;
    background: url(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(tt_bottom.gif) top right no-repeat;
    overflow: hidden;
}