/* 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_c355{
	width: auto;
	padding: 16px;
	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_c355 .foxcontainer h2
{
}

div#foxcontainer_c355 .foxform-extended .control-label
{
	font-family:Titillium, Helvetica, sans-serif; font-size:0.8em; border:none;color: #000000;
}

div#foxcontainer_c355 .controls textarea 
{
	border:1px dashed #bbb !important;
}

/* Twitter bootstrap alert boxes (message area) */
div#foxcontainer_c355 .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;
}

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

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

div#foxcontainer_c355 .alert-success
{
	color: #468847;
	background-color: #D8D8D8;
	border-color: #d6e9c6;
}

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

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

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

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

div#foxcontainer_c355 ul.fox_messages > li
{
}

/* buttons */
div#foxcontainer_c355 .btn
{
	padding: 4px 12px;
	background-color:#0064A6 !important; border:none; width:111px; height:28px; color:#fff; cursor:pointer; 
	border-radius:0px 0px 0px 0px !important;
	background-image:none !important;
}
div#foxcontainer_c355 .btn:hover
{
	color:#FFF !important;
}

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

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

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

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

div#foxcontainer_c355 .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_c355 .fox_form input[type="text"],
div#foxcontainer_c355 .fox_form textarea
{
	font-family:Arial, Helvetica, sans-serif; font-size:0.8em; border:none; border-bottom:1px dashed #bbb; padding:3px; width:400px; letter-spacing:0.075em; background-color:#F5F5F5;
	border-radius: 0px 0px 0px 0px !important;
}

/* Background highlight when hover or selected */
div#foxcontainer_c355 .fox_form input[type="text"]:hover,
div#foxcontainer_c355 .fox_form textarea:hover,
div#foxcontainer_c355 .fox_form input[type="text"]:focus,
div#foxcontainer_c355 .fox_form textarea:focus
{

}

/* Border of fields except Select boxes */
div#foxcontainer_c355 textarea,
div#foxcontainer_c355 input[type="text"],
div#foxcontainer_c355 input[type="password"],
div#foxcontainer_c355 input[type="datetime"],
div#foxcontainer_c355 input[type="datetime-local"],
div#foxcontainer_c355 input[type="date"],
div#foxcontainer_c355 input[type="month"],
div#foxcontainer_c355 input[type="time"],
div#foxcontainer_c355 input[type="week"],
div#foxcontainer_c355 input[type="number"],
div#foxcontainer_c355 input[type="email"],
div#foxcontainer_c355 input[type="url"],
div#foxcontainer_c355 input[type="search"],
div#foxcontainer_c355 input[type="tel"],
div#foxcontainer_c355 input[type="color"]
{
	background-color: #ffffff;
}

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

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

/* Dark red when invalid fields are focused */
div#foxcontainer_c355 .control-group.error input:focus,
div#foxcontainer_c355 .control-group.error select:focus,
div#foxcontainer_c355 .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_c355 .control-group.success input:focus,
div#foxcontainer_c355 .control-group.success select:focus,
div#foxcontainer_c355 .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_c355 span.help-block
{
	font-size: 80%;
}

/* Built-in captcha */
div#foxcontainer_c355 .fcaptchafieldcontainer
{	
	font-family:Arial, Helvetica, sans-serif; border:1px solid #bbb; margin-top:5px; margin-bottom:5px; 
	
}

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

}

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

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

/* Built-in captcha main image */
div#foxcontainer_c355 .fox_captcha_img
{
	
}
div#foxcontainer_c355 .controls{	clear:both;}

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