/* 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_m88{
}

/* Form title */
div#foxcontainer_m88 .foxcontainer h2
{
}
div#foxcontainer_m88 .control-group .controls input{
//	width:125px!important;
//	height:17px!important;
//	border:1px solid #000!important;
}
div#foxcontainer_m88 .control-group .controls textarea{
//	width:210px!important;
//	height:75px!important;
//	float:right;
//	margin-top: -126px;
//	margin-right: 10px;
//	border:1px solid #000!important;
}
div#foxcontainer_m88 .control-group .controls button{
	color:#A4A5A6!important;
	width:120px!important;
	height:30px!important;
	text-align:center!important;
	padding: 5px 10px;
	background:#494E57!important;
	border:none!important;
	-webkit-border-radius: 0!important;
	-moz-border-radius: 0!important;
	border-radius: 0!important;
    font-style: inherit!important;
    font-weight: 800!important;
    -webkit-font-smoothing: antialiased!important;
    -moz-osx-font-smoothing: grayscale!important;
    -webkit-touch-callout: none!important;
    -webkit-user-select: none!important;
    -khtml-user-select: none!important;
    -moz-user-select: none!important;
    -ms-user-select: none!important;
    user-select: none!important;
	font-family: comforta!important;
}
div#foxcontainer_m88 .control-group .controls button:hover,
div#foxcontainer_m88 .control-group .controls button:focus{
	border:none!important;
	color:#494E57!important;
	background:#ffffff!important;
}
/* Twitter bootstrap alert boxes (message area) */
div#foxcontainer_m88 .alert
{
}

div#foxcontainer_m88 .alert h4
{
}

div#foxcontainer_m88 .alert .close
{
}

div#foxcontainer_m88 .alert-success
{
}

div#foxcontainer_m88 .alert-info
{
}

div#foxcontainer_m88 .alert-warning
{
}

div#foxcontainer_m88 .alert-error
{
}

/* List within the message area at the top of the form */
div#foxcontainer_m88 ul.fox_messages
{
}

div#foxcontainer_m88 ul.fox_messages > li
{
}

/* buttons */
div#foxcontainer_m88 .btn
{
}

/* Files list */
div#foxcontainer_m88 .qq-upload-file,
div#foxcontainer_m88 .qq-upload-spinner,
div#foxcontainer_m88 .qq-upload-size,
div#foxcontainer_m88 .qq-upload-cancel,
div#foxcontainer_m88 .qq-upload-failed-text
{
}

/* Upload button */
div#foxcontainer_m88 .qq-upload-button span
{
}

div#foxcontainer_m88 .control-group
{
}

div#foxcontainer_m88 .control-group .checkbox
{
}

/* input / textarea */
/* background color */
div#foxcontainer_m88 .fox_form input[type="text"],
div#foxcontainer_m88 .fox_form textarea
{
}

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

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

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

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

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

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

/* Blue border when focused */
div#foxcontainer_m88 textarea:focus,
div#foxcontainer_m88 input[type="text"]:focus,
div#foxcontainer_m88 input[type="password"]:focus,
div#foxcontainer_m88 input[type="datetime"]:focus,
div#foxcontainer_m88 input[type="datetime-local"]:focus,
div#foxcontainer_m88 input[type="date"]:focus,
div#foxcontainer_m88 input[type="month"]:focus,
div#foxcontainer_m88 input[type="time"]:focus,
div#foxcontainer_m88 input[type="week"]:focus,
div#foxcontainer_m88 input[type="number"]:focus,
div#foxcontainer_m88 input[type="email"]:focus,
div#foxcontainer_m88 input[type="url"]:focus,
div#foxcontainer_m88 input[type="search"]:focus,
div#foxcontainer_m88 input[type="tel"]:focus,
div#foxcontainer_m88 input[type="color"]:focus
{
}

/* Dark red when invalid fields are focused */
div#foxcontainer_m88 .control-group.error input:focus,
div#foxcontainer_m88 .control-group.error select:focus,
div#foxcontainer_m88 .control-group.error textarea:focus
{
}

/* Dark green when valid fields are focused */
div#foxcontainer_m88 .control-group.success input:focus,
div#foxcontainer_m88 .control-group.success select:focus,
div#foxcontainer_m88 .control-group.success textarea:focus
{
}

/* Help text under some fields */
div#foxcontainer_m88 span.help-block
{
}

/* Built-in captcha */
div#foxcontainer_m88 .fcaptchafieldcontainer
{
}

/* Built-in captcha input box */
div#foxcontainer_m88 .fcaptchainputcontainer
{
}

html[dir="rtl"] div#foxcontainer_m88 .fcaptchainputcontainer
{
}

/* Built-in captcha reload button */
div#foxcontainer_m88 .fcaptcha-reload-container
{
}

/* Built-in captcha main image */
div#foxcontainer_m88 .fox_captcha_img
{
}

div#foxcontainer_m88 span.qq-upload-size
{
}

/* Attached files list */
div#foxcontainer_m88 ul.qq-upload-list > li
{
}

/* Attached files icons */
div#foxcontainer_m88 .qq-upload-file
{
}

div#foxcontainer_m88 .qq-upload-failed-text
{
}

div#foxcontainer_m88 .qq-upload-success-text
{
}
ul.fox_messages{
	margin:0;
}
.fox_error_message
{
}

/* Send a copy to myself checkbox */
div#foxcontainer_m88 .fox_copy_to_sender
{
}

@media screen and (max-width:660px) {
	div#foxcontainer_m88	{
		width:100%;
	}
	div#foxcontainer_m88 .control-group .controls textarea{
		float:none;
		margin:20px 0 10px 0;
	}
	div#foxcontainer_m88 .control-group .controls button{
		width:225px!important;
		margin: 0!important;
	}
	div#foxcontainer_m88 .control-group .controls input{
		width:210px!important;
	}
}