.braintree-hosted-fields-focused {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}

.braintree-hosted-fields-valid {
	border-color: #3c763d;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	background-color: #ddffdd;
}

.braintree-hosted-fields-valid.braintree-hosted-fields-focused {
	border-color: #2b542c;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
}

.braintree-hosted-fields-invalid {
	border-color: #a94442;
	background: #ffeeee;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.braintree-hosted-fields-invalid.braintree-hosted-fields-focused {
	border-color: #843534;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}

.icon-type {
	position: absolute;
	right: 20px;
	width: 40px;
	height: 28px;
	background-repeat: no-repeat;
	background-position: 0 0px;
}
.icon-type-discover { background-image: url('images/discover.png'); }
.icon-type-visa { background-image: url('images/visa.png'); }
.icon-type-master-card { background-image: url('images/mastercard.png'); }
.icon-type-american-express { background-image: url('images/amex.png'); }