/*
 * VERSION 2.2-SNAPSHOT
 * Original version: 1.0 � 2010 Andrew Valums ( andrew(at)valums.com )
 * Current Maintainer (2.0+): 2012, Ray Nicholus ( fineuploader(at)garstasio.com )
 *
 * Licensed under MIT license, GNU GPL 2 or later, GNU LGPL 2 or later, see license.txt.
 */
.qq-uploader {
	position : relative;
	width    : 100%;
}

.qq-upload-button {
	display    : inline-block;
	color      : #FFF;
	width      : auto;
	margin     : 0 auto;
	height     : auto;
	text-align : right;
	background : none;
	padding    : 0;
	font-size  : 14px;
	color      : #00bad5;
	position   : absolute !important;
	top        : -18px;
	right      : 0px;
	overflow   : visible;
}

/*.qq-upload-button-hover {
    background: #CC0000;
}*/
.qq-upload-button-focus {
	outline : none;
}

.qq-upload-drop-area, .qq-upload-extra-drop-area {
	position   : absolute;
	top        : 0;
	left       : 0;
	width      : 100%;
	height     : 100%;
	min-height : 30px;
	z-index    : 2;
	background : #FF9797;
	text-align : center;
}

.qq-upload-drop-area span {
	display    : block;
	position   : absolute;
	top        : 6;
	width      : 100%;
	margin-top : 2px;
	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 : #FF7171;
}

.qq-upload-list {
	width      : 100%;
	padding    : 0;
	margin     : 0;
	padding    : 0;
	list-style : none;
	color      : white;
}

.qq-upload-list li {
	margin      : 0;
	padding     : 0;
	position    : relative;
	bottom      : 0px;
	left        : 0px;
	width       : 100%;
	line-height : 1;
	font-size   : 12px;
	line-height : 16px;
	height      : auto;
	color       : #262626;
	background  : none;
}

.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text, .qq-upload-finished {
	display : block;
}

.qq-upload-file {
}

.qq-upload-spinner {
	display        : inline-block;
	background     : url("../assets/loading.gif");
	width          : 15px;
	height         : 15px;
	vertical-align : text-bottom;
	position       : absolute;
	right          : 0;
}

.qq-upload-finished {
	display        : none;
	width          : 15px;
	height         : 15px;
	vertical-align : text-bottom;
}

.qq-upload-size, .qq-upload-cancel {
	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-list li.qq-upload-success {
}

.qq-upload-list li.qq-upload-fail {
}

@-webkit-keyframes progress-bar-stripes {
	from {
		background-position : 40px 0;
	}
	to {
		background-position : 0 0;
	}
}

@-moz-keyframes progress-bar-stripes {
	from {
		background-position : 40px 0;
	}
	to {
		background-position : 0 0;
	}
}

@-ms-keyframes progress-bar-stripes {
	from {
		background-position : 40px 0;
	}
	to {
		background-position : 0 0;
	}
}

@-o-keyframes progress-bar-stripes {
	from {
		background-position : 0 0;
	}
	to {
		background-position : 40px 0;
	}
}

@keyframes progress-bar-stripes {
	from {
		background-position : 40px 0;
	}
	to {
		background-position : 0 0;
	}
}

.qq-progress-bar {
	/*margin-right: 664px;*/
	float                   : left;
	display                 : none;
	height                  : 15px;
	color                   : #ffffff;
	text-align              : center;
	text-shadow             : 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color        : #149bdf;
	background-image        : -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
	background-image        : -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image        : -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image        : -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image        : linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	-webkit-background-size : 40px 40px;
	-moz-background-size    : 40px 40px;
	-o-background-size      : 40px 40px;
	background-size         : 40px 40px;
	-webkit-animation       : progress-bar-stripes 2s linear infinite;
	filter                  : progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
	-webkit-box-shadow      : inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	-moz-box-shadow         : inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	box-shadow              : inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	-webkit-box-sizing      : border-box;
	-moz-box-sizing         : border-box;
	box-sizing              : border-box;
	-webkit-transition      : width 0.6s ease;
	-moz-transition         : width 0.6s ease;
	-o-transition           : width 0.6s ease;
	transition              : width 0.6s ease;
}