/* 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 */

/* Form framework */
div#foxcontainer_m97 {
 width: auto;
 padding: 5px;
 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_m97 .foxcontainer h2 {
}

/* Twitter bootstrap alert boxes (message area) */
div#foxcontainer_m97 .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_m97 .alert h4 {
 margin: 0;
}
 div#foxcontainer_m97 .alert .close {
 position: relative;
 top: -2px;
 right: -21px;
 line-height: 20px;
}
 div#foxcontainer_m97 .alert-success {
 color: #468847;
 background-color: #dff0d8;
 border-color: #d6e9c6;
}
 div#foxcontainer_m97 .alert-info {
 color: #3a87ad;
 background-color: #d9edf7;
 border-color: #bce8f1;
}
 div#foxcontainer_m97 .alert-warning {
 color: #c09853;
 background-color: #fcf8e3;
 border-color: #fbeed5;
}
 div#foxcontainer_m97 .alert-error {
 color: #b94a48;
 background-color: #f2dede;
 border-color: #eed3d7;
}

/* List within the message area at the top of the form */
div#foxcontainer_m97 ul.fox_messages {
 margin: 0;
 padding: 0;
}
 div#foxcontainer_m97 ul.fox_messages > li {
}

/* buttons */
div#foxcontainer_m97 .btn {
 padding: 4px 12px;
 line-height: 20px;
 color: #333333;
 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
}

/* Files list */
div#foxcontainer_m97 .qq-upload-file, div#foxcontainer_m97 .qq-upload-spinner, div#foxcontainer_m97 .qq-upload-size, div#foxcontainer_m97 .qq-upload-cancel, div#foxcontainer_m97 .qq-upload-failed-text {
 margin: 0 4px;
}

/* Upload button */
div#foxcontainer_m97 .qq-upload-button span {
 background: url("/media/com_foxcontact/images/upload.png") no-repeat scroll left 50% transparent;
 padding-left: 24px;
}
 div#foxcontainer_m97 .control-group {
 margin-bottom: 5px;
}

/* Horizontal space between fields in inline forms */
div#foxcontainer_m97 .foxform-inline .control-group, div#foxcontainer_m97 .foxform-inline .control-group label.control-label {
 margin-right: 16px;
}
 div#foxcontainer_m97 .control-group .checkbox {
	/* Reduces the vertical space between checkboxes */
	padding-top: 0;
 padding-bottom: 0;
 margin-top: 0;
 margin-bottom: 0;
}

/* input / textarea */
/* background color */
div#foxcontainer_m97 .fox_form input[type="text"], div#foxcontainer_m97 .fox_form textarea {
 color: #555555;
 background-color: #ffffff;
}

/* Background highlight when hover or selected */
div#foxcontainer_m97 .fox_form input[type="text"]:hover, div#foxcontainer_m97 .fox_form textarea:hover, div#foxcontainer_m97 .fox_form input[type="text"]:focus, div#foxcontainer_m97 .fox_form textarea:focus {
 background-color: #ffffe0;
}

/* Border of fields except Select boxes */
div#foxcontainer_m97 textarea, div#foxcontainer_m97 input[type="text"], div#foxcontainer_m97 input[type="password"], div#foxcontainer_m97 input[type="datetime"], div#foxcontainer_m97 input[type="datetime-local"], div#foxcontainer_m97 input[type="date"], div#foxcontainer_m97 input[type="month"], div#foxcontainer_m97 input[type="time"], div#foxcontainer_m97 input[type="week"], div#foxcontainer_m97 input[type="number"], div#foxcontainer_m97 input[type="email"], div#foxcontainer_m97 input[type="url"], div#foxcontainer_m97 input[type="search"], div#foxcontainer_m97 input[type="tel"], div#foxcontainer_m97 input[type="color"] {
 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_m97 .control-group.success > label, div#foxcontainer_m97 .control-group.success .checkbox, div#foxcontainer_m97 .control-group.success .radio, div#foxcontainer_m97 .control-group.success input, div#foxcontainer_m97 .control-group.success select, div#foxcontainer_m97 .control-group.success textarea, div#foxcontainer_m97 .control-group.success a.chzn-single /* Add the chosen as well */ {
 color: #468847;
}

