/* == Valanx.org AEC Membership Management - etacarinae.css == */

#aec {
width: 100%;
padding: 0 12px;
}

div#aec > div {
overflow: hidden;
padding: 4px;
}

#aec form {
margin: 0 0;
}

#aec .btn {
padding: 4px 10px 4px;
display: inline-block;
font-weight: bold;
line-height: 16px;
}

#aec .btn-mini {
padding: 2px 6px;
}

#aec .btn i {
margin-right: 6px;
margin-top: 2px;
}

#aec .btn i.narrow {
margin-right: 0;
}

#aec .componentheading {
margin: 12px 0 24px;
text-align: center;
}

#aec .alert {
padding: 8px 24px;
float: left;
width: 92%;
}

#aec #confirmation-info,
#aec #confirmation-form,
#aec #confirmation-extra,
#aec #aec-exception {
margin: 0 3%;
width: 94%;
}

#aec #cart-info,
#aec .checkout-list {
margin: 0 5%;
width: 90%;
}

#aec table.cart-list {
width: 100%;
}

#aec .well {
float: left;
width: 92%;
margin: 12px 1% 48px;
}

#aec .well input {
margin-bottom: 0;
vertical-align: inherit;
}

#aec .well button {
float: right;
margin-bottom: 0;
vertical-align: inherit;
}

#aec .well>div {
text-align: right;
}

#aec .well p {
display: inline;
float: left;
margin: 4px 0;
}

#aec .alert {
overflow: hidden;
}

#aec .alert .btn {
float: right;
margin-right: -26px;
padding: 4.5px 10px 4px;
}

#aec #confirmation-form table {
width: 100%;
}

#aec .confirmation-info-header {
text-align: center;
}

#aec .confirmation-info-content {
padding: 8px;
color: #222;
}

#aec .confirmation-info-price {
display: block;
padding: 24px 0;
}

#aec .confirmation-info-price p {
font-size: 180%;
font-weight: bold;
text-align: center;
margin: 0;
}

#aec .form-exception-part table {
width: 100%;
}

#aec td.cleft {
padding: 2px;
margin: 0px;
width: 50%;
text-align: right !important;
}

#aec td.cright {
padding: 2px;
margin: 0px;
width: 50%;
text-align: left !important;
}

#aec td.cboth {
padding: 2px;
margin: 0px;
text-align: center !important;
}

#aec td.cboth p {
text-align: center !important;
}

#aec td.cost-cost {
text-align: right;
}

#aec .list-term-other {
opacity: 0.8;
}

#aec .btn-processor,
#aec .btn-plangroup {
  -webkit-box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
  width: 120px;
  height: 40px;
  font-size: 120%;
  padding: 0;
}

#aec .btn-processor:hover,
#aec .btn-plangroup:hover {
  color: #333333;
  text-decoration: none;
  background-color: #e6e6e6;
  background-position: 0 0 !important;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
  -webkit-box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
}

#aec .btn-processor:active {
  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

#aec .btn-overlay {
background: #555;
border-radius: 0 0 4px 4px;
color: #fff;
display: block;
position: relative;
font-size: 12px;
height: 14px;
line-height: 14px;
left: -1px;
bottom: -13px;
opacity: 0.7;
text-shadow: none;
width: 120px;
}

#aec .btn-tallcontent {
line-height: 12px;
}

#aec .processor-button,
#aec .group-button {
display: inline-block;
float: right;
width: 120px;
height: 40px;
margin-left: 8px;
}


#aec .aec-planlist-item,
#aec .aec-planlist-group,
#aec .processor-list {
border-color: #ddd #bbb #aaa #ddd;
border-style: solid;
border-width: 1px;
float: left;
margin-bottom: 16px;
margin-top: 6px;
padding: 12px 12px 12px 24px;
width: 95%;
background: #fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
box-shadow: 0 2px 2px #ddd;
}

#aec .processor-details {
float: left;
width: 100%;
}

#aec .processor-details p {
padding-left: 160px;
}

#aec .processor-details img {
float: left;
margin: 7px;
}

#aec .backtocart-button {
text-align: right;
padding: 8px 0px 8px;
}

#aec .nav {
margin-bottom: 0;
}

#aec .tab-pane table {
width: 100%;
}

#aec .aec-checkout-params table {
width: 100%;
}

#aec .aec-checkout-params {
float: left;
width: 96%;
background: #fff;
border: 1px solid #ddd;
box-shadow: 0 2px 2px #999999;
margin-bottom: 24px;
padding: 12px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
border-radius: 6px;
}

#aec .tab-content {
background: #fff;
border: 1px solid #ddd;
border-top: none;
box-shadow: 0 2px 2px #999999;
margin-bottom: 12px;
padding: 12px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
border-radius: 0 0 6px 6px;
}

#aec .checkout-tabs {
float: left;
width: 100%;
}

#aec #aec-nav-profile {
margin-bottom: 12px;
}

#aec .list-term-termlist-term-other {
opacity: 0.6;
}
