/* Remove this if pasting into your stylesheet */

html, body { border: 0; margin: 0; padding: 0; }
body { background: #f9f9f9; font: 14px sans-serif; color:#666; }
.content { margin: 0 auto; max-width: 800px; padding: 20px; }

/* END "Remove this" */



/* Message boxes */
.ucf .message { margin-bottom: 20px; }
.ucf .message p { font-weight: bold; margin-top: 0; }
.ucf .message p:last-child { margin-bottom: 0; }
.ucf .message ul { margin-bottom: 0; }
/* Error message box */
.ucf .message .errors { background: #fff; border: solid 1px #ccc; border-left: solid 10px #d9534f; border-radius: 5px; padding: 20px; }
.ucf .message .errors p { color: #d9534f; }
/* Success message box */
.ucf .message .success { background: #fff; border: solid 1px #ccc; border-left: solid 10px #5cb85c; border-radius: 5px; padding: 20px; }
.ucf .message .success p { color: #5cb85c; }

/* Form */
.ucf * { outline: none; }
.ucf fieldset { border: solid 1px #ccc; border-radius: 5px;}
.ucf legend { font-weight: bold; padding: 10px; }
.ucf .field-wrapper { clear: both; margin-top: 0; line-height:2em; }
.ucf .field-wrapper label span { display: inline-block; float: left; width:100px; }
.ucf .field-wrapper input[type=text],
.ucf .field-wrapper input[type=tel],
.ucf .field-wrapper input[type=email],
.ucf .field-wrapper input[type=password],
.ucf .field-wrapper textarea,
.ucf .field-wrapper select { border: solid 1px #ccc; border-radius: 5px; padding: 5px; transition: all .3s ease-in-out; }
.ucf .field-wrapper input[type=text]:focus,
.ucf .field-wrapper input[type=tel]:focus,
.ucf .field-wrapper input[type=email]:focus,
.ucf .field-wrapper input[type=password]:focus,
.ucf .field-wrapper textarea:focus,
.ucf .field-wrapper select:focus { border: solid 1px #333; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05); }
@media ( max-width: 480px ){
	.ucf fieldset { padding: 10px; }
	.ucf .field-wrapper { margin-bottom: 10px; }
	.ucf .field-wrapper input[type=text],
	.ucf .field-wrapper input[type=tel],
	.ucf .field-wrapper input[type=email],
	.ucf .field-wrapper input[type=password],
	.ucf .field-wrapper textarea { width: 150px; }
	.ucf .field-wrapper select { width:170px; }
}
@media ( min-width: 481px ){
	.ucf fieldset { padding: 20px; }
	.ucf .field-wrapper { margin-bottom: 20px; }
	.ucf .field-wrapper input[type=text],
	.ucf .field-wrapper input[type=tel],
	.ucf .field-wrapper input[type=email],
	.ucf .field-wrapper input[type=password],
	.ucf .field-wrapper textarea { width: 300px; }
	.ucf .field-wrapper select { width:220px; }
}

/* Select 2 overrides */
.select2-container .select2-choice { background-image: none; padding: 0 10px; }
.select2-container .select2-drop-active { border: solid 1px #fff; }
.select2-container .select2-choice .select2-arrow,
.select2-dropdown-open .select2-choice { background-color: #fff; background-image: none; }
.select2-dropdown-open .select2-choice { background-color: #fff; }
.select2-container .select2-choice abbr { background: url('../image/select2.png') right top no-repeat; }
.select2-container .select2-choice .select2-arrow b { background: url('../image/select2.png') no-repeat 0 1px; }
.select2-search input { background: #fff url('../image/select2.png') no-repeat 100% -22px; }
html[dir="rtl"] .select2-search input { background: #fff url('../image/select2.png') no-repeat -37px -22px; }
.select2-search input.select2-active { background: #fff url('../image/select2-spinner.gif') no-repeat 100%; }
.select2-more-results.select2-active { background: #f4f4f4 url('../image/select2-spinner.gif') no-repeat 100%; }
.select2-container-multi .select2-choices .select2-search-field input.select2-active { background: #fff url('../image/select2-spinner.gif') no-repeat 100% !important; }
.select2-search-choice-close { background: url('../image/select2.png') right top no-repeat; }
.select2-drop-active,
.select2-drop.select2-drop-above.select2-drop-active,
.select2-container-active .select2-choice,
.select2-container-active .select2-choices,
.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices,
.select2-container-multi.select2-container-active .select2-choices { border: 1px solid #333; -webkit-box-shadow: none; box-shadow: none; }
.select2-drop-active { border-top: 0; }

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx)  {
	.select2-search input,
	.select2-search-choice-close,
	.select2-container .select2-choice abbr,
	.select2-container .select2-choice .select2-arrow b {
		background-image: url('../image/select2x2.png') !important;
	}
}
@media ( max-width: 480px ){
	.select2-container .select2-choice { width: 150px; }
}
@media ( min-width: 481px ){
	.select2-container .select2-choice { width: 200px; }
}

/* Google no CAPTCHA reCAPTCHA */
@media ( max-width: 480px ){
	.g-recaptcha{ margin-bottom: 10px; }
}
@media ( min-width: 481px ){
	.g-recaptcha{ padding-left: 100px; margin-bottom: 20px; }
}

/* Honey trap field */
.ucf .hey-honey { left: -9999px; position: absolute; }

/* Button */
.ucf button[type=submit] { background: #425f61; border: 0; border-radius: 5px; color: #fff; cursor: pointer; font-size: 1em; font-weight:bold; margin-left: 100px; padding: 10px 15px; transition: background .3s; }
.ucf button[type=submit]:hover { background: #53777A; }
.ucf button[type=submit].complete { background: #dff0d8; cursor: default; }
.ucf button.secondary { background: #ccc; border: 0; border-radius: 5px; color: #fff; cursor: pointer; font-size: 1em; margin-left: 100px; padding: 10px 15px; transition: background .3s; }
.ucf button.secondary:hover { background: #ddd; }