@charset "utf-8";/*
 * This is not the stylesheet you are looking for...
 * This resource is dynamically generated based on the file media/com_foxcontact/css/foxcontact.css
 * It contains statements necessary for the proper display of the form.
 * You shouldn't modify it. If you really need it, override css rules on your own css instead.
 */

/* Hiding the FrontEnd Editing button for FoxContact modules */
.btn.jmodedit[href*="&id=570&"], /* we precise that after the 570 we want an ampersand, to prevent modules 10, 11, 12... hiding modules 103, 118, 124... */
.btn.jmodedit[href$="&id=570"] /* Maybe there won't be an ampersand because id is the last argument of HREF. In that case we want &id to be the last string of the HREF */
{
	display: none;
}

/* Fix: A bug affecting both twitter bootstrap 2.1 and Joomla Protostar 1.0 template which is derived from bootstrap */
.control-group.error .checkbox, .control-group.error .radio,
.control-group.success .checkbox, .control-group.success .radio
{
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}

/* Fix: Artisteer templates issues */
.art-block .alert ul > li:before
{
	content: normal !important; /* Prevent the use of 'content' property to set images beside list elements */
}

.art-block .alert ul > li
{
	padding: 0 !important; /* Remove the left padding */
}

/* Form framework */
/* The control over the width has been moved from the form to the rows to allow separate settings */
div#fox-container-m570 form .fox-row.row-fluid
{
	width: auto;
	max-width: 100%;
	/* Do not use overflow: hidden; here. It hides the dropdown menu placed at the bottom of the form */
	margin: auto; /* Center the form on the page when the form width (px or %) is less than the page width */
}

/* Hide the board container when there are no messages */
div.fox-item-board:empty
{
	display: none;
}

/* Alert boxes */
div#fox-container-m570 div.alert ul
{
	list-style-type: none;
}

/* Fix: issues with some templates */
div#fox-container-m570 div.alert li
{
	background: none;
}

/* Mandatory field marker, Invalid value in field */
div#fox-container-m570 .required,
div#fox-container-m570 .asterisk
{
	color: #b94a48;
	font-weight: bold;
}

div#fox-container-m570 .fox-item-attachments-btn-cnt div,
div#fox-container-m570 .fox-item-attachments-btn-cnt span
{
	display: inline-block;
}

div#fox-container-m570 .fox-item-attachments span.help-block
{
	margin-bottom: 0;
}

div#fox-container-m570 .required:after,
div#fox-container-m570 .asterisk:after
{
	content: "*";
}

/* Prevent invalid element fall before others */
div#fox-container-m570 .asterisk
{
	position: absolute;
}

div#fox-container-m570 label .asterisk
{
	position: static;
}

div#fox-container-m570 .control-group
{
	max-width: 100%;
}

/* Switch labels and fields to the traditional box model */
div#fox-container-m570 .control-label,
div#fox-container-m570 input,
div#fox-container-m570 label.checkbox,
div#fox-container-m570 textarea,
div#fox-container-m570 .chzn-container-single .chzn-single
{
	box-sizing: border-box;
}

/* Input boxes and textareas */
div#fox-container-m570 input[type="text"],
div#fox-container-m570 input[type="email"],
div#fox-container-m570 textarea
{
	margin: 0; /* Some templates including protostar apply margin-bottom to labels */
	padding: 4px 5px;
}

div#fox-container-m570 select,
div#fox-container-m570 input[type="text"],
div#fox-container-m570 input[type="email"]
{
	height: 28px;
	line-height: 28px;
}

div#fox-container-m570 select,
div#fox-container-m570 textarea,
div#fox-container-m570 input[type="text"],
div#fox-container-m570 input[type="email"]
{
	max-width: 100%;
}

/* Upload button */
div#fox-container-m570 .qq-upload-button-caption
{
	/* Fix: An issue with ie7 */
	vertical-align: top;
}

