/* =Hoverbox Code
----------------------------------------------------------------------*/
.hoverbox
{
    position: relative;
}

.hoverbox a
{
    cursor: pointer;
}

.hoverbox a .preview
{
    display: none;
}

.hoverbox a:hover .preview
{
    display: block;
    position: absolute;
    top: -10%;
    left: auto;
    z-index: 50;
    width: 250%;
}

.hoverbox img
{
    background: #fff;
    border-color: #aaa #ccc #ddd #bbb;
    border-style: solid;
    border-width: 1px;
    color: inherit;
    padding: 2px;
    vertical-align: middle;
}


.hoverbox div
{
    background: #eee;
    border-color: #ddd #bbb #aaa #ccc;
    border-style: solid;
    border-width: 1px;
    color: inherit;
    display: block;
    margin: 3px;
    padding: 5px;
}

.hoverbox p
{
    color: inherit;
    display: inline;
    margin: 3px;
    padding: 5px;
    position: relative;
}
p.text
{
    background-color: silver;
    display: block;
    z-index: 10;
}