body {
	background-image:url('https://knorrcatalog.s3.amazonaws.com/sites/master/body-background.png');
	font-family:sans-serif;
	font-size:14px;
	padding: 5%;
}

.login-error {
	max-width:600px;
	margin-right:auto;
	margin-left:auto;
	height:60px;
	padding:15px;
}

.login-error-display h1 { display:block; padding:0; margin:0; font-weight:bold; font-size:18px; color:#464646; }
.login-error-display {
	font-size:16px;
	border:1px solid #888;
	border-radius:5px;
	background-color:#fff;
	box-shadow:0px 0px 5px 2px #888;
}

.login-box {
	max-width:600px;
	margin-top:25px;
	margin-right:auto;
	margin-left:auto;
	padding:15px;
	border:1px solid #fff;
	border-radius:5px;
	background-color:#fff;
	box-shadow:0px 0px 5px 2px #888;
}

.login-logo {
	padding:50px 50px 0 50px;
	text-align: center;
}
@media(min-width: 769px) {
	.login-logo {
		padding:50px;
		border-right:1px solid #ccc;
	}
}

.login-auth {
	padding:50px;
	margin: 0 auto;
	max-width: 300px;
}

input[type=text], input[type=password] {
	display:block;
	width: 100%;
	max-width:200px;
	font-family:sans-serif;
	font-size:12px;
	padding:5px 10px 5px 10px;
}

input[type=submit]:hover { cursor:pointer; background-image:url('');background-color:#ffc42a; }
input[type=submit] {
	padding:5px 25px 5px 25px;
	background-image:url('https://knorrcatalog.s3.amazonaws.com/sites/master/submit-background.png');
	border:1px solid #e6a400;
	border-radius:10px;
	font-family:sans-serif;
	font-size:12px;
}