.msg_button_class
        {
            background-image: url(msg_button_1.jpg);
            font-family: Tahoma;
            font-size: 11px;
            font-weight: bold;
            color: #FFFFFF;
            border: 1px solid #DDDDDD;
            height: 22px;
            width :60px;
        }        
        
        /*para tooltip*/     
        
 div.tt
{
    border-style: solid;
    border-width: 0px;
    position: relative;
    z-index: 24;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
    
    border-top-color: #ffffff;
    border-right-color: #ffffff;
    border-bottom-color: #ffffff;
    border-left-color: #ffffff;
}
 div.tt span{ display: none; }
  
  
  
/*background:; ie hack, something must be changed in a for ie to execute it*/
 div.tt:hover{ z-index:25; color: #FFFFFF; background;}
 div.tt:hover span.tooltip{
 display:block;
 position:absolute;
 top:0px; left:0;
 padding: 15px 15px 0 0;
 width:400px;
 color: #993300;
 text-align: center;
 filter: alpha(opacity:90);
 KHTMLOpacity: 0.90;
 MozOpacity: 0.90;
 opacity: 0.90;
 }
 div.tt:hover span.top{
 display: block;
 padding: 30px 8px 0;
 background: url(bubble.gif) no-repeat top;
 }
 div.tt:hover span.middle{ /* different middle bg for stretch */
 display: block;
 padding: 0 8px;
 background: url(bubble_filler.gif) repeat bottom;
 }
 div.tt:hover span.bottom{
 display: block;
 padding:3px 8px 10px;
 color: #548912;
 background: url(bubble.gif) no-repeat bottom;
 }