/* If you edit this file, your modifications will be overwritten during the next upgrade.

Copy this stylesheet with a different name, edit it, and finally

select your own custom css in "Advanced Options" of your forms */



.foxcontainer {

	margin:auto;

}



.foxcontainer h2 {

}

.foxform {

	margin-bottom: 64px;

}



.foxform div

{

	padding:0px 0;

	margin:0 0 14px 0;

}



.foxform label {

}

html[dir="rtl"] .foxform label {

	float:right;

	margin-left:3px;

}

html[dir="ltr"] .foxform label {

	float:left;

	margin-right:3px;

}



.foxfield {

	overflow:hidden;

}



.fox-newsletter-element {

	overflow:hidden;

}

.fox-newsletter-element label {

	margin:0 64px;

}



/* Message area at the top of the form after submit */

.fox_messages {
	color: #FF0000;
	font-size:10px;
	/*margin: 24px 0px !important;
	padding: 16px 32px !important;*/
	/*box-shadow: 0 0 10px rgba(211, 206, 56, 0.7) inset, 0px 0px 7px rgba(211, 206, 56, 0.7);*/
	border: 1px solid #d3ce38;
	/*border-radius: 5px;
	background: url("../../../media/com_foxcontact/images/message-background.png") repeat-x scroll 0 0 #FFFFFF;
*/}

.fox_messages li{
	position:absolute;
	top:0px;

	color:#FF0000;

	background: none !important;

	list-style-type: none !important;

}



.foxform input, .foxform textarea {

	color:#a6abb1;

	background-color: #dfe4ea;

	border-radius: 0px;

	/*box-shadow:0 0 10px rgba(192, 192, 192, 0.7) inset, 0px 0px 7px rgba(192, 192, 192, 0.7);*/

	border:1px solid #a6abb1;

	margin: 0 3px !important;

	padding: 5px !important;

	float:right;

	font-style:italic;

}

html[dir="rtl"] .foxform input, html[dir="rtl"] .foxform textarea {

	float:left;

}





.foxform input:hover, .foxform textarea:hover,

.foxform input:focus, .foxform textarea:focus {

	border:1px solid #c0c0c0;

	background-color: #ffffe0;

}



input.foxtext {

	/*color:#505050;*/

}

input.validfoxtext, textarea.validfoxtext {

	box-shadow:0 0 10px rgba(80, 192, 80, 0.7) inset, 0px 0px 7px rgba(80, 192, 80, 0.7);

	border:1px solid rgb(80, 192, 80);

}

input.invalidfoxtext, textarea.invalidfoxtext {

	box-shadow:0 0 10px rgba(192, 80, 80, 0.7) inset, 0px 0px 7px rgba(192, 80, 80, 0.7);

	border:1px solid #c05050;

}

select.foxtext {

	box-shadow:0px 0px 7px rgba(192, 192, 192, 0.7);

	margin: 0 3px !important;

	/* This cause problems witn damned IE if click near borders

	padding: 5px !important;*/

}

select.validfoxtext {

	box-shadow:0px 0px 10px rgba(80, 192, 80, 1.0);

	margin: 0 3px !important;

	padding: 5px !important;

}

select.invalidfoxtext {

	box-shadow:0px 0px 10px rgb(192, 80, 80);

	margin: 0 3px !important;

	padding: 5px !important;

}

.foxcheckbox {

	box-shadow:0 0 10px rgba(192, 192, 192, 1.0) inset, 0px 0px 7px rgba(192, 192, 192, 1.0);

	padding: 0 !important;

}

.validcheckbox {

	box-shadow:0 0 10px rgba(0, 192, 0, 1.0) inset, 0px 0px 7px rgba(0, 192, 0, 1.0);

	padding: 0 !important;

}

.invalidcheckbox {

	box-shadow:0 0 10px rgba(192, 0, 0, 1.0) inset, 0px 0px 7px rgba(192, 0, 0, 1.0);

	padding: 0 !important;

}



