/*
 * DEFAULT FORMBUILDERv2 STYLES
 *
 * All sites with formbuilderv2 module should use this core stylesheet.
 * Do NOT pull this file onto the root of any site.
 * If styles in this file need to be overwritten, create a 
 * separate formbuilderv2_custom.css for the site's /styles/ folder.
 * 
 * SK & JBC 2013
 * 
 */


/* General Layout Styles ------------------------- */
.clear {
	clear: both;
    overflow: hidden;
    width: 100%;
	height: 0px;
}
/* ----------------------------------------------- */


/* Form Styles ----------------------------------- */
#formbuilderv2 {}
.formbuilderv2_form {}
.form_title {}
.form_description {}
/* ----------------------------------------------- */


/* Form Field Styles ----------------------------- */
.formbuilderv2_form_field {
	width: 300px;		/* Overwrite */
	padding: 5px 0;
}

.form_field_hidden {
	display: none;
}

.form_field_required {
	color: #992A23;
}

.form_field_not_required {
	display: none;
}

.form_field_title {
	font-weight: bold;
}

.form_field_element {
	
}

.form_field_hint {
	display: none;
}

.form_field_element input,
.form_field_element select,
.form_field_element textarea {
	width: 418px;
	margin: 0;
	padding: 4px 10px;
}

.form_field_element input.datepicker {
	width: 85%;
}

.form_field_element textarea {
	height: 150px;		 /*Overwrite */
}

.form_field_element input[type="radio"],
.form_field_element input[type="checkbox"] {
	width: 15px !important;
	height: 15px !important;
	margin: 0 10px 0 0;
	/*height: 0 !important;*/
}

.form_field_element .form_field_half {
	width: 43%;
}

.form_field_element ul {
	list-style: none;
	margin: 0 !important;
	padding: 0 !important;
}

.form_field_element ul li {
	padding: 0 3px;
}

.form_field_section_block {
	
}

.form_submit {
	margin: 5px 0 0 0;
}
.form_submit input {
	margin: 0;
}
/* ----------------------------------------------- */


/* Fineuploader Overwritten Styles --------------- */
.form_field_element .qq-upload-button {
	background-color: #AAA;
	background-image: -moz-linear-gradient(center top , #AAA, #DDD);
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	border-radius: 4px 4px 4px 4px;
	border: 1px solid #AAA;
	color: #FFFFFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	cursor: pointer;
	font-size: 14px;
	line-height: 20px;
	padding: 3px 10px;
}
.form_field_element .qq-upload-drop-area {
	background-color: #FCF8E3;
    border: 2px solid #FBEED5;
    border-radius: 4px 4px 4px 4px;
}
.form_field_element .qq-upload-drop-area span {
	margin-top: -12px;
}
.form_field_element ul.qq-upload-list {
	
}
.form_field_element ul.qq-upload-list li {
	font-size: 13px;
	background-color: #FCF8E3;
    border: 2px solid #FBEED5;
    border-radius: 4px 4px 4px 4px;
    color: #C09853;
    margin-bottom: 5px;
    padding: 5px 10px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.form_field_element ul.qq-upload-list li a.qq-upload-cancel {
	color: #B94A48;
}
.form_field_element ul.qq-upload-list li.qq-upload-success {
    background-color: #DFF0D8;
    border-color: #D6E9C6;
    color: #468847;
}
.form_field_element ul.qq-upload-list li.qq-upload-fail {
	background-color: #F2DEDE;
    border: #EED3D7;
	color: #B94A48;
}
.form_field_element .fileupload_messages {
    background-color: #F2DEDE;
    border-color: #EED3D7;
	border-radius: 4px 4px 4px 4px;
    color: #B94A48;
    padding: 0 10px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	margin-top: 5px;
}
/* ----------------------------------------------- */


/* Form Field Choices Styles --------------------- */
.formtot .form_title { 
	font: 700 18px 'Noto Sans', sans-serif; 
	color:#656466; 
	margin:0 0 15px;
	}
	
.formtot .form_field_title {
	display: none;
}

.formtot .fullname input {
	background:url(../graphics/maga-form-input-200.png) no-repeat left top; 
	 height:26px; 
	 width:180px; 
	 padding:4px 10px;
	 font-family: 'Noto Sans', sans-serif; 
	 font-size:14px; 
	 color:#656466; 
	 border:0 none; 
	 outline:none;
	 margin: 0 10px 0 0;
}

.formtot .email input {
	 background:url(../graphics/maga-form-input.png) no-repeat left top; 
	 height:26px; 
	 width:418px; 
	 padding:4px 10px;
	 font-family: 'Noto Sans', sans-serif; 
	 font-size:14px; 
	 color:#656466; 
	 border:0 none; 
	 outline:none;
}

.formtot .comments textarea {
	width:420px; 
	height:150px; 
	padding:4px 10px; 
	font: 14px 'Noto Sans', sans-serif; 
	color:#656466; 
	border:none; 
	border-radius:5px; 
	outline:none;
}

.formtot .form_submit input {
	background:url(../graphics/maga-submit-btn.png) no-repeat left top;  width:104px;font-family: 'Noto Sans', sans-serif; font-size:16px; color:#fff; font-weight:700; text-align:center; line-height:30px; border:none; text-transform:uppercase; padding:6px 0; cursor:pointer; margin:5px 0 0;
}

.formtot .form_field_element {
	width: 425px;
}

.formtot .form_field_element {
	width: 425px;
}

/* alert sign-up styles */

#mc_embed_signup .indicates-required {
	margin: 0 0 15px;
	color: #656466;
	text-align: left !important;
}

#mc_embed_signup .mc-field-group {
	width: 30% !important;
}

