@font-face {
    font-family: Montserrat;
    src: url('Montserrat-Regular.ttf');
}

html, body, form {
    margin: 0px auto !important;
    padding: 0px !important;
    font-family: Montserrat, Verdana, Helvetica, sans-serif !important;
    font-size: 1.0em;
    text-shadow: none !important;
    border: none !important;
    color: #272727 !important;
    text-align: center !important;
}
.ui-btn {
    background-color: #e6e6e6 !important;
}

/* text box styling - LOGIN PAGE */
.formField {
    text-align: left;
    padding: 0px 0px 0px 5px;
    border-radius: 6px;
}

    .formField .login {
        text-shadow: none !important;
        border: none !important;
        width: 80% !important;
    }

        .formField .login input::-webkit-input-placeholder {
            color: #272727 !important;
        }

        .formField .login input:-moz-placeholder { /* Firefox 18- */
            color: #272727 !important;
        }

        .formField .login input::-moz-placeholder { /* Firefox 19+ */
            color: #272727 !important;
        }

        .formField .login input:-ms-input-placeholder {
            color: #272727 !important;
        }

    .formField .loginOn {
        color: #272727 !important;
        border-color: white;
        background-color: white !important;
        text-shadow: none !important;
        border: none !important;
    }

/* fixes for mobile browsers*/
@media screen and (max-width: 640px) {
    body {
        font-size: 0.9em !important;
    }    
    img.headerImage {
        width: 100% !important;
        height: auto !important;
    }
}
@media screen and (min-width: 641px) {
    body {
        font-size: 0.9em !important;
        width: 1000px;
        text-align: center;     
    }    
    .headerImage {
        text-align: center !important;
        margin: 0px auto !important;
    }    
}