.rgl-file-upload {
	position: relative;
	display: inline-block;
	vertical-align: middle;
}

.rgl-file-upload input.rgl-file-upload-count,
.rgl-file-upload input[type=file] {
	display: none;
}

.rgl-file-upload .rgl-file-upload-group > .rgl-file-upload-name {
	display: block;
	max-width: 40ex;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-top: 2px;
}
.rgl-file-upload .rgl-file-upload-group .rgl-file-upload-size {
	display: none;
}

.rgl-file-upload.drag {
	background-image:none;
	background-color: #eeeeee;
	border: 3px dashed #aaaaaa;
	height: 200px;
	width: 200px;
	border-radius: 4px;
	overflow: hidden;
}

.rgl-file-upload.drag:before {
	content: "Drop Files Here"; 
	font-weight: bold; 
	color: #aaaaaa; 
	font-size: 12px; 
}

.rgl-file-upload.drag > .rgl-action-input,
.rgl-file-upload.drag .rgl-file-upload-group {
	display:none;
}

.rgl-file-upload.drag .rgl-file-upload-group.active {
	display: block;
}
.rgl-file-upload.drag .active input[type=file] {
	display: inline-block;
	position: absolute;

	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	filter:Alpha(Opacity=0);
}

.progress-bar {
	display: inline-block;
	width: 10em;
	border: 1px solid #999999;
	padding: 0;
	margin: 0px;
	background-color: white;
	height: 16px;
	border-radius: 4px;
	margin: 2px 0;
	overflow: hidden;
	vertical-align: middle;
}

.progress-bar > .progress {
	background: url("/~jonathan/rubicon/css/images/widgetMenuBackground.png") repeat-x scroll 50% 50% #cccccc;
	box-sizing: border-box;
	height: 100%;
	width: 0%;
}

.rgl-file-upload.rgl-validation-success,
.rgl-file-upload.rgl-validation-warning,
.rgl-file-upload.rgl-validation-error {
	border-radius: 4px;
}