@charset "utf-8";

/*
Hive Viriatum Web Server
Copyright (c) 2008-2020 Hive Solutions Lda.

This file is part of Hive Viriatum Web Server.

Hive Viriatum Web Server is free software: you can redistribute it and/or modify
it under the terms of the Apache License as published by the Apache
Foundation, either version 2.0 of the License, or (at your option) any
later version.

Hive Viriatum Web Server is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
Apache License for more details.

You should have received a copy of the Apache License along with
Hive Viriatum Web Server. If not, see <http://www.apache.org/licenses/>.
*/

/*
__author__    = João Magalhães <joamag@hive.pt>
__version__   = 1.0.0
__revision__  = $LastChangedRevision: $
__date__      = $LastChangedDate: $
__copyright__ = Copyright (c) 2008-2020 Hive Solutions Lda.
__license__   = Apache License, Version 2.0
*/

body {
    background: #e8e8e8 url(../images/background.png) repeat;
    font-family: Georgia, Times;
}

h1 {
    color: #595959;
    font-size: 10pt;
    margin: 10px 0px 10px 0px;
    text-align: center;
    text-shadow: 1px 1px 1px #ffffff;
    -o-text-shadow: 1px 1px 1px #ffffff;
    -ms-text-shadow: 1px 1px 1px #ffffff;
    -moz-text-shadow: 1px 1px 1px #ffffff;
    -khtml-text-shadow: 1px 1px 1px #ffffff;
    -webkit-text-shadow: 1px 1px 1px #ffffff;
    text-transform: uppercase;
}

p {
    color: #666666;
    font-size: 11pt;
    line-height: 1.5em;
    margin: 10px 0px 10px 0px;
    text-align: center;
    text-shadow: 1px 1px 1px #ffffff;
    -o-text-shadow: 1px 1px 1px #ffffff;
    -ms-text-shadow: 1px 1px 1px #ffffff;
    -moz-text-shadow: 1px 1px 1px #ffffff;
    -khtml-text-shadow: 1px 1px 1px #ffffff;
    -webkit-text-shadow: 1px 1px 1px #ffffff;
}

a {
    color: #9e9400;
    font-size: 8pt;
    text-decoration: none;
    text-shadow: 1px 1px 1px #ffffff;
    -o-text-shadow: 1px 1px 1px #ffffff;
    -ms-text-shadow: 1px 1px 1px #ffffff;
    -moz-text-shadow: 1px 1px 1px #ffffff;
    -khtml-text-shadow: 1px 1px 1px #ffffff;
    -webkit-text-shadow: 1px 1px 1px #ffffff;
}

a:hover {
    color: #4d4d4d;
}

.clear {
    clear: both;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.center {
    text-align: center;
}

.bold {
    font-weight: bold;
}

.label {
    color: #888888;
}

.table a {
    color: #595959;
    font-size: 11pt;
    word-break: break-word;
}

.table a:hover {
    color: #000000;
}

.table a.large {
    font-size: 12pt;
}

.separator-horizontal {
    background: transparent url(../images/separator-horizontal.png) no-repeat center center;
    height: 10px;
    margin: 20px auto 6px auto;
    width: 260px;
}

#header-wrapper {
    width: 100%;
}

#header-wrapper .header-body {
    margin: 0px auto 0px auto;
    width: 960px;
}

.main-illustration {
    background: transparent url(../images/illustration/main-illustration.png) no-repeat center center;
    height: 290px;
    width: 960px;
}

.branding.simple {
    margin-top: 50px;
}

.branding a {
    background: transparent url(../images/logo/viriatum-logo.png) no-repeat center center;
    display: block;
    height: 48px;
    margin: 10px auto 20px auto;
    width: 340px;
}

#content-wrapper {
    margin: 0px auto 0px auto;
    width: 960px;
}

.content-header {
    margin: 0px auto 0px auto;
    width: 340px;
}

.content-body {
    margin: 0px auto 0px auto;
    width: 340px;
}

.description-body {
    margin: 60px auto 40px auto;
    width: 480px;
}

.description-body > p {
    margin: 20px 0px 20px 0px;
}

#footer-wrapper {
    margin: 0px auto 0px auto;
    width: 960px;
}

