/*
  Chestnut FTP Search - a web application to search files on FTP servers
  Copyright (C) 2006 Konstantin Korikov

  This program is free software; you can redistribute it and/or modify
  it under the terms of the GNU General Public License as published by
  the Free Software Foundation; either version 2 of the License, or
  (at your option) any later version.

  This program 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
  GNU General Public License for more details.

  You should have received a copy of the GNU General Public License
  along with this program; if not, write to the Free Software
  Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
*/

@import "ft.css";

body {
    margin: 0;
    padding: 0.5em;
    color: #000000;
    background-color: #d0ffd0;
    font: 100% "Lucida Grande", "Lucida Sans Unicode", geneva, verdana, sans-serif;
}

a {
    color: #2020e0;
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
}

a img {
    border: none;
}

#page {
    width: 60%;
    margin: 0 20%;
    position: relative;
}

#logo {
    padding: 0;
    margin: 0 0 0.5em 0;
    font-size: x-large;
    font-weight: bold;
    color: #60b060;
    border-top: 2px solid #60b060;
    border-bottom: 2px solid #60b060;
}

#langswitch {
    margin: -0.25em 0 0.5em 0;
    text-align: right;
    color: #000;
}
#langswitch ul {
    display: inline;
    padding: 0;
    margin: 0;
}
#langswitch ul li {
    display: inline;
    padding: 0;
    margin: 0 0 0 0.125em;
    list-style: none;
}
#langswitch ul li:before {
    content: "•";
    visibility: hidden;
    margin: 0 .125em;
}
#langswitch ul li.current:before {
    visibility: visible;
}
#langswitch a {
    text-decoration: none;
    color: #000;
}

#menu {
    padding: 0 0.5em;
    margin: 0 0 1em 0;
    border-top: 1px solid #c04040;
    border-bottom: 1px solid #c04040;
    background-color: #ffe0e0;
}

#menu li {
    display: inline;
    font-size: large;
    margin-right: 1em;
}

#menu a {
    text-decoration: none;
    color: #c04040;
}

#menu a:after {
    content: "↴";
    visibility: hidden;
}

#menu a.current:after {
    visibility: visible;
}

#infotext {
    margin: 0.5em 0;
    border: 1px solid #606060;
    background-color: #e7ffe7;
    padding: 0.5em 1em;
}
#infotext p {
    margin: 0.5em 0;
}

#page form {
    text-align: center;
}
#page fieldset {
    margin: 0.5em 0;
    border: 1px solid #606060;
    background-color: #e7ffe7;
}
#page fieldset legend {
    background-color: #a0e0a0;
    border: 1px solid #606060;
    padding: 0.1em 1em;
    font-weight: normal;
    font-size: small;
}

#page form table input,
#page form table select {
    background-color: #ffffff;
}

#banners {
    position: absolute;
    top: 0.5em;
    left: 0.5em;
    width: 20%;
    padding-top: 2em;
}

#banners .block {
    margin: 0 1.5em 1em 1em;
    padding: 0.5em;
    font-size: small;
}

#banners a {
    display: block;
    text-align: center;
    margin-bottom: 1em;
}

#python img, #mysql img {
    margin: 0;
    border: 1px solid #606060;
}

#runsOn {
    position: absolute;
    top: 0.5em;
    right: 0.5em;
    width: 20%;
    padding-top: 2em;
}
#runsOn .block {
    margin: 0 1em 1em 1.5em;
    background-color: #e7ffe7;
    border: 1px solid #606060;
    padding: 0.5em;
    font-size: small;
}
#runsOn span {
    display: block;
    margin: 0.25em 0;
}

#copyright {
    margin-top: 1em;
    text-align: center;
    font-size: small;
    clear: both;
}

#copyright, #copyright a {
    color: black;
    text-decoration: none;
}

.formtable td.formlabel,
.formtable td.formfield {
    vertical-align: top;
    padding: 0.1em;
}
form table th {
    text-align: right;
    font-weight: normal;
}

.wrong, .error {
    color: red;
}

form table td {
    text-align: left;
}

.statictext {
  padding: 0.5em 0 0 0;
  text-align: left;
  font-size: small;
}

#message {
    margin-bottom: 1em;
    min-height: 5em;
}

.limiter {
    text-align: center;
    /* line-height: 130%;*/
}
.limiter span {
    font-weight: bold;
    font-size: x-small;
    background-color: #60b060;
    border: 1px solid #409040;
    color: white;
    padding: 0.1em 0.2em;
}
.limiter a {
    text-decoration: none;
    background-color: #ffffff;
    color: #108010;
    border: 1px solid #c0c0c0;
    padding: 0.1em 0.2em;
    font-weight: bold;
    font-size: x-small;
}
.limiter a:visited {
    color: #80a080;
}
.limiter a.middle {
    font-size: 2px
}
.limiter a.far {
    display: none;
}
.limiter a.first,
.limiter a.last {
    display: inline;
}
.limiterOnePage {
    display: none;
}

