/*
//============================================================================
// login.css
//============================================================================
*/


/*----------------------------------------------------------------------------
// wi
----------------------------------------------------------------------------*/
body {
	background-image: url("../img/login1c.jpg");
	font-family: arial,sans-serif;
}

.login {
	background-color: #f0f0f0;
	height: 240px;
	width: 400px;
	margin: 100px auto;
	padding: 50px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.username,
.password {
	font-size: 24px;
	margin: 0 auto 10px auto;
	padding: 15px 30px 15px 40px;
	width: 100%;
	border: 1px solid #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
	-webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
	box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
}

.username:focus,
.password:focus {
	border-color: #08c291;
	outline: none;
	-moz-box-shadow: 0 0 0 1px #08c291 inset;
	-webkit-box-shadow: 0 0 0 1px #08c291 inset;
	box-shadow: 0 0 0 1px #08c291 inset;
}

.username,
.username:focus {
	background: #fbfbfb url(../img/user.png) no-repeat;
	background-position: 8px 16px !important;
}

.password,
.password:focus {
	background: #fbfbfb url(../img/pass.png) no-repeat;
	background-position: 8px 16px !important;
}

input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px #fbfbfb inset;
}


.login-button {
	background: #008833;
	color: #fff;
	cursor: pointer;
	font-size: 24px;
	padding: 15px;
	margin: 0 auto 10px auto;
	width: 100%;
	border: 1px solid #ccc;
}

.login-button:focus {
	outline: none;
	-moz-box-shadow: 0 0 0 1px #006622 inset;
	-webkit-box-shadow: 0 0 0 1px #006622 inset;
	box-shadow: 0 0 0 1px #006622 inset;
}

/*----------------------------------------------------------------------------
// G[
----------------------------------------------------------------------------*/
div.error {
	background: #fcc;
	color: #f00;
	padding: 0px 12px;
}