#mc_embed_signup .mc-field-group input {
	width: 100% !important;
}

#mc_embed_signup .input-group {
	width: 600px !important;
}

#mc_embed_signup .input-group strong {
	color: #656466;
}

#mc_embed_signup input[type="checkbox"] {
	width: 400px !important;
	float: right;
}

#mc_embed_signup .mc-field-group.input-group ul li {
 padding: 0 0 10px !important;
}

#mc_embed_signup .mc-field-group label {
	color: #656466 !important;
}

/* ----------------------------------------------- */

.locatinfo .form_title{
	display: none;
}

.locatinfo .fullname .form_field_title,
.locatinfo .email .form_field_title,
.locatinfo .phone .form_field_title,
.locatinfo .message .form_field_title  {
	display: none;
}

.locatinfo .placeholder {
	 height:26px; 
	 width:418px; 
	 padding:4px 10px;
	 font-family: 'Noto Sans', sans-serif; 
	 font-size:14px; 
	 color:#656466;  
	 outline:none;
}

.locatinfo .form_field_element input {
	height:26px; 
 	width:418px; 
 	padding:4px 10px;
 	font-family: 'Noto Sans', sans-serif; 
 	font-size:14px; 
 	color:#656466;  
 	outline:none;
	background: #E3E3E6;
	border-radius: 5px;
	border: none;
}

.locatinfo .form_field_half {
	width: 200px !important;
}

.locatinfo .form_field_element ul li {
	list-style: none;
}

.locatinfo .form_field_title {
	color: #656466;
	font-size: 14px;
	font-weight: 400;
	margin: 0 0 10px;
}

.locatinfo .formbuilderv2_form_field {
	width: 100%;
	padding: 0 0 15px 0;
}

.locatinfo .select {
	width: 300px !important;
}

.locatinfo select {
	height: 35px;
	padding:7px 10px;
	background: #E3E3E6;
	border: none;
	border-radius: 5px;
	font-family: 'Noto Sans',sans-serif;
	font-size: 14px;
	color: #656466;
}

.locatinfo textarea {
	width: 418px !important;
	height: 150px !important;
	background: #E3E3E6;
	border: none;
	border-radius: 5px;
}

.locatinfo .formbuilderv2_form_field p {
	color: #656466;
	font-size: 14px;
	font-weight: 400;
}

.locatinfo .form_submit input {
	background:url(../graphics/maga-submit-btn.png) no-repeat left top;  width:104px;font-family: 'Noto Sans', sans-serif; font-size:16px; color:#fff; font-weight:700; text-align:center; line-height:30px; border:none; text-transform:uppercase; padding:6px 0; cursor:pointer; margin:5px 0 0;
}
