div .statusOverlay {
	position:fixed;
	margin:0;
	padding:20px;
	width:100%;
	display:block;
	font-size:1.2em;
	z-index:9999999;
	box-sizing:border-box;
}
	/* position */
	div .statusOverlay.top {
		top:0;
	}
	div .statusOverlay.center {
		top:50%;
	}
	div .statusOverlay.bottom {
		bottom:0;
	}

	/* type / color */
	div .statusOverlay.success {
		background-color:var(--edogs-color-green);
		color:var(--edogs-color-white);
	}
	div .statusOverlay.notify {
		background-color:var(--edogs-color-orange);
		color:var(--edogs-color-white);
	}
	div .statusOverlay.alert {
		background-color:#DD0000;
		color:var(--edogs-color-white);
	}

div .statusOverlay .headline {
	font-size:1.4em;
	margin:0 0 20px 0;
}

div .statusOverlay .close {
	position:absolute;
	top:10px;
	right:15px;
	font-size:1.6em;
	cursor:pointer;
}

div .statusOverlay .timer {
	position:absolute;
	top:0;
	left:0;
	height:5px;
	width:0;
	background-color:rgba(255,255,255,0.3);
}