.dropzone{
  border: #ddd 1px solid;
  border-radius: 4px;
  background-color: #eeeded;
  position: relative;
  overflow: hidden;
  padding-bottom: 12px;
  margin-bottom: 6px
}


.dropzone .message{
	font-size:12px;
  text-align:center;
  padding-top:12px;
  display:block;
	color:#444;
}

.dropzone .message i{
	display: block;
	color:#666;
	font-size:10px;
}

.dropzone:before{
	border-radius:3px 3px 0 0;
}



/*-------------------------
	Image Previews
--------------------------*/



.dropzone .preview{
	width:245px;
	padding-bottom:25px;
	margin:20px auto 0;
	position:relative;
	text-align:center;
}

.dropzone .preview img{
	max-width:120px;
	max-height:90px;
	border:3px solid #fff;
	display:block;

	box-shadow:0 0 2px #000;
}

.dropzone .imageHolder{
	display:inline-block;
	position:relative;
}

.dropzone .uploaded{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	display:none;
}

.dropzone .preview.done .uploaded{
	display:block;
	background:url('/img/check.png') no-repeat center center rgba(255,255,255,0.5);
}
.dropzone .preview.failed .uploaded{
	display:block;
	background:url('/img/cross.png') no-repeat center center rgba(255,255,255,0.5);
}



/*-------------------------
	Progress Bars
--------------------------*/



.dropzone .progressHolder{
	position:absolute;
	background-color:#A23f38;
	height:12px;
	width:100%;
	left:0;
	bottom:0;

	box-shadow:0 0 2px #000;
}

.dropzone .progress{
	background-color:#2586d0;
	position:absolute;
	height:100%;
	left:0;
	width:0;

	box-shadow:0 0 1px rgba(255, 255, 255, 0.4) inset;

	-moz-transition:0.25s;
	-webkit-transition:0.25s;
	-o-transition:0.25s;
	transition:0.25s;
}

.dropzone .preview.done .progress{
	width:100% !important;
}