/* LOGIN FORM */
h2 { text-align: center; font-size: 3vw; font-weight: 300; margin:0; font-family:'Roboto', sans-serif; }
tbody { border: 0 !important; }
.directions, .fail { text-align: center; }
.fail { color: red; }
#user, #pass { text-align: center;  }
#username, #password { font-size: 12pt; }
#login { text-align: center; margin-bottom: 10%; }
#mainmenu { display: none; } /* hides the menu on this page */


.menuitem a {
    padding: 0.5
em
;
}



.account-info p {
    text-align: center;
}

div#forgotLogin {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

div#forgotLogin input {
    margin-left: .5em;
}

div#createNewUser {
    margin-left: auto;
    margin-right: auto;
    display: table;
}

div#createNewUser select.long-select {
	width: 200px;
}

div#createNewUser td.label {
	display: inline-block;
	width: 85px;
}

div#createNewUser h4, div#forgotLogin h4{
	color: darkgreen;
}

div#createNewUser span input#newUserSubmit {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: block;
    margin-top: 2em;
}

div#createNewUser table {
	margin-bottom: 1.5em;
}

div#forgotLogin h4 {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}

div#createNewUser span {
	text-align: center;
}

span#loginLink {
    display: block;
    margin-top: 2em;
}

@media (max-device-width: 736px ) {
	h2 { font-size: 24pt !important; }
	.directions, .fail { margin-left: 15%; margin-right: 5%; }
	.fail { color: red; }
	.block-menu { display: none; }
	#section-page-header { display: none; }
	#login { background-color: #ccc; width:120px; border-radius: 5px;  }
}

}