/**
 *
 * Payment Form Methods
 * ====================
 *
 * Various useful methods for payment forms.
 *
 * @package		Cardstream
 * @subpackage	Ca/Js
 * @copyright	Copyright (c) 2017 - Cardstream Ltd.
 * @author		Nick Turner <nick.turner@cardstream.com>
 * @link		http://www.cardstream.com
 * @version		$Id$
 */

.cardinput {
	position: relative;
	vertical-align: middle;
}

.cardinput::before {
	position: absolute;
	display: inline-block;
	top: 0px;
	left: 4px;
	height: 16px;
	width: 25px;
	background: transparent url('/libs/cc-icons/rounded/16/sprites.png') no-repeat 25px 16px;
	content: '';
}

@media only screen and (max-width: 599px) {
	/* Firefox */
	@-moz-document url-prefix() {
		.cardinput::before {
			position: relative;
			top: 23px;
			z-index: 9999;
			margin-top: -15px;
		}
	}

	@media not all and (min-resolution:.001dpcm) {
		@supports (-webkit-appearance:none) and (stroke-color:transparent) {
			.cardinput::before {
				position: relative;
				margin-top: -15px;
				top: 23px;
				z-index: 9999;
			}
		}
	}
}

.cardinput input {
	/* Don't use padding as messes up any widths depending on box model */
	text-indent: 25px;
}

.cardinput-2checkout::before {
	background-position: -25px -0px;
}

.cardinput-amex::before {
	background-position: -200px -0px;
}

.cardinput-bankcard::before {
	background-position: -25px -322px;
}

.cardinput-carte-blanche::before {
	background-position: -75px -48px;
}

.cardinput-unionpay::before {
	background-position: -175px -48px;
}

.cardinput-cirrus::before {
	background-position: -225px -48px;
}

.cardinput-clydesdale::before {
	background-position: -0px -64px;
}

.cardinput-dankort::before {
	background-position: -100px -64px;
}

.cardinput-delta::before {
	background-position: -200px -64px;
}

.cardinput-dinersclub::before {
	background-position: -0px -80px;
}

.cardinput-directdebit::before {
	background-position: -50px -80px;
}

.cardinput-discover::before {
	background-position: -75px -80px;
}

.cardinput-ebay::before {
	background-position: -175px -80px;
}

.cardinput-flexcache::before {
	background-position: -50px -112px;
}

.cardinput-generic::before {
	background-position: -100px -112px;
}

.cardinput-google-checkout::before {
	background-position: -175px -112px;
}

.cardinput-instapayment::before {
	background-position: -125px -128px;
}

.cardinput-jcb::before {
	background-position: -25px -144px;
}

.cardinput-maestro::before {
	background-position: -175px -144px;
}

.cardinput-mastercard::before {
	background-position: -25px -160px;
}

.cardinput-mastercard-debit::before {
	background-position: -225px -144px;
}

.cardinput-mastercard-purchasing::before {
	background-position: -0px -160px
}

.cardinput-moneybookers::before {
	background-position: -175px -160px;
}

.cardinput-paypal::before {
	background-position: -150px -176px;
}

.cardinput-sagepay::before {
	background-position: -25px -224px;
}

.cardinput-solo::before {
	background-position: -50px -240px;
}

.cardinput-style::before {
	background-position: -75px -240px;
}

.cardinput-switch::before {
	background-position: -125px -240px;
}

.cardinput-tempopayments::before {
	background-position: -175px -240px;
}

.cardinput-visa::before {
	background-position: -225px -256px;
}

.cardinput-visa-atm::before {
	background-position: -100px -256px;
}

.cardinput-visa-debit::before {
	background-position: -125px -256px;
}

.cardinput-visa-electron::before {
	background-position: -175px -256px;
}

.cardinput-visa-electron-old::before {
	background-position: -150px -256px;
}

.cardinput-visa-purchasing::before {
	background-position: -200px -256px;
}

.cardinput-westernunion::before {
	background-position: -100px -272px;
}

/* vim: set noexpandtab tabstop=4 shiftwidth=4: */