/* Green border */
div#foxcontainer_m97 .control-group.success input, div#foxcontainer_m97 .control-group.success select, div#foxcontainer_m97 .control-group.success textarea, div#foxcontainer_m97 .control-group.success a.chzn-single /* Add the chosen as well */ {
 border-color: #468847;
}

/* Red font */
div#foxcontainer_m97 .control-group.error > label, div#foxcontainer_m97 .control-group.error .checkbox, div#foxcontainer_m97 .control-group.error .radio, div#foxcontainer_m97 .control-group.error input, div#foxcontainer_m97 .control-group.error select, div#foxcontainer_m97 .control-group.error textarea, div#foxcontainer_m97 .control-group.error a.chzn-single /* Add the chosen as well */ {
 color: #b94a48;
}

/* Red border */
div#foxcontainer_m97 .control-group.error input, div#foxcontainer_m97 .control-group.error select, div#foxcontainer_m97 .control-group.error textarea, div#foxcontainer_m97 .control-group.error a.chzn-single /* Add the chosen as well */ {
 border-color: #b94a48;
}

/* Blue border when focused */
div#foxcontainer_m97 textarea:focus, div#foxcontainer_m97 input[type="text"]:focus, div#foxcontainer_m97 input[type="password"]:focus, div#foxcontainer_m97 input[type="datetime"]:focus, div#foxcontainer_m97 input[type="datetime-local"]:focus, div#foxcontainer_m97 input[type="date"]:focus, div#foxcontainer_m97 input[type="month"]:focus, div#foxcontainer_m97 input[type="time"]:focus, div#foxcontainer_m97 input[type="week"]:focus, div#foxcontainer_m97 input[type="number"]:focus, div#foxcontainer_m97 input[type="email"]:focus, div#foxcontainer_m97 input[type="url"]:focus, div#foxcontainer_m97 input[type="search"]:focus, div#foxcontainer_m97 input[type="tel"]:focus, div#foxcontainer_m97 input[type="color"]: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_m97 .control-group.error input:focus, div#foxcontainer_m97 .control-group.error select:focus, div#foxcontainer_m97 .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_m97 .control-group.success input:focus, div#foxcontainer_m97 .control-group.success select:focus, div#foxcontainer_m97 .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_m97 span.help-block {
 font-size: 80%;
}

/* Built-in captcha */
div#foxcontainer_m97 .fcaptchafieldcontainer {
 padding: 5px 0;
}

/* Built-in captcha input box */
div#foxcontainer_m97 .fcaptchainputcontainer {
 padding: 5px 10px 5px 0;
}
 html[dir="rtl"] div#foxcontainer_m97 .fcaptchainputcontainer {
 padding: 5px 0 5px 10px;
}

/* Built-in captcha reload button */
div#foxcontainer_m97 .fcaptcha-reload-container {
 padding: 10px 0;
}

/* Built-in captcha main image */
div#foxcontainer_m97 .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_m97 span.qq-upload-size {
 background-image: url("/media/com_foxcontact/images/bootstrap/drive.png");
}

/* Attached files list */
div#foxcontainer_m97 ul.qq-upload-list > li {
 margin: 4px 0;
}

/* Attached files icons */
div#foxcontainer_m97 .qq-upload-file {
 background-image: url("/media/com_foxcontact/images/clip-16.png");
}
 div#foxcontainer_m97 .qq-upload-failed-text {
 color: #b94a48;
 background-image: url("/media/com_foxcontact/images/bootstrap/cross.png");
}
 div#foxcontainer_m97 .qq-upload-success-text {
 color: #468847;
 background-image: url("/media/com_foxcontact/images/bootstrap/checkmark.png");
}
.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_m97 .fox_copy_to_sender {
/*margin-left: 160px;*/
}