.fox-dropdown-container {

	float:right;

	position:relative;

	margin-right:8px !important;

}

html[dir="rtl"] .fox-dropdown-container {

	float:left;

	margin-left:8px !important;

}



.fox_dropdown {

	cursor:pointer;

}

.fox_dropdown option {

	color: #505050;

}



.defaultfoxfield {

	border:1px solid #c0c0c0;

	box-shadow:0px 0px 7px rgba(192, 192, 192, 0.7);

}

.validfoxfield {

	border:1px solid rgb(80, 192, 80);

	box-shadow:0px 0px 7px rgba(80, 192, 80, 0.7);



}

.invalidfoxfield {

	border:1px solid rgb(192, 80, 80);

	box-shadow:0px 0px 7px rgba(192, 80, 80, 0.7);

}



.outer_dropdown {

	background:url("../../../media/com_foxcontact/images/dropdown-background.png") repeat-x;

	height:28px;

	border-radius: 5px;

	display:none;

	margin: 0 3px !important;

	width: 100% !important;

}



.inner_dropdown {

	color:#505050;

	height: 28px;

	padding: 0 5px;

	/* display: inline-block; */

	/* padding-top:6px; */

	border-radius: 5px;

	display: table-cell;

	vertical-align: middle;

	width: 100% !important;

	/* Depends on current language

	background-image: url("../../../media/com_foxcontact/images/dropdown-arrow.png");

	background-position: right 0; */



	background-repeat: no-repeat;

	background-attachment: scroll;

	background-color: transparent;



}



button.foxbutton {

	cursor:pointer;

	padding:3px 5px 3px 5px;

	background-color:#aac149;

	color: #FFF;

	border:none;

	width:210px;

	height:35px;

	/*	margin-left: 160px;*/

}



/* Submit button inner text */

button.foxbutton span {

	/*color: #505050;*/

}



/* Send a copy to myself checkbox */

.fox_copy_to_sender {

	overflow:hidden;

	/*margin-left: 160px !important;*/

}



/* Mandatory field marker, Invalid value in field */

.required, .asterisk {

	color:#c05050;

	font-size: 16px;

	font-weight: bold;

}

.required:after, .asterisk:after {

	content: "*";

}



.asterisk {

	float:right;

}



.fcaptchacontainer {

	margin: 0 3px !important;

	float:right;

	overflow:hidden;

}

html[dir="rtl"] .fcaptchacontainer {

	float:left;

}



.fcaptchafieldcontainer {

	padding:5px !important;

}



/* Fixes a IE 8 issue related to some templates where img have max-width:100% */

.fcaptchafieldcontainer img {

	max-width:none;

}



.fcaptchainputcontainer {

	padding:2px !important;

	overflow:hidden;

	float:left;

}

html[dir="rtl"] .fcaptchainputcontainer {

	float:right;

}



.fcaptcha-reload-container {

	padding:8px 3px !important;

	float:left;

}

html[dir="rtl"] .fcaptcha-reload-container {

	float:right;

}



.fox_captcha_img {

	padding: 4px;

	border: 1px solid #C0C0C0;

	border-radius: 5px 5px 5px 5px;

	box-shadow: 0 0 7px rgba(192, 192, 192, 0.698);

}



.qq-uploader { position:relative; width: 100%;}



.qq-upload-button {

	float:right;

	padding:0 16px !important;

	background:url("../../../media/com_foxcontact/images/button-background.png");

	border:1px solid #C0C0C0;

	cursor:pointer;

	/*height:28px;*/

	line-height:28px;

	color:#505050;

	text-shadow:1px 1px 0 #ffffff;

	border-radius:14px 14px 14px 14px;

	box-shadow:0 0 7px rgba(192, 192, 192, 0.698);

	margin: 0 3px !important;

}

html[dir="rtl"] .qq-upload-button {

	float:left;

}





.qq-upload-button span {

	color:#505050;

}



