body {
        background-color: #ebedf0;
}

.errorBox {
        color: #FFF;
        background-color: #CC0000;
        padding: 10px;
        font-family: Arial;
        width: 100%;
        margin: 10px auto;
}

.errorBox div {
	width: 300px;
    	margin: 10px auto;
    	font-family: 'museo700';
	text-align: center;
    	font-size: 18px;
}

#loginBox {
        width: 100%;
        background-color: #FFF;
        box-shadow: 0 5px 8px rgba(0,0,0,0.5);
        border-radius: 5px;
        padding: 20px 0;
        top: 20px;
	margin-bottom: 40px;
        position: relative;
}

#loginBox p {
	width: 90%;
	margin: 30px auto;
	padding: 10px 0;
	text-align: center;
	font-size: 12px;
}

#loginLogo {
        text-align: center;
}

#loginLogo img {
	width: 300px;
}

#loginForm {
        margin: 20px 0;
}




/* Mobile Styles */

@media (max-width: 958px) {

body {
	background-color: #FFF;
}

#loginBox {
	box-shadow: none;
	margin-bottom: 20px;
}

#loginLogo img {
	width: 200px;
}

}