/* basic CSS styles */

/**
 * Fields
 */

form.gem-form p {
	padding: 0;
}

input.gem-invalid {
	border: 1px solid red;
}

.gem-field {
	display: block;
}

form.gem-form label {
	display: inline !important;
}

.gem-spinner {
	display: none;
	background: url( '../images/spinner.gif' ) no-repeat;
	background-size: 20px 20px;
	width: 20px;
	height: 20px;
}

.gem-submit {
	cursor: pointer;
}

/**
 * Messages
 */
form.gem-form p.gem-error {
	background-color: #ffebe8;
	border: 1px solid #c00;
	padding: .25em .5em;
	margin: 0.6em 0;
	border-radius: 3px;
}


/**
 * HiDPI Displays
 */
@media print,
  (-o-min-device-pixel-ratio: 5/4),
  (-webkit-min-device-pixel-ratio: 1.25),
  (min-resolution: 120dpi) {

	.gem-spinner {
		background-image: url( '../images/spinner-2x.gif' );
	}
}

/**
 * Block Styles
 */
.gem-form-wrapper input:not([type="submit"]) {
	width: 100%;
}