/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

    ol.disclaimerComments {
        list-style-type: upper-roman;
        color: Red;
        text-align: justify;
    }

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}


input::-webkit-inner-spin-button {
    display: none;
    -webkit-appearance: none;
}
/* BEGIN CSS */

/*LIGHTBLUE*/
a, input#email, input#password, .btnPayAsGuest:hover, .messageContent h5, .messageContent span, .paymentMethodConfirmation h3 {
    color: #3278a6;
}

.signUp a:hover, .btnSignUp:hover, .btnPayAsGuest, .btnPayment, .viewAllMessages, .btnContinue, .btnConfirm, .btnAddNewCreditCard, .printPaymentHistory, .setUpNewRecurringPayment, .view-edit, .delete, .myPayments table thead th, .oneTimePayment table thead th, .setUpRecurringPayments table thead th, .guestPaymentCreditCardStep2 table thead th, .myAccount table thead th, .myStatements table thead th, .navBar li > a:hover, .btnPrint, .ViewBillSetupRecur, .finish {
    background-color: #3278a6;
}

.signUp a, .btnPayAsGuest, .btnSignUp, .btnPayment, input#email, input#initiationDate, input#paymentAmount, select, .passwordWithShowPasswordOption, .dataTable, #accordion .content.ui-accordion-header-active, .messages, .viewAllMessages, input, .myPayments table, .myAccount table, .myStatements table, /*.myPayments table tbody td, .myAccount table tbody td,*/ .emailAlerts, .setUpRecurringPayments .formulario, .oneTimePayment .formulario, .paymentMethod, textarea {
    border: 1px solid #3278a6;
}

.topHeader, p.title, .guestPaymentCreditCardStep2 h2, .guestPaymentBankAccountStep2 h2, .login .topHeader {
    border-bottom: 1px solid #3278a6;
}

.dataTable div {
    border-right: solid 1px #3278a6;
}

.ui-datepicker-calendar td {
    border-left: 1px solid #3278a6;
}

/*DARKBLUE*/
legend, label, .forgotPassword, .navBar li a, p, h2, h4, .selectPaymentMethod h3, .guestPaymentCreditCardStep4 h3, .guestPaymentBankAccountStep4 h3, .legal h3, .legal ul, .legal ol {
    color: #17335B;
}

.btnSubmit, .navBar li.selected, .bar, .bar.ui-accordion-header-active, .setUpRecurringPayments .title, .oneTimePayment .title, .creditCard h3, .bankAccount h3, .addBankAccount p.title, .myStatements p.title, .index a.btnSignUp {
    background-color: #17335B;
}

.navBar li, #accordion .content, .addBankAccount .content, span.tooltip, .myStatements .content, span.tooltip, .contactUs .content {
    border: 1px solid #17335B;
}

    .navBar li:first-child {
        border-left: 1px solid #17335B;
    }

.navBar ul {
    border-bottom: 1px solid #17335b;
}

/*FOOTER BACKGROUND*/

footer {
    background-color: #D0D0D0;
}

/*RED*/
p.error {
    color: Red;
}

    p.error:after, .required {
        color: #d65c44;
    }

p.requiredComment {
    color: #d65c44;
    margin-left: 15px;
    margin-bottom: 20px
}


.btnCancel, .btnBack {
    background-color: #777C77;
}

input[type="reset"] {
    border: solid 1px #d65c44;
}

/*WHITE*/
.signUp a:hover, .btnSignUp:hover, h1, h3, .btnPayAsGuest, .btnSignUp, .btnPayment, .btnSubmit, .navBar li.selected, .bar a, .bar.closed:after, .bar.ui-accordion-header-active a, .bar.ui-accordion-header-active:after, .bar:after, .navBar li .viewAllMessages a, .btnContinue, .btnConfirm, .btnAddNewCreditCard, .btnCancel, .btnBack, .printPaymentHistory, .setUpNewRecurringPayment, .view-edit, .delete, .myPayments table thead th, .oneTimePayment table thead th, .setUpRecurringPayments table thead th, .guestPaymentCreditCardStep2 table thead th, .myAccount table thead th, .myStatements table thead th, .setUpRecurringPayments .title, .oneTimePayment .title, .navBar li.selected a, .navBar li > a:hover, .creditCard h3, .bankAccount h3, .selectPaymentMethod h3 a, .myStatements p.title, .addBankAccount p.title, .addBankAccount p.help a, .index a.btnSignUp, .btnPrint, .ViewBillSetupRecur, .finish {
    color: #FFF;
}

    .btnPayAsGuest:hover, .message:nth-child(odd), .myStatements table .titles, .otherOptions {
        background-color: #FFF;
    }

        .otherOptions li {
            border-bottom: 1px solid #FFF !important;
        }

/*LIGHT GREY */
.message:nth-child(even), .myPayments table .data, .myStatements table .data, .paymentHistoryTable table tbody tr:nth-child(odd), .myAccount table .data, .myAccount table tbody tr:nth-child(odd) {
    background-color: #EEE;
}



/*ROUND CORNERS*/
/*ALL*/
input, .signUp a, .btnPayAsGuest, .btnSignUp, .btnPayment, .printPaymentHistory, .passwordWithShowPasswordOption, select, .bar, .dataTable, .btnAddNewCreditCard, .btnContinue, .btnConfirm, .btnCancel, .btnBack, .setUpNewRecurringPayment, .view-edit, .delete, .myPayments table, .myStatements table, .emailAlerts, .setUpRecurringPayments .formulario, .oneTimePayment .formulario, .statusMsg, .creditCard h3, .bankAccount h3, .paymentMethod, .addBankAccount .content, .contactUs .content, .statusMsg, .example, .paymentMethodConfirmation, .myStatements table, .myStatements .content, .updateConfirmation, textarea, .btnPrint, .finish, .ViewBillSetupRecur, .btnSubmit {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -khtml-border-radius: 10px;
}
    /*NO CORNER*/
    .navBar li.msg, .navBar li.other, .bar.ui-accordion-header-active, .otherOptions li {
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        -khtml-border-radius: 0px;
    }
    /*JUST TOP*/
    .navBar li, .bar.ui-accordion-header-active, .setUpRecurringPayments .title, .oneTimePayment .title, .navBar li > a:hover, .addBankAccount p.title, .addBankAccount .content, .myStatements p.title, .myStatements .content {
        -webkit-border-top-left-radius: 10px;
        -webkit-border-top-right-radius: 10px;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-topright: 10px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }
