.file-icon-wrapper{
    display: inline-block;
    vertical-align: baseline;
    text-align: center;
    margin-right: 20px;
}

.file-icon-wrapper .file-text{
    display: block;
}

.file-text.margin{
    margin-right: 20px;
}

.file-icon{
    width: 48px;
    height: 48px;
    background: url('../img/files.png') center center no-repeat transparent;
    background-position: -48px 0px;
    margin: 0px auto 5px auto;
    display: inline-block;
}
.file-icon.empty{
    background-image: none;
}

.file-icon.css{
    background-position: -192px 0px;
}
.file-icon.gif{
    background-position: 0px -48px;
}
.file-icon.jpg{
    background-position: -144px -48px;
}
.file-icon.pdf{
    background-position: 0px -96px;
}
.file-icon.php{
    background-position: -48px -96px;
}
.file-icon.png{
    background-position: -96px -96px;
}
.file-icon.rar{
    background-position: -240px -96px;
}
.file-icon.txt{
    background-position: -48px -144px;
}
.file-icon.zip{
    background-position: -288px -144px;
}
.file-icon.doc,.file-icon.docx{
    background-position: -240px -0px;
}
.file-icon.xls{
    background-position: -144px -144px;
}
.file-icon.xlsx{
    background-position: -192px -144px;
}
.file-icon.ppt,.file-icon.pptx{
    background-position: -144px -96px;
}