@charset "UTF-8";

/* Form Elements */

form {
	margin: 0px;
}

input, select, textarea {
	font-family: "Segoe UI","Segoe WP","Segoe UI Regular","Open Sans","Helvetica Neue",Helvetica,Tahoma,"Arial Unicode MS",sans-serif;
	font-size: 13px;
	/* box-sizing: border-box; */
	outline:none;

}
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

/* Form Submit Interface */

div.form-loader {
	margin: 0px;
	padding: 0px;
	background: url('/assets/img/interfaces/anim/loader-red-64x64.gif') no-repeat center center;
	width: 100%;
	height: 415px;
}

div.form-ajax-loader {
	height: 100%;
	position: absolute;
	z-index: 100;
	display: none;
}

/* Form Housing */

div.form-housing {
	width: 640px;
	margin: 25px 20px 25px 20px;
	border: 1px solid #e8e8e8;
	background-color: #f4f4f4;
	position: relative;
}

div.form-housing.popup {
	margin: 15px;
}

div.form-housing h1 {
	display: block;
	margin: 0px 10px 10px 10px;
	padding: 0px;
	background-image: url('/assets/img/interfaces/backgrounds/column-header-blue.jpg');
	background-repeat: repeat-x;
	line-height: 100%;
}

div.form-housing h1 span {
	display: block;
	margin: 0px;
	padding: 4px 7px 4px 32px;
	background-image: url('/assets/img/interfaces/icons/white-directory.png');
	background-repeat: no-repeat;
	background-position: 7px center;
	color: #ffffff;
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
	height: 23px;
	overflow: hidden;
}

div.form-housing div.response {
	height: 250px;
	padding: 20px 10px;
}

div.form-housing div.response h2 {
	color: #3a3a3a;
	font-size: 36px;
	font-weight: normal;
	text-align: left;
	font-style: normal;
	margin: 42px 10px 6px 10px;
	padding: 0px 7px;
}

div.form-housing div.response p {
	color: #555555;
	margin: 20px 0px;
	color: #484848;
	font-size: 16px;
	font-weight: normal;
	text-align: left;
	font-style: normal;
	margin: 12px 10px 6px 10px;
	padding: 7px;
}

/* Form Housing 1*/

div.form-housing1 {
	width: 640px;
	margin: 25px 20px 25px 20px;
	border: 1px solid #e8e8e8;
	background-color: #f4f4f4;
}

div.form-housing1.popup {
	margin: 15px;
}

div.form-housing1 h1 {
	display: block;
	margin: 0px 10px 10px 10px;
	padding: 0px;
	background-image: url('/assets/img/interfaces/backgrounds/column-header-blue.jpg');
	background-repeat: repeat-x;
	line-height: 100%;
}

div.form-housing1 h1 span {
	display: block;
	margin: 0px;
	padding: 4px 7px 4px 32px;
	background-image: url('/assets/img/interfaces/icons/white-directory.png');
	background-repeat: no-repeat;
	background-position: 7px center;
	color: #ffffff;
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
	height: 23px;
	overflow: hidden;
}

div.form-housing1 div.response {
	height: 250px;
	padding: 20px 10px;
}

div.form-housing1 div.response h2 {
	color: #3a3a3a;
	font-size: 36px;
	font-weight: normal;
	text-align: left;
	font-style: normal;
	margin: 42px 10px 6px 10px;
	padding: 0px 7px;
}

div.form-housing1 div.response p {
	color: #555555;
	margin: 20px 0px;
	color: #484848;
	font-size: 16px;
	font-weight: normal;
	text-align: left;
	font-style: normal;
	margin: 12px 10px 6px 10px;
	padding: 7px;
}

/* Default Form Styles */

	.field-validation-error {
		border: 1px solid #C00;
		padding: 2px;
		background-color: #FFD7D7;
	}
	div.field-validation-message {
		font-size: 8pt;
		color: #C00;
		font-style: italic;
		padding-bottom: 2px;
		line-height: 100%;
	}


	div.checklist-vertical label.checklist-option {
		margin: 2px 0px 2px 0px;
		padding: 0px 0px 0px 0px;
		line-height: 25px;
		vertical-align: middle;
		display: block;
		cursor: pointer;
	}

	div.checklist-vertical label.checklist-option input[type="checkbox"] {
		margin: 4px;
		vertical-align: middle;
	}
	div.checklist-vertical label.checklist-option span.option-label {
		margin: 0px 0px 0px 0px;
		padding: 0px 4px 0px 4px;
		vertical-align: middle;
		display: inline-block;
	}