/*JUST BOTTOM */
#accordion .content {
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

/*FOR THE TABLES*/

.myPayments table thead th:first-child, .oneTimePayment table thead th:first-child, .setUpRecurringPayments table thead th:first-child, .guestPaymentCreditCardStep2 table thead th:first-child, .myAccount table thead th:first-child, .myStatements table thead th:first-child {
    border-radius: 10px 0 0 0;
}

.myPayments table thead th:last-child, .oneTimePayment table thead th:last-child, .setUpRecurringPayments table thead th:last-child, .guestPaymentCreditCardStep2 table thead th:last-child, .myAccount table thead th:last-child, .myStatements table thead th:last-child {
    border-radius: 0px 10px 0 0;
}

.scheduledRecurringPaymentsTable table thead th:last-child {
    border-radius: 10px 10px 0 0;
}

.myPayments table tbody tr:last-child td:first-child, .oneTimePayment table tbody tr:last-child td:first-child, .setUpRecurringPayments table tbody tr:last-child td:first-child, .guestPaymentCreditCardStep2 table tbody tr:last-child td:first-child, .myAccount table tbody tr:last-child td:first-child, .myStatements table tbody tr:last-child td:first-child {
    border-radius: 0 0 0 10px;
}

.myPayments table tbody tr:last-child td:last-child, .oneTimePayment table tbody tr:last-child td:last-child, .setUpRecurringPayments table tbody tr:last-child td:last-child, .guestPaymentCreditCardStep2 table tbody tr:last-child td:last-child, .myAccount table tbody tr:last-child td:last-child, .myStatements table tbody tr:last-child td:last-child {
    border-radius: 0 0 10px 0;
}

/*CONTINUE*/

body {
    font-family: 'Open Sans', sans-serif;
}

a {
    text-decoration: none;
}

p {
    line-height: 25px;
}

strong {
    font-weight: bold;
}

.index .main {
    width: 100%;
    background: url("../images/background.jpg") no-repeat center center fixed;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    min-height: 670px;
}

    .index .main div:first-child {
        width: 780px;
        padding-top: 250px;
        margin: auto;
        padding-left: 200px;
    }

.main {
    clear: both;
}

.topHeader {
    width: 90%;
    margin: auto;
}

.index .topHeader .options {
    float: right;
    margin-top: 40px;
    margin-right: 0px;
}

.index .topHeader {
    border: 0;
}

.topHeader {
    text-align: left;
    width: 100%;
    min-height: 110px;
    display: block;
    clear: both;
    margin-bottom: 30px;
}

.index .topHeader, .selectPaymentMethod .topHeader {
    width: 90%;
}

.logIn, .signUp {
    float: left;
    margin-right: 30px;
}

.indexFooter {
    width: 90%;
    margin: auto;
}

    .indexFooter img {
        float: right;
        margin-top: 10px;
    }

.logIn a {
    font-size: 15px;
    display: block;
    background-image: url("../images/ico-login.gif");
    background-repeat: no-repeat;
    padding-left: 30px;
    height: 20px;
    line-height: 20px;
}

.signUp {
    margin-top: -10px;
}

    .signUp a {
        display: block;
        line-height: 40px;
        width: 140px;
        text-align: center;
        font-size: 15px;
    }

.index a.btnSignUp {
    border: none;
}

.index .languages {
    text-align: right;
    margin-right: 40px;
    margin-bottom: 20px;
    margin-top: -20px;
}

.languages a {
    font-size: 12px;
}

h1 {
    font-size: 60px;
    font-weight: bold;
    text-align: center;
}

h3 {
    font-size: 33px;
    line-height: 60px;
    text-align: center;
}

.buttons {
    margin-bottom: 40px;
}

.index .buttons {
    width: 350px;
    margin: 40px auto;
}

.btnSubmit {
    box-sizing: border-box;
    padding: 3px 6px;
    width: 200px !important;
    line-height: inherit;
    display: block;
    margin: auto;
    margin-bottom: 30px;
    height: 40px;
    text-align: center;
    font-size: 15px;
}

.btnPayAsGuest, .btnSignUp, .btnPayment, .btnContinue, .btnConfirm, .btnCancel, .btnBack, .setUpNewRecurringPayment, .view-edit, .delete, .printPaymentHistory, .btnSubmit, .btnPrint, .ViewBillSetupRecur, .finish {
    display: inline-block;
    line-height: 40px;
    width: 140px;
    text-align: center;
    font-size: 15px;
    margin: 0 10px;
    margin-bottom: 5px;
}

.btnAddNewCreditCard {
    display: table;
    line-height: 40px;
    text-align: center;
    font-size: 15px;
    padding: 0px 20px;
    margin: 30px auto;
}

.setUpNewRecurringPayment, .printPaymentHistory, .ViewBillSetupRecur {
    width: inherit;
    padding: 0px 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 30px;
}

.printPaymentHistory {
    float: right;
}

.view-edit, .delete {
    width: 50px;
    padding: 4px 20px;
    line-height: inherit;
    font-size: 13px;
    float: right;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -khtml-border-radius: 10px;
}

.btnPrint {
    width: inherit;
    padding: 4px 20px;
    line-height: inherit;
    font-size: 13px;
    margin-top: 20px;
}

.finish {
    display: block;
    margin: 20px auto;
}

