.input_file {display: none !important;}
div.uploader { float: left;overflow: hidden;position: relative;}
div.uploader { cursor: pointer; margin-bottom: 20px; width: 190px;}
div.uploader { background-position: 0 -366px; height: 32px;}
ul.fileuploadpool.single {}
ul.fileuploadpool.drop { background-image: url("../images/dragndrop.png"), url("../images/paper_02.png");}
ul.fileuploadpool.single { width: 150px; }
ul.fileuploadpool.drop {}
ul.fileuploadpool { background-image: url("../images/paper_02.png"); border: 1px solid #42424c; }
ul.fileuploadpool { border-radius: 4px; clear: both; display: block; margin-bottom: 5px; min-height: 150px; min-width: 168px;overflow: hidden; padding: 4px; z-index: 1;}
div.fileuploadui { margin-bottom: 5px; padding: 0 5px;}

div.uploader input { bottom: 0;float: right;opacity: 0;position: absolute;right: 0;top: 0;}
div.uploader input { width: 190px;}
ul.fileuploadpool li {animation-direction: alternate; animation-duration: 0.2s; animation-name: showfile; animation-timing-function: ease-out;border: 1px solid #CCC; border-radius: 4px; float: left; font-size: 11px; height: 150px;list-style-type: none; margin: 4px; padding: 4px; width: 150px; position: relative;}
.fileuploadpool li .name { display: block; height: 20px; line-height: 22px; overflow: hidden; white-space: nowrap;}
.fileuploadpool li.success .progress { background-color: #A2E8A2; background-image: none;}
.fileuploadpool li a.remove { background-image: url("../images/cross.png"); position: absolute; bottom:0; right:0; margin: 2px; text-indent: -999px; width: 20px; height: 20px; cursor: pointer; z-index: 9999; }
.fileuploadpool li .progress { border-radius: 4px; display: block; height: 3px; line-height: 1px; width: 0;}
.extras, .listadoextras, .gallery, .listadogallery { border: 1px solid #42424c; overflow: auto; padding: 3px; width: 200px; }
.extras li {border-color: #FFFFFF #E7E7E7 #CCCCCC; }
.extras li a {background-position: center center; background-repeat: no-repeat; border-radius: 4px; display: block; margin: 0; padding: 0; position:relative;}
.extras li a .remove-this-item { background-image: url("../images/cross.png"); position: absolute; bottom:0; right:0; margin: 2px; text-indent: -999px; width: 20px; height: 20px; cursor: pointer;}
.extras li a .edit-this-item { background-image: url("../images/edit.png"); position: absolute; bottom:0; right:20px; margin: 2px; text-indent: -999px; width: 20px; height: 20px; cursor: pointer;}
.extras li a img { width: 100%; height: 100%;}
.fileupload-nofile { height: 150px; padding: 60px 10px 10px;  background: url("../images/no-file.png") no-repeat;}
ul.fileuploadpool li.success .progress { background-color: #a2e8a2;background-image: none;}
ul.fileuploadpool li.success .progress {}
ul.fileuploadpool li .progress { background-color: #f0a8a8;background-image: url("../images/upload.gif");}
ul.fileuploadpool li .progress { border-radius: 4px;display: block;height: 3px;line-height: 1px;width: 0;}