/* Query Builder Layouts */

div.qb-sidebar-container {
	padding: 6px 6px 6px 10px;
	margin: 0 auto;
}

div.qb-sidebar-container span.option-label {
	width: 122px;
}

div.qb-field-3rd {
	display: inline-block;
	width: 170px;
	margin: 0px;
}


/* Form Style (1) */

	div.form-style-1.field-wrapper {
		margin: 3px 0 6px 0;
		padding: 6px;
	}

	div.form-style-1.field-wrapper div.field-wrapper-inner {
		float: none;
		padding: 4px;
		border-style: solid;
		background-color: #EEE;
		border-width: 2px;
		border-color: #D0D0D0;
	}

	div.form-style-1.field-wrapper:hover {
		background-color: #f8f2dc;
	}

	div.form-style-1.field-wrapper label.field-label {
		float: none;
		clear: both;
		width: auto;
		text-align: left;
		font-weight: bold;
		position: relative;
		line-height: 150%;
		font-size: 14px;
		color: #333;
	}

	div.form-style-1.field-wrapper div.uploaded-file {
		border: 1px solid black;
		background-color: #d9d9d9;
		padding: 4px;
		font-size: 10pt;
		margin: 2px;
		width: 98%;
	}

	input[type="text"].form-style-1, input[type="password"].form-style-1, input[type="file"].form-style-1 {
		-webkit-appearance: none;
		display: block;
		margin: 0;
		padding: 4px;
		border: 0;
		background: none;
		width: 98%;
		font-size: 16px;
		color: #333;
	}

	input[type="checkbox"].form-style-1 {
		margin: 2px 4px 4px 4px;
		border: 0;
		background: none;
		color: #333;
		vertical-align: middle;
	}

	div.form-style-1.field-wrapper label.checkbox-label {
		font-weight: normal;
		line-height: 25px;
		padding-left: 3px;
		cursor: pointer;
		display: inline-block;
	}

	select.form-style-1 {
		margin: 4px;
		width: 99%;
		color: #333;
	}

	textarea.form-style-1 {
		width: 96%;
		margin: 6px;
		-webkit-appearance: none;
		padding: 4px;
		border: 0;
		background: none;
		font-size: 16px;
		color: #333;
	}

	input.form-style-1.select-custom-box {
		background-color: #ffffff;
		margin: 4px;
		width: 96%;
		border: 1px solid #c0c0c0;
	}

		/* Radio List */

		div.form-style-1 div.radios-vertical label.radios-option {
			margin: 2px 0px 2px 0px;
			padding: 0px 0px 0px 0px;
			line-height: 25px;
			vertical-align: middle;
			display: block;
			cursor: pointer;
		}

		div.form-style-1 div.radios-vertical label.radios-option:hover {
			background-color: #f3f3f3;
		}
		div.form-style-1 div.radios-vertical label.radios-option input[type="radio"] {
			margin: 4px;
			vertical-align: middle;

		}
		div.form-style-1 div.radios-vertical label.radios-option span.option-label {
			margin: 0px 0px 0px 0px;
			padding: 0px 4px 0px 4px;
			font-size: 9pt;
			vertical-align: middle;
			display: inline-block;
		}

		/* Multiple Checkbox List */

		div.form-style-1 div.checklist-vertical label.checklist-option {
			margin: 2px 0px 2px 0px;
			padding: 0px 0px 0px 0px;
			line-height: 25px;
			vertical-align: middle;
			display: block;
			cursor: pointer;
		}

		div.form-style-1 div.checklist-vertical label.checklist-option:hover {
			background-color: #f3f3f3;
		}
		div.form-style-1 div.checklist-vertical label.checklist-option input[type="checkbox"] {
			margin: 4px;
			vertical-align: middle;

		}
		div.form-style-1 div.checklist-vertical label.checklist-option span.option-label {
			margin: 0px 0px 0px 0px;
			padding: 0px 4px 0px 4px;
			font-size: 10pt;
			vertical-align: middle;
			display: inline-block;
		}

		div.form-style-1 div.checklist-vertical label.checklist-option span.option-description {
			margin: 0px 0px 0px 0px;
			padding: 0px 4px 0px 24px;
			font-size: 9pt;
			font-style: italic;
			display: block;
			line-height: 100%;
			color: #9b000c;
		}

		div.form-style-1 div.checklist-vertical div.checklist-buttons input {
			font-size: 8pt;
			font-style: italic;
		}

		/* Form Validation Errors */

		div.form-style-1 .field-validation-error {
			border: 1px solid #C00;
			padding: 2px;
			background-color: #FFD7D7;
		}
		div.form-style-1 div.field-validation-message {
			font-size: 8pt;
			color: #C00;
			font-style: italic;
			padding-bottom: 2px;
			line-height: 100%;
		}


