.chillpay-remember-card input,
.chillpay-remember-card label {
	display: inline-block;
}

.chillpay-customer-card-list {
	padding-bottom: .75em;
	border-bottom: 1px solid #ddd;
	box-shadow: 0 1px 1px #fff;
}

#label-new_card_info h3 {
	margin-top: .75em;
	display: inline-block;
}

fieldset.card-exists {
	display: none;
}

#new_card_info:checked ~ fieldset.card-exists {
    display: block;
}

/**
 * General
 */
.ChillPay-Box                                { background: #fff; padding: 0 10px; color: #666; border: 1px solid #e5e5e5; box-shadow: 0 1px 1px rgba(0,0,0,.04); }

.ChillPay-Clearfix:before,
.ChillPay-Clearfix:after                     { display: table; content: " "; }
.ChillPay-Clearfix:after                     { clear: both; }

.ChillPay-TextLeft                           { text-align: left; }
.ChillPay-TextCenter                         { text-align: center; }
.ChillPay-TextRight                          { text-align: right; }
.ChillPay-TextDanger                         { color: #d9534f; }
.ChillPay-TextWarning                        { color: #f0ad4e; }
.ChillPay-TextSuccess                        { color: #5cb85c; }

.ChillPay-TableTextTitle                     { font-size: 1.5em; }

.ChillPay-TESTMODE                           { color: #d9534f; }
.ChillPay-LIVEMODE                           { color: #5cb85c; }

.ChillPay-DEBIT                              { color: #d9534f; }
.ChillPay-CREDIT                             { color: #5cb85c; }

/**
 * ChillPayElement
 */
.ChillPay-Element.RadioBox                   { position: relative; border: 1px solid #c8dae0; border-radius: 4px; margin: 0 0 16px; padding: 15px 24px 0 3.5em; background: #f8fafb; -webkit-transition: 200ms box-shadow ease; -moz-transition: 200ms box-shadow ease; -ms-transition: 200ms box-shadow ease; -o-transition: 200ms box-shadow ease; transition: 200ms box-shadow ease; }
.ChillPay-Element.RadioBox:hover             { box-shadow: 0 0 4px rgba(96,192,225,.36); cursor: pointer; }
.ChillPay-Element.RadioBox .Field            { display: none; }
.ChillPay-Element.RadioBox input[type=radio] { position: absolute; top: 20px; left: 16px; }
.ChillPay-Element.RadioBox.SELECTED          { background: white; border: 1px solid #60c0e1; box-shadow: 0 0 4px rgba(96,192,225,.66); }
.ChillPay-Element.RadioBox.SELECTED .Field   { display: block; }
.ChillPay-Element.RadioBoxLabel              { margin: 0; padding: 0 0 .3em; font-size: 1em; cursor: pointer; }
.ChillPay-Element.RadioBoxDescription        { margin: 0 0 16px; font-size: .875em; color: #97a8ae; cursor: pointer; }
.ChillPay-Element.SeparatedFootnote          { margin-top: 2em; padding: 1em 0 0; border-top: 1px solid #e3ecef; color: #97a8ae; font-size: .8em; }
.ChillPay-Element.Field                      { margin:0 0 20px }
.ChillPay-Element.FieldLabel                 { font-size: .875em; color: #97a8ae; }
.ChillPay-Element.TextField                  { width: 100%; padding: .4em .4em; border: 1px solid white; border-radius: 4px; color: #23282d; font-size: 1.2em; background: #f7f7f7; box-shadow: inset 0 1px 3px rgba(0,0,0,0.2); -webkit-transition: all ease-in-out .15s; transition: all ease-in-out .15s; }

/**
 * Dashboard page
 */
.ChillPay-Account                            { margin: 8px 0; }
.ChillPay-Account dl dt,
.ChillPay-Account dl dd                      { display: inline; }
.ChillPay-Account dl dt                      { display: inline; font-weight: 700; margin-left: 14px; padding-left: 15px; border-left: 1px solid #ececec; }
.ChillPay-Account dl dt:first-child          { margin-left: 0; padding-left: 0; border: none; }
.ChillPay-Account dl dd                      { margin-left: 5px; }

.ChillPay-Balance                            { margin: 8px 0 0; background: #60c0e1; color: #106986; padding: 25px 0; border-bottom: 1px solid #8dd7f0; }
.ChillPay-Balance .left,
.ChillPay-Balance .right                     { float: left; width: 50%; text-align: center; }
.ChillPay-BalanceAmount                      { font-size: 2.75em; color: #fff; line-height: 1.3em; }
.ChillPay-BalanceTransferTab                 { display: block; cursor: pointer; margin: 0 0 8px; color: #106986; background: #60c0e1; padding: 10px 0; text-align: center; border-radius: 0 0 3px 3px; -webkit-transition: all ease-in-out .15s; transition: all ease-in-out .15s; }
.ChillPay-BalanceTransferTab:hover           { background: #106986; color: #fff; }

#ChillPay-TransferBoxWrapper                 { visibility: hidden; opacity: 0; background-color: rgba(0,0,0,0.77); z-index: 999999; position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; overflow-x: hidden; border: none; }
#ChillPay-TransferBox                        { position: relative; width: 400px; min-height: 200px; box-shadow: 0 1px 3px; border-radius: 0 0 8px 8px; margin: 0 auto 0; padding: 16px; box-shadow: 0 1px 3px rgba(0,0,0,0.3); background: white; top: 0; border: none; opacity: 0; -webkit-transform: scale(.1); -moz-transform: scale(.1); -ms-transform: scale(.1); -o-transform: scale(.1); transform: scale(.1); -webkit-transition: 200ms opacity ease, -webkit-transform 200ms; -moz-transition: 200ms opacity ease, -moz-transform 200ms; -ms-transition: 200ms opacity ease, -ms-transform 200ms; -o-transition: 200ms opacity ease, -o-transform 200ms; transition: 200ms opacity ease, transform 200ms; }