/*---------- bubble tooltip -----------*/

.tt{
    position:relative;
    z-index:24;
    font-weight:bold;
    text-decoration:none;
}
.tt  .tooltip {
    display: none;
}

/*background:; ie hack, something must be changed in a for ie to execute it*/
.tt:hover{
    z-index:25;
} 
.tt:hover  .top{
    display: block;
    padding: 20px 8px 0;
    background: url(../images/bubble.gif) no-repeat top;
}
.tt  .middle{ /* different middle bg for stretch */
    display: block;
   /* padding: 0 8px; 
    background: url(../images/bubble_filler.gif) repeat bottom; */
}
.tt  .middle td {text-align:left; border:none !important; }
.tt  .middle {color:#fff !important;}
.tt:hover  .bottom{
    display: block;
    padding:3px 8px 0;
    color: #548912;
    background: url(../images/bubble.gif) no-repeat bottom;
}
.tt:hover  .tooltip {
    position:absolute;
    top:-30px; left:65px;
}
.tt:hover  .tooltip{
    display:block; 
    padding: 15px 0 0 0;
    height:70px;
    text-align: center;
    filter: alpha(opacity:90);
    KHTMLOpacity: 0.90;
    MozOpacity: 0.90;
    opacity: 0.90;
}
#new .tt  .tooltip {
   top:-25px; left:150px;
}
#sidebar .tt  .tooltip {
   top:-25px; left:150px;
}
#sendgift .tt  .tooltip {
    top:-25px; left:160px;
}

*html .tt  .tooltip{
    position:absolute;
    top:-30px; left:65px;
    padding: 15px 0 0 0;
    height:70px;
    text-align: center;
    filter: alpha(opacity:90);
    KHTMLOpacity: 0.90;
    MozOpacity: 0.90;
    opacity: 0.90;
}

*html #new .tt  .tooltip {
    left:75px;
}

*html #sendgift .tt  .tooltip {
    left:25px;
}
 .tooltip table {
    height:70px;
}
 .tooltip td.left {
    padding-left:25px;
    background: url(../images/bubble.gif) no-repeat top left;
}
#sidebar  .tooltip td.left {
    padding-left:5px;
    background: url(../images/bubble2.gif) no-repeat top left;
}
 .tooltip td.middle {background: url(../images/bubble_filler.gif) repeat-x; vertical-align:middle; padding:21px 0 !important}
 .tooltip td.right {
    padding-left:5px;
    background: url(../images/bubble.gif) no-repeat top right;
}
#sidebar  .tooltip td.right {
    padding-left:25px;
    background: url(../images/bubble2.gif) no-repeat top right;
}
div.line {border-bottom:1px solid #728823; font-size:1px; margin:3px 0}