* {margin:0;padding:0;outline:none;}

html, body {
    height: 100%;
    min-height:100%;
    font-size:1em;
    -webkit-font-smoothing: antialiased;
    outline:none;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    font-family: 'Open Sans', sans-serif;
    background:url('login-bg.jpg') rgb(255,255,255);
    background-size:cover;
}
h2 { font-size:1.2em;}
.header { text-align: center; background:#fff; height:73px;}
#logo {
    max-height:100px;
    margin:0px auto;
}

/* New Form Styles */
h1{
    font-size:56px;
}
h2{
    font-size:20px;
    color:#aaa;
}
h2 span{
    color:#ffa800;
}
a{
    color:#770;
}
a:hover{
    color:#222;
}
p{
    padding:5px 0px;
}


.left{
    float:left;
}
.right{
    float:right;
}
.clear{
    clear:both;
}

/* Form Style */
.form_wrapper{
    font-size:16px;
    width:100%;
    background:rgba(255,255,255,1);
    text-align: center;
    padding: 20px 10px;
    border-radius: 55px;
    box-shadow: 0px 0px 6px rgba(0,0,0,0.6);
}
.fa-5x {
	font-size:120px;
}
.form_wrapper h3{
    padding:20px 30px;
    margin-top: 0px;
    color:#000;
    font-size:25px;

}
.form_wrapper form{
    display:none;
}
form.active{
    display:block;
    margin:20px 0px;
}
input[type=text],input[type=password],input[type=email]{
	width:90%;
	padding:6px;
	font-size:1.2em;
	margin:5px 0px 10px;
	border:0px;
	border-bottom:1px dotted grey;
}
.loginBtn {
	background:transparent;
}
.forgotPassword {
	text-align: right;
	padding-right:5%;
	font-size:0.8em;
}
.forgotPassword a {
	cursor:pointer;
}
.forgotPassword a:hover {
	text-decoration: none;
	color:#f00;
}
#errorMsg {
	width:90%;
    margin:10px auto;
    border:1px solid rgba(255,0,0,1);
    padding:10px;
    font-size:0.8em;
    background:rgba(255,0,0,0.2);
}
#successMsg {
	width:90%;
    margin:10px auto;
    border:1px solid rgba(0,255,0,1);
    padding:10px;
    font-size:0.8em;
    background:rgba(0,255,0,0.2);
}
/* =============================== */
/* Responsive Stuff                */
/* =============================== */

@media (max-width: 951px){

}
@media (max-width: 801px){

}
@media (max-width: 350px){

}