.login .topHeader {
    width: 100%;
    margin-bottom: 30px;
}

.login .logo {
    float: left;
    text-align: center;
}

.main.logout {
    min-height: 300px;
}

.logout h2 {
    text-align: center;
    line-height: 30px;
    margin-top: 200px;
}

legend, label, .forgotPassword {
    display: block;
    font-size: 15px;
    font-weight: bold;
    line-height: 20px;
}

    label input, label select, textarea {
        display: block;
        min-height: 25px;
        padding: 0px 10px;
        margin: 5px 0 10px 0px;
        min-width: 220px;
    }

    label input {
        min-width: 200px;
    }

textarea {
    min-width: 400px;
}

label input[type="checkbox"], label input[type="radio"] {
    min-width: 20px;
}

.forgotPassword {
    text-decoration: none;
    font-size: 13px;
    margin-top: 15px;
}

    .forgotPassword:hover {
        text-decoration: underline;
    }

input#email, input#question, .bigField {
    width: 368px;
    height: 50px;
    margin-bottom: 20px;
}

input#password {
    width: 310px;
    height: 50px;
    border: none;
}

input:focus {
    outline: none;
}

.personalInfo input, .homeownerInfo input, input#loginEmail, input#email, input#password, input#securityQuestion, input#securityAnswer, .passwordForConfirm, .confirmPassword, input.question, input.bigField {
    font-size: 15px;
    padding-left: 10px;
}

label.confirmPassword, label.passwordForConfirm {
    padding-left: inherit;
}

h2.forgot {
    margin-bottom: 40px;
}

label.showpasswordlabel {
    display: inline-block;
    width: 58px;
    text-align: center;
}

input#email, .passwordWithShowPasswordOption, input#question {
    margin-top: 10px;
    margin-bottom: 30px;
}

input.showpasswordcheckbox {
    background-image: url("../images/ico-show.gif");
    width: 20px;
    min-height: 18px;
    -webkit-appearance: none;
    vertical-align: bottom;
    margin: auto;
    border: none;
}

    input.showpasswordcheckbox:checked {
        background-image: url("../images/ico-hide.gif");
    }

    input.showpasswordcheckbox:focus {
        background-image: url("../images/ico-hide.gif");

    }

    .btnSubmit {
        border: none;
        width: 226px;
        height: 50px;
        cursor: pointer;
    }

.internal .wrap {
    max-width: 700px;
    margin: auto;
}

.balance p {
    font-size: 30px;
}

.navBar {
    margin-bottom: 30px;
}

    .navBar ul {
        display: inline-block;
    }

        .navBar ul.menu {
            width: 100%;
        }

    .navBar li {
        display: table-cell;
        width: 190px;
        height: 30px;
        border-left: none;
        border-bottom: none;
    }

        .navBar li > a, .threeSteps li > span {
            text-decoration: none;
            line-height: 30px;
            font-size: 13px;
            display: block;
            text-align: center;
        }

            .navBar li > a:hover {
                text-decoration: underline;
            }

        .navBar li.selected {
            line-height: 30px;
            font-size: 13px;
            text-align: center;
        }

    .navBar ul.tools {
        width: 14%;
        text-align: right;
        vertical-align: top;
    }
/* Three steps breadcrumb menu start*/
.navBarSteps {
    margin-bottom: 30px;
}

    .navBarSteps li {
        display: table-cell;
        width: 160px;
    }

