body {
	line-height: 1;
}
.welcome input {
	background: transparent;
	border: 0;
}
#container {
	margin:50px auto 20px;
	width:450px;
	background:#000;
	height:320px;
	text-align:left;
	font-family: Verdana, Arial;
	font-weight: normal;
	font-size:12px;
	color:#ffffff;
	position:relative;
	border:10px solid #fa6a00;
	border-radius:30px;
}
.login {
	margin-top: 20px;
	margin-left: 40px;
	font-size: 20px;
}
.username-text {
	width: 190px;
	float: left;
	margin-top: 55px;
	margin-left: 35px;
}
.password-text {
	width: 190px;
	float: left;
	margin-top: 10px;
	margin-left: 35px;
}
.forgot-text {
	width: 90%; /*470px;*/
	float: left;
	margin-top: 55px;
	margin-left: 40px;
}
.username-field, .password-field {
	width: 300px;
	height: 38px;
	float: left;
	margin-top: 5px;
	margin-left: 25px;
}
.username-field {
	background: url(login-username-field2.png) center left no-repeat;
}
.password-field {
	background: url(login-password-field2.png) center left no-repeat;
}
.forgot-field {
	width: 95%; /*470px;*/
	height: 38px;
	float:left;
	margin-top: 5px;
	margin-left: 35px;
	background: url(login-forgot-field.png) center left no-repeat;
}
#username5, #password5, #forgot5 {
	width: 255px;
	height: 18px;
	margin-top: 10px;
	margin-left: 10px;
	font-family: Verdana, Arial;
	font-size: 16px;
	color: #2d2d2d;
	padding: 0px;
}
#forgot5 {
	width: 315px;
}
input[name="submit"] {
	width: 200px;
	margin: 0px auto;
	font-family: Verdana, Arial;
	font-size: 24px;
	color: #ffffff;
	cursor: pointer;
	float: none;
	border:2px solid #fff;
	border-radius:5px;
	background:#0015ff;
	line-height: 31px;
}
input[name="submit"]:hover, input[name="submit"]:focus {
	background: #059605;
}

.er1 {display:none; position:absolute; top:50px; color:#ff0; font-weight:600; line-height:10px; width:100%; text-align:center;}
.er2 {display:none; position:absolute; top:50px; color:#ff0; line-height:12px; width:100%; text-align:center;}



@media screen and (max-width: 580px) { /* margin-left:25px;  */

	#container {width: 90%!important;}

}

@media screen and (max-width: 445px) {

	.forgot-field {margin-left: 0px;}
	.login {font-size: 16px;}
}

@media screen and (max-width: 400px) {

	#container {width: 90%!important;}

}

@media screen and (max-width: 360px) {

	.username-field, .password-field {margin-left: 0px;}

}