html, body {
	background-image: url('/images/background.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	font:normal 11px/18px Tahoma, Arial, Helvetica, sans-serif;
	height: 100%;
	overflow: hidden;
}

.page {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: center;
	align-content: center;
}

.panel_login {
	width: 500px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: center;
	align-content: center;
}

.window_login {
	font:normal 20px/40px Tahoma, Arial, Helvetica, sans-serif;
	text-shadow: 0 0 15px rgba(255,255,255,.5), 0 0 10px rgba(255,255,255,.5);
	width: 95%;
	border:1px ridge #555555;
	border-width:1px;
	border-style:ridge;
	border-color:#555555;
	border-radius:8px;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		-webkit-box-shadow:0px 0px 7px 2px #999999 ;
		-moz-box-shadow:0px 0px 7px 2px #999999 ;
	box-shadow:0px 0px 7px 2px #999999 ;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.22) 2%, rgba(255,255,255,0.64) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0.22) 2%,rgba(255,255,255,0.64) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0.22) 2%,rgba(255,255,255,0.64) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3ffffff', endColorstr='#38ffffff',GradientType=0 );
	text-align: center;
}

form {margin: 0;}

label {
	padding: 10px 20px;
}

#form_login_message {
	width: 475px;
	color: #ee0000;
	text-align: center;
	font:normal 22px/44px Tahoma, Arial, Helvetica, sans-serif;
	text-shadow: 0 0 15px rgba(255,255,255,.5), 0 0 10px rgba(255,255,255,.5);
	display: none;
}

#form_login_text {
	width: 475px;
	text-align: left;
}

#form_login_input {
	width: 475px;
	text-align: center;
}

#form_login_submit {
	width: 425px;
	text-align: right;
}

#username, #password {
	font-size: 16px;
	width: 360px; 
	margin: 0 auto;
	padding: 10px 5px;
	border: 1px solid silver;
	outline: 5px solid #ebebeb;
	border-radius:8px;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		-webkit-box-shadow:0px 0px 7px 2px #999999 ;
		-moz-box-shadow:0px 0px 7px 2px #999999 ;
	box-shadow:0px 0px 7px 2px #999999 ;

}

#username:focus, #password:focus {
	outline: 5px solid #9fb4f2;
}



input[type="submit"] {
	box-shadow: 0px 0px 0px 2px #9fb4f2;
	background: linear-gradient(to bottom, #7892c2 5%, #476e9e 100%);
	background-color: #7892c2;
	border-radius: 10px;
	border: 1px solid #4e6096;
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	font-family: Arial;
	font-size: 16px;
	padding: 12px 37px;
	text-decoration: none;
	text-shadow: 0px 1px 0px #283966;
}

input[type="submit"]:hover {
	background:linear-gradient(to bottom, #476e9e 5%, #7892c2 100%);
	background-color:#476e9e;
}

input[type="submit"]:active {
	position:relative;
	top:1px;
}

input[type="submit"]:disabled {
	background:linear-gradient(to bottom, #444444 5%, #999999 100%);
	background-color:#476e9e;
	color: #999999;
}