.upload form { width: 500px; }
.upload form label {
	display: block;
	margin-bottom: 16px;
}
.upload form p { margin: 0; }

.upload form [region=center] {
	display: flex;
	flex-direction: column;
}

.upload form ul.filesnames li {
	overflow: hidden;
	text-overflow: ellipsis;
}

.upload form ul.filenames {
	padding: 0;
	margin: 8px 0 0 0;
	overflow: auto;
}
.upload form .filenames ~ p {
	font-style: italic;
	margin: 8px auto /* doesn't center in IE, but that's ok */;
}
.upload form .filenames:not(.empty) ~ .instructions { display: none; }

.upload form input[type=file] {
	/*position: absolute;*/
	height: 1px /* validation error message doesn't appear if set to zero */;
	opacity: 0;
	pointer-events: none;
}

/* specific dialoges */
form[name=otmfile] { height: 220px; }
form[name=kmlfile] { height: 350px; }
form[name=shpfile] { height: 400px; }

form[name=shpfile] .srs:not(.required) { display: none; }

form[name=otmfile] .version:not(.mismatch) { visibility: hidden; }


/* drag & drop */
.dijitDialogUnderlay { transition: opacity 0.1s; }
.dijitDialog { transition: box-shadow 0.1s; }
.drag-targeted .dijitDialogUnderlay { opacity: 0.8; }
.drag-targeted .dijitDialog {
	pointer-events: none;
	/* Colors match dijitButton hover effect */
	border-color: #a5beda;
	border-bottom-color: #243c5f;
	box-shadow: 0px 5px 10px #a5beda;
}
.drag-targeted .dijitDialog .dijitDialogPaneContent {
	background: linear-gradient(white 60%, rgb(231, 236, 242));
}
.drag-targeted .dijitDialog .dijitDialogPaneContent * {
	color: #243c5f !important;
	background: transparent !important;
}