/* vim: set ts=2 sw=2 sts=2 et: */
/*
 * +-----------------------------------------------------------------------+
 * | BCSE Authorize.Net CIM Payment Processor                              |
 * +-----------------------------------------------------------------------+
 * | Copyright (c) 2014 BCSE LLC. dba BCS Engineering                      |
 * +-----------------------------------------------------------------------+
 * |                                                                       |
 * | BCSE Authorize.Net CIM Payment Processor is subject for version 2.0   |
 * | of the BCSE proprietary license. That license file can be found       |
 * | bundled with this package in the file BCSE_LICENSE. A copy of this    |
 * | license can also be found at                                          |
 * | http://www.bcsengineering.com/license/BCSE_LICENSE_2.0.txt            |
 * |                                                                       |
 * +-----------------------------------------------------------------------+
 */
.bcse-cim-payment { text-align: center; max-width: 350px; margin: 0 auto; }
.bcse-cim-payment.loading { background: url('../img/loader.gif') center center no-repeat transparent; }
.bcse-cim-payment.loading > * { visibility: hidden; }
.bcse-cim-payment .button-wrapper.loading { background: url('../img/loader.gif') center center no-repeat transparent; }
.bcse-cim-payment .button-wrapper.loading > * { visibility: hidden; }
.bcse-cim-payment ul.saved-cards { list-style: none; margin: 0; padding: 0; }
.bcse-cim-payment ul.saved-cards > li { list-style: none; }
.bcse-cim-payment .saved-card { display: block; cursor: pointer; position: relative; padding-left: 32px; line-height: 36px; border-radius: 3px; transition: background 0.35s ease; background: #fafafa; overflow: hidden; box-shadow: 0 0 5px rgba(0, 0, 0, 0.125); border: 1px solid #CCCCCC; font-size: 14px; }

.bcse-cim-payment .saved-card:after {
  background: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.1));
  background: -ms-linear-gradient(top, transparent, rgba(0, 0, 0, 0.1));
  background: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.1));
  background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.1));
  background: linear-gradient(top, transparent, rgba(0, 0, 0, 0.1));
  content: "."; display: block; height: 100%; left: 0; position: absolute; text-indent: -10000px; top: 0; width: 100%;
}

.bcse-cim-payment .saved-card:hover { background: #f2f2f2; }
.bcse-cim-payment .saved-card > span { background: #fafafa; border: 1px solid #aaa; border-radius: 3px; display: inline-block; font-size: 15px; line-height: 24px; padding: 0 4px; }
.bcse-cim-payment .saved-cards input { display: none; }
.bcse-cim-payment .saved-cards input:checked + label { background: #dadada; font-weight: bold; }
.bcse-cim-payment .saved-cards input:checked + label:before { content: "\2713"; display: block; position: absolute; left: 0; top: 0; width: 32px; font-size: 26px; }
.bcse-cim-payment .saved-cards .delete { line-height: 36px; display: block; margin: 0 0 0 5px; cursor: pointer; border-radius: 3px; position: relative; }
.bcse-cim-payment .saved-cards .delete:before { background: #A51C1C; content: "\2717"; width: 24px; display: block; font-size: 18px; border-radius: 3px; color: white; border: 1px solid #8C1818; }

.bcse-cim-payment .no-cards { font-size: 13px !important; padding: 10px 0; line-height: 20px; }
.bcse-cim-payment .note { font-size: 11px !important; padding: 5px 0; font-style: italic; }

.bcse-clear:after { content: "."; display: block; width: 0; height: 0; overflow: hidden; clear: both; }
.bcse-left { float: left; }
.bcse-right { float: right; }

#divAuthorizeNetPopupScreen { position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:1; background-color:#808080; opacity:0.5; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)'; filter:alpha(opacity=50); }
#divAuthorizeNetPopup { position:absolute; left:50%; top:50%; margin-left:-200px; margin-top: -200px; z-index:2; overflow:visible; }
.AuthorizeNetShadow {
    height: 16px;
    width: 16px;
    position: absolute;
}
.AuthorizeNetShadowT { top: -16px; left: 0px; background-image: url('../img/shadow1-top.png'); background-repeat: repeat-x; width: 100%; }
.AuthorizeNetShadowR { top: 0px; right: -16px; background-image: url('../img/shadow1-right.png'); background-repeat: repeat-y; height: 100%; }
.AuthorizeNetShadowB { bottom: -16px; left: 0px; background-image: url('../img/shadow1-bottom.png'); background-repeat: repeat-x; width: 100%; }
.AuthorizeNetShadowL { top: 0px; left: -16px; background-image: url('../img/shadow1-left.png'); background-repeat: repeat-y; height: 100%; }
.AuthorizeNetShadowTR { top: -16px; right: -16px; background-image: url('../img/shadow1-topRight.png'); background-repeat: no-repeat; }
.AuthorizeNetShadowBR { bottom: -16px; right: -16px; background-image: url('../img/shadow1-bottomRight.png'); background-repeat: no-repeat; }
.AuthorizeNetShadowBL { bottom: -16px; left: -16px; background-image: url('../img/shadow1-bottomLeft.png'); background-repeat: no-repeat; }
.AuthorizeNetShadowTL { top: -16px; left: -16px; background-image: url('../img/shadow1-topLeft.png'); background-repeat: no-repeat; }

.AuthorizeNetPopupOuter { border:1px solid #585858; background-color:#ffffff; }
.account-tab-credit-cards {
    margin-top: 20px;
    float: left;
}