html { min-height:100%; }
body {
	font-family:'Roboto Condensed', sans-serif;
	font-size:14px;
	color:#333;
	line-height:24px;
}
body.student-login {
	background:url(../images/form-bg.jpg) center no-repeat;
	background-size:cover;
}
body.staff-login {
	background:url(../images/form-staff-bg.jpg) center no-repeat;
	background-size:cover;
}
body.admin-login {
	background:url(../images/form-admin-bg.jpg) center no-repeat;
	background-size:cover;
}
.form-logo { margin:0 auto; text-align:center;}
.log-area {
	width:100%;
	max-width:350px;
	background:#fff;
	margin:0px auto;
	margin-top:100px;
	padding:15px 20px;
	border-top:5px solid #f3770a;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.4);
-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.4);
box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.4);
}
@media (min-width:300px) and (max-width:480px) {
.log-area {
	margin-top:15px;
}
}
@media (min-width:481px) and (max-width:767px) {
.log-area {
	margin-top:50px;
}
}
@media (min-width:768px) and (max-width:1024px) {
.log-area {
	margin-top:100px;
}
}
h4{
	color:#fff;
	margin:15px -20px;
	padding:7px 10px;
	background:#019141;
}
h5{
	color:#fff;
	line-height:100%;
	margin:15px -20px 10px -20px;;
	padding:0px 10px;
	background:#019141;
}
.log-form {
	padding-top:15px;
	color:#a5a5a5;
}
.log-form .username, .log-form .password {
	width:100%;
	height:40px;
	padding:0 10px 0 30px;
	font-family:'Roboto Condensed', sans-serif;
	font-size:14px;
	color:#333;
	line-height:30px;
	margin-bottom:15px;
	border-radius:7px;
	border:1px solid #CCC;
}
.log-form .username {
	background:url(../images/username.png) left center no-repeat #fff;
	background-size:22px;
}
.log-form .password {
	background:url(../images/password.png) left center no-repeat #fff;
	background-size:22px;
}
.log-form .login {
	padding:8px 14px;
	border:none;
	border-radius:7px;
	background:#019141;
	color:#fff;
	font-size:16px;
	text-transform:uppercase;
	float:right;
	width:100%; 
	text-align:center;
}
.register {
	padding:8px 14px;
	border:none;
	border-radius:7px;
	background:#ff7700;
	color:#fff;
	font-size:16px;
	text-transform:uppercase;
	float:right;
	width:100%; 
	text-align:center;
}
.register:hover, .register:focus, .login:hover, .login:focus {
	color:#fff;
	text-decoration:none;
}
.register1 {
	padding:8px 14px;
	border:none;
	margin-top:-238px;
	border-radius:7px;
	background:#ff7700;
	color:#fff;
	font-size:16px;
	text-transform:uppercase;
	float:right;
	width:100%; 
	text-align:center;
}
.register1:hover, .register1:focus {
	color:#fff;
	text-decoration:none;
}
.forgot { display:block;margin-bottom:5px; }
.remember { margin-bottom:15px !important; }
.log-footer a {
	color:#019141;
}
.log-footer a:hover, .log-footer a:focus {
	text-decoration:none;
	color:#ff7700;
}