div#previewBox {
    margin-bottom: 10px;
    display: none;
}

div#previewBox .content {
    border: 1px solid #c0c0c0;
    width: 100%;
    height: 300px;
    overflow: auto;
}

div#listingBox {
    border: 1px solid #c0c0c0;
    width: 100%;
    height: 400px;
    overflow: auto;
    padding: 10px;
    position: relative;
}

div#listingBox div.loader {
    background: url('/wp-content/plugins/ctec_mods/images/ajax-loader.gif') no-repeat;
    width: 64px;
    height: 64px;
    margin: 0 auto;
    position: absolute;
    left: calc(50% - 32px);
    top: calc(50% - 32px);
    z-index: 999;
}

div#listingBox .list-content {
    display: table;
}

div#listingBox .list-content .list {
    display: table-row;
}

div#listingBox .list-content .list > div {
    display: table-cell;
}

div#listingBox .list-content .list > div:first-child {
    background: url('/wp-content/plugins/ctec_mods/images/listing-sprites.png') 0 0 no-repeat;
    width: 388px;
    font-size: 10pt;
    padding: 6px 0 6px 30px;
}

div#listingBox .list-content .list.file > div:nth-child(2),
div#listingBox .list-content .list .byte {
    width: 80px;
}

div#listingBox .list-content .list.dir > div:first-child {
    background-position: 0 8px;
}

div#listingBox .list-content .list.file > div:first-child {
    background-position: 0 -18px;
}

div#listingBox .list-content .list .date,
div#listingBox .list-content .list .byte {
    font-size: 10pt;
}

button.file {
    background: url('/wp-content/plugins/ctec_mods/images/listing-sprites.png') 0 0 no-repeat;
    width: 16px;
    height: 16px;
    border: 0;
    margin-right: 5px;
}

button.file.dl {
    background-position: 0 -53px;
}
button.file.pr {
    background-position: 0 -76px;
}
button.file.noclick {
    cursor: inherit;
}

pre#preview-content {
    height: 360px !important;
    max-height: 360px !important;
    overflow: auto;
}

div.reload {
    float: right;
}
div.reload a#reload {
    font-size: 0.8em;
}