/***************************************
 * Quform Reponsive Ajax Contact Form
 * Base Stylesheet
 * Copyright (c) ThemeCatcher 2013
 * http://www.themecatcher.net
 ***************************************/

/*---------------------------------------------------
kate styling
 --------------------------------------------------*/
.quform-options-inline > .quform-option, input, textarea, select {
		padding: 10px !important;
		width: 99% !important;
}
select, input, textarea {
    padding:13px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    background: #f8f8f8;
    color:#888;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}


input[type=text], textarea, select {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid #DDDDDD;
}
input[type=text]:focus, textarea:focus, select:focus {
	box-shadow: 0 0 5px rgba(81, 203, 238, 1);
	padding: 3px 0px 3px 3px;
	margin: 5px 1px 3px 0px;
	border: 1px solid rgba(81, 203, 238, 1);
	-webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
	-moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
	box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
	background-color: #ECECEC;
}

select {
	background-image: url(../../img/arrow.png);
	background-repeat: no-repeat;
	background-position: right;
}
label {
	margin-top: 20px !important;
}

.quform-submit {
	margin-top: 10px;
	margin-bottom: 10px;
}
.quform-submit button {
	margin-bottom: 30px !important;
	margin-top: 10px;
    margin: 0;
    cursor: pointer;
	width: 100% !important;
	border: 1px solid #5C5D5E;
	color:#fff;
	padding: 24px;
	display: block;
	background-color: #5C5D5E;
}
.quform-submit button:hover{
	background-color: #EA272F !important;
}

/*---------------------------------------------------
Clearfix
 --------------------------------------------------*/
.quform-cf:before,
.quform-cf:after,
.quform-elements:before,
.quform-elements:after,
.quform-element:before,
.quform-element:after,
.quform-options:before,
.quform-options:after,
.quform-captcha:before,
.quform-captcha:after,
.quform-submit:before,
.quform-submit:after,
.quform-group-wrap:before,
.quform-group-wrap:after,
.quform-group-row:before,
.quform-group-row:after,
.quform-group-title-description-wrap:before,
.quform-group-title-description-wrap:after,
.quform-error-wrap:before,
.quform-error-wrap:after,
.quform-select-replaced .quform-input:before,
.quform-select-replaced .quform-input:after {
    content: " ";
    display: table;
}
.quform-cf:after,
.quform-elements:after,
.quform-element:after,
.quform-options:after,
.quform-captcha:after,
.quform-submit:after,
.quform-group-wrap:after,
.quform-group-row:after,
.quform-group-title-description-wrap:after,
.quform-error-wrap:after,
.quform-select-replaced .quform-input:after {
    clear: both;
}
.quform-cf,
.quform-elements,
.quform-element,
.quform-options,
.quform-captcha,
.quform-submit,
.quform-group-wrap,
.quform-group-row,
.quform-group-title-description-wrap,
.quform-error-wrap,
.quform-select-replaced .quform-input {
    zoom: 1;
} /* IE < 8 */

/*---------------------------------------------------
cross browser fixes
 --------------------------------------------------*/
 .quform-inner input[type="checkbox"], .quform-inner input[type="radio"] {
    vertical-align: middle;
}
.quform-option label {
	vertical-align: middle;
	display: inline-block;
	min-height: 25px;
	}
.quform-element > .quform-spacer > label {
    vertical-align: middle;
	display: inline-block;
	margin-top: 26px;
	min-height: 25px;
}
.quform-inner button::-moz-focus-inner {border: 0;}
.quform-inner :focus, .quform-inner a:focus{outline: 0}/* removes gray dotted outline */
.quform-inner input.middle:focus, .quform-inner select.middle:focus, .quform-inner textarea.middle:focus {outline-width: 0;}
.quform-inner input:focus, .quform-inner select:focus, .quform-inner textarea:focus {outline: none;}

.quform-element .quform-options .quform-option label {
	position: relative;
}
.quform-elements .quform-element .quform-options .quform-option input {
	border: none;
}
.quform-options .quform-option label { line-height: 23px; }

/*---------------------------------------------------
radio and checkboxes
 --------------------------------------------------*/
.quform-element .quform-options-inline > .quform-option {
	display: inline;
	padding: 0 15px 5px 0;
	float: left;
}
.quform-options-inline .quform-option label {white-space: nowrap;}

/*---------------------------------------------------
catcha
 --------------------------------------------------*/
.quform-captcha-inner {
   position: relative;
   float: left;
}
.quform-captcha-inner {
	position: relative;
	float: left;
	background-image: url(../../quform/images/captcha-refresh-icon.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.quform-captcha-inner img {
	max-width: 100%;
	display: block;
}

/*---------------------------------------------------
label and input positions
 --------------------------------------------------*/
/*label left*/
.quform-labels-left .quform-spacer > label {
    width: 150px;
	position: relative;
	float: left;
	padding-bottom: 10px;
}
/*label above*/
.quform-labels-above .quform-spacer > label {
	width: auto;
	float: none;
}
/*input left*/
.quform-labels-left .quform-input,
.quform-labels-left .quform-captcha {
	margin-left: 150px;
	padding-left: 10px;
}
/*input above - override*/
.quform-labels-left .quform-labels-above.quform-element .quform-input,
.quform-labels-left .quform-labels-above.quform-element .quform-captcha,
.quform-labels-left .quform-labels-above.quform-group-wrap .quform-input,
.quform-labels-left .quform-labels-above.quform-group-wrap .quform-captcha,

.quform-labels-above .quform-labels-left .quform-labels-above.quform-element .quform-input,
.quform-labels-above .quform-labels-left .quform-labels-above.quform-element .quform-captcha,
.quform-labels-above .quform-labels-left .quform-labels-above.quform-group-wrap .quform-input,
.quform-labels-above .quform-labels-left .quform-labels-above.quform-group-wrap .quform-captcha {
	margin-left: 0;
	padding-left: 0;
}
/*input left - override*/
.quform-labels-above .quform-labels-left.quform-element .quform-input,
.quform-labels-above .quform-labels-left.quform-element .quform-captcha,
.quform-labels-above .quform-labels-left.quform-group-wrap .quform-input,
.quform-labels-above .quform-labels-left.quform-group-wrap .quform-captcha,

.quform-labels-left .quform-labels-above .quform-labels-left.quform-element .quform-input,
.quform-labels-left .quform-labels-above .quform-labels-left.quform-element .quform-captcha,
.quform-labels-left .quform-labels-above .quform-labels-left.quform-group-wrap .quform-input,
.quform-labels-left .quform-labels-above .quform-labels-left.quform-group-wrap .quform-captcha {
	margin-left: 150px;
	padding-left: 10px;
}

/*---------------------------------------------------
loading the submit
 --------------------------------------------------*/
 .quform-loading-wrap {
    display: none;
	float: left;
	height: 10px;
	line-height: 10px;
	text-align: center;
	margin-top: 12px;
 	margin-left: 5px;

}
.quform-loading-wrap .quform-loading {
	display: block;
	width: 30px;
	height: 10px;
	text-indent: -9999px;
	background: transparent url('../../quform/images/default-loading.gif') no-repeat center center;
}

/*---------------------------------------------------
errors
 --------------------------------------------------*/
.quform-errors {
	margin: 0;
	padding: 3px 0 6px 0;
	   display: none;
}
.quform-errors > .quform-error, .quform-outer-no-js .quform-error {
	padding: 3px 10px 3px 25px;
	margin: 0;
	line-height: 16px;
	color: #000;
	font-size: 12px;
	font-weight: normal;
	display: inline-block;
	border: 1px solid #fa8b83;
	float: left;
	background-color: #F3CAC7;
	background-image: url(../../quform/images/error.png);
	background-repeat: no-repeat;
	background-position: 3px center;
}
.quform-labels-left > .quform-spacer > .quform-errors-wrap {margin-left: 150px;}
.quform-labels-left > .quform-spacer > .quform-errors-wrap .quform-errors > .quform-error {margin-left: 10px !important;}
.quform-labels-above > .quform-spacer > .quform-errors-wrap .quform-errors .quform-error {margin-left: 0 !important;}

/*Success message*/
.quform-success-message, .quform-outer-no-js .quform-success-message {
    background: #cef4a9 url('../../quform/images/success.png') no-repeat 14px center;
    padding: 8px 20px 8px 45px;
	line-height: 18px;
	margin: 10px 0;
	border: 1px solid #80bb48;
	font-weight: normal;
	color: #000;
}

/*Fixes for consistent browsing*/
.quform-input .selector select {margin: 0!important; width: auto!important; height: 30px;}
.quform-input .quform-element-file-inner input[type="file"] {text-shadow: none !important;}
*:first-child+html .quform-input select {background: transparent !important; color:#000 !important;}
*:first-child+html .quform-input select option {background: #fff !important; color:#000 !important;}
.quform-element-radio input[type="radio"] {background: transparent !important; border: none transparent !important;}
.quform-element-checkbox input[type="checkbox"] {background: transparent !important; border: none transparent !important;}

/*Hide FOUC*/
.quform-js .quform-element-file .quform-input {
    display: none;
}
/*Tooltip icons*/
.quform-tooltip-icon {
    width: 15px;
    height: 15px;
    background: url('../../quform/images/help-icon.png') no-repeat right bottom;
	display: inline-block;
	cursor: pointer;
}
.quform-element-text.quform-labels-inside > .quform-spacer > label .quform-tooltip-icon,
.quform-element-textarea.quform-labels-inside > .quform-spacer > label .quform-tooltip-icon,
.quform-element-password.quform-labels-inside > .quform-spacer > label .quform-tooltip-icon,
.quform-element-captcha.quform-labels-inside > .quform-spacer > label .quform-tooltip-icon {
	position: absolute;
	right: -20px;
	top: 0;
}
.quform-tooltip-icon-content {
    display: none;
}

/*---------------------------------------------------
form processing error
 --------------------------------------------------*/
.quform-error-title {
    font-size: 13px;
    font-weight: bold;
	color: #CC0000;
    margin-bottom: 8px;
}
.quform-error-message {
    margin-bottom: 10px;
    background: #F3CAC7;
	border: 1px solid #fa8b83;
    color: #111;
    padding: 8px;
}
.quform-error-message pre {
    margin: 3px 0 0 3px;
	font-style: italic;
	overflow: auto;
}
/* Replaced select menu text input */
.quform-select-replaced .quform-input input {
    float: left;
}
.quform-outer a.quform-cancel-button {
    background-image: url('../../quform/images/close.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    float: left;
	display: inline-block;
    height: 16px;
    width: 16px;
    margin-top: 5px;
	margin-left: 2px;
}
/* Incase the image doesn't load - show refresh icon */
.quform-captcha-inner {
	min-height: 25px;
	min-width: 25px;
}
/* Grouped file upload spacing */
.quform-input-file {
    margin-top: 3px;
}
.quform-input-file:first-child {
    margin-top: 0;
}
/* No JS page */
.quform-outer-no-js {
	font-family: Arial, Helvetica, sans-serif;
	width: 80%;
	margin: 40px auto 0 auto;
}
.quform-outer-no-js .quform-success-message {
	-webkit-border-radius: 6px;
    border-radius: 6px;
	margin: 15px 0 15px 0;
}
.quform-outer-no-js .quform-wrapper {
	padding: 0 20px;
	border: 1px solid #ddd;
	background: #F8F8F8;
	-webkit-border-radius: 6px;
    border-radius: 6px;
}
.quform-outer-no-js .quform-errors {
    display: block;
}
.quform-outer-no-js .quform-errors-outer {
	padding-bottom: 10px;
}
.quform-outer-no-js .quform-error-wrap {
	float: left;
	padding: 10px 10px 10px 0;
}
.quform-outer-no-js .quform-error-label {
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 2px;
}
.quform-outer-no-js .quform-title {
	font-size: 18px;
	margin: 10px 0 10px 0;
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #ddd;
}