div#fox-container-m570 .qq-upload-button-hover
{
}

div#fox-container-m570 .qq-upload-button-focus
{
	outline: 1px dotted black;
}

/* Upload list */
div#fox-container-m570 ul.qq-upload-list
{
	padding: 0;
	margin: 0;
	list-style: none;
}

div#fox-container-m570 ul.qq-upload-list > li
{
	list-style: none;
	background: none; /* Fix: Some templates use background as list style */
	padding: 0; /* In those cases they usually set a left/right padding in addition */
}

div#fox-container-m570 .qq-upload-list span
{
	display: inline-block;
	white-space: nowrap;
	padding: 0 20px;
	background-repeat: no-repeat;
	background-position: left center;
	/* Redundant defaults
	background-color: transparent;
	background-attachment:scroll; */
}

html[dir="rtl"] div#fox-container-m570 .qq-upload-list span
{
	background-position: right center;
}

/* Hide Successful and failure messages while uploading  */
div#fox-container-m570 li span.qq-upload-failed-text,
div#fox-container-m570 li span.qq-upload-success-text
{
	display: none;
}

/* Display again Success message when upload is successful and vice versa */
div#fox-container-m570 li.qq-upload-fail span.qq-upload-failed-text,
div#fox-container-m570 li.qq-upload-success span.qq-upload-success-text
{
	display: inline-block;
}

/* Spinner while uploading */
div#fox-container-m570 span.qq-upload-spinner
{
	background: url(/media/com_foxcontact/images/spinner.gif);
	width: 15px;
	height: 15px;
	vertical-align: text-bottom;
	padding: 0;
	margin: 0;
}

/* Help text under some fields */
div#fox-container-m570 span.help-block
{
	display: block;
}

/* Built-in captcha main image */
div#fox-container-m570 .fox-item-captcha-img
{
	box-sizing: border-box;
	max-width: 100%;
	max-width: none \9; /* Fix: An IE 8 issue related to some templates where img have max-width:100% */
}

/* Built-in captcha input box */
div#fox-container-m570 .fox-item-captcha-cnt
{
	max-width: 0;
}

div#fox-container-m570 .fox-item-captcha-cnt div div
{
	position: relative;
	display: inline;
}

/* Built-in captcha reload image */
div#fox-container-m570 img.fox-item-captcha-img-reload
{
	cursor: pointer;

	/* https://css-tricks.com/snippets/css/absolute-center-vertical-horizontal-an-image/ */
	position: absolute;
	top: 50%;
	right: -1px;
	-webkit-transform: translate(-50%, -50%); /* Webkit based (Chrome, Safari, etc.) */
	-moz-transform: translate(-50%, -50%); /* Firefox */
	-ms-transform: translate(-50%, -50%); /* IE */
	-o-transform: translate(-50%, -50%); /* Opera */
	transform: translate(-50%, -50%);
}

html[dir="rtl"] div#fox-container-m570 img.fox-item-captcha-img-reload
{
	right: auto;
	left: -1px;

	-webkit-transform: translate(50%, -50%); /* Chrome, Safari, Opera */
	-ms-transform: translate(50%, -50%); /* IE 9 */
	-o-transform: translate(50%, -50%);
	transform: translate(50%, -50%);
}

/* Submit button */
div#fox-container-m570 .submit-button
{
	margin-right: 32px;
}

html[dir="rtl"] div#fox-container-m570 .submit-button
{
	margin-right: 0;
	margin-left: 32px;
}

div#fox-container-m570 .fox-item-submit-centered .reset-button,
div#fox-container-m570 .fox-item-submit-centered .submit-button,
html[dir="rtl"] div#fox-container-m570 .fox-item-submit-centered .submit-button
{
	margin: 0 16px 8px 16px;
}

/* Chosen select box customizations. Based on media/jui/chosen.css 0.14.0 bundled with Joomla 3.2.3. */

