/*
Can use either a <div> or an <a>

<a class="tooltip" <?php echo 'href="tel: ' . $_teleNo . '"'; ?> >image or placeholder here
	<span class="tooltiptext">
        tooltip text here 
    </span>
</a>

*/

.tooltip
{
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext  /* Tooltip text */
{
    visibility: hidden;
    background-color: darkgrey;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
}

.tooltip:hover .tooltiptext  /* Show the tooltip text when you mouse over the tooltip container */
{
    visibility: visible;
}