/*[fmt]1A90-1A0A-B*/
/*Have ideas for improving this CSS for the general community? Submit your changes at: https://github.com/Valums-File-Uploader/file-uploader*/
.qq-uploader { position: relative; width: 100%; margin: 10px 0 0 0; }
.qq-upload-button { display: block; /*or inline-block*/ width: 170px; padding: 6px 0; text-align: center; background: #e0e0e0; color: #202020; font-weight: 500; border: 2px solid #222222; }
.qq-upload-button-hover { }
.qq-upload-button-focus { }
.qq-upload-drop-area, .qq-upload-extra-drop-area { position: absolute; top: 0; left: 0; width: 174px; height: 35px; min-height: 35px; z-index: 2; background: #E5E4A9; text-align: center; font-weight: 500; }
.qq-upload-drop-area span { display: block; position: absolute; top: 50%; width: 100%; margin-top: -8px; line-height: 16px; }
.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 { /*When files are dragged over the drop-area*/ background: #E7E453; }
.qq-upload-list { margin: 8px 0; padding: 0; list-style: none; }
.qq-upload-list li { color: #FFFFFF; margin: 0 0 1px; padding: 9px; overflow: hidden; line-height: 15px; font-size: 15px; list-style: none; /*+text-shadow:none;*/ -moz-text-shadow: none; -webkit-text-shadow: none; -o-text-shadow: none; text-shadow: none; position: relative; background: #BFE613; background: #5DA30C -moz-linear-gradient(-45deg, rgba(45, 170, 60, 0), rgba(45, 170, 60, 0) 10%, rgba(146, 209, 0, 0.4) 30%, rgba(146, 209, 0, 0.4) 50%, rgba(45, 170, 60, 0) 50%, rgba(45, 170, 60, 0)); background: #5DA30C -webkit-gradient(linear, 0 0, 60 60, from(rgba(45, 170, 60, 0)), color-stop(.49, rgba(45, 170, 60, 0)), color-stop(.491, rgba(146, 209, 0, .4)), color-stop(.8, rgba(146, 209, 0, .4)), color-stop(.801, rgba(45, 170, 60, 0)), to(rgba(45, 170, 60, 0))); background-size: 120px 120px; -webkit-animation-name: gradientShift; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: infinite; -webkit-animation-fill-mode: both; -webkit-animation-timing-function: linear; -moz-animation-name: gradientShift; -moz-animation-duration: 1s; -moz-animation-iteration-count: infinite; -moz-animation-fill-mode: both; -moz-animation-timing-function: linear; }
.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text { margin-right: 12px; /*Place text above loading bar*/ z-index: 250; position: relative; }
.qq-upload-spinner { display: inline-block; background: url("../images/loading.gif"); 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; }
.qq-upload-fail .qq-upload-failed-text { display: inline; }
.qq-upload-list li.qq-upload-success { background: #5DA30C; color: #FFFFFF; }
.qq-upload-list li.qq-upload-fail { background: #AF0000; color: #FFFFFF; }
.qq-upload-button:hover { }
.qq-upload-button:active { }
.qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text { float: right; }
.qq-upload-spinner { display: none; }
.qq-progress-bar { width: 51%; height: 100%; position: absolute; top: 0px; left: 0; /*[disabled]position:relative;*/ /*[disabled]z-index:0;*/ /*[disabled]width:600px;*/ /*[disabled]height:60px;*/ /*[disabled]padding-right:3px;*/ background-color: #5DA30C; /*+box-shadow:0px 0px 14px #0D4500;*/ -moz-box-shadow: 0px 0px 14px #0D4500; -webkit-box-shadow: 0px 0px 14px #0D4500; -o-box-shadow: 0px 0px 14px #0D4500; box-shadow: 0px 0px 14px #0D4500; }
.qq-upload-cancel, a.qq-upload-cancel { color: #800000; }
.qq-upload-success .qq-progress-bar { display: none; }