.sfm-dialog * {
	margin: 0em;
	padding: 0em;
	box-sizing: border-box;
}

.sfm-button {
	border: 1px #777 solid;
	border-radius: 0.4em;
	background: transparent url('images/gradient.png') center center repeat-x;
	padding: 0.4em;
	vertical-align: middle;
}
	.sfm-button img {
		vertical-align: middle;
		height: 90%;
	}
.sfm-focus-catcher {
	width: 1px;
	height: 1px;
	position: absolute;
	top: -10em;
	border-width: 0px;
	background-color: transparent;
}

.sfm-dialog {
	font-size: 14px; /* the almost only pixel-measured size here, excluding very special places */
	position: fixed;
	z-index: 9999;
	top: 3em;
	left: 15%;
	width: 70%;
	border: 0em transparent solid;
	border-radius: 0.8em;
	box-shadow: 0em 0em 1em 0.4em #000;
	background-color: white;
}
	.sfm-header {
		border-top-right-radius: inherit;
		border-top-left-radius: inherit;
		background-color: #bbb;
		font-size: 1.6em;
		width: 100%;
		display: table;
	}
		.sfm-header>span {
			display: table-cell;
			padding: 0.4em 0.8em 0.4em 0.5em;
		}
			.sfm-header .sfm-header-path {
				padding-left: 1em;
				vertical-align: middle;
			}
			.sfm-header .sfm-header-buttons {
				text-align: right;
				font-size: 0.7em;
				vertical-align: middle;
			}
			.sfm-header-buttons button {
				margin-left: 0.8em;
				height: 2.6em;
				width: 2.6em;
			}
				.sfm-header-buttons button img {
				}

	.sfm-work-area {
		height: 36em;
		padding: 0.6em;
		overflow-y: auto;

	}
		.sfm-elem {
			display: inline-block;
			width: 9em;
			height: 10em;
			margin: 0.7em 0.7em;
			text-align:center;
			position: relative;
			cursor: pointer;
			vertical-align: middle;
		}
			.sfm-elem input[data-sfm-meaning="elem-select"] {
				position: absolute;
				margin: 0em;
				left: 0.4em;
				top: 0.4em;
				width: 1.6em;
				height: 1.6em;
				border: 0.1em #bbb solid;
				border-radius: 0.3em;
				background-color: rgba(255,255,255,0.5);
				color: #444;
				z-index: 2;
			}
				.sfm-elem[data-sfm-type="updir"] input[data-sfm-meaning="elem-select"] {
					display: none;
				}
			.sfm-elem-inner {
				border: 1px #ddd solid;
				margin: 1px;
				border-radius: 0.4em;
				background: white url('images/squares.png') left top repeat;
			}
			.sfm-elem-inner:hover {
				border: 2px #444 solid;
				margin: 0em;
			}
				.sfm-elem-images {
					position: relative;
					display: table-cell;
					height: 8em;
					width: 9em;
					vertical-align: middle;
					text-align: center;
				}
					.sfm-elem-icon,
					.sfm-elem-preview {
						position: absolute;
						top: 0em;
						left: 0em;
						width: 100%;
						height: 100%;
						line-height: 8em;
					}
						.sfm-elem-icon    img,
						.sfm-elem-preview img {
							margin-left: -2px;
							max-height: 100%;
							max-width: 100%;
						}
				.sfm-elem-caption {
					display: block;
					border: 0px #ddd solid;
					border-radius: 0.3em;
					cursor: text;
					width: 100%;
					height: 100%;
					padding: 0em 0.2em;
				}
	.sfm-main-buttons {
		border-bottom-right-radius: inherit;
		border-bottom-left-radius: inherit;
		background-color: #bbb;
		text-align: center;
	}
		.sfm-main-buttons button {
			width: 12em;
			height: 3.4em;
			margin: 0.8em 1.6em;
		}
			.sfm-main-buttons button img {
			}


	.sfm-popup {
		display: none;
		position: absolute;
		top: 0em;
		left: 0em;
	}
	.sfm-all-popups {
		position: absolute;
		width: 100%;
		z-index: 10;
		border-radius: inherit;		
	}
		.sfm-popup {
			width: 100%;
			height: 100%;
			background-color: rgba(220, 220, 220, 0.85);
			border-radius: inherit;		
			text-align: center;
			display: table;
		}
			.sfm-popup[data-sfm-popup="waiter"] {
				background: rgba(140, 140, 140, 0.747) url('images/loadingbar.gif') center center no-repeat;
			}

			.sfm-popup-inner {
				display: table-cell;
				vertical-align: middle;
			}
				.sfm-popup-inner span,
				.sfm-popup-inner div {
					font-size: 2em;
					vertical-align: middle;
				}
				.sfm-popup-inner input[type="text"],
				.sfm-popup-inner input[type="file"] {
					font-size: 1.6em;
					width: 60%;
					display: block;
					border: 1px gray solid;
					border-radius: 0.2em;
					vertical-align: middle;
					margin: 0.8em auto;
					padding: 0.2em 0.4em;
				}
				.sfm-popup-inner button,
				.sfm-popup-inner input[type="submit"] {
					width: 5em;
					height: 2.9em;
					margin: 0.4em;
				}
					.sfm-popup-inner button img {
					}
					
					.sfm-popup [data-sfm-meaning="file-deletion-caption"] {
						width: 18em;
						margin: 0em auto;
						border-bottom: 1px black solid;
						color: red;
					}
					.sfm-popup [data-sfm-meaning="file-deletion-list"] {
						width: 18em;
						margin: 0em auto 0.5em auto;
						max-height: 14em;
						overflow-y: auto;
						text-align: left;
					}



.sfm-background {
	z-index: 9990;
	position: fixed;
	top: 0em;
	left: 0em;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.35);
}

iframe[name="sfm-uploader"] {
	display: none;
}