body {
    background-image: url('/pics/bgs/login.jpg');
	background-repeat:no-repeat;
	background-position:center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	background-color:#000000;
	
	height:100%;
	width:100%;
	padding:0;
	margin:0;
	line-height:20px;
	
	font-family:roboto;
	font-size:13px;
	color:#363636;
}

.container {
	display:table;
	vertical-align:middle;
	width:100%;
	height:100%;
}
.loginArea {
	display:table-cell;
	height:400px;	
    vertical-align: middle;
}
.loginBox {
	background-color:#ffffff;
	max-width:350px;
	margin:auto;
	padding:30px;
	text-align: center;
}
input[type="text"], input[type="password"], input[type="submit"] {
	width:100%;
	height:40px;
	margin-bottom:10px;
}

.loginArea img.logo {
	margin:20px;
}
form.login { 
	display: block;
    overflow: visible;
    margin-bottom: 60px;	
}
.loginBox .msgRequired, .loginBox .sysMsgRed {
	margin-bottom:10px;
}

@media (max-height: 470px), (max-width: 370px) {
  body {
	background-image:none;
  }
}