table.fancy {
    border-spacing: 0;
    border-collapse: collapse;
    border: 1px solid #606060;
    font-size: small;
}

table.fancy caption {
    font-weight: bold;
    text-align: left;
}

table.fancy td,
table.fancy th {
    border: 1px solid #606060;
    padding: 0.1em 0.25em;
}

table.fancy td {
    border-top: none;
    border-bottom: none;
}

table.fancy th {
    background-color: #a0e0a0;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
}

table.fancy th a {
    color: #000000;
    text-decoration: none;
}

table.fancy th a.asc:after {
    content: "↓";
    margin-left: 0.25em;
}

table.fancy th a.desc:after {
    content: "↑";
    margin-left: 0.25em;
}

table.fancy tr.odd {
    background-color: #e7ffe7;
}

table.fancy tr.even {
    background-color: #ffffff;
}

table.info {
    background-color: #e7ffe7;
    border: 1px solid #606060;
    border-spacing: 0.25em;
}

table.info th {
    text-align: right;
    font-weight: bold;
    font-size: 90%;
    padding: 0 0.25em;
}

table.info td {
    text-align: left;
    padding: 0 0.25em;
}

#searchForm {
    margin-bottom: 0.5em;
}

#searchForm table {
    width: 100%;
}

#searchForm th {
    width: 40%;
}

#searchForm td {
    min-width: 8em;
}

#searchForm input[name="query.string"],
#searchForm select[name="query.mode"],
#searchForm select[name="query.case"],
#searchForm select[name="query.search_in"] {
    width: 100%;
}

#filesMsg {
    margin-bottom: 0.5em;
    margin-right: 0.5em;
    float: left;
}

#searchTopLimiter {
    margin-bottom: 0.5em;
}

#searchBottomLimiter {
    margin-top: 0.5em;
}

#files {
    width: 100%;
    clear: both;
}

#files td.name a.basename {
    display: block;
    white-space: nowrap;
    font-size: medium;
    text-decoration: none;
    height: 2em;
    padding-left: 28px;
    background-repeat: no-repeat;
    background-position: 2px 2px;
}

a.basename.goUp {
    background-image: url(go-up.png);
}

#files td.name a.dirname {
    display: block;
    white-space: nowrap;
    color: #606060;
    text-decoration: none;
    margin-left: 40px;
    margin-top: -1em;
}

#files td.size {
    width: 5em;
    white-space: nowrap;
    text-align: right;
}
#files td.mTime {
    width: 9em;
    white-space: nowrap;
}

#files td.state {
    text-align: center;
    white-space: nowrap;
    font-size: 1px;
}

#serversMsg {
    margin-bottom: 0.5em;
    margin-right: 0.5em;
    float: left;
}

#serversTopLimiter {
    margin-bottom: 0.5em;
}

#serversBottomLimiter {
    margin-top: 0.5em;
}

#servers {
    width: 100%;
    clear: both;
}

#servers td.size,
#servers td.files {
    width: 5em;
    white-space: nowrap;
    text-align: right;
}

#servers td.indexed {
    width: 9em;
    white-space: nowrap;
    text-align: center;
}

#servers td.state {
    text-align: center;
    white-space: nowrap;
    font-size: 1px;
}

#servers td.description {
    width: 18em;
    text-align: left;
}

#state {
    display: block;
    margin: -1em 0 0.25em 1em;
    text-align: right;
    white-space: nowrap;
}

#state img {
    vertical-align: middle;
}

.directoryURL {
    color: #000000;
    text-decoration: none;
}

#subMenu {
    padding: 0 0.5em;
    margin: 0 0 1em 0;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    background-color: #e7ffe7;
}

#subMenu li {
    display: inline;
    margin-right: 1em;
}

#subMenu a {
    text-decoration: none;
    color: #000000;
}

#subMenu a:after {
    content: "↴";
    visibility: hidden;
}

#subMenu a.current:after {
    visibility: visible;
}

h1, h2, h3, h4, h5, h6 {
    color: #60b060;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #60b060;
    text-decoration: none;
}
h2 {
    font-size: 120%;
}
h3 {
    font-size: 115%;
}
h4 {
    font-size: 110%;
}
h5 {
    font-size: 105%;
}
h6 {
    font-size: 100%;
}