/*
 * Copyright 2013, Widen Enterprises info@fineuploader.com
 *
 * Licensed under GNU GPL v3, see license.txt.
 */
 
 .ImageFrame{ width:99.9%; border:1px solid #ccc; height:500px; overflow-y:scroll; overflow-x:hidden; }
.ImageFrame .ListFrame{ margin:10px; }
.ImageFrame .ListFrame .qq-upload-list{ margin:0px; }
.ImageFrame .ListFrame .qq-upload-list li{ position:relative; width:100%; padding:10px 0; }
.ImageFrame .ListFrame .qq-upload-list li.qq-upload-success{ position:relative; width:100%; padding:10px 0; float:none !important; }
.ImageFrame .ListFrame .qq-upload-preview{ display:none; position:relative; float:left; margin:0px 10px !important; width:100px; height:100px; }
.ImageFrame .ListFrame .qq-upload-preview img{ width:100px; height:100px; }
.ImageFrame .ListFrame .qq-upload-file{ margin:10px 10px 0 0; font-size:12px; }
.ImageFrame .ListFrame .qq-upload-fileinput{ font-size:13px; width:390px; }
.ImageFrame .ListFrame .qq-upload-size{ margin:10px 0 0 0; position:relative; }

.ImageFrame .ListFrame .qq-upload-info{ float:left; padding:10px 0 0 0; display:none; margin:10px 0 0 0; font-size:13px; border-top:1px solid #666; position:relative; }
.ImageFrame .ListFrame .qq-upload-info span.spacer{ position:relative; float:left; margin:3px 0 0 0; width:150px; }
.ImageFrame .ListFrame .qq-upload-info input[type=button]{ margin:0px !important; }
 
.qq-uploader {
    position: relative;
    width: 100%;
}
.qq-upload-button {
    display: block;
    width: 300px;
    padding: 8px 0;
    text-align: center;
    background: #FF7900;
    border:1px solid #FF7900;
    color: #FFF;
	font-size:12px;
}
.qq-upload-button-hover {
    background:#515151; border:1px solid #515151;
}

.qq-upload-drop-area, .qq-upload-extra-drop-area {
    position: absolute;
    top: 0;
    left: 0;
    width: 302px;
    z-index: 2;
    background: #e1e1e1;
    text-align: center;
	padding:9px 0;
	color:#333;
	font-size:12px;
	height:18px;
}
.qq-upload-drop-area span {
    display: block;
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -8px;
    font-size: 12px;
}
.qq-upload-extra-drop-area {
    position: relative;
    margin-top: 50px;
    font-size: 16px;
    padding-top: 30px;
    height: 20px;
    min-height: 40px;
}
.qq-upload-drop-area-active {
    background: #333;
	color:#fff;
}
.qq-upload-list {
    margin: 10px 0 0 0;
    padding: 0;
    list-style: none;
}
.qq-upload-list li {
    margin: 0 0 10px 0;
    padding: 9px;
    line-height: 15px;
    font-size: 14px;
    background-color: #FF7900;
	color:#fff;
	position:relative;
}
.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-retry, .qq-upload-failed-text, .qq-upload-finished, .qq-upload-delete {
    margin-right: 12px;
}
.qq-upload-file {
}
.qq-upload-spinner {
    display: inline-block;
    background: url("loading.gif");
    width: 15px;
    height: 15px;
    vertical-align: text-bottom;
	margin:0 0 0 12px;
}
.qq-drop-processing {
    display: none;
}
.qq-drop-processing-spinner {
    display: inline-block;
    background: url("processing.gif");
    width: 24px;
    height: 24px;
    vertical-align: text-bottom;
}
.qq-upload-finished {
    display:none;
    width:15px;
    height:15px;
    vertical-align:text-bottom;
}
.qq-upload-retry, .qq-upload-delete {
    display: none;
    color: #fff;
}
.qq-upload-cancel, .qq-upload-delete {
	color: #fff;
}
.qq-upload-retryable .qq-upload-retry {
    display: inline;
}
.qq-upload-size, .qq-upload-cancel, .qq-upload-retry, .qq-upload-delete {
    font-size: 12px;
    font-weight: normal;
}
.qq-upload-failed-text {
    display: none;
    font-style: italic;
    font-weight: bold;
}
.qq-upload-failed-icon {
    display:none;
    width:15px;
    height:15px;
    vertical-align:text-bottom;
}
.qq-upload-fail .qq-upload-failed-text {
    display: inline;
}
.qq-upload-retrying .qq-upload-failed-text {
    display: inline;
    color: #D60000;
}
.qq-upload-list li.qq-upload-success {
    background-color: #e1e1e1;
    color: #515151;
	width: 150px;
	display: inline-block;
	float:left;
}

.qq-upload-preview img { width: 150px; }

.qq-upload-list li.qq-upload-fail {
    background-color: #990000;
    color: #FFFFFF;
}
.qq-progress-bar {
    background:#FFF;
    width: 0%;
    height: 15px;
    margin-bottom: 3px;
    display: none;
}