/* Form Style (2) - for vertical query builder controls */

	div.form-style-2.field-wrapper label.field-label {
		float: none;
		clear: both;
		width: auto;
		text-align: left;
		font-weight: bold;
		position: relative;
		line-height: 150%;
		font-size: 14px;
		color: #333;
	}

	div.form-style-2 div.checklist-vertical label.checklist-option {
		margin: 6px 0px 6px 0px;
		padding: 0px 0px 0px 0px;
		line-height: 100%;
		vertical-align: middle;
		display: block;
		cursor: pointer;
	}

	div.form-style-2 div.checklist-vertical label.checklist-option:hover {
		background-color: #f3f3f3;
	}
	div.form-style-2 div.checklist-vertical label.checklist-option input[type="checkbox"] {
		margin: 2px 4px 2px 1px;
		vertical-align: top;

	}
	div.form-style-2 div.checklist-vertical label.checklist-option span.option-label {
		margin: 0px 0px 0px 0px;
		padding: 0px 4px 0px 4px;
		font-size: 10pt;
		vertical-align: middle;
		display: inline-block;
		line-height: 125%;
	}

	div.form-style-2 div.checklist-vertical label.checklist-option span.option-description {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		font-size: 8pt;
		font-style: italic;
		display: block;
		line-height: 100%;
		color: #9b000c;
	}


	div.form-style-2 div.checklist-vertical div.checklist-buttons input {
		font-size: 7pt;
		font-style: italic;
		margin:0;
	}
	.field-wrapper-inner{
		margin-bottom:5px;
	}
