﻿body {
    font-family: Verdana, Arial, Georgia, sans-serif;
    font-size: 14px;
    line-height: 1.3;
    color: #555555;
    background-color: white;
}

form {
    padding: 0px;
    margin: 0px;
}
/*Every page should have a top div named divBody or divBodyShort.  This div
should include the entirerty of every page*/
#divBody {
    max-width: 965px;
    margin: 0px auto;
    padding: 0px 0px 10px 0px;
    background-color: white;
}


/*Every MasterPage should have a div with the ContentArea or ContentAreaShort
class.  This div should include the entirerty of the content area*/
.ContentArea {
    width: 100%;
}

.ContentBodyNoNav {
    margin: 20px 40px;
}


.ErrorMessage {
    color: Red;
}


/*****************************************
Blue Brother header
*/
.PageHeader {
    font-size: 16px;
    line-height: 1;
    width: 100%;
    min-width: 400px;
    margin-right: -150px;
    height: 59px;
    color: #fff;
    font-family: "arial","helvetica","sans-serif";
    background: #0d2ea0;
    background: linear-gradient(left, #0d2ea0 20%, #071956 80%);
    background: -webkit-gradient(linear, left top, right top, from(#0d2ea0), color-stop(0.2, #0d2ea0), color-stop(0.8, #071956), to(#071956));
    background: -moz-linear-gradient(left, #0d2ea0 20%, #071956 80%);
    background: -o-linear-gradient(left, #0d2ea0 20%, #071956 80%);
    background-repeat: repeat-y;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#0d2ea0', endColorstr='#071956');
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#0d2ea0', endColorstr='#071956');
    background: -ms-linear-gradient(0deg, #0d2ea0 20%, #071956 80%);
}

.HeaderLogo {
    margin: 9px 10px;
    float: left;
    border: none;
}
/*****************************************************************
Footer*/
.NewFooter {
    clear: both;
    padding-top: 30px;
    font-size: 65%;
    color: #868686;
    width: 100%;
    /*background: url(/Images/Footer/greybackground.gif) repeat-x left top;*/
    text-align: center;
    margin-bottom: 20px;
}

    .NewFooter .FooterCopy {
        padding-left: 0px;
        padding-bottom: 40px;
    }

    /*****************/
.blueSubmitButton,.blueSubmitButton2 {
    display: inline-block;
    margin-left: 130px;
    padding: 4px 16px 4px 16px;
    color: White;
    font-size: 13px;
    font-weight: normal;
    text-decoration: none;
    cursor: pointer;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #024FA1;
    box-shadow: 0px 0px 7px #888888;
    background: -moz-linear-gradient(top, rgba(49,113,187,1) 0%, rgba(4,79,162,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(49,113,187,1)), color-stop(100%,rgba(4,79,162,1)));
    background: -webkit-linear-gradient(top, rgba(49,113,187,1) 0%,rgba(4,79,162,1) 100%);
    background: -o-linear-gradient(top, rgba(49,113,187,1) 0%,rgba(4,79,162,1) 100%);
    background: -ms-linear-gradient(top, rgba(49,113,187,1) 0%,rgba(4,79,162,1) 100%);
    background: linear-gradient(to bottom, rgba(49,113,187,1) 0%,rgba(4,79,162,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3171bb', endColorstr='#044fa2',GradientType=0 );
}

    .blueSubmitButton:hover, .blueSubmitButton2:hover {
        display: inline-block;
        margin-left: 130px;
        padding: 4px 16px 4px 16px;
        color: White;
        font-size: 13px;
        font-weight: normal;
        text-decoration: none;
        cursor: pointer;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        border: 1px solid #024FA1;
        box-shadow: 0px 0px 7px #888888;
        background: -moz-linear-gradient(top, rgba(4,79,162,1) 0%, rgba(49,113,187,1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(4,79,162,1)), color-stop(100%,rgba(49,113,187,1)));
        background: -webkit-linear-gradient(top, rgba(4,79,162,1) 0%,rgba(49,113,187,1) 100%);
        background: -o-linear-gradient(top, rgba(4,79,162,1) 0%,rgba(49,113,187,1) 100%);
        background: -ms-linear-gradient(top, rgba(4,79,162,1) 0%,rgba(49,113,187,1) 100%);
        background: linear-gradient(to bottom, rgba(4,79,162,1) 0%,rgba(49,113,187,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#044fa2', endColorstr='#3171bb',GradientType=0 );
    }
    .blueSubmitButton2, .blueSubmitButton2:hover
    {
        margin-left:175px;
    }
.PasswordResetContent {
    margin: 75px 20px 45px 10px; 
    border: 1px solid #ccc; 
    -moz-border-radius:3px; 
    -webkit-border-radius:3px; 
    border-radius:3px;
}
.PasswordResetContentHeader {
    padding: 8px 0px 8px 20px;
    background-color: #e5e5e5;
    font-size: 16px;
    font-weight: bold
}
.divPasswordResetUC {
    padding: 25px 25px 40px 20px;
    font-size: 14px;
    margin:20px;
}
span {
    display: inline;
}

hr {
    width: 100%;
    padding: 0;
    margin: 20px 0px;
    border-top: 1px solid #ccc;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
    color: black;
}

.RedErrorMsg {
    display: block;
    margin: 0;
    padding: 15px 0px 0px 0px;
    border: 0;
    color: red;
    font-size: 13px;
    font-weight: bold;
}

.ValidatorRedErrorMsg {
    display: inline-block;
    margin: 0;
    padding: 0;
    border: 0;
    color: red;
    font-size: 13px;
    font-weight: bold;
}

.GreenSuccessMsg {
    display: block;
    margin: 0;
    padding: 15px 0px 0px 0px;
    border: 0;
    color: #49E20E;
    font-size: 13px;
    font-weight: bold;
}

.formRow {
    margin: 0;
    padding: 5px 0px 12px 0px;
    border: 0;
}

.formFieldLabel {
    display: inline-block;
    width: 130px;
}

.formFieldTextBox {
    width: 250px;
    height: 20px;
    border: 1px solid #c1c1c1;
    font-size: 14px;
}

.lblStep1Part1Text {
    display: inline;
    padding-right: 15px;
}

.lblStep1ThankYouText {
    display: block;
    padding: 15px 0px;
    margin: 0;
    border: 0;
    font-size: 26px;
    font-weight: bold;
}

.lblStep1MsgText {
    display: block;
    padding: 15px 0px 30px 0px;
    margin: 0;
    border: 0;
    font-size: 14px;
    font-weight: normal;
}

.lblStep2Part1 {
    display: inline;
    padding-right: 15px;
}

.lblStep2ThankYouText {
    display: block;
    padding: 15px 0px;
    margin: 0;
    border: 0;
    color: #49E20E;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
}

.lblStep2MsgText {
    display: block;
    padding: 10px 0px 25px 0px;
    margin: 0;
    border: 0;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    line-height: 20px;
}

.passwordTextBox {
    width: 180px;
    height: 20px;
    border: 1px solid #c1c1c1;
    font-size: 14px;
}

.textboxLabel {
    display: inline-block;
    width: 175px;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
}

div.passwordStrengthText {
    display: inline-block;
    padding: 15px;
    margin: 15px 0px 0px 0px;
    border: 1px solid #ccc;
    background-color: #e5e5e5;
    font-size: 12px;
    font-weight: normal;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

    div.passwordStrengthText ol {
        margin: 7px 0px 0px 0px;
    }

        div.passwordStrengthText ol li {
            margin: 0px 0px 4px 0px;
        }

.hlReset {
    display: inline-block;
    padding-top: 20px;
}

.hlNewAccount {
    margin-left: -9.5px;
}

.greyedOut {
    color: #D1D1D1;
    /*text-decoration: line-through;*/
}

div.pnlBodyForgotPassword {
    margin: 0px 0px 30px 0px;
    border: 1px solid #ccc;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
div.pnlHeaderForgotPassword {
    padding: 8px 0px 8px 20px;
    background-color: #e5e5e5;
    font-size: 16px;
    font-weight: bold
}
div.pnlContentForgotPassword {
    padding: 25px 25px 40px 20px;
    font-size: 14px;
}
div.ForgotPasswordWrapper {
    max-width: 780px;
    padding: 30px 0px;
    margin: 0px auto;
}