.breadcrumb {
    /*centering*/
    display: inline-block;
    /* box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.35); */
    /* overflow: hidden; */
    border-radius: 5px;
    counter-reset: flag;
}

    .breadcrumb li {
        text-decoration: none;
        outline: none;
        display: block;
        float: left;
        font-size: 12px;
        line-height: 36px;
        border: 1px solid #555;
        color: white;
        /*need more margin on the left of links to accomodate the numbers*/
        padding: 0 10px 0 60px;
        background: #666;
        background: linear-gradient(#666, #333);
        position: relative;
    }
        /*since the first link does not have a triangle before it we can reduce the left padding to make it look consistent with other links*/
        .breadcrumb li:first-child {
            padding-left: 46px;
            border-radius: 5px 0 0 5px; /*to match with the parent's radius*/
        }

            .breadcrumb li:first-child:before {
                left: 14px;
            }
        /* .breadcrumb li:last-child {
border-radius: 0 5px 5px 0;
padding-right: 20px;
} */

        /*hover/active styles*/
        /*.breadcrumb li.active, .breadcrumb li:hover {
    background: #333;
    background: linear-gradient(#333, #000);
}

    .breadcrumb li.active:after, .breadcrumb li:hover:after {
        background: #333;
        background: linear-gradient(135deg, #333, #000);
    }*/
        .breadcrumb li.active {
            background: #333;
            background: linear-gradient(#666, #000);
        }


        /*adding the arrows for the breadcrumbs using rotated pseudo elements*/
        .breadcrumb li:after {
            content: '';
            position: absolute;
            top: 0;
            right: -18px; /*half of square's length*/
            /*same dimension as the line-height of .breadcrumb a */
            width: 36px;
            height: 36px;
            /*as you see the rotated square takes a larger height. which makes it tough to position it properly. So we are going to scale it down so that the diagonals become equal to the line-height of the link. We scale it to 70.7% because if square's: 
length = 1; diagonal = (1^2 + 1^2)^0.5 = 1.414 (pythagoras theorem)
if diagonal required = 1; length = 1/1.414 = 0.707*/
            transform: scale(0.707) rotate(45deg);
            /*we need to prevent the arrows from getting buried under the next link*/
            z-index: 1;
            /*background same as links but the gradient will be rotated to compensate with the transform applied*/
            background: #666;
            background: linear-gradient(135deg, #666, #333);
            /*stylish arrow design using box shadow*/
            box-shadow: 2px -2px 0 2px rgba(0, 0, 0, 0.1), 3px -3px 0 2px rgba(255, 255, 255, 0.1);
            border-top: 1px solid #555;
            border-right: 1px solid #555;
            /*
5px - for rounded arrows and 
50px - to prevent hover glitches on the border created using shadows*/
            border-radius: 0 5px 0 50px;
        }
        /*we dont need an arrow after the last link*/
        /* .breadcrumb li:last-child:after {
content: none;
} */
        /*we will use the :before element to show numbers*/
        .breadcrumb li:before {
            /*content: counter(flag);
    counter-increment: flag;*/
            /*some styles now*/
            border-radius: 100%;
            width: 20px;
            height: 20px;
            line-height: 20px;
            margin: 8px 0;
            position: absolute;
            top: 0;
            left: 30px;
            background: #444;
            background: linear-gradient(#444, #222);
            font-weight: bold;
        }


.flat li, .flat li:after {
    background: white;
    color: black;
    transition: all 0.5s;
}

    .flat li:before {
        background: white;
        box-shadow: 0 0 0 1px #ccc;
    }

    /*.flat li:hover, .flat li.active,
.flat li:hover:after, .flat li.active:after {
background: #17335B;
color: white;
}*/

    .flat li.active, .flat li.active:after {
        background: #17335B;
        color: white;
    }
/* Three steps breadcrumb menu end*/

h2 {
    font-size: 25px;
    margin-bottom: 15px;
}

h4 {
    font-weight: bold;
    display: block;
    height: 50px;
}

.dataTable div {
    width: 170px;
    display: block;
    float: left;
    padding: 30px;
    height: 130px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.dataTable:after {
    content: "";
    clear: both;
    display: block;
}

.dataTable div:last-child {
    border-right: none;
}

.btnPayment {
    margin-top: 20px;
}

.main .options {
    margin: 50px 0;
}

    .main .options li {
        display: inline-block;
        margin-right: 40px;
        height: 31px;
        padding-left: 43px;
    }

        .main .options li a {
            font-size: 13px;
            vertical-align: -webkit-baseline-middle;
        }

li.myStatements {
    background: url("../images/ico-statement.gif") no-repeat;
}

li.recurringPayments {
    background: url("../images/ico-recurring.gif") no-repeat;
}
/*A.ViewBillSetupRecur:hover {
	text-decoration: underline;
	font-style: italic;
    font-weight: normal;
}*/
A.SetupPaymentMethod:link {
    color: Red;
    font-size: 15px;
}

A.SetupPaymentMethod:hover {
    text-decoration: underline;
    font-style: italic;
    font-weight: normal;
}

.bar.ui-accordion-header-collapsed, .ui-accordion-content {
    margin-bottom: 5px;
}

.bar.ui-accordion-header-active {
    margin-bottom: 0px;
}

    .bar a, .bar.ui-accordion-header-active a {
        line-height: 40px;
        padding-left: 15px;
        font-size: 16px;
    }

.bar:after {
    content: "+";
    display: block;
    float: right;
    margin-top: -37px;
    font-size: 20px;
    line-height: 30px;
    margin-right: 20px;
    cursor: pointer;
}

.bar.ui-accordion-header-active:after {
    content: "-";
    display: block;
    float: right;
    margin-top: -37px;
    font-size: 20px;
    line-height: 30px;
    margin-right: 20px;
    cursor: pointer;
}

#accordion .content.ui-accordion-header-active {
    margin-top: 10px;
    padding: 19px 16px;
}

.navBar li.msg {
    border: none;
}

.navBar li a.msg {
    text-align: right;
    margin-right: 20px;
    display: initial;
}

    .navBar li a.msg img {
        float: right;
        margin: 5px 15px 0px 30px
    }

.navBar li.other {
    width: 20px;
    height: 15px;
    margin-left: 10px;
    border: none;
}

.inboxWindow {
    display: none;
    position: absolute;
    margin-left: -230px;
}

    .inboxWindow .messages {
        width: 400px;
        height: auto;
        overflow: scroll;
    }

    .inboxWindow .message .sender {
        float: left;
        text-align: center;
        margin-right: 10px;
    }

#inboxWindow .message:after {
    content: "";
    display: block;
    clear: both;
    margin-bottom: 10px;
}

.sender p {
    font-size: 12px;
    margin-top: 5px;
}

.tooltip a, .messageContent a, .viewAllMessages a, .question {
    display: block;
}

h5 {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 5px;
}

.inboxWindow span.messageTime {
    margin-top: 5px;
    display: block;
    font-size: 12px;
    font-weight: bold;
}

.inboxWindow .messageContent p {
    line-height: 20px;
    font-size: 15px;
}

.inboxWindow .message {
    padding: 20px 10px 10px 10px;
}

.inboxWindow .messages {
    border-bottom: none;
}

.viewAllMessages {
    display: block;
    width: 400px;
    line-height: 30px;
    text-align: center;
    border-top: none;
}

.cover {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    display: none;
    position: fixed;
    top: 0;
    left: 0;
}

p.title {
    display: block;
    line-height: 40px;
    text-indent: 12px;
}

p.help {
    float: right;
    padding: 15px;
    font-size: 12px;
    display: none; /*temp*/
}

.content .formulario {
    padding: 15px;
}

.formulario .currentbalance {
    font-size: 20px;
    font-weight: bold;
}

.formulario .space {
    margin-bottom: 20px;
}

.savings, .checking {
    display: initial;
    vertical-align: middle;
    margin-right: 10px;
}

.makeFinalPaymentOnCheck, .continuePayments, .alertDaysCheck, .alertAutomatic {
    display: initial !important;
    margin-right: 5px;
}

label input, label select, p.error {
    display: inline-block;
}

.setUpRecurringPayments label span, .setUpRecurringPayments legend, .setUpRecurringPayments legend span, .addBankAccount label span, .addBankAccount legend, .addBankAccount legend span, .contactUs label span, .contactUs legend, .contactUs legend span, .guestPaymentCreditCardStep2 label span, .guestPaymentCreditCardStep2 legend, .guestPaymentCreditCardStep2 legen span, .guestPaymentBankAccountStep2 label span, .guestPaymentBankAccountStep2 legend, .guestPaymentBankAccountStep2 legend span, .oneTimePayment label span, .oneTimePayment legend, .oneTimePayment legen span, .emailAlerts p {
    display: -webkit-box;
    font-weight: bold;
    font-size: 15px;
    line-height: 28px;
}

.myPayments label span, .myPayments legend, .myPayments legend span, .myAccount label span, .myAccount legend, .myAccount legend span {
    display: -webkit-box;
    font-weight: bold;
    font-size: 15px;
    line-height: 28px;
    margin-left: 15px;
    margin-bottom: 10px;
}

input.mm {
    min-width: 30px !important;
    width: 85px;
}

input.yyyy {
    min-width: 30px !important;
    width: 85px;
}

input.cvv2 {
    min-width: 30px !important;
    width: 50px;
    margin-right: 2px;
}

p.error:after {
    margin-left: 50px;
    font-size: 15px;
    font-weight: normal;
    content: "¡Error!";
    display: none; /*temp*/
}

.formScheduleOneTimePayment .balance, .formScheduleRecurringPayment .balance {
    margin-top: 20px;
}

    .formScheduleOneTimePayment .balance span, .formScheduleRecurringPayment .balance span {
        display: block;
        font-size: 25px;
        margin-top: 10px;
        margin-bottom: 20px;
    }

.makeFinalPaymentOnCheck, .makeFinalPaymentOnDate, .continuePayments, .alertDaysCheck, .alertAutomatic {
    min-width: 20px;
    min-height: 25px;
    display: inline-block;
}

.makeFinalPaymentOn span {
    line-height: 28px;
}

.makeFinalPaymentOnDate {
    min-width: 198px;
    padding: 0px 10px;
    margin: 5px 0 10px 0px;
}

.emailAlerts {
    padding: 20px;
    margin-bottom: 20px;
}

.alertDaysSelect {
    min-width: initial;
}

.myPayments table, .oneTimePayment table, .setUpRecurringPayments table, .guestPaymentCreditCardStep2 table, .myAccount table, .myStatements table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 13px;
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 14px;
}

    .myPayments table thead th, .oneTimePayment table thead th, .setUpRecurringPayments table thead th, .guestPaymentCreditCardStep2 table thead th, .myAccount table thead th, .myStatements table thead th {
        padding: 10px;
        text-align: center;
    }

    .yourRecurringPayments table tbody td, .oneTimePayment table tbody td, .guestPaymentCreditCardStep2 table tbody td, .myAccount table tbody td, .myStatements table tbody td, .paymentHistoryTable td {
        padding: 10px;
    }

.confirmationTable tbody td {
    padding: 0px 10px !important;
}

.myPayments table, .oneTimePayment table, .setUpRecurringPayments table, .guestPaymentCreditCardStep2 table, .myAccount table, .myStatements table {
    border: none;
    margin-bottom: 20px;
}

    .myPayments table .titles td, .oneTimePayment table .titles td, .setUpRecurringPayments table .titles td, .guestPaymentCreditCardStep2 table .titles td, .myAccount table .titles td, .myStatements table .titles td {
        border-top: none;
    }

    .myPayments table .data td, .oneTimePayment table .data td, .setUpRecurringPayments table .data td, .guestPaymentCreditCardStep2 table .data td, .myAccount table .data td, .myStatements table .data td {
        border-bottom: none;
    }

    .myPayments table td:first-child, .oneTimePayment table td:first-child, .setUpRecurringPayments table td:first-child, .guestPaymentCreditCardStep2 table td:first-child, .myAccount table td:first-child, .myStatements table td:first-child {
        border-left: none;
    }

    .myPayments table td:last-child, .oneTimePayment table td:last-child, .setUpRecurringPayments table td:last-child, .guestPaymentCreditCardStep2 table td:last-child, .myAccount table td:last-child, .myStatements table td:last-child {
        border-right: none;
    }

.paymentHistoryTable a {
    text-decoration: underline;
}

.setUpRecurringPayments .formulario, .oneTimePayment .formulario {
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-top: none;
}

.other a:hover {
    background-color: transparent !important;
}

.ayudete {
    display: block;
    clear: both;
}

.statusMsg, .example, .paymentMethodConfirmation, .updateConfirmation {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -200px;
    margin-top: -200px;
    background: white;
    padding: 20px;
    text-align: center;
}

 .exampleAda {
    display: none;
    position: fixed;
    top: 30%;
    left: 50%;
    margin-left: -200px;
    margin-top: -200px;
    background: white;
    padding: 20px;
    text-align: center;
}

    .paymentMethodConfirmation .buttons {
        margin-top: 20px;
    }

    .updateConfirmation a.close {
        text-align: right;
        display: block;
        font-size: 12px;
    }

    .updateConfirmation p {
        line-height: 100px;
    }

    .statusMsg a.close {
        float: right;
        font-size: 12px;
    }

        .statusMsg a.close:hover {
            text-decoration: underline;
        }

    .statusMsg p.status {
        margin-top: 30px;
        margin-bottom: 20px;
    }

.selectPaymentMethod h2 {
    margin-left: 30px;
}

.selectPaymentMethod .navBar {
    text-align: right;
}

    .selectPaymentMethod .navBar ul {
        border: none;
    }

.selectPaymentMethod .navBar {
    margin-bottom: 0px;
}

.creditCard, .bankAccount {
    width: 260px;
    padding: 30px;
    display: inline-block;
    margin-right: 50px;
}

.bankAccount {
    margin-right: 0px;
}

    .creditCard li, .bankAccount li {
        color: #17335B;
        font-size: 15px;
        margin-bottom: 10px;
    }

.selectPaymentMethod h3 {
    text-transform: uppercase;
    font-size: 24px;
    line-height: 30px;
    padding: 30px;
    margin-bottom: 50px;
}

    .selectPaymentMethod h3 span {
        text-transform: initial;
        display: block;
        font-size: 20px;
    }

li.guestPayment {
    width: 16%;
    min-width: 140px;
    text-align: center;
}

.guestPaymentCreditCardStep1 .navBar li.other, .guestPaymentCreditCardStep2 .navBar li.other, .guestPaymentBankAccountStep1 .navBar li.other, .guestPaymentBankAccountStep2 .navBar li.other {
    width: 80%;
}

    .guestPaymentCreditCardStep1 .navBar li.other a, .guestPaymentCreditCardStep2 .navBar li.other a, .guestPaymentBankAccountStep1 .navBar li.other a, .guestPaymentBankAccountStep2 .navBar li.other a {
        text-align: right;
    }

.guestPaymentCreditCardStep1 h2, .guestPaymentBankAccountStep1 h2 {
    text-align: center;
}

.guestPaymentCreditCardStep1 .formulario, .guestPaymentBankAccountStep1 .formulario {
    width: 500px;
    margin: auto;
    margin-top: 50px;
    text-align: center;
}

.guestPaymentCreditCardStep1 label, .guestPaymentBankAccountStep1 label {
    margin-bottom: 10px;
}

.guestPaymentCreditCardStep1 input, .guestPaymentBankAccountStep1 input {
    display: block;
    margin: auto;
    margin-bottom: 30px;
    height: 40px;
    width: 395px;
    padding: 5px;
}

.paymentMethod {
    margin-top: 20px;
    margin-bottom: 40px;
}

    .paymentMethod label span, .paymentMethod legend, .paymentMethod legend span, .paymentMethod label, .paymentMethod p {
        margin-left: 12px;
    }

    .paymentMethod input[type="radio"].checking, .paymentMethod input[type="radio"].savings {
        margin-left: 12px;
    }

    .paymentMethod fieldset.expirationDate, .paymentMethod input[type="text"].mm {
        margin-left: 12px;
    }

    .paymentMethod p.title {
        text-indent: 30px;
        margin-left: 0px;
    }

.paymentMethodBody {
    padding: 30px;
}

.accountID {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 20px;
}

.guestPaymentCreditCardStep2 p em, .guestPaymentBankAccountStep2 p em {
    font-size: 13px;
    margin-bottom: 20px;
    display: block;
}

table.confirmationTable {
    margin: 10px auto 30px auto;
}

    table.confirmationTable tr {
        line-height: 40px;
    }

        table.confirmationTable tr td:first-child {
            padding-right: 20px;
            text-align: right;
        }

tr.paymentAmount {
    line-height: 100px !important;
}

.initiationDateRecurring em {
    display: inline-block;
    font-style: italic;
    font-weight: normal;
}

em.required {
    font-style: inherit;
    font-weight: inherit;
}

.guestPaymentCreditCardStep3 .buttons, .guestPaymentCreditCardStep4 .buttons, .guestPaymentCreditCardStep4 .formulario, .guestPaymentBankAccountStep3 .buttons, .guestPaymentBankAccountStep4 .buttons, .guestPaymentBankAccountStep4 .formulario, .confirmation .buttons, .changedConfirmed p:last-child, .centered {
    text-align: center;
}

.marginTop {
    margin-top: 40px;
}

.buttons.centered {
    margin: 40px auto;
}

.changedConfirmed p:last-child {
    margin: 50px;
}

.guestPaymentCreditCardStep4 h3, .guestPaymentBankAccountStep4 h3 {
    margin: 60px 0px;
    font-size: 30px;
}

.guestPaymentCreditCardStep4 h2, .guestPaymentBankAccountStep4 h2 {
    text-align: center;
}

.accountInfo .formulario, .personalInfo .formulario, .homeownerInfo .formulario {
    margin-top: 40px;
    width: 462px;
}

.accountInfo input[type="number"], .accountInfo input[type="text"], .accountInfo input[type="email"], .accountInfo input[type="password"], .personalInfo input[type="number"], .personalInfo input[type="text"], .homeownerInfo input[type="number"], .homeownerInfo input[type="text"] {
    height: 50px;
    width: 450px;
    margin-top: 10px;
    margin-bottom: 30px;
}

.accountInfo .passwordWithShowPasswordOption #password {
    width: 390px;
}

.accountInfo input[type="checkbox"] {
    margin-right: 10px;
}

.accountInfo .passwordWithShowPasswordOption input {
    margin: 0;
    padding: 0;
}

fieldset legend label span {
    vertical-align: super;
}

legend label span {
    display: initial !important;
}

span.tooltip {
    display: inline-block !important;
    margin-left: 10px;
    border-radius: 100px;
    height: 20px;
    width: 20px;
    line-height: 20px !important;
    text-align: center;
    margin-right: -36px;
}

.example {
    display: none;
}

.bankIMG {
    background-image: url("../images/KNP-SavingAccount_Image.jpg");
    width: 339px;
    height: 323px;
}

.checkIMG {
    background-image: url("../images/KNP-CheckImage.jpg");
    width: 312px;
    height: 305px;
}


/*other menu*/

.otherOptions {
    -webkit-transition: ease-out 0.3s;
    -moz-transition: ease-out 0.3s;
    -o-transition: ease-out 0.3s;
    transition: ease-out 0.3s;
}

    .otherOptions li {
        display: block;
        border-left: none !important;
        border-right: none;
        border-top: none;
        line-height: 30px;
        background-color: #959595;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        padding-right: 10px;
        text-decoration: none;
        width: 150px;
        color: #FFF;
        font-size: 13px;
    }

    .otherOptions ul {
        border-bottom: none;
    }

div#otherOptions {
    text-align: right;
    height: 0px;
    overflow: hidden;
}

