/* If you edit this file, your modifications will be overwritten during the next upgrade.
Copy this stylesheet with a different name, edit it, and
select your own custom css in "Advanced Options" of your forms */

/* Form framework */
div#foxcontainer_m179{
	width: auto;
	padding: 3px;
	overflow: hidden; /* Fixes the link overhang */
	margin: auto; /* Center the form on the page when the form width (px or %) is less than the page width */
}

/* Form title */
div#foxcontainer_m179 .foxcontainer h2
{
	/*background-color: red !important;
	color: red !important;*/
}

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

div#foxcontainer_m179 .alert h4
{
	margin: 0;
}

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

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

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

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

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

/* List within the message area at the top of the form */
div#foxcontainer_m179 ul.fox_messages
{
	margin: 0;
	padding: 0;
}

div#foxcontainer_m179 ul.fox_messages > li
{
}

/* buttons */
div#foxcontainer_m179 .btn
{
	/*padding: 4px 12px;
	line-height: 20px;*/
	/* The most of the bad written Joomla templates force a white font with !important */
	/*color: #333333 !important;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);*/
	background: rgba(0, 0, 0, 0) linear-gradient(#aee2e9, #84c4d2) repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    font-family: "Arimo",Helvetica,Arial,sans-serif;
    font-feature-settings: inherit;
    font-kerning: inherit;
    font-language-override: inherit;
    font-size: 13px;
    font-size-adjust: inherit;
    font-stretch: inherit;
    font-style: inherit;
    font-synthesis: inherit;
    font-variant: inherit;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 29px;
    margin: 0;
    min-height: 28px;
    overflow: visible;
    padding: 0 15px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: middle;
}

div#foxcontainer_m179 .btn:hover,
div#foxcontainer_m179 .btn:focus {
  background-color: #e2e2e2;
  color: #ffffff;
  /* 2 */
  outline: none;
  /* 3 */
  text-decoration: none;
  background: -webkit-linear-gradient(#e2d2ab, #c7b286); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#e2d2ab, #c7b286); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#e2d2ab, #c7b286); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#e2d2ab, #c7b286); /* Standard syntax (must be last) */
  

}
/* Active */
div#foxcontainer_m179 .btn:active
 {
  background-color: #dddddd;
  color: #636873;
}




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

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

div#foxcontainer_m179 .control-group
{
	margin-bottom: 20px;
}

/* Horizontal space between fields in inline forms */
div#foxcontainer_m179 .foxform-inline .control-group,
div#foxcontainer_m179 .foxform-inline .control-group label.control-label
{
	margin-right: 3px;
}

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

div#foxcontainer_m179 .fox_form select,
div#foxcontainer_m179 .fox_form textarea,
div#foxcontainer_m179 .fox_form input[type="text"]
{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #555555;
	background-color: #ddf4f8;
}

/* Background highlight when hover or selected */
div#foxcontainer_m179 .fox_form input[type="text"]:hover,
div#foxcontainer_m179 .fox_form textarea:hover,
div#foxcontainer_m179 .fox_form input[type="text"]:focus,
div#foxcontainer_m179 .fox_form textarea:focus
{
	background-color: #ddf4f8;
}

/* Border of fields */
div#foxcontainer_m179 select,
div#foxcontainer_m179 textarea,
div#foxcontainer_m179 input[type="text"],
div#foxcontainer_m179 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;
}

/* Green font */
div#foxcontainer_m179 .control-group.success > label,
div#foxcontainer_m179 .control-group.success .checkbox,
div#foxcontainer_m179 .control-group.success .radio,
div#foxcontainer_m179 .control-group.success input,
div#foxcontainer_m179 .control-group.success select,
div#foxcontainer_m179 .control-group.success textarea,
div#foxcontainer_m179 .control-group.success a.chzn-single /* Add the chosen as well */
{
	color: #468847;
}

/* Green border */
div#foxcontainer_m179 .control-group.success input,
div#foxcontainer_m179 .control-group.success select,
div#foxcontainer_m179 .control-group.success textarea,
div#foxcontainer_m179 .control-group.success a.chzn-single /* Add the chosen as well */
{
	border-color: #468847;
}

/* Red font */
div#foxcontainer_m179 .control-group.error > label,
div#foxcontainer_m179 .control-group.error .checkbox,
div#foxcontainer_m179 .control-group.error .radio,
div#foxcontainer_m179 .control-group.error input,
div#foxcontainer_m179 .control-group.error select,
div#foxcontainer_m179 .control-group.error textarea,
div#foxcontainer_m179 .control-group.error a.chzn-single /* Add the chosen as well */
{
	color: #b94a48;
}

/* Red border */
div#foxcontainer_m179 .control-group.error input,
div#foxcontainer_m179 .control-group.error select,
div#foxcontainer_m179 .control-group.error textarea,
div#foxcontainer_m179 .control-group.error a.chzn-single /* Add the chosen as well */
{
	border-color: #b94a48;
}

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

/* Built-in captcha */
div#foxcontainer_m179 .fcaptchafieldcontainer
{
	padding: 5px 0;
}

/* Built-in captcha input box */
div#foxcontainer_m179 .fcaptchainputcontainer
{
	padding: 5px 10px 5px 0;
}

html[dir="rtl"] div#foxcontainer_m179 .fcaptchainputcontainer
{
	padding: 5px 0 5px 10px;
}

/* Built-in captcha reload button */
div#foxcontainer_m179 .fcaptcha-reload-container
{
	padding: 10px 0;
}

/* Built-in captcha main image */
div#foxcontainer_m179 .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);
}

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

/* Attached files list */
div#foxcontainer_m179 ul.qq-upload-list > li
{
	margin: 4px 0;
}

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

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

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

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

.fox_error_message
{
	background: url("/media/com_foxcontact/images/error-16.png") no-repeat scroll left center transparent;
	padding: 0 20px;
}

/* Send a copy to myself checkbox */
div#foxcontainer_m179 .fox_copy_to_sender
{
	/*margin-left: 160px;*/
}

#foxcontainer_c251 h2{
	font-size: 19px;
	font-weight: normal;
	text-transform: uppercase;
	color: #FFF;
	line-height: 28px;
	font-family: "Arimo";
	background: transparent linear-gradient(#AEE2E9, #84C4D2) repeat scroll 0% 0%;
	padding: 40px 20px 7px;
	display: inline-block;
	margin-top: -3px;
	}
@media only screen and (max-width: 763px) {

#foxcontainer_m179{
	margin-left: -34px !important;
	}
	
#foxcontainer_m179 textarea {
    width: 250px !important;
}
}