@import "/script/staff.css";

body { background: radial-gradient(at 75vw 75vh,rgba(238,238,238,0.1),var(--grey5) 100vh); }

div#login_body { position: absolute; top: 50%; left: 50%; width: 350px; margin: auto; padding: 20px; border: 2px solid var(--button_background); text-align: center; background-color: #FFFFFF; transform: translate(-50%,-50%); }

div#login_body h1 { margin: 0; padding: 3px 0 6px 0; text-align: center; font-size: 20px; font-weight: bold; color: var(--heading_colour); }

div#login_body div table { width: 100%; }
div#login_body div table td { padding: 3px; }
div#login_body div table td input:not([type="checkbox"]) { height: auto; padding: 2px; font-size: 14px; }
div#login_body div table td input[type="submit"] { padding: 4px 2px; }

div#login_body div table td.create { padding-top: 10px; text-align: center; }
div#login_body div table td.create a.textbutton { padding: 3px 10px; font-size: 14px; }

div#login_body > div:last-of-type { margin-top: 5px; }

/* Signup Page */

div#login_body.signup { width: 510px; padding: 20px; text-align: center; }
div#login_body.signup > div { margin: 0; }
div#login_body.signup > div > div { position: relative; top: auto; left: auto; margin: 0; padding: 0; }

div#login_body.signup h2 { margin: 0 0 0.5em 0; font-size: 24px; font-weight: bold; color: #09347A; }
div#login_body.signup p { margin: 0 0 1em 0; }

div#login_body.signup div.form table { width: 80%; }
div#login_body.signup div.form table tr.submitrow td input { width: 100%; }

div#login_body.signup3 table tr td.title { width: 35%; }

div#login_body.signup4 table tr td.title { width: 30%; }

div#login_body div.form_err { width: 100%; border: none; }