/* This style prevent a "resize" on chrome from the transition from the select to the choose */
div#fox-container-m570 .fox-item-dropdown .controls select
{
	height: 26px;
	margin: 0;
}

/* Customized background sprite */
div#fox-container-m570 .chzn-container-single .chzn-single div b,
div#fox-container-m570 .chzn-container-single .chzn-search input[type="text"],
div#fox-container-m570 .chzn-container-single .chzn-search input[type="email"],
div#fox-container-m570 .chzn-container-single .chzn-single abbr,
div#fox-container-m570 .chzn-container-multi .chzn-choices li.search-choice .search-choice-close
{
	background-image: url(/media/com_foxcontact/images/ui.png);
}

div#fox-container-m570 .chzn-container-single .chzn-single div
{
	width: 26px;
}

/* Fix: Joomla implementation of chosen "rtl downward arrow" is partial. The code to move the arrow on the left side is in media/jui/css/bootstrap-rtl.css while it should be in media/jui/css/chosen.css. This way the rtl downward arrow only applies to protostar frontend template, which loads rtl variation of twitter bootstrap. */
html[dir="rtl"] div#fox-container-m570 .chzn-container-single .chzn-single div
{
	right: auto;
	left: 0;
}

/* Downward arrow */
div#fox-container-m570 .chzn-container-single .chzn-single div b
{
	background-repeat: no-repeat;
	background-position: 0 0;
}

html[dir="rtl"] div#fox-container-m570 .chzn-container-single .chzn-single div b
{
	background-position: -2px 1px;
}

/* Upward arrow */
div#fox-container-m570 .chzn-container-active.chzn-with-drop .chzn-single div b
{
	background-position: -28px 1px;
}

html[dir="rtl"] div#fox-container-m570 .chzn-container-active.chzn-with-drop .chzn-single div b
{
	background-position: -30px 1px;
}

