/* Write your custom CSS here */
form{margin:0;padding:0;}
.horizontal-bar{height:135px !important;}
.dropzone{height:124px !important;min-height:222px;}
.dropzone .dz-image-preview{display:inline-block;height:100px;
	border:1px solid #ccc;vertical-align:middle;}
.dropzone .dz-image-preview .dz-details{position:absolute;bottom:3px;right:3px;display:block !important;
	background-color:#fff;padding:2px 5px;
	filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;color:#333;}
.dropzone .dz-image-preview .dz-details .dz-filename{display:none;}
.dropzone .dz-image-preview .dz-details .dz-size{text-align:right;}
.dropzone .dz-image-preview .dz-details .dz-size a{color:#333;font-size:13px;text-decoration:none;}

.uploadBtn{display:inline-block;width:140px;background-color:#f9f9f9;height:100px;overflow:hidden;
	vertical-align:middle;margin-left:10px;padding:0 10px;float:left;margin-top:10px;}
.uploadBtn .btn{padding:0;display:block;width:120px;text-align:center;height:26px;line-height:26px;
	border:1px solid #ccc;margin-bottom:5px;}

.dropzone .dz-image-preview{overflow:hidden;width:100px;position:relative;}
.dz-image{overflow:hidden;}

/*----------------------------------------------------------------------*/
/* File Upload
/*----------------------------------------------------------------------*/


.dropzone ul.drop{
}
.dropzone ul.single{
	width:138px;
}
.dropzone ul li{
	font-size:11px;
	list-style-type:none;
	float:left;
	border:1px solid;
	margin:4px;
	padding:4px;
	
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
	-webkit-animation-name: showfile;-moz-animation-name: showfile;animation-name: showfile;
	-webkit-animation-duration: 0.2s;-moz-animation-duration: 0.2s;animation-duration: 0.2s;
	-webkit-animation-direction: alternate;-moz-animation-direction: alternate;animation-direction: alternate;
	-webkit-animation-timing-function: ease-out;-moz-animation-timing-function: ease-out;animation-timing-function: ease-out;
}
@-webkit-keyframes showfile {
 from {	-webkit-transform: scale(0);}
 to {-webkit-transform: scale(1.0); }
}
@-moz-keyframes showfile {
 from {	-webkit-transform: scale(0);}
 to {-webkit-transform: scale(1.0); }
}
@keyframes showfile {
 from {	-webkit-transform: scale(0);}
 to {-webkit-transform: scale(1.0); }
}

.dropzone ul li.error{
	text-shadow:none;
}
.dropzone ul li .name{
	display:block;
	height:20px;
	overflow:hidden;
	white-space:nowrap;
	line-height:22px;
}
.dropzone ul li a{
	display:block;
	height:24px;
	width:24px;
	text-indent:-9999px;
	float:right;
}
.dropzone ul li a:hover{
	text-decoration:none;
}
.dropzone ul li a.cancel{
}
.dropzone ul li a.remove{
}
.dropzone ul li .progress{
	display:block;
	line-height:1px;
	height:3px;
	width:0%;
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
}
.dropzone ul li.success .progress{
}


/*----------------------------------------------------------------------*/
/* File Upload
/*----------------------------------------------------------------------*/

div.fileuploadui{
}
div.fileuploadui a{
}
.dropzone ul{
	width:86%
}
.dropzone ul.drop{
	/*background-image:url(images/dragndrop.png),url(images/paper_02.png);*/
}
.dropzone ul.single{
}
.dropzone ul li{
	border-color:#FFFFFF #E7E7E7 #CCCCCC #E7E7E7;
	background-color:#f6f6f6;
}
.dropzone ul li.error{
	background-color:#f0cccc;
}
.dropzone ul li .name{
}
.dropzone ul li a{
}
.dropzone ul li a:hover{
}
.dropzone ul li a.cancel{
	background-image:url(/sysadmin/images/cross.png);
}
.dropzone ul li a.remove{
	background-image:url(/sysadmin/images/cross.png);
}
.dropzone ul li .progress{
	background-color:#f0a8a8;
	background-image:url(images/upload.gif);
}
.dropzone ul li.success .progress{
	background-color:#a2e8a2;
	background-image:none;
}