@charset "utf-8";
/* CSS Document for login.php. */

.primary-nav {
    width: 1090px;
}

.offwhite {
    background-color: #F5F6F8;
    overflow: auto;
}

.right {
    width:500px;
    float:right;
}

.left-half {
    width: 500px;
    height: 100%;
    margin-top: 40px;
}

/* The white box with the u/p edit fields and login button. */
.loginbox {
    width: 320px;
    margin: 0 auto;
    background-color: white;
    border: 1px solid #c9c9c9;
    padding: 30px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    text-align: center;
    box-shadow: 1px 2px 6px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 1px 2px 6px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.1);
}

/* N.A. logo above the white login box. */
img.centered-logo {
    margin: 0 auto 30px auto;
    filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.2));
    -webkit-filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.2));
}

img.nopadding {
    padding: 0px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.control-group {
    margin-bottom: 10px;
}

/* All inputs (u/p/buttons) */
input {
    text-align: center;
    background-color: #ECF0F1;
    border: 2px solid transparent;
    border-radius: 3px;
    font-size: 24px;
    font-weight: 200;
    padding: 10px 0;
    width: 250px;
    transition: border .5s;
    text-shadow: rgba(0,0,0,.1) 1px 1px 1px;
}

/* Blue outline around input with focus. */
input:focus {
    border: 2px solid #3498DB;
}

/* Buttons in the server lists have to be narrowser to fit in the left side. */
input.listbuttonlogin {
    width: 85px;
}

input.listbuttonreset {
    width: 160px;
}

.footer {
    padding-top: 0px;
}