body {
    padding: 10px;
}

.cardExp .expiry
{
    width: 100px;
}

.table td {
   text-align: center;   
}

.table th {
   text-align: center;
   font-weight: bold;   
}

.paymentProcessingContainer #paymentProcessingSuccessBody {
    color: #3c763d;
    background-color: #dff0d8;
    margin: 10px;
}

.paymentProcessingContainer #paymentProcessingSuccessContainer {
    background-color: #dff0d8;
    display: none;
}

.paymentProcessingContainer #paymentProcessingValidationErrorsContainer {
    background: #f2dede;
    display: none;
}

.paymentProcessingContainer .has-error {
    border: 1px solid #a94442;
    background: #f2dede;
}

.paymentProcessingContainer .validationErrorsBody {
    color: #a94442;
    margin-left: 10px;
}


    .paymentProcessingContainer .validationErrorsBody ul {
        margin-top: 0px;
    }

        .paymentProcessingContainer .validationErrorsBody ul li {
            border-bottom: none;
            list-style: disc;
            padding: 0px;
            text-align: left;
            text-transform: none;
        }







.modalLoading {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('../Content/Images/loader.gif') 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modalLoading {
    display: block;
}







.registerCardContainer #registerCardSuccessBody {
    color: #3c763d;
    background-color: #dff0d8;
    margin: 10px;
}

.registerCardContainer #registerCardSuccessContainer {
    background-color: #dff0d8;
    display: none;
}

.registerCardContainer #registerCardValidationErrorsContainer {
    background: #f2dede;
    display: none;
}

.registerCardContainer .has-error {
    border: 1px solid #a94442;
    background: #f2dede;
}

.registerCardContainer .validationErrorsBody {
    color: #a94442;
    margin-left: 10px;
}


    .registerCardContainer .validationErrorsBody ul {
        margin-top: 0px;
    }

        .registerCardContainer .validationErrorsBody ul li {
            border-bottom: none;
            list-style: disc;
            padding: 0px;
            text-align: left;
            text-transform: none;
        }



        

.ccFormatMonitor.cc_type_vs + p::after {
    content: "Visa";
}

.ccFormatMonitor.cc_type_jc + p::after {
    content: "JCB";
}

.ccFormatMonitor.cc_type_dc + p::after {
    content: "Diners Club";
}

.ccFormatMonitor.cc_type_mc + p::after {
    content: "Mastercard";
}

.ccFormatMonitor.cc_type_ax + p::after {
    content: "American Express";
}

.ccFormatMonitor.cc_type_unknown + p::after {
    content: "Unknown";
}




.textBoxVisaLogo { background: url(images/Visa_small.png) no-repeat scroll 7px 7px !important; background-position-x: 98% !important; background-position-y: center !important; background-size: 54px 28px; }
.textBoxMasterCardLogo { background: url(images/Mastercard_small.png) no-repeat scroll 7px 7px !important; background-position-x: 98% !important; background-position-y: center !important; background-size: 54px 28px; }
.textBoxDiscoverLogo { background: url(images/Discover_small.png) no-repeat scroll 7px 7px !important; background-position-x: 98% !important; background-position-y: center !important; background-size: 54px 28px; }
.textBoxAmExLogo { background: url(images/AmericanExpress_small.png) no-repeat scroll 7px 7px !important; background-position-x: 98% !important; background-position-y: center !important; background-size: 54px 28px; }
#cardNumber::-ms-clear { display: none; }