.uploaders{float:left; position:relative;}

/* SWF Uploader */
#flash object, .swfupload{
    position:absolute;
    float:left;
    display:block;
    top:0px;
    left:0px;
    cursor:pointer;
    z-index: 500;
}
/* ---- SWF UPLOADER */

/* HTML5/FINE UPLOADER */
#fineuploader.uploaders input[name=qqfile]{
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    margin: 0 !important;
    opacity: 0 !important;
    -ms-filter: 'alpha(opacity=0)' !important;
    direction: ltr !important;
    cursor: pointer !important;
    width:50px !important;
    height:50px !important;
    font-size:1px !important;
}

/* Fixes for IE < 8 */
@media screen\9 {
  .html5-input{
    filter: alpha(opacity=0);
    width:50px;
    height:50px;
  }
}
/* ---- HTML5 UPLOADER */

/* files listing */
.files-list.dropping-files{border-color:#000000;}
.files-list ul{
    list-style:none;
    margin:0px 10px;
    padding:0px;
}
.files-list ul li{
    vertical-align:middle;
    position:relative;
    white-space:nowrap;
    margin:0px 0px 10px 0px;
    line-height:30px;
}
.files-list ul li .wc-checkbox{
    position:absolute;
    left:5px;
    top:50%;
    margin-top:-10px;
    z-index:4;
}
.files-list ul li .fa.fa-spinner{
    position:absolute;
    left:3px;
    top:50%;
    margin-top:-12px;
    z-index:4;
}
.files-list ul li .file-done{
    position:absolute;
    left:5px;
    top:50%;
    margin-top:-16px;
    z-index:4;
}
.files-list ul li .uploading,
.files-list ul li .html-uploading,
.files-list ul li .done,
.files-list ul li .error{
    box-sizing:border-box;
    width:100%;
    overflow:hidden;
    height:40px;
    vertical-align:middle;
    position:relative;
    padding:4px;
    float:left;
    border:solid 1px transparent;
}
.files-list ul li .html-uploading iframe{height:100%;border:none;overflow:hidden;float:left;}
.files-list ul li .error{border-color:#CC0000;}
.files-list ul li .uploading.in-progress{background-color:#F5F5F5;border:solid 1px #CCCCCC;}
.files-list ul li .uploading .upload-progress{
    position:absolute;
    right:4px;
    top:4px;
    bottom:4px;
    background-color:#FFFFFF;
    z-index:1;
    border:solid 1px #CCCCCC;
    display:none;
}

.files-list ul li .file-icon,
.files-list ul li .name,
.files-list ul li .size,
.files-list ul li .error-text,
.files-list ul li .file-actions,
.files-list ul li .html-upload-adding,
.files-list ul li .html-upload-done{
    position:absolute;
    z-index:2;
}
.files-list ul li .html-upload-done{left:0px;}
.files-list ul li .file-icon{
    top:50%;
    margin-top:-8px;
    margin-left:35px;
}
.files-list ul li .uploading.in-progress .file-icon{margin-left:35px;}
.files-list ul li .name,
.files-list ul li .html-upload-adding,
.files-list ul li .html-upload-done{
    margin-left:65px;
    overflow:hidden;
}
.files-list ul li .uploading.in-progress .name{margin-left:66px;}
.files-list ul li .size,
.files-list ul li .file-actions,
.files-list ul li .error-text{
    text-align:right;
    right:9px;
}
.files-list ul li#title-row{display:none;}
.files-list ul li#title-row .name,
.files-list ul li#title-row .size,
.files-list ul li .html-upload-adding,
.files-list ul li .html-upload-done{font-weight:bold;}
.files-list ul li .error-text{color:#CC0000;background:#FFFFFF;padding-left:10px;}
.files-list ul li .file-actions{position:absolute;right:5px;display:none;}
.files-list ul li .file-actions .wc-icon{display:inline-block;cursor:pointer;}
.files-list ul li .done .file-actions,
.files-list ul li .done .size{background:#FFFFFF;}
/* ----- files listing */

/* buttons */
.medium-button{margin-right:20px;}
.medium-button{height:50px;width:50px;}
.medium-button span{
    display:block;
    background-image:url(../images/icons-sprite-48x48.png);
    height:48px;
    width:48px;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-24px;
    margin-top:-24px;
}
#add-file.medium-button span,
#no-uploader.medium-button span{background-position:0px -384px;}
#add-file.medium-button:hover span,
#add-file.medium-button span.hover,
#no-uploader.medium-button:hover span,
#no-uploader.medium-button span.hover{background-position:-48px -384px;}
#attach-files.medium-button span{background-position:0px -48px}
#attach-files.medium-button:hover span,
#attach-files.medium-button span.hover{background-position:-48px -48px}
#send-selected.medium-button span{background-position:0 -144px;}
#send-selected.medium-button:hover span,
#send-selected.medium-button span.hover{background-position:-48px -144px}
#download-selected.medium-button span{background-position:-96px -576px;}
#download-selected.medium-button:hover span,
#download-selected.medium-button:hover span.hover{background-position:-144px -576px}
#delete-selected.medium-button span{background-position:0 -528px;}
#delete-selected.medium-button:hover span,
#delete-selected.medium-button:hover span.hover{background-position:-48px -528px;}
/* --- buttons */

/* queue stats */
.queue-stats{
    position:absolute;
}
.queue-stats table,
.queue-stats-diag table{
    color:#999999;
    border-spacing:0px;
    border-collapse:collapse;
}
.queue-stats-diag table{width:100%}
.queue-stats table td:first-child,
.queue-stats-diag table td:first-child{width:135px;text-align:center;}
.queue-stats .timer,
.queue-stats-diag .timer{
    color:#000000;
    font-size:20px;
}
.queue-stats .speedo,
.queue-stats .pie-chart,
.queue-stats-diag .speedo,
.queue-stats-diag .pie-chart{width:90px; text-align:center;}
.queue-stats .speedo .wc-speedo,
.queue-stats-diag .speedo .wc-speedo{margin-left:13px;}
.queue-stats-diag .hint{
    color:#A6A6A6;
    position:absolute;
    margin:0;
    bottom:5px;
    left:0;
    right:0;
    text-align:center;
}
/* --- queue stats */

/* html upload */
#empty-body{background-color:#FFFFFF;padding-left:65px;padding-top:3px;}
/* --- html upload */