.webuploader-container {
	position: relative;
}
.webuploader-element-invisible {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px,1px,1px,1px);
}
.webuploader-pick {
	position: relative;
	display: inline-block;
	cursor: pointer;
	/*background: #00b7ee;*/
	/*padding: 10px 15px;*/
        height: 82px; width: 82px;
	color: #fff;
	text-align: center;
	overflow: hidden;
        background: url(/src/images/uploadIcon.png) no-repeat 0 0;
}
.webuploader-pick-hover {
	/*background: #00a2d4;*/
}

.webuploader-pick-disable {
	opacity: 0.6;
	pointer-events:none;
}


#uploader{}
#filePicker{ float: left;}
.file-item {
    float: left;
    position: relative;
    margin-right: 10px;
}
.file-item img{ width: 80px; height: 80px; border: 1px solid #999;}
.file-item .error {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: red;
    color: white;
    text-align: center;
    height: 20px;
    font-size: 14px;
    line-height: 23px;
}
.file-item .info {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 20px;
    line-height: 20px;
    text-indent: 5px;
    background: rgba(0, 0, 0, 0.6);
    color: white;
    overflow: hidden;
    white-space: nowrap;
    text-overflow : ellipsis;
    font-size: 12px;
    z-index: 10;
}
.upload-state-done:after {
}
.file-item .success{    
    position: absolute;
    top: 4px;
    right: 4px;
    width: 14px;
    height: 14px;
    background-image: url('images/ok.png');
    z-index: 99;
}
.file-item .progress {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 82px;    
    line-height: 82px;
    text-align: center;
    background: rgba(0,0,0,0.5);
}
.file-item .progress span {
    color:#fff;
}
@-webkit-keyframes progressmove {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 17px 0;
    }
}
@-moz-keyframes progressmove {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 17px 0;
    }
}
@keyframes progressmove {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 17px 0;
    }
}

#uploader .file-item div.file-panel {
    position: absolute;
    height: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#80000000', endColorstr='#80000000')\0;
    background: rgba( 0, 0, 0, 0.5 );
    width: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 300;
}

#uploader .file-item div.file-panel span {
    width: 18px;
    height: 18px;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    background: url(images/icons.png) no-repeat;
    margin: 7px auto;
    cursor: pointer;
}

#uploader .file-item div.file-panel span.rotateLeft {
    background-position: 0 -24px;
}
#uploader .file-item div.file-panel span.rotateLeft:hover {
    background-position: 0 0;
}

#uploader .file-item div.file-panel span.rotateRight {
    background-position: -24px -24px;
}
#uploader .file-item div.file-panel span.rotateRight:hover {
    background-position: -24px 0;
}

#uploader .file-item div.file-panel span.cancel {
    background-position: -48px -24px;
}
#uploader .file-item div.file-panel span.cancel:hover {
    background-position: -48px 0;
}