﻿.text_payment {
    border: 1px solid #cccccc;
    height: 30px;
    width: 100%;
    padding: 5px 5px 5px 5px;
    outline: none;
    background: #ffffff;
    color: #292929;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    
} 
.text_payment.amount { width:100%; }
.text_payment_area{
    border: 1px solid #cccccc;
    height: 280px;
    width: 100%;
    padding: 5px 5px 5px 5px;
    outline: none;
    background: #ffffff;
    color: #292929;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.lbl_payment { color:#292929;line-height: 25px; }
.ddl_payment{
    border: 1px solid #cccccc;
    height: 43px;
    width: 100%;
    padding: 10px 5px 5px 5px;
    background: #ffffff;
    color: #292929;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.ddl_payment.currency { width:100%; }
.errmsgPayment{color: red;font-style: italic;font-size: 11px;}
.trSplitter {height:15px;width:100%;}
.tdBtnPayOnline{height: 80px;width: 100%;margin: auto;padding-top: 40px;display:block;}

.divTopContainer {width:100%; padding:0px 20px; box-sizing:border-box;}
.divRightContainer {width:100%; position:relative; padding:0px 20px; box-sizing:border-box;}
.divRightContainerInner{padding:30px 0px 50px 0px; position:relative;}

.divPayWithCash{display:none;}
.divPayWithCreditCard{display:none;}

.divPaymentMethodName {font-weight: 700; font-size: 16px; color: #222831;}
.iconCC {background:url('../../img/usr/icon-pay-with-credit-card.png') no-repeat center top; padding-top:40px; height: 40px; border-bottom: 1px dotted #fff; margin-bottom: 10px;}
.iconCash {background:url('../../img/usr/icon-pay-with-cash.png') no-repeat center top; padding-top:40px; height: 40px; border-bottom: 1px dotted #fff; margin-bottom: 10px;}

.tblPaymentTypeSelect {width:100%; }
.tblPaymentTypeSelect td {vertical-align:top; text-align:center;}
.tblPaymentTypeSelect td.middle {vertical-align:middle;}

.tdBillCreditCard {background:#ddd url('../../img/usr/mobile/bg-repeater-left-bnn-online-payment.png') repeat-y right;padding: 15px 10px 30px 10px;cursor:pointer; width:48%;}
.tdBillCash {background:#ddd url('../../img/usr/mobile/bg-repeater-left-bnn-online-payment.png') repeat-y left; padding: 15px 10px 30px 10px;cursor:pointer; width:48%;}
.tdBillCreditCard:hover ,.tdBillCreditCard.active ,
.tdBillCash:hover ,.tdBillCash.active {background-color:#dc0000;}
.tblBillCreditCard,.tblBillCash {width:100%;}
.payonlineTbl {width:100%;}
.payonlineTblForm {width:100%;}
.payonlineTblForm td.tdLabel {width:200px}

.divPaymentTypeSelection {padding: 0px 0px 0px 0px; width:100%;}
.divPaymentTypeSelectionArrow {background: url('../img/usr/arrow-billing-selected.gif') 0 0 no-repeat; width: 10px; height: 20px; position: absolute; top: 0px; left: 0px;}
.tdText {line-height: 20px; text-align:justify;}

.divNotes {text-align:justify;}
.divNotesPaymentDeail {text-align:left;}