/**
*
* styles the Paysquare form
*
**/

/* 
* Container 
*/
.paysquare-widget .wpwl-container {
	font-family: Lucida Sans Unicode, Lucida Grande, Verdana, Arial,
		Helvetica, sans-serif;
	font-size: 14px;
}

/* individual Container classes */
.paysquare-widget .wpwl-container-card {
	
}

/* 
* Form
 */
.paysquare-widget.paysquare-cc-widget {
	min-height: 239px
}

.paysquare-widget .wpwl-form {
	padding-top: 10px;
	margin-top: 10px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

/* 
* groups 
*/
.paysquare-widget .wpwl-group {
	width: 496px;
}

/* styles the "Pay now" button. */
.paysquare-widget .wpwl-group-submit {
	display: none;
}

/*  styles the buttons containing the brand */
.paysquare-widget .wpwl-group-button {
	display: none;
}

/*
* Labels
*
* holds the label of an input element 
*/
.paysquare-widget .wpwl-label {
	position: relative;
	width: 195px;
	display: block;
	float: left;
	text-align: right;
	margin-right: 25px;
	padding-right: 0px;
	padding-bottom: 3px;
	color: #000002;
	display: block;
	border-bottom: 1px dotted #BABAC2;
	clear: both;
}

/* 
* controls 
*/
.paysquare-widget .wpwl-control {
	
}

/* Card logo (control)*/
.paysquare-widget .wpwl-brand-card {
	width: 80px;
}

/*
* Input and Select Wrappers
*
* Input and select elements are wrapped in a div to gain more control over their styles, especially their width. 
* .wpwl-wrapper holds an input or select element. Use this to set the width of the containing input or select element.
*/
.paysquare-widget .wpwl-wrapper {
	width: 250px;
}

/* Card type wrapper */
.paysquare-widget .wpwl-wrapper.wpwl-wrapper-brand {
	width: 170px;
	height: 35px; /*So it does not jump*/
}

/* error */
.paysquare-widget .wpwl-has-error {
	border-color: red;
	color: red !important; /*EN text PaySQ widget crash*/
}

/*error hint */
.paysquare-widget .wpwl-has-error+.wpwl-hint {
	color: red;
	font-size: 9.5pt;
	padding-bottom: 4px;
}