@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=568&"], /* we precise that after the 568 we want an ampersand, to prevent modules 10, 11, 12... hiding modules 103, 118, 124... */
.btn.jmodedit[href$="&id=568"] /* 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-m568 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-m568 div.alert ul
{
	list-style-type: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

div#fox-container-m568 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-m568 .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-m568 .qq-upload-list span
{
	background-position: right center;
}

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

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

/* Spinner while uploading */
div#fox-container-m568 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-m568 span.help-block
{
	display: block;
}

/* Built-in captcha main image */
div#fox-container-m568 .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-m568 .fox-item-captcha-cnt
{
	max-width: 0;
}

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

/* Built-in captcha reload image */
div#fox-container-m568 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-m568 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-m568 .submit-button
{
	margin-right: 32px;
}

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

div#fox-container-m568 .fox-item-submit-centered .reset-button,
div#fox-container-m568 .fox-item-submit-centered .submit-button,
html[dir="rtl"] div#fox-container-m568 .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-m568 .fox-item-dropdown .controls select
{
	height: 26px;
	margin: 0;
}

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

div#fox-container-m568 .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-m568 .chzn-container-single .chzn-single div
{
	right: auto;
	left: 0;
}

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

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

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

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

/* Unselected selector */
div#fox-container-m568 .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-m568 .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-m568 .chzn-container
{

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

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

/* Search input */
div#fox-container-m568 .chzn-container-single .chzn-search input[type="text"],
div#fox-container-m568 .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-m568 .chzn-container-single .chzn-search input[type="text"],
html[dir="rtl"] div#fox-container-m568 .chzn-container-single .chzn-search input[type="email"]
{
	background-position: -48px -26px;
	padding: 4px 5px 4px 20px;
}

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

div#fox-container-m568 .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-m568 .chzn-container-single .chzn-single abbr
{
	right: auto;
	left: 30px;
}

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

div#fox-container-m568 .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-m568 .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-m568 .chzn-rtl .chzn-search input[type="text"],
	div#fox-container-m568 .chzn-container-single .chzn-single abbr,
	div#fox-container-m568 .chzn-container-single .chzn-single div b,
	div#fox-container-m568 .chzn-container-single .chzn-search input[type="text"],
	div#fox-container-m568 .chzn-container-multi .chzn-choices .search-choice .search-choice-close,
	div#fox-container-m568 .chzn-container .chzn-results-scroll-down span,
	div#fox-container-m568 .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-m568 .control-label,
div#fox-container-m568 .control-label label
{
	display: inline-block;
}

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

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

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

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

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

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

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

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

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

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

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

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

/* form elements based on form type */
div#fox-container-m568 .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-m568 .fox-form-stacked .control-group
{
	float: right;
}

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

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

div#fox-container-m568 .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-m568 .control-label.collapsed
{
	height: 1px;
	margin: 0;
	padding: 0;
}

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

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

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

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

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

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

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

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

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

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

div#fox-container-m568 .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-m568 button span.with-icon
{
	background: no-repeat left center;
	padding: 0 0 0 20px;
}

html[dir="rtl"] div#fox-container-m568 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-m568 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-m568 div.fox-item-radio label input[type="radio"]
{
	margin-top: -1px;
	margin-right: 7px;
}

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

div#fox-container-m568 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-m568 .fox-container h1
{
}

/* Twitter bootstrap alert boxes (message area) */
div#fox-container-m568 .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-m568 .alert
{
	padding: 8px 14px 8px 35px;
}

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

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

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

/* Messages close button */
div#fox-container-m568 .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-m568 .close
{
	float: left;
}

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

/* /Messages close button */

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

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

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

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

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

div#fox-container-m568 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-m568 .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-m568 .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-m568 .btn span
{
	color: #333333;
}

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

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

/* Upload button */
div#fox-container-m568 .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-m568 .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-m568 .control-group
{
	margin-bottom: 20px;
}

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

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

div#fox-container-m568 .fox-form select,
div#fox-container-m568 .fox-form textarea,
div#fox-container-m568 .fox-form input[type="text"],
div#fox-container-m568 .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-m568 .fox-form input[type="text"]:hover,
div#fox-container-m568 .fox-form input[type="email"]:hover,
div#fox-container-m568 .fox-form textarea:hover,
div#fox-container-m568 .fox-form input[type="text"]:focus,
div#fox-container-m568 .fox-form input[type="email"]:focus,
div#fox-container-m568 .fox-form textarea:focus
{
	background-color: #ffffe0;
}

/* Border of fields */
div#fox-container-m568 select,
div#fox-container-m568 textarea,
div#fox-container-m568 input[type="text"],
div#fox-container-m568 input[type="email"],
div#fox-container-m568 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-m568 .control-group.success > label,
div#fox-container-m568 .control-group.success .checkbox,
div#fox-container-m568 .control-group.success .radio,
div#fox-container-m568 .control-group.success input,
div#fox-container-m568 .control-group.success select,
div#fox-container-m568 .control-group.success textarea,
div#fox-container-m568 .control-group.success a.chzn-single,
div#fox-container-m568 .control-group.success.fox-item-radio .controls label
{
	color: #468847;
}

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

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

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

/* Blue border when focused */
div#fox-container-m568 textarea:focus,
div#fox-container-m568 input[type="text"]:focus,
div#fox-container-m568 input[type="email"]:focus,
div#fox-container-m568 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-m568 .control-group.error input:focus,
div#fox-container-m568 .control-group.error select:focus,
div#fox-container-m568 .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-m568 .control-group.success input:focus,
div#fox-container-m568 .control-group.success select:focus,
div#fox-container-m568 .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-m568 span.help-block
{
	font-size: 80%;
}

/* Built-in captcha main image */
div#fox-container-m568 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-m568 span.qq-upload-size
{
	background-image: url(/media/com_foxcontact/images/bootstrap/drive.png);
}

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

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

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

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

div#fox-container-m568 .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-m568 .fox-item-attachments
{
	margin-bottom: 0;
}

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