.tpl-hint-border { outline: 1px dotted white; margin: 2px; padding: 2px; overflow: hidden; }

.notcached { outline-color: red; }
.cached { outline-color: green; }
.implicitlycached { outline-color: orange; }

.tpl-hint-infobox { width: 500px; background-color: white; outline: 1px solid black; z-index: 1000; position: absolute; }

.tpl-hint:hover { outline-style: solid; }

.notcached:hover { box-shadow: 0 0 3px 3px red; }
.cached:hover { box-shadow: 0 0 3px 3px green; }
.implicitlycached:hover { box-shadow: 0 0 3px 3px orange; }

.ot-container { width: 500px; }
.opentip { color:black; font-family: sans-serif }
.opentip .header { margin: 0; padding: 0; position: inherit; text-align: left; width: auto; z-index: auto; background: none; height: auto; }
.opentip .content { text-align: left; }
.opentip dt { font-weight: bold; }
.opentip dd { margin-left: 20px; margin-bottom: 10px; word-wrap: break-word; }

dd dl { font-size: smaller; line-height: normal; }

.tpl-hint-title, .tpl-hint-infobox {
    display: none;
}

.tpl-hint:hover > .tpl-hint-title {
    position: absolute;
    background: red;
    color: white;
    height: 10px;
    font-family: Verdana;
    font-size: 7px;
    display: block;
    top: 0;
    left: 0;
}

.tpl-hint-title:hover .tpl-hint-infobox {
    background: lightgrey;
    color: black;
    top: 10px;
    left:0;
    display: block;
    font-family: Verdana;
    font-size: 10px;
    border: 0;
    overflow: scroll;
    width: 500px;
    height: 500px;
}