input:focus, a:focus {
    outline: 1px dotted #222;
}

.input-block,
.help-block,
.submit-block,
.error-block {
    font-size: 1.3em;
}

.error-block {
    margin-bottom: 20px;
}

.input-block label {
    font-weight: bold;
}

.input-block input {
    margin: 5px 0;
    padding: 4px;
}

.input-block label {
    display: block;
}

.submit-block {
    margin: 10px;
}

.submit-block input {
    margin: 0 0 0.5em;
}

.js .account-help-block {
    display: none;
}

.account-help-block .account-toggle {
    display: none;
}


/* Media Queries
********************************/
img { max-width: 100%; width: auto; }

/* Mobile */
@media(max-width:767px){
    #loginContainer {
        font-size: 1.8em;
    }

    .input-block,
    .help-block,
    .submit-block,
    .error-block {
        font-size: 1em;
    }

    .input-block {
        margin: 10px;
    }

    .input-block input {
        width: 95%;
    }

    .help-block,
    .account-help-block {
        margin: 0 10px;
    }

    .account-help-block {
        position: absolute;
        top: 0;
        left: 0px;
        margin: 0;
        padding: 2%;
        width: 96%;
        height: 100%;
        background: white;
        display: none;
    }

    .account-help-block.on {
        display: block;
    }

    .account-help-block .account-toggle {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        margin-right: 10px;
    }

    .account-help-block ul {
        margin-bottom: 1em;
    }

    .submit-block {
        text-align: left;
        margin: 20px 12px;
    }

    #footer {
        position: absolute;
    }

    #unm_header_links { display: none; }
    div#footer div.content {
        margin: 10px;
        text-align: left;
    }
    ul#unm_footer_links li {
        display: block;
        margin-bottom: 1em;
    }
}

/* Tablet portrait */
@media(min-width:768px){
    #wrapper {
        /*text-align: center;*/
        position: absolute;
        top: 50%;
        left: 0px;
        width: 100%;
        height: 1px;
        overflow: visible;
        visibility: visible;
        display: block;
    }

    #loginContainer {
        margin-left: -250px;
        position: absolute;
        top: -250px;
        left: 50%;
        width: 500px;
        height: 500px;
        visibility: visible;
    }

    .input-block {
        display: inline-block;
        max-width: 45%;
        min-width: 45%;
    }

    .input-block input[type=text],
    .input-block input[type=password]{
        width: 100%;
    }

    .input-block.password-block {
        margin-left: 5%;
    }

    .submit-block {
        text-align: right;
    }
}

/* Tablet Landscape */
@media(min-width:992px){

}

/* Desktop */
@media(min-width:1200px){

}

@media(min-width:768px) and (max-height:550px) {
    #wrapper {
        position: relative;
        top: 0;
    }

    #loginContainer {
        position: relative;
        top: 30px;
    }
}