.footer-body {
    margin: 0px auto 0px auto;
    text-align: center;
    width: 260px;
}

.footer-body a {
    text-transform: uppercase;
    width: 110px;
}

.footer-list {
    margin: 20px auto 0px auto;
    padding: 0px 0px 0px 0px;
}

.footer-list li {
    display: inline;
    list-style: none;
    margin: 0px 8px 0px 8px;
}

.footer-logo {
    margin-top: 28px;
}

.table.file-listing {
    color: #595959;
    margin: 80px auto 40px auto;
    width: 860px;
}

.table.file-listing a {
    padding-bottom: 2px;
}

.table.file-listing a:hover {
    border-bottom: 1px solid #595959;
}

.table.file-listing th {
    line-height: 24px;
}

.table.file-listing th {
    font-weight: normal;
    padding: 5px 0px 5px 36px;
}

.table.file-listing th:last-child {
    padding: 5px 10px 5px 0px;
}

.table.file-listing .current-folder td {
    border-bottom: 1px solid #cccccc;
    font-weight: bold;
}

.table.file-listing td {
    line-height: 24px;
    padding: 5px 0px 5px 0px;
}

.table.file-listing td.name {
    max-width: 330px;
    min-width: 330px;
    width: 330px;
}

.table.file-listing td.date {
    max-width: 160px;
    min-width: 160px;
    width: 160px;
}

.table.file-listing td.size {
    max-width: 102px;
    min-width: 102px;
    width: 102px;
}

.table.file-listing tbody td:last-child {
    padding: 5px 10px 5px 0px;
}

.table.file-listing td.icon {
    max-width: 17px;
    min-width: 17px;
    padding: 0px 5px 0px 5px;
    width: 17px;
}

.table.file-listing tfoot tr td {
    height: 60px;
    padding: 0px 0px 0px 0px;
    vertical-align: bottom;
}

span.separator {
    color: #aaaaaa;
    text-shadow: 2px 1px 1px #ffffff;
    -o-text-shadow: 2px 1px 1px #ffffff;
    -ms-text-shadow: 2px 1px 1px #ffffff;
    -moz-text-shadow: 2px 1px 1px #ffffff;
    -khtml-text-shadow: 2px 1px 1px #ffffff;
    -webkit-text-shadow: 2px 1px 1px #ffffff;
}

.icon.arrow-left span {
    background: transparent url(../images/arrow-left.png) top center no-repeat;
    display: block;
    height: 16px;
    width: 100%;
}

.icon.arrow-left a:hover {
    background-position: bottom center;
}

.icon.folder {
    background: transparent url(../images/mime/icon-folder.png) center center no-repeat;
}

.icon.image {
    background: transparent url(../images/mime/icon-image.png) center center no-repeat;
}

.icon.text {
    background: transparent url(../images/mime/icon-text.png) center center no-repeat;
}

.icon.html {
    background: transparent url(../images/mime/icon-html.png) center center no-repeat;
}

.icon.link {
    background: transparent url(../images/mime/icon-link.png) center center no-repeat;
}

.table.status {
    color: #595959;
    margin: 60px auto 40px auto;
    width: 960px;
}

.table.status td {
    padding: 8px 20px 8px 20px;
}

.content-header.error {
    margin: 80px auto 80px auto;
    width: 400px;
}

.error-illustration {
    background: transparent url(../images/illustration/error-illustration.png) no-repeat center center;
    float: left;
    height: 280px;
    width: 200px;
}

.error-content {
    float: left;
    margin-top: 66px;
    width: 200px;
}

.error-code {
    color: #444444;
    font-family: times;
    font-size: 38pt;
    height: 50px;
    text-align: center;
    text-shadow: 1px 1px 1px #ffffff;
    -o-text-shadow: 1px 1px 1px #ffffff;
    -ms-text-shadow: 1px 1px 1px #ffffff;
    -moz-text-shadow: 1px 1px 1px #ffffff;
    -khtml-text-shadow: 1px 1px 1px #ffffff;
    -webkit-text-shadow: 1px 1px 1px #ffffff;
    width: 100%;
}

.error-description {
    font-size: 16pt;
    font-weight: normal;
    text-transform: uppercase;
}

.error-details {
    font-size: 8pt;
    font-weight: normal;
    text-transform: uppercase;
}