<style> body {
        margin:20;
        font-family: Arial; 
        font-size: 0.9em; text-decoration:underline
    }
    p{margin-top:25px;}
/* Tool Tip starts from here */    
.SimpleTip{
    position:relative;                                     /* relative    absolute;     */
    color:#CC3300; 							 /* changes text color 008000 green*/
    font-size: 1.6em;						/* Changes font size */
    font-weight: bold; text-decoration:underline;                                      
}
.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; /*12*/
        font-weight: normal; 
        width:250px; 
        padding:4px;   
        border:2px solid #666; 
        background-color:#888; 
  
<style type="text/css">     

 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;         /*position:relative; color:#069; z-index:5000; cursor: help;  */   
        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; /*555 back border size*/
        background-color:#069; /*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>