label[for='filterByLabel'],
#filterAttachments {
    margin-left: 10px;
}

table.attachments th.sortHover:hover,
table.attachments th span.sortedby {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAKBAMAAACQ3rmwAAAAA3NCSVQICAjb4U/gAAAAHlBMVEX///9QYXNQYXNQYXNQYXNQYXNQYXNQYXNQYXNQYXOMgbQDAAAACnRSTlMAESIzRGZ3maq7ZAl7FAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAB50RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNS4xqx9I6wAAAHl0RVh0bmFtZVNldHMAeyBkZXNjcmlwdGlvbjoiRG93bmxvYWQgdGhlIFwiTmFtZWQgU2VsZWN0aW9uIFNldHNcIiBwYW5lbCBmcm9tIGh0dHA6Ly9maXJld29ya3MuYWJlYWxsLmNvbSIsIGlkOi0xLCBzZXRzOnsgIH0gfVikr5sAAAAVdEVYdENyZWF0aW9uIFRpbWUAMjkvMy8xMlxvLTUAAAAdSURBVAiZY2AgGlTOnA6iNGY2giiWmQZg0VQQAQBOSAQedpgI7AAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-position: right 50%;
}

table.attachments th span.sortedby {
    padding-right: 20px;
}

table.attachments th.sortHover a {
    color: #333;
    text-decoration: none;
}


table.attachments > tbody > tr > td.attachment-actions {
    text-align: right;
    white-space: normal;
}


table.attachments > tbody > tr > td.creator {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

table.attachments > tbody > tr > td.labels .aui-label {
    width: auto;
    overflow: hidden;
    word-wrap: break-word; /*IE 5+*/
    word-break: break-all;
    white-space: normal;
}

table.attachments tr.attachment-highlight {
    background: #ebf2f9;
}

table.attachments .attachment-history {
    width: 16px;
    padding-right: 0;
}

table.attachments .attachment-history,
table.attachments .filename-column{
    padding-left: 0;
}

table.attachments .filename-column {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all; /*Firefox and IE 8+*/
}

table.attachments .filename-column .filename {
    word-wrap: break-word; /*IE 5+*/
    word-break: break-all;
    white-space: normal;
}

@media screen and (min-width: 1600px) {
    table.attachments th.filesize-column {
        width: 80px;
    }

    table.attachments th.filedate-column {
        width: 180px;
    }

    table.attachments th.filecreator-column {
        width: 180px;
    }

    table.attachments th.comment,
    table.attachments th.labels {
        width: 200px;
    }

    table.attachments th.actions-column {
        width: 180px;
    }
}

/* version history*/
table.attachments .historicalAttachmentRow td.filename-column {
    padding-left: 20px;
}
table.attachments .historicalAttachmentRow td {
    padding-top: 0;
}

table.attachments td.attachment-actions ul {
    margin: 0;
    padding-left: 0;
}

table.attachments td.attachment-actions ul li {
    list-style: none;
    display: inline;
    border-left: 1px solid #707070;
    padding-right: 0.25em;
    padding-left: 0.5em;
    margin-bottom: 0.25em;
}

table.attachments td.attachment-actions ul li.first {
    border: none;
}

#viewAttachmentsDiv table.attachments {
    border-bottom: 1px solid #ccc;
    table-layout: fixed;
}

#viewAttachmentsDiv table.aui > tbody > tr {
    border-bottom: 0;
    border-top: 1px solid #ccc;
}

#viewAttachmentsDiv table.aui > tbody > tr:first-child,
#viewAttachmentsDiv table.aui > tbody > tr > th,
#viewAttachmentsDiv table.aui > tbody > tr.historicalAttachmentRow {
    border-top: 0;
}

#download-all-link {
    display: block;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAFVBMVEX///9wcHBwcHBwcHBwcHBwcHBwcHA3RenHAAAAB3RSTlMAEYi7zN3/VyoyVQAAAD1JREFUeNqNyNEKACAIQ9Fmc///ySVUUkF08cGd8p37AdILjAgAbQBVIYHigHjVjygpvdgpc6ds+0yrG35qltUBSh0GXHoAAAAASUVORK5CYII=) no-repeat left center;
    margin-top: 10px;
    padding-left: 20px;
}

#viewAttachmentsDiv .attachment-section {
    padding-top: 20px;
}

#upload-attachments {
    display: table;
    table-layout: fixed;
    width: 100%;
}

#upload-files,
#extension-container {
    display: table-cell;
    vertical-align: top;
    width: 50%;
}

#upload-files ol {
    padding-left: 0;
    list-style: none;
    display: block;
}

#upload-files ol li {
    padding-top: 5px;
}

#upload-files ol li:first-child {
    padding-top: 0;
}

.submit-button-and-more-link-container a {
    padding: 5px 0 5px 145px;
}

#extension-container .attachments-drop-zone {
    margin: 0 20px;
    float: right;
}

@media screen and (max-width: 1225px) {
    #upload-files,
    #extension-container {
        display: inline-table;
        vertical-align: top;
        width: 50%;
    }
    #extension-container {
        margin: 20px 0 0 124px;
    }
}