@charset "utf-8";
/* Cross Browser Css for Tooltip Coded By D3$i693R A$h1$h */

/* Tool Tip starts from here */    

#tooltip{padding: 5px 10px 10px 10px;background-color:#000;border:1px solid #000;width:260px;font:normal 11px "Trebuchet Ms";color:#fff;font-size:90%;text-align:left;}


.SimpleTip{
    position:relative;  
    color:blue;
}
.SimpleTip div{
    /* hide tool tip box */
    display: none; 
}

/* -- STYLE : 1 --*/    
.SimpleTipHover{
    position:relative; 
    color:#069;
    cursor: help;  /* show help icon along with regular mouse icon */
}
/* style the tool tip */
.SimpleTipHover div{ 
    /* you can change anything in the styling attributes below */
    font-size: 12px; 
    font-weight: normal; 
    width:250px; 
    padding:4px;   
    border:2px solid #FFC568; 
    background-color:#FFF9E4; 
    color:#555;
    /* DON'T CHANGE ANYTHING BEYOND THIS LINE */
    /* making round corners for Moziall Firefox and Safari. IE dosen't support */
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px; 
    position:absolute; 
    display:block; 
    left:0px; /* correct positioning*/
    top:auto; /* adjust positioning from top so that tool tip will come above the elemnt */
    text-align: left;  
    /* make it visible above the all elment, z-index decide the order of elements we show on page. 5000 is much higher value and tool tip will always come above of all elements */
    z-index:5000;
}
    
/* -- STYLE : 2 --*/    
    .tipStylet2Hover{
        position:relative; 
        color:#069; font-weight: 
        normal; 
        cursor: help;  /* show help icon along with regular mouse icon */
    }
    /* style the tool tip */
    .tipStylet2Hover div{ 
        /* you can change anything in the styling attributes below */
        font-size: 12px; 
        font-weight: normal; 
        width:250px; 
        padding:4px;   
        border:2px solid #666; 
        background-color:#888; 
        color:#fff;
        /* DON'T CHANGE ANYTHING BEYOND THIS LINE */
        /* making round corners for Moziall Firefox and Safari. IE dosen't support */
        -moz-border-radius: 3px; 
        -webkit-border-radius: 3px; 
        position:absolute; 
        display:block; 
        left:0px; /* correct positioning*/
        top: auto; /* adjust positioning from top so that tool tip will come above the elemnt */
        text-align: left;  
        /* make it visible above the all elment, z-index decide the order of elements we show on page. 5000 is much higher value and tool tip will always come above of all elements */
        z-index:5000;
    }
    
/* -- Image Tip --*/    
    .imageTipHover{
        position:relative; 
        color:#069; 
        z-index:5000;
        cursor: help;  /* show help icon along with regular mouse icon */
    }
    /* style the tool tip */
    .imageTipHover div{ 
        /* you can change anything in the styling attributes below */
        font-size: 12px; 
        font-weight: normal;         
        padding:4px;   
        border:2px solid #555; 
        background-color:#333; 
        color:#fff;
        /* DON'T CHANGE ANYTHING BEYOND THIS LINE */
        /* making round corners for Moziall Firefox and Safari. IE dosen't support */
        -moz-border-radius: 3px; 
        -webkit-border-radius: 3px; 
        position:absolute; 
        display:block; 
        width:auto;
        left:0px; /* correct positioning*/
        top: auto; /* adjust positioning from top so that tool tip will come above the elemnt */
        text-align: left;  
        /* make it visible above the all elment, z-index decide the order of elements we show on page. 5000 is much higher value and tool tip will always come above of all elements */
        z-index:5000;
    }    
    
</style>