/* Form Style (3) */

	div.form-style-3.wrapper {
		padding: 20px 10px;
		position: relative;
	}

	div.form-style-3.field-wrapper {
		margin: 3px 10px 6px 10px;
		padding: 6px;
		width: 278px;
		float: left;
	}

	div.form-style-3.button-wrapper {
		margin: 6px 10px 0px 10px;
		padding: 0px;
		width: auto;
		float: right;
	}

	div.form-style-3.field-wrapper.wide {
		width: 592px;
	}

	div.form-style-3.field-wrapper div.field-wrapper-inner {
		float: none;
		padding: 4px 0px;
	}

	div.form-style-3.field-wrapper div.field-wrapper-inner span.note {
		font-style: normal;
		font-size: 12px;
		line-height: 14px;
		color: #b2b0bd;
		display: inline-block;
		width: auto;
		margin: 6px 0px 0px 0px;
	}

	div.form-style-3.field-wrapper label.field-label {
		float: none;
		clear: both;
		width: auto;
		text-align: left;
		font-weight: bold;
		position: relative;
		line-height: 150%;
		font-size: 14px;
		color: #3a3a3a;
	}

	div.form-style-3.field-wrapper div.uploaded-file {
		border: 1px solid black;
		background-color: #d9d9d9;
		padding: 4px;
		font-size: 10pt;
		margin: 2px;
		width: 98%;
	}

	input[type="text"].form-style-3, input[type="password"].form-style-3, input[type="file"].form-style-3 {
		-webkit-appearance: none;
		display: block;
		margin: 0px;
		padding: 4px;
		border: 1px solid #d8d8d8;
		background-color: #ffffff;
		font-size: 16px;
		color: #333;
		width: 267px;
	}

	input[type="checkbox"].form-style-3 {
		margin: 2px 4px 4px 4px;
		border: 0;
		background: none;
		color: #333;
		vertical-align: middle;
	}

	div.form-style-3.field-wrapper label.checkbox-label {
		font-weight: normal;
		line-height: 25px;
		padding-left: 3px;
		cursor: pointer;
		display: inline-block;
	}

	select.form-style-3 {
		margin: 0px;
		width: auto;
		min-width: 267px;
		color: #333;
		background-color: #ffffff;
		border: 1px solid #d8d8d8;
		padding: 4px;
		font-size: 13px;
	}

	textarea.form-style-3 {
		width: 96%;
		margin: 6px;
		-webkit-appearance: none;
		padding: 4px;
		margin: 0px;
		background-color: #ffffff;
		font-size: 16px;
		color: #333;
		border: 1px solid #d8d8d8;
	}

	input.form-style-3.select-custom-box {
		background-color: #ffffff;
		margin: 4px;
		width: 96%;
		border: 1px solid #c0c0c0;
		background-color: #ffffff;
	}

		/* Radio List */

		div.form-style-3 div.radios-vertical label.radios-option {
			margin: 2px 0px 2px 0px;
			padding: 0px 0px 0px 0px;
			line-height: 25px;
			vertical-align: middle;
			display: block;
			cursor: pointer;
		}

		div.form-style-3 div.radios-vertical label.radios-option:hover {
			background-color: #f3f3f3;
		}
		div.form-style-3 div.radios-vertical label.radios-option input[type="radio"] {
			margin: 4px;
			vertical-align: middle;

		}
		div.form-style-3 div.radios-vertical label.radios-option span.option-label {
			margin: 0px 0px 0px 0px;
			padding: 0px 4px 0px 4px;
			font-size: 9pt;
			vertical-align: middle;
			display: inline-block;
			line-height: 25px;
		}

		/* Vertical Checkbox List */

		table.multicheckbox-column-layout {
			border-collapse: collapse;
			margin: 0px;
			padding: 0px;
			border: 0px;
		}

		table.multicheckbox-column-layout td {
			margin: 0px;
			padding: 0px;
			border: 0px;
		}

		div.form-style-3 div.checklist-vertical label.checklist-option {
			margin: 6px 0px 6px 0px;
			padding: 0px 0px 0px 0px;
			line-height: 100%;
			vertical-align: middle;
			display: block;
			cursor: pointer;
			position: relative;
		}

		div.form-style-3 div.checklist-vertical label.checklist-option:hover {
			background-color: #f3f3f3;
		}
		div.form-style-3 div.checklist-vertical label.checklist-option input[type="checkbox"] {
			margin: 2px 4px;
			position: absolute;
			top: 0px;
			left: 0px;
		}
		div.form-style-3 div.checklist-vertical label.checklist-option span.option-label {
			margin: 0px 0px 0px 20px;
			padding: 0px 4px 0px 4px;
			font-size: 10pt;
			vertical-align: middle;
			display: inline-block;
			line-height: 125%;
			color: #333;
		}

		div.form-style-3 div.checklist-vertical label.checklist-option span.option-description {
			margin: 0px 0px 4px 0px;
			padding: 0px 0px 0px 0px;
			font-size: 8pt;
			font-style: italic;
			display: block;
			line-height: 100%;
			color: #767676;
		}

		div.form-style-3 div.checklist-vertical div.checklist-buttons {
			margin: 12px 0px 0px 20px;
		}

		div.form-style-3 div.checklist-vertical div.checklist-buttons input {
			font-size: 8pt;
			font-style: italic;
			color: #2a2a2a;
		}

		/* Form Validation Errors */

		div.form-style-3 .field-validation-error {
			border: 1px solid #C00;
			padding: 2px;
			background-color: #FFD7D7;
		}
		div.form-style-3 div.field-validation-message {
			font-size: 8pt;
			color: #C00;
			font-style: italic;
			padding-bottom: 2px;
			line-height: 100%;
		}


/* edit mode forms */

div.edit-mode-forms.field-wrapper {
	margin-bottom: 12px;
}

div.edit-mode-forms.field-wrapper div.field-wrapper-inner {
	float: none;
	padding: 2px 0px 4px 12px;
}

select.edit-mode-forms {
	margin-bottom: 4px;
}

