* {
	box-sizing: border-box;
}

.container {
	max-width: 960px;
	margin: 0 auto;
}

.screenfade {
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;

	background: #444444;
}

.dialog_upper_right {
	position: fixed;
	-ms-tranform: translate(-100%,0%);
	-moz-transform: translate(-100%,0%);
	-webkit-transform: translate(-100%,0%);
	transform: translate(-100%,0%);
	top: 0%;
	left: 100%;
	padding: 4px;
}

.dialog_lower_right {
	position: fixed;
	-ms-tranform: translate(-100%,-100%);
	-moz-transform: translate(-100%,-100%);
	-webkit-transform: translate(-100%,-100%);
	transform: translate(-100%,-100%);
	top: 100%;
	left: 100%;
	padding: 4px;
}

.dialog_right {
	position: fixed;
	-ms-tranform: translate(-100%,0%);
	-moz-transform: translate(-100%,0%);
	-webkit-transform: translate(-100%,0%);
	transform: translate(-100%,0%);
	top: 50px;
	bottom: 60px;
	left: 100%;
	padding: 4px;
}

.dialogbox {
	border: 4px solid grey;
	border-radius: 8px;
	background: #80cb40;
	padding: 4px;
}

.dialogcontent {
	width: 100%;
	height: 100%;
}

.popupdialog {
	position: fixed;
	left: 50%;
	top: 50%;
	-ms-tranform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	padding: 4px;
}