/*this fixes an issue with damned ie6-ie7*/

.qq-upload-button-caption {

	vertical-align: top;

}

/*end fix*/



.qq-upload-button-hover {

	background-position: 0 -28px;

}

.qq-upload-button-focus {outline:1px dotted black;}



.qq-upload-list {padding:0 !important; list-style:none !important; clear:both;}

.qq-upload-list li {

	margin:0 !important;

	padding:0 !important;

	padding: 4px 16px !important;

	list-style:none !important;

	/*background: url("../../../media/com_foxcontact/images/clip-16.png") no-repeat scroll 0 50% transparent !important;*/

	background-image: url("../../../media/com_foxcontact/images/clip-16.png") !important;

	background-repeat: no-repeat !important;

	background-position:left center;

}

html[dir="rtl"] .qq-upload-list li {

	background-position:right center;

}



.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text {

	margin: 0 4px;

}



.qq-upload-file {

	float:left;

}

html[dir="rtl"] .qq-upload-file {

	float:right;

}



.qq-upload-spinner {

	display:inline-block;

	background: url("../../../media/com_foxcontact/images/loading.gif");

	width:15px;

	height:15px;

	vertical-align:text-bottom;

	float:left;

}

html[dir="rtl"] .qq-upload-spinner {

	float:right;

}



.qq-upload-size,.qq-upload-cancel { font-size:0.8em; }

.qq-upload-size {

	float:left;

}

html[dir="rtl"] .qq-upload-size {

	float:right;

}



.qq-upload-success-text, .qq-upload-failed-text {

	display:none;

	background-position:left;

}

html[dir="rtl"] .qq-upload-success-text, html[dir="rtl"] .qq-upload-failed-text {

	background-position:right;

}



/*.qq-upload-success-text {display:none;}*/



.qq-upload-fail .qq-upload-failed-text {

	display:inline;

	padding: 0 20px;

	/*	font-size:0.8em;*/

	line-height:16px;

	/*	background: url("../../../media/com_foxcontact/images/error-16.png") no-repeat scroll 0 50% transparent;*/

	background-image: url("../../../media/com_foxcontact/images/error-16.png") !important;

	background-repeat: no-repeat !important;

}

.qq-upload-success .qq-upload-success-text {

	display:inline;

	padding: 0 20px;

	margin: 0 4px;

	/*font-size:0.8em;*/

	line-height:16px;

	/*	background: url("../../../media/com_foxcontact/images/ok-16.png") no-repeat scroll 0 50% transparent;*/

	background-image: url("../../../media/com_foxcontact/images/ok-16.png") !important;

	background-repeat: no-repeat !important;

}

/* Checkboxes */

.fox_cbspan {

	display: table-cell;

	height: 20px; /* same as checkbox icon height */

	padding: 0 24px; /* checkbox icon width + 4 px */

	vertical-align: middle;

	background-repeat: no-repeat;

	background-attachment: scroll;

	background-color: transparent;

	/* Depends on current language

	background-position: left 50%; */

}

.fox_cbspan_true {

	/*	background: url("../../../media/com_foxcontact/images/checkbox-checked.png") no-repeat scroll left 50% transparent; */

	background-image: url("../../../media/com_foxcontact/images/checkbox-checked.png");

}

.fox_cbspan_false {

	/*	background: url("../../../media/com_foxcontact/images/checkbox-unchecked.png") no-repeat scroll left 50% transparent; */

	background-image: url("../../../media/com_foxcontact/images/checkbox-unchecked.png");

}



.fox_error_message {

	background: url("../../../media/com_foxcontact/images/error-16.png") no-repeat scroll left center transparent;

	padding: 0 20px;

}



.fox-copyright {

	display:none;

}

html[dir="rtl"] .fox-copyright {

	float: left;

}

.fox-copyright a {

	text-decoration: none !important;

	font-family: arial,verdana,sans-serif !important;

	font-variant: small-caps !important;

	display:none;

}