.hoverable
{
    transition: all 300ms ease;
}

.hoverable:hover
{
    transform: scale( 1.2 );
    box-shadow: 0 0 5px 2px #acacac;
}

.top-aligned
{
    vertical-align: top!important;
}

tr.first-of-order
{
    td {
        border-top: 2px solid #121212;
    }
}

td.inner
{
    padding: 0px!important;
}

td.inner.size
{
    max-width: 25px!important;
    width: 25px!important;
    text-align: right;
}

td.inner.short
{
    max-width: 12px;
    vertical-align: top;
}

tr.inner:not(:last-child)
{
    border-bottom: 1px solid #cecece;
}

table.inner
{
    width: 100%;
    border-collapse: collapse;
}

div#mailtext_template
{

    display: none;
    visibility: hidden;
    opacity: 0;

    position: fixed;
    background: white;
    box-shadow: 0 0 10px 2px #2c2c2c;

    width: 600px;
    height: 800px;
    overflow-y: auto;

    top: 50%;
    left: 50%;

    margin: -400px 0 0 -300px;

}

div#mailtext_template > div.closer {
    position: absolute;
    right: 20px;
    top: 20px;
}

div#mailtext_template > h3
{
    padding: 20px;
}
div#mailtext_template > p
{
    font-family: Courier New, Courier, Serif, Monospaced;
    white-space: pre;
    padding: 0 20px;
}