@charset "utf-8";
/* 
    Document   : style
    Created on : 11.07.2013, 16:15:42
    Author     : Stefan Braun
    Description:
        Purpose of the stylesheet follows.
*/
body {
    font-size: 100%;
    font-family: Verdana, Geneva, sans-serif;
    color: black;
    width: 900px;
}
section.directory {
    height: 20px;
    display: inline-block;
    margin-right: 20px;
}
section.file {
    height: 20px;
    padding-top: 3px;
    padding-bottom: 5px;  
}
section.file:not(:last-of-type) {
    border-bottom: dotted 1px black;
}
section.header {
    font-weight: bold;
    border-bottom: solid 1px black;
    padding-bottom: 10px;
}
section.link {
    width: 70%;
    float: left;
}
section.dirs{
    margin-bottom: 20px;
    max-width: 100%;
}
section.files {
    display: block;
    max-width: 100%;
}
section a {
    text-decoration: none;  
    color: black;
}
section.file section, section.header section {
    display: inline-block;
}
section.date {
    float: right;
    margin-top: 5px;
    width: 10%;
    text-align: end;
    padding-left: 2.5%;
    border-left: dotted 1px black;
}
section.size {
    float: left;
    width: 11%;
    text-align: end;
    padding-left: 4%;
    border-left: dotted 1px black;
    margin-top: 5px;
}
section.file:after, section.header:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;	
    zoom: 1;
}

section.header a:before {
    content: '\00a0\00a0\00a0\00a0\00a0';
    background-repeat: no-repeat;
    display: inline-block;
}
a.sorta:before {
    background-image: url('icons/down.png');
}
a.sortd:before {
    background-image: url('icons/up.png');
}
section.link:before, section.directory:before, section.back:before {
    content: '\00a0\00a0\00a0\00a0\00a0';
    background-size: 20px, 22px;
    background-repeat: no-repeat;
    display: inline-block;
    padding-top: 4px;
}
section.udef:before {
    background-image: url('icons/unknown.png');
}   
section.image:before {
    background-image: url('icons/image2.png');
}
section.video:before {
    background-image: url('icons/movie.png');
}
section.audio:before {
    background-image: url('icons/sound2.png');
}
section.application:before {
    background-image: url('icons/binary.png');
}
section.text:before {
    background-image: url('icons/text.png');
}
section.psd:before {
    background-image: url('icons/psd.png') !important;
}
section.pdf:before {
    background-image: url('icons/pdf.png') !important;
}
section.css:before {
    background-image: url('icons/layout.png') !important;
}
section.gz:before {
    background-image: url('icons/compressed.png') !important;
}
section.zip:before {
    background-image: url('icons/zip.png') !important;
}  
section.tar:before {
    background-image: url('icons/tar.png') !important;
}  
section.rar:before {
    background-image: url('icons/rar.png') !important;
}
section.ttf:before {
    background-image: url('icons/a.png') !important;
}
section.docx:before, section.doc:before {
    background-image: url('icons/word.png') !important;
}
section.xlc:before, section.xll:before, section.xlm:before, section.xls:before, section.xlw:before, section.xslx:before {
    background-image: url('icons/excel.png') !important;
}
section.directory:before {
    background-image: url('icons/dir.png');
    margin-right: -5px;
}
section.back:before {
    background-image: url('icons/back.png');
}