.navBar .otherOptions li > a {
    text-align: inherit;
    font-size: inherit;
    color: #FFF;
}

    .navBar .otherOptions li > a:hover {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        padding-right: 10px;
        text-decoration: none;
    }

/*inbox*/
.inbox .sender {
    display: table-cell;
    float: left;
    width: 160px;
    text-align: center;
    padding: 25px 0;
}

.inbox .messageContent {
    display: table-cell;
    padding: 25px 0;
}

    .inbox .messageContent h5 {
        margin-bottom: 20px;
    }

    .inbox .messageContent p {
        padding-right: 50px;
        text-align: justify;
    }

.inbox .message:after {
    content: "";
    display: block;
    clear: both;
}

.inbox span {
    padding-top: 20px;
    display: block;
    float: left;
}

    .inbox span.reply {
        float: right;
        margin-right: 50px;
    }

.inbox textarea {
    min-width: 500px;
    min-height: 150px;
}

.inbox .btnConfirm {
    float: right;
}

.inbox #msgSent {
    float: right;
    line-height: 40px;
    margin-right: 20px;
}
/*FAQ*/
.faq .legal span {
    display: block;
    margin-bottom: 10px;
    font-size: 20px;
    color: gray;
    font-weight: 100;
}

.faq .legal p {
    font-weight: 600;
}

