/****************************/
/* TEXT						*/
/****************************/

.zend_form,
form dl{
	padding-left: 0;
}

.zend_form dd {
	margin-bottom: .8em;
}

.zend_form dt {
	margin-bottom: .3em;
}

dt label {
	font-weight: 700;
}

dt label.required:after{
 content: " *";
}


/****************************/
/* BUTTONS					*/
/****************************/

/* Normal state */

.btn,
button{
	display: inline-block;
	-webkit-appearance: none;
	border: 0;
	border: 1px #4f4f4f solid;
	background: #4f4f4f;
	color: #fff;
	font-size: 1em;
	border-radius: 3px;
	text-align: left;

	height: 2.5em;
	line-height: 2.5em;
	padding-right: 2.3em;
	padding-left: .5em;

	margin-bottom: .5em;
	margin-right: .5em;
	color: #ffffff;
	cursor: pointer;
	position: relative;

}
	.btn.sec,
	button .sec{
		background-color: #434343;
		border-color: #434343;
	}

/* Hover & focus state */

.btn:hover,
button:hover,
.btn:focus,
button:focus{
	color: #fff;
	background: #3263af;
	border-color: #3263af;
}
	.btn.sec:hover,
	button.sec:hover,
	.btn.sec:focus,
	button.sec:focus{
		background-color: #3263af;
		border-color: #3263af;		
	}
	

/* Active state */

.btn:active,
button:active {
	color: #fff;
	background: #3263af;
	border-color: #3263af;
}
	.btn.sec:active,
	button.sec:active {
		background: #111;
		border-color: #111;
	}


/* Add icon tot span of button */

.btn:after,
button:after{
	content: " ";
	height: 2em;
	width: 2em;
	position: absolute;
	top: .45em;
	right: 0px;

	background-position: -212px -100px;

	-webkit-transition: background-position 100ms linear;
	-moz-transition: background-position 100ms linear;
	-o-transition: background-position 100ms linear;
	-ms-transition: background-position 100ms linear;
	transition: background-position 100ms linear;

}


/****************************/
/* ERRORS					*/
/****************************/

.error, .errors {
	color: #ee2924;
}

.errors {
	list-style: none;
	padding: 0;
	margin: 0 0 .5em;
	font-size: .85em;
/*	background: #ffffff;
	border: 1px #ee2924 solid;
	border-radius: 4px;
	padding: .5em 1em;
*/
}


/* Hide button labels */

#submit-label{
	display: none;
}



/************************************/
/*! Sprite selectors (normal + retina)
*/
/************************************/

.btn:after,
button:after{
	background-image: url(../images/sprite.png?v1.0);	
	background-size : 512px 512px; /* put dimensions of normal sprite in here -> not really needed in normal mode */
	background-repeat: no-repeat;
}

/* for high resolution display */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
	
	.btn:after,
	button:after{
		background-image: url(../images/sprite@2x.png?v1.0);	
		background-size : 512px 512px; /* put dimensions of normal sprite in here*/
		background-repeat: no-repeat;
	}

}