/* form style 4 */


	div.form-style-4.wrapper {
		padding: 20px 10px;
	}

	div.form-style-4.field-wrapper {
		margin: 3px 10px 6px 10px;
		padding: 6px;
		width: 280px;
		float: left;
		height: 75px;
	}

	div.form-style-4.button-wrapper {
		margin: 6px 10px 0px 10px;
		padding: 0px;
		width: auto;
		float: right;
	}

	div.form-style-4.field-wrapper.wide {
		width: 592px;
	}

	div.form-style-4.field-wrapper div.field-wrapper-inner {
		float: none;
		padding: 4px 0px;
	}

	div.form-style-4.field-wrapper div.field-wrapper-inner span.note {
		font-style: normal;
		font-size: 11px;
		line-height: 14px;
		color: #b2b0bd;
		display: inline-block;
		width: auto;
		font-weight:bold;
		}

	div.form-style-4.field-wrapper label.field-label {
		float: none;
		clear: both;
		width: auto;
		text-align: left;
		font-weight: bold;
		position: relative;
		line-height: 150%;
		font-size: 14px;
		color: #3a3a3a;
	}


	input[type="text"].form-style-4, input[type="password"].form-style-4, input[type="file"].form-style-4 {
		-webkit-appearance: none;
		display: block;
		margin: 0px;
		padding: 4px;
		border: 1px solid #d8d8d8;
		background-color: #ffffff;
		font-size: 16px;
		color: #333;
		width: 267px;
	}

	input[type="checkbox"].form-style-4 {
		margin: 2px 4px 4px 4px;
		border: 0;
		background: none;
		color: #333;
		vertical-align: middle;
	}

	div.form-style-4.field-wrapper label.checkbox-label {
		font-weight: normal;
		line-height: 25px;
		padding-left: 3px;
		cursor: pointer;
		display: inline-block;
	}

	select.form-style-4 {
		margin: 0px;
		width: auto;
		min-width: 267px;
		color: #333;
		background-color: #ffffff;
		border: 1px solid #d8d8d8;
		padding: 4px;
		font-size: 13px;
	}



	input.form-style-4.select-custom-box {
		background-color: #ffffff;
		margin: 4px;
		width: 96%;
		border: 1px solid #c0c0c0;
		background-color: #ffffff;
	}
	input.form-style-4.amount_text{
		width:70px;
		}
		select.amount_text{
		min-width:75px;
		}

		/* Radio List */

		div.form-style-4 div.radios-vertical label.radios-option {
			margin: 2px 0px 2px 0px;
			padding: 0px 0px 0px 0px;
			line-height: 25px;
			vertical-align: middle;
			display: block;
			cursor: pointer;
		}

		div.form-style-4 div.radios-vertical label.radios-option:hover {
			background-color: #f3f3f3;
		}
		div.form-style-4 div.radios-vertical label.radios-option input[type="radio"] {
			margin: 4px;
			vertical-align: middle;

		}
		div.form-style-4 div.radios-vertical label.radios-option span.option-label {
			margin: 0px 0px 0px 0px;
			padding: 0px 4px 0px 4px;
			font-size: 9pt;
			vertical-align: middle;
			display: inline-block;
			line-height: 25px;
		}

		/* Vertical Checkbox List */

		div.form-style-4 div.checklist-vertical label.checklist-option {
			margin: 6px 0px 6px 0px;
			padding: 0px 0px 0px 0px;
			line-height: 100%;
			vertical-align: middle;
			display: block;
			cursor: pointer;
			position: relative;
		}

		div.form-style-4 div.checklist-vertical label.checklist-option:hover {
			background-color: #f3f3f3;
		}
		div.form-style-4 div.checklist-vertical label.checklist-option input[type="checkbox"] {
			margin: 2px 4px;
			position: absolute;
			top: 0px;
			left: 0px;
		}
		div.form-style-4 div.checklist-vertical label.checklist-option span.option-label {
			margin: 0px 0px 0px 20px;
			padding: 0px 4px 0px 4px;
			font-size: 10pt;
			vertical-align: middle;
			display: inline-block;
			line-height: 125%;
			color: #333;
		}

		div.form-style-4 div.checklist-vertical label.checklist-option span.option-description {
			margin: 0px 0px 4px 0px;
			padding: 0px 0px 0px 0px;
			font-size: 8pt;
			font-style: italic;
			display: block;
			line-height: 100%;
			color: #767676;
		}

		div.form-style-4 div.checklist-vertical div.checklist-buttons {
			margin: 12px 0px 0px 20px;
		}

		div.form-style-4 div.checklist-vertical div.checklist-buttons input {
			font-size: 8pt;
			font-style: italic;
			color: #2a2a2a;
		}

		/* Form Validation Errors */

		div.form-style-4 .field-validation-error {
			border: 1px solid #C00;
			padding: 2px;
			background-color: #FFD7D7;
		}
		div.form-style-4 div.field-validation-message {
			font-size: 8pt;
			color: #C00;
			font-style: italic;
			padding-bottom: 2px;
			line-height: 100%;
		}

		select.frequency_select{
			margin-top:20px;
			}



/* Special Rules */

div.sidemenu-container span.option-label {
	max-width: 130px;
}

#leftbar span.option-label {
	max-width:126px;
}

/* ddList Plugin */

.ddListContainer {
	margin-bottom: 0px;
}

.ddListContainer > a, .ddListContainer > a:hover, .ddListContainer > ul {
	border: 1px solid #bababa;
}

.ddListContainer > a > img, .ddListContainer > ul li a > img {
	max-width: 125px;
}

.ddListContainer > a, .ddListContainer > ul li a {
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
}