.faq h3 {
    margin-top: 60px;
}

.legal p {
    margin-bottom: 30px;
    text-align: justify;
}

    .legal p.date {
        text-align: right;
    }

.legal ul li {
    line-height: 25px;
    list-style-type: disc;
    margin-left: 30px;
    margin-bottom: 20px;
}

.legal ol li {
    line-height: 25px;
    margin-left: 30px;
    margin-bottom: 20px;
}

.legal ol {
    counter-reset: my-counter;
}

    .legal ol ol {
        margin-top: 20px;
    }

    .legal ol > li:before {
        content: counter(my-counter, decimal );
        counter-increment: my-counter;
        margin-right: 5px;
        margin-left: -14px;
        font-weight: bold;
    }

    .legal ol li ol li:before {
        content: counter(my-counter, lower-alpha );
        counter-increment: my-counter;
        margin-right: 5px;
        margin-left: -14px;
        font-weight: bold;
    }

.legal h3 {
    text-align: left;
    line-height: 30px;
    font-size: 22px;
    margin-bottom: 20px;
}

.legal ul {
    margin: 30px 0;
    text-align: justify;
}


.logIn {
    background: #00abe6;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -khtml-border-radius: 10px;
}

    .logIn a {
        background-image: url("../images/ico-login.gif");
        background-repeat: no-repeat;
        padding-left: 30px;
        height: 20px;
        line-height: 20px;
        display: inline-block;
        width: 140px;
        text-align: center;
        font-size: 15px;
        border-radius: 10px;
        padding: 10px;
        background-position: 30px 12px;
        color: #FFF;
    }


