
.sf-media-upload-medium { padding:2em 0 1em 0; text-align:center; }

.sf-media-upload .sf-media-drop-target { padding:1em; border:1px dotted #ccc; }
.sf-media-upload-medium .sf-media-collector { min-height:3em; margin-top:1em; font-size:.8em; line-height:1.4em; }
.sf-media-upload-medium .sf-media-collector .item {
	width:18em; min-height:3em; margin:2px; padding:.5em; float:left; text-align:center; background-color:#fdfdfd; overflow:hidden; 
	box-shadow:1px 1px 2px 0px #ccc;
}
.sf-media-upload-small .sf-media-collector .item {
	margin:2px; padding:.3em 0; overflow:hidden; white-space:nowrap;
	border-bottom:1px dotted #ccc;
}
.sf-media-upload-small.sf-media-upload-limit-1 .sf-media-collector .item {border:0;}

.sf-media-upload-medium .sf-media-collector .item:hover {box-shadow:1px 1px 2px 0px #666;}
.sf-media-upload .sf-media-collector .item .item-remove-dummy { float:left; }
.sf-media-upload-medium .sf-media-collector .item .item-remove-dummy { width:20px; }
.sf-media-upload .sf-media-collector .item .item-remove { float:right; }

.sf-media-upload-medium .sf-media-collector .item .item-thumb { height:50px; padding:.1em; background-color:#f7f7f7; text-align:center; overflow:hidden; }
.sf-media-upload-small .sf-media-collector .item .item-thumb canvas { display:none; }
.sf-media-upload-medium .sf-media-collector .item .item-details { height:3em; padding:.1em; text-align:center; overflow:hidden; color:#666; }
.sf-media-upload-medium .sf-media-collector .item .item-details:hover { color:#333; }

.sf-media-upload .sf-droppable {display:none}
.sf-media-upload.js-uploader-droppable .sf-droppable {display:block;margin-bottom:1em}
