html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}
a {
	text-decoration: underline;
	color: inherit;
}
img {
	border: 0;
}
input:focus {
	outline:none;
}
textarea {
	resize: none;
}
#body {
	background: #FFFFFF url(../images/ice.jpg) no-repeat;
}
@media (min-width: 4000px) {
	#body {background-size: cover;}
}
@media (min-height: 3000px) {
	#body {background-size: cover;}
}
#login-container2 {
	background-color: #BE181C;
	min-width: 370px;
	max-width: 450px;
	height: 550px;
	margin: auto;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
#login-username {
	background-color: #F8F8F8;
	border: 1px solid #F8F8F8;
	width: 308px;
	height: 30px;
	padding: 2px 5px;
	font-family: Arial;
	font-size: 18px;
	color: #000000;
	text-align: center;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.login-text-username, .login-text-incorrect-username, .login-text-welcome, .login-text-pin, .login-text-remember, .login-text-incorrect-pin, .login-text-suspended {
	font-family: Arial;
	font-size: 18px;
	color: #FFFFFF;
	margin: 0;
	line-height: 24px;
	cursor: default;
}
.login-text-forgotpin, .login-text-clear, .login-text-changeuser, .login-text-home, .login-text-delete {
	font-family: Arial;
	font-size: 18px;
	color: #FFFFFF;
	margin: 0;
	line-height: 24px;
	cursor: pointer;
}
.login-text-home a {
	text-decoration: none;
}
.login-text-incorrect-username, .login-text-delete, .login-text-incorrect-pin, .login-text-suspended {
	display: none;
}
.login-text-username, .login-text-incorrect-username, .login-text-welcome {
	padding: 25px 0;
}
.login-text-pin, .login-text-incorrect-pin, .login-text-suspended {
	padding-top: 25px;
}
#login-username-remember, #login-pincode {
	margin: auto;
	border-spacing: 25px;
}
#login-username-ok {
	margin: -25px auto 0;
	border-spacing: 25px;
}
.login-remember, #login-pin1, #login-pin2, #login-pin3, #login-pin4 {
	width: 20px;
	height: 20px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
	border: 2px solid #FFFFFF;
}
.login-remember {
	cursor: pointer;
}
.remember-on {
	background-color: rgba(255,255,255,0.4);
}
#login-keypad {
	margin: -10px auto 0;
	border-spacing: 15px;
}
.login-key {
	width: 50px;
	height: 50px;
	background-color: #1C1C1C;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	font-family: Arial;
	font-size: 24px;
	color: #FFFFFF;
	cursor: pointer;
}
.login-ok {
	width: 50px;
	height: 50px;
	background-color: #1C1C1C;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	font-family: Arial;
	font-size: 24px;
	color: #FFFFFF;
	cursor: pointer;
}
#login-forgot {
	position: absolute;
	left: 25px;
	bottom: 25px;
}
#login-home {
	position: absolute;
	left: 25px;
	bottom: 25px;
}
#login-delete {
	position: absolute;
	right: 25px;
	bottom: 25px;
}
.hide {
	display: none;
}
.show {
	display: block;
}
#login-container1 {
	width: 100%;
	height: 100%;
}
@media only screen and (max-width: 550px) {
	#login-container1 {background-color: #BE181C;}
	#login-container2 {background-color: transparent;}
}