/*
#Tooltips
```
<div class="tooltip fade top in" role="tooltip" style="display: block;"><div class="tooltip-arrow" style="left: 50%;"></div><div class="tooltip-inner">Please enter numbers (0-9) only</div></div>

```
*/

.tooltippopup {
    text-decoration: none;
    position: relative;
}


    .tooltippopup span {
        display: none;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        color: black;
        background: white;
    }


        .tooltippopup span img {
            float: left;
            margin: 0px 8px 8px 0;
        }


    .tooltippopup:hover span {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1000;
        width: auto;
        max-width: 320px;
        min-height: 98px;
        border: 1px solid black;
        margin-top: 12px;
        margin-left: 32px;
        overflow: hidden;
        padding: 8px;
    }