/*CALENDAR*/
div#ui-datepicker-div {
    background-color: #FFF;
}

.ui-icon, .ui-widget-content .ui-icon {
    background-image: url("images/ui-icons_444444_256x240.png");
}

.ui-icon {
    width: 16px;
    height: 16px;
    vertical-align: middle;
}

.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}

.ui-datepicker .ui-datepicker-next {
    right: 2px;
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none;
}

    .ui-state-disabled .ui-icon {
        filter: Alpha(Opacity=35);
    }

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}

td.ui-datepicker-week-end.ui-datepicker-unselectable.ui-state-disabled, td.ui-datepicker-unselectable.ui-state-disabled.undefined {
    background-color: gray;
}


footer {
    font-size: 12px;
    line-height: 20px;
    margin-top: 100px;
}

.footer {
    text-align: center;
}

    .footer .links ul li, .year, .links {
        display: inline-block;
        margin-left: 0;
    }

    .footer .year {
        margin-right: 100px;
    }

    .footer .links ul li a {
        border-right: 1px solid gray;
        padding: 0 10px;
    }

    .footer .links ul li:last-child a {
        border: none;
    }

.feedisclaimer {
    font-size: 13px;
    color: black;
    margin-top: 10px;
    margin-left: 20px;
    margin-bottom: 20px;
    margin-right: 20px;
}



.print .wrap {
    margin: 50px;
}

.print tr, .print td, .print th {
    border: solid 1px black !important;
    color: black !important;
    background-color: #FFF !important;
}

.print th {
    font-weight: bold !important;
}

/*media queries*/

@media (max-width:1200px) {
    .index .main {
        min-height: 520px;
        margin-bottom: 40px;
    }

    .index .main {
        background: url("../images/background.jpg") no-repeat center 140px fixed;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
    }
}

@media (max-width:1070px) {
    .index .main {
        min-height: 490px;
    }

        .index .main div:first-child {
            padding-top: 180px;
        }
}

@media (max-width:1000px) {
    .index h1 {
        font-size: 50px;
    }

    .index h3 {
        font-size: 27px;
    }
}

@media (max-width:940px) {
    .index .main {
        min-height: 440px;
    }

    .index h1 {
        font-size: 40px;
    }

    .index h3 {
        font-size: 23px;
    }

    .index .main div:first-child {
        width: 520px;
        padding-left: 150px;
    }
}

@media (max-width:875px) {
    .index .main {
        min-height: 410px;
    }

        .index .main div:first-child {
            width: 520px;
            padding-top: 100px;
        }
}

@media (max-width: 800px) {
    .index .main {
        min-height: 360px;
    }
}

@media (max-width:700px) {
    .index .main {
        min-height: 300px;
    }

        .index .main div:first-child {
            width: 450px;
        }

    .index h1 {
        font-size: 30px;
    }

    .index h3 {
        font-size: 17px;
    }

    .index .buttons {
        margin: 25px auto;
    }

    .logoKlik {
        display: block;
        width: 150px;
    }
}

