/* CSS Document */

/*
 * IMporting the font
*/	
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab|Roboto);

/*
 * General styling
 */
body {
	padding:0;
	margin:0;
	background-color:#ecf0f1;
	}
	
.clear {
	clear:both;
	width:100%;
	}	
	
h1{
	margin:40px auto;
	padding:0;
	font-family: 'Futura-Book', serif;
	font-size:100px;
	font-weight:1000;
	color:#2980b9;
	text-align:center;
	}	

/*
 * Styling the container for the login form.
 */

.login {
	width:350px;
	padding:25px;
	margin:50px auto;
	background-color:#264f86;
	}
#form-container {
	position: relative;
}
/*
 * Styling the Lables and checkbox font
 */
		
label {
	font-size:24px;
	font-family: 'Futura-Book', serif;
	color:#fff;
	}
	
.check {
	font-size:15px;
	font-family: 'Futura-Book', serif;}		

/*
 * General Input Style
 */
		
input[type="text"],
input[type="password"],
input[type="submit"],
input[type="button"]  {
	width: calc(100% - 33px);
	margin:10px 0 10px 0;
	padding:15px;
	border: solid 1px #ccc;
	font-size:20px;
	background-color:#ecf0f1;
	}	

/*
 * Styling the Buttons
 */
		
input[type="submit"],
input[type="button"] {
	position:relative;
	width:calc(50% - 13px);
	background-color:#4fbbf2;
	border:none;
	color:#FFF;
	
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	transition: all 0.1s;
	
	-webkit-box-shadow: 0px 9px 0px #2980b9;
    -moz-box-shadow: 0px 9px 0px #2980b9;
    box-shadow: 0px 9px 0px #2980b9;
	}
	
input[type="submit"]:active,
input[type="button"]:active{
	
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	transition: all 0.1s;
	
    position:relative;
    top:7px;
	
    -webkit-box-shadow: 0px 2px 0px #16a085;
    -moz-box-shadow: 0px 2px 0px #16a085;
    box-shadow: 0px 2px 0px #16a085;
}	
	
input[type="button"] {
	float:right;
	}	
#help {
    position: absolute;
    width: 100%;
    bottom: 0;
    right: -53%;
}
/* Futura-Book webfont */ 
@font-face {
    font-family: 'Futura-Book';
    src: url('../fonts/Futura-Book.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Futura-Book.woff') format('woff'),
         url('../fonts/Futura-Book.ttf')  format('truetype'),
         url('../fonts/Futura-Book.svg#webfont') format('svg');
}

#logo {
	width: 100px;
	height: 200px;
	margin: 0 auto;
	background: url("../img/logo_sm.png");
	background-repeat: no-repeat;
}

/* 	help page 
	updated by: Alan Yap 21/11/2016	
*/
.section-container {
	width: 60%;
	margin: 10px auto 50px;
	padding: 0 20px;
	font-family: arial, helvetica, sans-serif;
	color: #264f86;
}
.section-container a:visited,
.section-container a:active,
.section-container a {
	color: #00adee;	
}
.section-container a:hover {
	color: #264f86;
}