* {
padding: 0;
margin: 0;
}

body {
    background-color:#0099DD;
    font-family:Arial, helvetica, sans-serif;
    font-size:20px;
    position:relative;
}

html, body, form {
    min-height:100%;
    width:100%;
}

/*gives a reference for width and height*/
#superWrapper {
    text-align:center;
     height:100%;
    position:relative;
}

#footer {
    position:absolute;
    bottom:10px;
    width:100%;
    text-align:center;
    color:#333;
}

    #footer a {
        color:#333;
    }

#logoHolder {
    margin:20px 0;
    margin-bottom:50px;
    vertical-align:top;
    padding:20px;
    text-align:center;
    background-color:#fff;
    box-shadow: 0px 0px 10px #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color:#fff;
}

    #logoHolder img {
        vertical-align:top;
        margin:10px;
    }

#imageWrapper {
    display:inline-block;
    position:relative;
}
        #logoText {
        color: black;
        font-size: 9pt;
        position: absolute;
        bottom: 0px;
        left: 20px;
    }
   
    



/*the box where the login content lives*/
#loginWrapper {
    position:relative;
    width:450px;
    display:inline-block;
    padding:50px 20px 30px 20px;
    text-align:center;
    color:#fff;
    /* Background taken from the DOH main Web site*/
    background: #fbab00;
    background: -moz-linear-gradient(top, #fbab00 0%, #ffae01 23%, #ffae01 23%, #f29500 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbab00), color-stop(23%, #ffae01), color-stop(23%, #ffae01), color-stop(100%, #f29500));
    background: -webkit-linear-gradient(top, #fbab00 0%, #ffae01 23%, #ffae01 23%, #f29500 100%);
    background: -o-linear-gradient(top, #fbab00 0%, #ffae01 23%, #ffae01 23%, #f29500 100%);
    background: -ms-linear-gradient(top, #fbab00 0%, #ffae01 23%, #ffae01 23%, #f29500 100%);
    background: linear-gradient(to bottom, #fbab00 0%, #ffae01 23%, #ffae01 23%, #f29500 100%);

    z-index:3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    #logo {
        margin-bottom:20px;
    }


    #loginWrapper input[type=text],
    #loginWrapper select,
    #loginWrapper input[type=submit], 
    #loginWrapper input[type=button],
    #loginWrapper input[type=password]
    {
        width:350px;
        height:30px;
        font-size:18px;
        vertical-align:middle;
        margin:0 auto;
        
        /*background image positioning*/        
        background-position:95% 50%;
        background-position-x:95%;
        background-position-y:50%;
        background-repeat:no-repeat;
        background-size:20px;

        border:none;

    }


    #loginWrapper input[type=submit],
    #loginWrapper input[type=button] {
        background-color:#0099DD;
        color:#fff;
        width:372px;
        height:50px;
        font-size:20px;
        border:none;
        margin-top:10px;
        margin-bottom:10px;

    }


        #loginWrapper input[type=submit]:hover,
        #loginWrapper input[type=button]:hover {
            background-color:#2980B9;
            }

#loginWrapper input[type=text].mergeText + input[type=button] {
    width:100px;
    font-size:16px;
    margin-left:-10px;
    height:38px;
    vertical-align:middle;
}

#loginWrapper #txtEmail, #loginWrapper #txtUserEmail {
    background-image:url(../images/icons/envelope.svg);
}

#loginWrapper #txtFirstName, #loginWrapper #txtLastName {
    background-image:url(../images/icons/user.svg);
}
    

#loginWrapper #txtPassword {
    background-image:url(../images/icons/lock.svg);
}

#loginWrapper #txtPhone {
    background-image:url(../images/icons/phone.svg);
}

#anchorTags {
    text-align:right;
}


#loginWrapper a {
    float:right;
    clear:both;
    text-decoration:none;
    margin:5px 0;
    font-size:16px;
    color:#666;
    margin-right:40px;
}

#loginWrapper #valtxtUserName a {
    float:none;
    clear:none;
    text-decoration:underline;
    color:#666;
    font-size: 18px;
    margin-right:0;
}

#backToLogin {
    display:inline-block !important;
    padding:10px 0;
    
}


#confirmationMessage, #LockOutWarning, #lockedOut, #pSystemMessages {
    color:#18609A;
    font-size:16px;
    text-align:left;

    margin-top:-15px;
    margin-left:40px;
    margin-right:40px;
}

/*gotta make it explicit so .hidden will work*/
#loginWrapper a.hidden,#loginWrapper input.hidden {
    display:none;
}

    #loginWrapper a:hover {
        color:#1F70A8;
    }

label.for {
    text-align:left;
    margin-left:40px;
    color:#666;
}

div.column label.for {
    margin-left:45px;
}

.validationText {
    font-size:18px;
    text-align:left;
    margin:0 40px 20px 40px;
}