/* Unselected selector */
div#fox-container-m570 .chzn-container-single .chzn-single
{
	/* Customized vertical gradient */
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #ffffff), color-stop(100%, #eeeeee));
	background-image: -webkit-linear-gradient(top, #ffffff 20%, #eeeeee 100%);
	background-image: -moz-linear-gradient(top, #ffffff 20%, #eeeeee 100%);
	background-image: -o-linear-gradient(top, #ffffff 20%, #eeeeee 100%);
	background-image: -ms-linear-gradient(top, #ffffff 20%, #eeeeee 100%);
	background-image: linear-gradient(top, #ffffff 20%, #eeeeee 100%);
	/* Some templates like beez_20 set font color and background with a high specificity #main a:hover */
	color: #555555;
	background-color: #ffffff;
	width: 100%;
	padding: 0 5px;
	/* Set the same height than the input fields*/
	height: 26px;
	line-height: 26px;
}

/* Selected selector */
div#fox-container-m570 .chzn-container-active.chzn-with-drop .chzn-single
{
	/* The same gradient defined in chosen base, but there it doesn't have enough specificity to be applied */
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
	background-image: -webkit-linear-gradient(#eeeeee 20%, #ffffff 80%);
	background-image: -moz-linear-gradient(#eeeeee 20%, #ffffff 80%);
	background-image: -o-linear-gradient(#eeeeee 20%, #ffffff 80%);
	background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
}

/* Set the same width than the input fields */
div#fox-container-m570 .chzn-container
{

	width: 230px; /* [!important] We have to override inline values */
	max-width: 100%;
}

div#fox-container-m570 .chzn-container-single .chzn-single
{
	max-width: 100%;
}

/* Search input */
div#fox-container-m570 .chzn-container-single .chzn-search input[type="text"],
div#fox-container-m570 .chzn-container-single .chzn-search input[type="email"]
{
	background-position: 100% -26px;
	padding: 4px 20px 4px 5px;
	width: 100%;
}

/* Fix: Joomla implementation of chosen doesn't support "rtl search input". It behaves exactly like ltr */
html[dir="rtl"] div#fox-container-m570 .chzn-container-single .chzn-search input[type="text"],
html[dir="rtl"] div#fox-container-m570 .chzn-container-single .chzn-search input[type="email"]
{
	background-position: -48px -26px;
	padding: 4px 5px 4px 20px;
}

/* Close button (X) */
div#fox-container-m570 .chzn-container-single .chzn-single abbr
{
	right: 30px;
	background-repeat: no-repeat;
	background-position: right top;
}

div#fox-container-m570 .chzn-container-single .chzn-single abbr:hover
{
	background-position: right -11px;
}

/* Fix: Joomla implementation of chosen "rtl X button" is partial. The code to move the X on the left side is in media/jui/css/bootstrap-rtl.css while it should be in media/jui/css/chosen.css. This way the rtl x button only applies to protostar frontend template, which loads rtl variation of twitter bootstrap. */
html[dir="rtl"] div#fox-container-m570 .chzn-container-single .chzn-single abbr
{
	right: auto;
	left: 30px;
}

/* Close button (X) in Multiple Select layout */
div#fox-container-m570 .chzn-container-multi .chzn-choices li.search-choice .search-choice-close
{
	background-repeat: no-repeat;
	background-position: right top;
}

div#fox-container-m570 .chzn-container .chzn-results li
{
	line-height: 15px;
	padding: 5px 6px;
	margin: 0;
	list-style: none;
	background: none; /* Fix { Some templates use background as list style } */
}

div#fox-container-m570 .chzn-container .chzn-results li.highlighted
{
	background-color: #3875d7;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
	background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
	background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%);
	background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%);
	background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
}

/* Fixes the mess that the original chosen does, they say for "Retina compatibility" */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi)
{
	div#fox-container-m570 .chzn-rtl .chzn-search input[type="text"],
	div#fox-container-m570 .chzn-container-single .chzn-single abbr,
	div#fox-container-m570 .chzn-container-single .chzn-single div b,
	div#fox-container-m570 .chzn-container-single .chzn-search input[type="text"],
	div#fox-container-m570 .chzn-container-multi .chzn-choices .search-choice .search-choice-close,
	div#fox-container-m570 .chzn-container .chzn-results-scroll-down span,
	div#fox-container-m570 .chzn-container .chzn-results-scroll-up span
	{
		background-image: url(/media/com_foxcontact/images/ui@2x.png) !important;
		background-size: 70px 46px !important;
	}
}

div#fox-container-m570 .control-label,
div#fox-container-m570 .control-label label
{
	display: inline-block;
}

div#fox-container-m570 .fox-label-inside-no-palceholder
{
	display: block;
}

div#fox-container-m570 .fox-form-inline .control-group,
div#fox-container-m570 .fox-form-inline .control-group .control-label,
div#fox-container-m570 .fox-form-inline .control-group .controls,
div#fox-container-m570 .fox-form-inline .control-group label.checkbox,
div#fox-container-m570 .fox-form-stacked .control-group label.checkbox
{
	display: inline-block;
}

div#fox-container-m570 .fox-form-inline .control-group label.checkbox
{
	margin-right: 16px;
}

html[dir="rtl"] div#fox-container-m570 .fox-form-inline .control-group label.checkbox
{
	margin-right: 0;
	margin-left: 16px;
}

div#fox-container-m570 input[type="radio"],
div#fox-container-m570 input[type="checkbox"]
{
	margin: 3px 0 0;
	margin-top: 1px \9;
	line-height: normal;
	cursor: pointer;
}

div#fox-container-m570 input[type="file"],
div#fox-container-m570 input[type="image"],
div#fox-container-m570 input[type="submit"],
div#fox-container-m570 input[type="reset"],
div#fox-container-m570 input[type="button"],
div#fox-container-m570 input[type="radio"],
div#fox-container-m570 input[type="checkbox"]
{
	width: auto;
}

div#fox-container-m570 textarea
{
	width: 230px;
}

div#fox-container-m570 input,
div#fox-container-m570 select, /* Standard select used as fallback under some circumstances */
div#fox-container-m570 .fox-form-stacked .fox-item-radio .controls,
div#fox-container-m570 .fox-form-stacked .fox-item-submit .controls,
div#fox-container-m570 .fox-form-stacked .fox-item-captcha .controls,
div#fox-container-m570 .fox-form-stacked .fox-item-checkbox .controls,
div#fox-container-m570 .fox-form-stacked .fox-item-newsletter .controls,
div#fox-container-m570 .fox-form-stacked .fox-item-attachments .controls,
div#fox-container-m570 .fox-form-stacked .fox-item-html-fields .controls
{
	width: 230px;
}

div#fox-container-m570 .fox-item-submit.fox-item-submit-labels .control-label,
div#fox-container-m570 .fox-item-submit.fox-item-submit-centered .control-label
{
	display: none;
}

div#fox-container-m570 .fox-form-inline .fox-item-submit.fox-item-submit-centered .controls,
div#fox-container-m570 .fox-form-stacked .fox-item-submit.fox-item-submit-centered .controls
{
	text-align: center;
}

div#fox-container-m570 .fox-form-stacked .fox-item-submit.fox-item-submit-centered .controls
{
	width: 100%;
}

div#fox-container-m570 .fox-item-attachments-upload-lst .controls
{
	width: 100%;
}

/* form elements based on form type */
div#fox-container-m570 .fox-form-stacked .control-group
{
	/* can't use overflow:hidden; due to "Chosen" dropdown select boxes. Fallback to float:left alternative, but it needs width:100% */
	float: left;
	width: 100%;
}

html[dir="rtl"] div#fox-container-m570 .fox-form-stacked .control-group
{
	float: right;
}

/* Field labels */
div#fox-container-m570 .control-label
{
	max-width: 100%;
	margin: 0; /* Some templates including ProtoStar apply margin-bottom to labels */
	line-height: 28px;
}

div#fox-container-m570 .fox-item-html .control-label
{
	line-height: normal;
}

div#fox-container-m570 .fox-item-html p:last-child
{
	margin-bottom: 0;
}

/* Collapse the height of the spacer labels to avoid the annoying vertical space
	Text
	|________|
	....
	[] Checkbox */
div#fox-container-m570 .control-label.collapsed
{
	height: 1px;
	margin: 0;
	padding: 0;
}

div#fox-container-m570 .fox-form-stacked .control-label
{
	float: left;
	width: 230px;
	text-align: left;
	padding-right: 16px;
}

html[dir="rtl"] div#fox-container-m570 .fox-form-stacked .control-label
{
	float: right;
	text-align: right;
	padding-right: 0;
	padding-left: 16px;
}

div#fox-container-m570 .fox-form-inline .control-label
{
	padding-right: 0.4em;
}

html[dir="rtl"] div#fox-container-m570 .fox-form-inline .control-label
{
	padding-left: 0.4em;
}

/* Fields container */
div#fox-container-m570 .fox-form-stacked .controls
{
	float: left;
}

html[dir="rtl"] div#fox-container-m570 .fox-form-stacked .controls
{
	float: right;
}

/* Checkbox and radio center alignment and text indentation */
div#fox-container-m570 .radio,
div#fox-container-m570 .checkbox
{
	min-height: 20px;
	padding-left: 20px;
	max-width: 100%;
}

html[dir="rtl"] div#fox-container-m570 .radio,
html[dir="rtl"] div#fox-container-m570 .checkbox
{
	padding-left: 0;
	padding-right: 20px;
}

div#fox-container-m570 .radio input[type="radio"],
div#fox-container-m570 .checkbox input[type="checkbox"]
{
	float: left;
	margin-left: -20px;
}

html[dir="rtl"] div#fox-container-m570 .radio input[type="radio"],
html[dir="rtl"] div#fox-container-m570 .checkbox input[type="checkbox"]
{
	float: right;
	margin-right: -20px;
}

div#fox-container-m570 .controls
{
	/* Removes the 180px left margin set by bootstrap */
	margin: 0;
	/* Fix: dropdown collapse with layout extended in the module, but hurts the view of the component */
	/* width: 100%; */
	max-width: 100%;
}

/**/

/**/

/* Icons inside Submit and Reset buttons */
div#fox-container-m570 button span.with-icon
{
	background: no-repeat left center;
	padding: 0 0 0 20px;
}

html[dir="rtl"] div#fox-container-m570 button span.with-icon
{
	/* firefox don't use correctly "background-position-x" property so i redefine the entire "background-position" */
	/* background-position-x: right; */
	background-position: right center;
	padding: 0 20px 0 0;
}

div#fox-container-m570 input.fox-item-calendar-input
{
	cursor: pointer;
	/* Prevent selection in order to avoid backspace which would take the page back */
	-moz-user-select: -moz-none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

div#fox-container-m570 div.fox-item-radio label input[type="radio"]
{
	margin-top: -1px;
	margin-right: 7px;
}

html[dir="rtl"] div#fox-container-m570 div.fox-item-radio label input[type="radio"]
{
	margin-right: 0;
	margin-left: 7px;
}

div#fox-container-m570 div.fox-item-radio div.controls label
{
	display: inline-block;
	min-height: 20px;
	margin: 0;
}

div#fox-container-c135 .fox-form-inline div.fox-item-radio div.controls label
{
	margin-right: 16px;
}

html[dir="rtl"] div#fox-container-c135 .fox-form-inline div.fox-item-radio div.controls label
{
	margin-right: 0;
	margin-left: 16px;
}
/*
  -------------------------------------------------------------------------------------------------------------------------
  If you edit this file, your modifications will be overwritten during the next upgrade.
  If you need to modify the appearance of the forms, add your own css rules to the style sheets bundled with your template.
  -------------------------------------------------------------------------------------------------------------------------
*/

/* Form title */
div#fox-container-m570 .fox-container h1
{
}

/* Twitter bootstrap alert boxes (message area) */
div#fox-container-m570 .alert
{
	padding: 8px 35px 8px 14px;
	margin-bottom: 0;
	color: #c09853;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	border-width: 1px;
	border-style: solid;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-image: none; /* removes the background image set by some templates */
}

html[dir="rtl"] div#fox-container-m570 .alert
{
	padding: 8px 14px 8px 35px;
}

div#fox-container-m570 .alert h4
{
	margin: 0;
}

div#fox-container-m570 .alert .close
{
	position: relative;
	top: -2px;
	right: -21px;
	line-height: 20px;
}

html[dir="rtl"] div#fox-container-m570 .alert .close
{
	right: auto;
	left: -21px;
}

/* Messages close button */
div#fox-container-m570 .close
{
	float: right;
	font-size: 20px;
	font-weight: bold;
	color: #000000;
	text-shadow: 0 1px 0 #ffffff;
	opacity: 0.2;
	filter: alpha(opacity=20);
}

html[dir="rtl"] div#fox-container-m570 .close
{
	float: left;
}

div#fox-container-m570 .close:hover,
div#fox-container-m570 .close:focus
{
	color: #000000;
	text-decoration: none;
	cursor: pointer;
	opacity: 0.4;
	filter: alpha(opacity=40);
}

/* /Messages close button */

div#fox-container-m570 .alert-success
{
	color: #468847;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}

div#fox-container-m570 .alert-info
{
	color: #3a87ad;
	background-color: #d9edf7;
	border-color: #bce8f1;
}

div#fox-container-m570 .alert-warning
{
	color: #c09853;
	background-color: #fcf8e3;
	border-color: #fbeed5;
}

div#fox-container-m570 .alert-error
{
	color: #b94a48;
	background-color: #f2dede;
	border-color: #eed3d7;
}

/* List within the message area at the top of the form */
div#fox-container-m570 ul.fox-messages
{
	margin: 0;
	padding: 0;
}

div#fox-container-m570 ul.fox-messages > li
{
}

/* Asterisks (*name:value) and backslash 9 (name:value\9) are IE hacks made by twitter bootstrap. */
/* Twitter bootstrap buttons */
div#fox-container-m570 .btn
{
	display: inline-block;
	margin-bottom: 0;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	background-repeat: repeat-x;
	border: 1px solid #bbbbbb;
	border-color: #c5c5c5;
	border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
	border-bottom-color: #a2a2a2;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	padding: 4px 12px;
	line-height: 20px;
}

/* button when mouse hover */
div#fox-container-m570 .btn:hover
{
	text-decoration: none;
	background-color: #e6e6e6;
	background-position: 0 -15px;
	-webkit-transition: background-position 0.1s linear;
	-moz-transition: background-position 0.1s linear;
	-o-transition: background-position 0.1s linear;
	transition: background-position 0.1s linear;
}

div#fox-container-m570 .btn span
{
	color: #333333;
}

div#fox-container-m570 button.btn::-moz-focus-inner,
div#fox-container-m570 input[type="submit"].btn::-moz-focus-inner
{
	padding: 0;
	border: 0;
}

/* Files list */
div#fox-container-m570 .qq-upload-file,
div#fox-container-m570 .qq-upload-spinner,
div#fox-container-m570 .qq-upload-size,
div#fox-container-m570 .qq-upload-cancel,
div#fox-container-m570 .qq-upload-failed-text
{
	margin: 0 4px;
}

/* Upload button */
div#fox-container-m570 .qq-upload-button span
{
	background: url(/media/com_foxcontact/images/upload.png) no-repeat scroll left 50% transparent;
	padding-left: 24px;
}

html[dir="rtl"] div#fox-container-m570 .qq-upload-button span
{
	background: url(/media/com_foxcontact/images/upload.png) no-repeat scroll right 50% transparent;
	padding-left: 0;
	padding-right: 24px;
}

div#fox-container-m570 .control-group
{
	margin-bottom: 20px;
}

/* Horizontal space between fields in inline forms */
div#fox-container-m570 .fox-form-inline .control-group,
div#fox-container-m570 .fox-form-inline .control-group label.control-label
{
	margin-right: 16px;
}

div#fox-container-m570 .control-group .checkbox
{
	/* Reduces the vertical space between checkboxes */
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom: 0;
}

div#fox-container-m570 .fox-form select,
div#fox-container-m570 .fox-form textarea,
div#fox-container-m570 .fox-form input[type="text"],
div#fox-container-m570 .fox-form input[type="email"]
{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #555555;
	background-color: #ffffff;
}

/* Background highlight when hover or selected */
div#fox-container-m570 .fox-form input[type="text"]:hover,
div#fox-container-m570 .fox-form input[type="email"]:hover,
div#fox-container-m570 .fox-form textarea:hover,
div#fox-container-m570 .fox-form input[type="text"]:focus,
div#fox-container-m570 .fox-form input[type="email"]:focus,
div#fox-container-m570 .fox-form textarea:focus
{
	background-color: #ffffe0;
}

/* Border of fields */
div#fox-container-m570 select,
div#fox-container-m570 textarea,
div#fox-container-m570 input[type="text"],
div#fox-container-m570 input[type="email"],
div#fox-container-m570 input[type="password"]
{
	background-color: #ffffff;
	border: 1px solid #aaaaaa;
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
	resize: none;
}

/* Green font */
div#fox-container-m570 .control-group.success > label,
div#fox-container-m570 .control-group.success .checkbox,
div#fox-container-m570 .control-group.success .radio,
div#fox-container-m570 .control-group.success input,
div#fox-container-m570 .control-group.success select,
div#fox-container-m570 .control-group.success textarea,
div#fox-container-m570 .control-group.success a.chzn-single,
div#fox-container-m570 .control-group.success.fox-item-radio .controls label
{
	color: #468847;
}

/* Green border */
div#fox-container-m570 .control-group.success input,
div#fox-container-m570 .control-group.success select,
div#fox-container-m570 .control-group.success textarea,
div#fox-container-m570 .control-group.success a.chzn-single
{
	border-color: #468847;
}

/* Red font */
div#fox-container-m570 .control-group.error > label,
div#fox-container-m570 .control-group.error .checkbox,
div#fox-container-m570 .control-group.error .radio,
div#fox-container-m570 .control-group.error input,
div#fox-container-m570 .control-group.error select,
div#fox-container-m570 .control-group.error textarea,
div#fox-container-m570 .control-group.error a.chzn-single,
div#fox-container-m570 .control-group.error.fox-item-radio .controls label
{
	color: #b94a48;
}

/* Red border */
div#fox-container-m570 .control-group.error input,
div#fox-container-m570 .control-group.error select,
div#fox-container-m570 .control-group.error textarea,
div#fox-container-m570 .control-group.error a.chzn-single
{
	border-color: #b94a48;
}

/* Blue border when focused */
div#fox-container-m570 textarea:focus,
div#fox-container-m570 input[type="text"]:focus,
div#fox-container-m570 input[type="email"]:focus,
div#fox-container-m570 input[type="password"]:focus
{
	border-color: rgba(82, 168, 236, 0.8);
	outline: 0;
	outline: thin dotted \9;
	/* IE6-9 */

	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

/* Dark red when invalid fields are focused */
div#fox-container-m570 .control-group.error input:focus,
div#fox-container-m570 .control-group.error select:focus,
div#fox-container-m570 .control-group.error textarea:focus
{
	border-color: #953b39;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
}

/* Dark green when valid fields are focused */
div#fox-container-m570 .control-group.success input:focus,
div#fox-container-m570 .control-group.success select:focus,
div#fox-container-m570 .control-group.success textarea:focus
{
	border-color: #356635;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
}

/* Help text under some fields */
div#fox-container-m570 span.help-block
{
	font-size: 80%;
}

/* Built-in captcha main image */
div#fox-container-m570 img.fox-item-captcha-img
{
	padding: 4px;
	border: 1px solid #c0c0c0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #000000;
	margin-bottom: 5px;
}

div#fox-container-m570 span.qq-upload-size
{
	background-image: url(/media/com_foxcontact/images/bootstrap/drive.png);
}

/* Attached files list */
div#fox-container-m570 ul.qq-upload-list > li
{
	margin: 8px 0 0 0;
}

/* Attached files icons */
div#fox-container-m570 .qq-upload-file
{
	background-image: url(/media/com_foxcontact/images/clip-16.png);
}

div#fox-container-m570 .qq-upload-failed-text
{
	color: #b94a48;
	background-image: url(/media/com_foxcontact/images/bootstrap/cross.png);
}

div#fox-container-m570 .qq-upload-success-text
{
	color: #468847;
	background-image: url(/media/com_foxcontact/images/bootstrap/checkmark.png);
}

div#fox-container-m570 .qq-upload-remove
{
	color: #b94a48;
	background-image: url(/media/com_foxcontact/images/bootstrap/trash.png);
	cursor: pointer;
}

/* Removed margin between "browse files button" and the "file list". */
div#fox-container-m570 .fox-item-attachments
{
	margin-bottom: 0;
}

div#fox-container-m570 .fox-item-attachments-upload-lst
{
	margin-top: 0;
}