@media (max-width:590px) {
    .index .main {
        min-height: 250px;
    }

        .index .main div:first-child {
            padding-left: 0px;
        }

    .index .buttons {
        margin: 10px auto;
    }

    .index .main div:first-child {
        padding-top: 60px;
    }
}

@media (max-width: 480px) {
    .index .signUp a {
        width: 80px;
    }

    .index .logIn, .index .signUp {
        float: none;
    }

    .index .signUp {
        margin-top: 10px;
    }
}

@media (max-width: 440px) {
    .index .main div:first-child {
        width: 340px;
    }

    .index .main {
        width: 100%;
        background: url("../images/background.jpg") no-repeat -60px 180px fixed;
        min-height: 240px;
        background-size: 120% 24%;
    }

        .index .main div:first-child {
            padding-top: 50px;
        }

    .index h3 {
        font-size: 16px;
        font-weight: bold;
        line-height: 16px;
        margin-bottom: 30px;
        text-shadow: 2px 2px 5px #313131;
        margin-top: 20px;
    }

    .index .main {
        margin-bottom: 0px;
    }
}

@media (max-width: 325px) {

    .index h1 {
        font-size: 20px;
    }

    .index .main div:first-child {
        width: inherit;
    }

    .index .btnPayAsGuest, .index .btnSignUp, .index .signUp a {
        width: 110px;
    }

    .index .main {
        background: url("../images/background.jpg") no-repeat -40px 160px fixed;
        background-size: 120% 24%;
        min-height: 210px;
    }

        .index .main div:first-child {
            padding-top: 30px;
        }

    .index .logIn a {
        display: inline-block;
        line-height: 40px;
        text-align: center;
        font-size: 15px;
        margin: 0 10px;
        width: 110px;
        color: #FFF;
        background-color: #3278a6;
        background-image: none;
        height: inherit;
        padding: 0;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        -khtml-border-radius: 10px;
    }

    .index .signUp {
        display: none;
    }

    .index .logIn, .index .signUp, .index .languages {
        text-align: center;
        margin: 0;
        margin-bottom: 20px;
        margin-top: -10px;
    }

    .index .logo {
        float: none;
        margin-top: 10px;
        text-align: center;
    }

    .index .topHeader .options {
        float: none;
        margin-top: 20px;
    }

    .index.esp .btnPayAsGuest {
        margin-rigth: 0;
        font-size: 14px;
        width: 130px;
    }
}

/*

	*/


h1, h2, h3, p, .index .main div, .index .buttons {
    /*
		-webkit-transition:  ease-out 0.3s;
		-moz-transition:   ease-out 0.3s;
		-o-transition:   ease-out 0.3s;
		transition:   ease-out 0.3s;	*/
}

.titles td {
    border-right: solid 1px #cccccc;
    border-top: solid 1px #cccccc;
    padding: 5px;
}

.data td {
    border-right: solid 1px #cccccc;
    border-top: solid 1px #cccccc;
    padding: 5px;
    vertical-align: middle;
}

table .titles {
    background-color: #f6f6f6;
}

.paymentHistoryTable table tbody tr:nth-child(odd) {
    background-color: #EEE;
}

/* header logo */
.passwordWithShowPasswordOption {
    width: 380px
}

/* overview page */
.main .dataTable .balance li {
    display: inline-block;
    margin: 30px 0;
    height: 31px;
    padding-left: 43px;
    width: 155px;
}
.main .dataTable .balance li a {
        font-size: 13px;
        vertical-align: -webkit-baseline-middle;
 }

.unit h3 {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    color: #17335B;
    font-weight: bold;
    display: block;
    height: 50px;
}

.account h3 {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    color: #17335B;
    font-weight: bold;
    display: block;
    height: 50px;
}


.balance h3 {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    color: #17335B;
    font-weight: bold;
    display: block;
    height: 50px;
}

.balance p a {
    margin: 30px 0;
    padding-left: 20px;
    width: 110px;
    vertical-align: central;
}

.dataTable div {
    width: 185px;
    display: block;
    float: left;
    padding: 20px;
    height: 130px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.dataTable select {
    display: block;
    min-height: 25px;
    padding: 0px 10px;
    margin: 5px 0 10px 0px;
    min-width: 185px;
}

p.norecords {
    color: Red;
    padding-top: 10px;
    padding-left: 20px;
}

table .data td:last-child {
    width: 100px;
}

.cvvSampleIMG {
    background-image: url("../images/CVV-Sample.jpg");
    width: 339px;
    height: 151px;
}

label.StopPaymentOption {
    padding-left: 100px;
    text-align: left;
}

a.TermsDiscolsures:link, a.TermsDiscolsures:visited, a.TermsDiscolsures:active, a.TermsDiscolsures:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #004040;
    text-decoration: underline;
}

/* use table for select payment method page */
table.selPmtMethod {
    /* border: 1px solid #3278a6; */
    margin: 20px;
}

    table.selPmtMethod tr td h3 {
        background-color: #3278a6;
        color: #FFF;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        -khtml-border-radius: 10px;
        height: 85px;
    }

    table.selPmtMethod tr td {
        width: 270px;
        padding: 30px;
    }

        table.selPmtMethod tr td li {
            color: #3278a6;
            font-size: 15px;
            margin-bottom: 10px;
        }


.p a.setUpNewRecurringPayment {
    display: none;
}

label.LoginHelpText {
    padding-left: 10px;
    text-align: left;
    padding-bottom: 0px;
}

.btnSignUp:hover {
    background-color: white !important;
    color: black !important;
}

/*#lnkbtnLogin:hover, #btnSubmit:hover {
    background-color: white !important;
    color: black !important;
}*/
#options legend, label .ADA {
    font-size: 32px;
    font-family: Arial, Helvetica, sans-serif;
}