#tooltip
{
    position: absolute;
    border: 1px solid #04B1F2;
    background: #F0FAFC;
    padding: 5px;
    color: #333;
    display: none;
    width: 300px;
    font-size: 12px;
}


/*---------- bubble tooltip -----------*/
a.tt
{
    position: relative;
    z-index: 24;
    color: #3CA3FF;
    font-weight: bold;
    text-decoration: none;
}
a.tt span
{
    display: none;
}
/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover
{
    z-index: 25;
    color: #aaaaff;
    background: ;;
}
a.tt:hover span.tooltip
{
    display: block;
    position: absolute;
    top: 0px;
    left: 0;
    padding: 15px 0 0 0;
    width: 200px;
    color: #993300;
    text-align: center;
    filter: alpha(opacity:90);
    khtmlopacity: 0.90;
    mozopacity: 0.90;
    opacity: 0.90;
}
a.tt:hover span.top
{
    display: block;
    padding: 30px 8px 0;
    background: url(images/bubble.gif) no-repeat top;
}
a.tt:hover span.middle
{
    /* different middle bg for stretch */
    display: block;
    padding: 0 8px;
    background: url(images/bubble_filler.gif) repeat bottom;
}
a.tt:hover span.bottom
{
    display: block;
    padding: 3px 8px 10px;
    color: #548912;
    background: url(images/bubble.gif) no-repeat bottom;
}


/* ToolTip Div Begin*/
#tooltipdiv
{
    position: absolute;
    border: 1px solid #04B1F2;
    background: #F0FAFC;
    padding: 5px;
    color: #333;
    display: none;
    width: 400px;
    font-size: 12px;
}

div.tt
{
    /*link*/
    position: relative;
    z-index: 24;
    font-weight: bold;
    text-decoration: none;
}
div.tt span
{
    display: none;
}

div.tt:hover
{
    z-index: 25;
    background: ;;
}
div.tt:hover span.tooltipdiv
{
    display: block;
    position: absolute;
    top: 0px;
    left: 0;
    padding: 15px 0 0 0;
    width: 400px;
    color: #663333;
    font-weight:normal;
    text-align: left;    
    filter: alpha(opacity:90);
    khtmlopacity: 0.90;
    mozopacity: 0.90;
    opacity: 0.90;
}
div.tt:hover span.top
{
    display: block;
    padding: 4px 4px 4px 4px;
    color: #FFFFFF;
    font-weight:bold;
    background-color:#99CCFF;
    background-color:#669900;
    background-color:#85a60f;
}
div.tt:hover span.middle
{
    /* different middle bg for stretch */
    display: block;
    padding: 8px 8px;
    /*background-color: #FFFFCC;*/
    background-color: InfoBackground; 
    height: 200px;
    overflow: auto;    
}
div.tt:hover span.bottom
{
    display: block;    
    color: #548912;
    height: 2px;
    background-color:#85a60f;
}
/* ToolTip Div End*/