* {
    margin: 0;
    padding: 0;
}
body {
    background: #eee none repeat scroll 0 0;
    color: #333;
    font: 14px sans-serif;
    padding: 50px;
}
h1 {
    margin: 0;
    padding: 20px 0 12px;
    text-align: center;
}
h2 {
    font-size: 16px;
    padding: 0 0 12px;
    text-align: center;
}
#container {
    background: white none repeat scroll 0 0;
    box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.5);
    position: relative;
}
table {
    background-color: #f3f3f3;
    border-collapse: collapse;
    margin: 15px 0;
    width: 100%;
}
th {
    background-color: #28488f;
    color: #fff;
    cursor: pointer;
    padding: 5px 10px;
}
th small {
    font-size: 9px;
}
td, th {
    text-align: left;
}
a {
    text-decoration: none;
}
td a {
    color: #663300;
    display: block;
    padding: 5px 10px;
}
th a {
    padding-left: 0;
}
td:first-of-type a {
    background: rgba(0, 0, 0, 0) url("./.images/file.png") no-repeat scroll 10px 50%;
    padding-left: 35px;
}
th:first-of-type {
    padding-left: 35px;
}
td:not(:first-of-type) a {
    background-image: none !important;
}
tr:nth-of-type(2n+1) {
    background-color: #e6e6e6;
}
tr:hover td {
    background-color: #cacaca;
}
tr:hover td a {
    color: #000;
}
table tr td:first-of-type a[href$=".jpg"], table tr td:first-of-type a[href$=".png"], table tr td:first-of-type a[href$=".gif"], table tr td:first-of-type a[href$=".svg"], table tr td:first-of-type a[href$=".jpeg"] {
    background-image: url("./.images/image.png");
}
table tr td:first-of-type a[href$=".zip"] {
    background-image: url("./.images/zip.png");
}
table tr td:first-of-type a[href$=".css"] {
    background-image: url("./.images/css.png");
}
table tr td:first-of-type a[href$=".doc"], table tr td:first-of-type a[href$=".docx"], table tr td:first-of-type a[href$=".ppt"], table tr td:first-of-type a[href$=".pptx"], table tr td:first-of-type a[href$=".pps"], table tr td:first-of-type a[href$=".ppsx"], table tr td:first-of-type a[href$=".xls"], table tr td:first-of-type a[href$=".xlsx"] {
    background-image: url("./.images/office.png");
}
table tr td:first-of-type a[href$=".avi"], table tr td:first-of-type a[href$=".wmv"], table tr td:first-of-type a[href$=".mp4"], table tr td:first-of-type a[href$=".mov"], table tr td:first-of-type a[href$=".m4a"] {
    background-image: url("./.images/video.png");
}
table tr td:first-of-type a[href$=".mp3"], table tr td:first-of-type a[href$=".ogg"], table tr td:first-of-type a[href$=".aac"], table tr td:first-of-type a[href$=".wma"] {
    background-image: url("./.images/audio.png");
}
table tr td:first-of-type a[href$=".html"], table tr td:first-of-type a[href$=".htm"], table tr td:first-of-type a[href$=".xml"] {
    background-image: url("./.images/xml.png");
}
table tr td:first-of-type a[href$=".php"] {
    background-image: url("./.images/php.png");
}
table tr td:first-of-type a[href$=".js"] {
    background-image: url("./.images/script.png");
}
table tr.dir td:first-of-type a {
    background-image: url("./.images/folder.png");
}