/****************************************************************************************
	[FORM BUILDER]
*****************************************************************************************/

/* [GENERAL RULES]
-------------------------------------------------------*/
form #main-content #form-builder fieldset.section {
	margin-top: 2.2em; 
	float: left;
	width: 670px;
	clear: both;
}
form #main-content #form-builder fieldset.section.first {margin-top: 0;}
	/*form #main-content #form-builder fieldset legend span {
		color: #009ada;
		text-transform: uppercase;
		font-size: 1.167em;
		font-weight: bold;
		padding: 0 0 1.2em;
		line-height: 1.3;
		display: block;
		position: static;
		top: 0;
	}*/
	form #main-content #form-builder fieldset div.form-row input.txt-input-sml {width: 5.5em;}
	form #main-content #form-builder fieldset div.form-row.lbl-wide textarea {width: 600px;}
	form #main-content #form-builder fieldset div.form-row span {padding-left: 5px;}

/* [QUESTION POSITION TYPES]
-------------------------------------------------------*/

/* --Default Position: Left to the input field(s)-- */
form #main-content #form-builder fieldset div.form-row div.right-col {
	float: left;
	max-width: 409px;
}
/* --Wide Question: Above the input field(s) and align the input field(s) to the left-- */
form #main-content #form-builder fieldset div.form-row.lbl-wide {
	background: #F5F5F5;
	padding: 8px 30px 10px;
	width: 610px;
	float: none;
}
	form #main-content #form-builder fieldset div.form-row.lbl-wide label,
	form #main-content #form-builder fieldset div.form-row.lbl-wide p.qst-txt {
		width: auto;
		float: none;
		padding: 0 0 10px 0;
		margin: 0;
		display: block;
	}
	
/* [MULTIPLE ANSWERS]
-------------------------------------------------------*/
form #main-content #form-builder fieldset div.form-row ul {margin: 0;}
	form #main-content #form-builder fieldset div.form-row ul li {
		background: none;
		padding: 0 0 4px 0;
	}
	/* Horizontally Stacked */
	form #main-content #form-builder fieldset div.form-row ul.horizontal li {
		display: inline; 
		padding: 0 9px 0 0;
	}
	/* Last item */
	form #main-content #form-builder fieldset div.form-row ul li.last {padding: 0;}
		/* Other Rules */
		form #wrapper #main-content #form-builder fieldset div.form-row ul li label {
			line-height: 1;
			width: auto;
			float: none;
			padding: 0;
			margin: 0 0 0 1px;
			display: inline;
		}
		form #main-content #form-builder fieldset div.form-row ul li input.txt-input {margin-right: 4px;}
	
/* [MATRIX QUESTION TYPE]
-------------------------------------------------------*/
form #main-content #form-builder fieldset div.form-row table.matrix {margin: 0;}
	form #main-content #form-builder fieldset div.form-row table.matrix th {
		text-transform: none;
		padding: 0;
		background: none;
	}
	form #main-content #form-builder fieldset div.form-row table.matrix thead th {
		font-weight: bold;
		text-align: center;
		padding: 0 10px 4px 10px;
	}
	form #main-content #form-builder fieldset div.form-row table.matrix thead td,
	form #main-content #form-builder fieldset div.form-row table.matrix tbody th {
		width: 90px;
		padding: 0;
	}
	form #main-content #form-builder fieldset div.form-row.lbl-wide table.matrix thead td,
	form #main-content #form-builder fieldset div.form-row.lbl-wide table.matrix tbody th {width: 140px;}
	form #main-content #form-builder fieldset div.form-row table.matrix td {
		text-align: center;
		padding: 2px 0;
		border: none;
		vertical-align: middle;
	}
	form #main-content #form-builder fieldset div.form-row table.matrix tbody th {
		padding: 4px 0;
		text-align: left;
	}
	form #main-content #form-builder fieldset div.form-row table.matrix.txt-input td {padding: 2px 5px;}
	form #main-content #form-builder fieldset div.form-row table.matrix thead td,
	form #main-content #form-builder fieldset div.form-row table.matrix.txt-input thead td {padding: 0;}
		form #main-content #form-builder fieldset div.form-row table.matrix input.txt-input {width: 80px;}
	
/* [SUBMIT CONTAINER + BUTTON]
-------------------------------------------------------*/
form #main-content #form-builder div.submit button {
	border: none;
	background: none;
	cursor: pointer;
	width: 72px;
	height: 22px;
}
	
/* [WYSIWYG + QUESTION NOTES]
-------------------------------------------------------*/

/* Question Notes - appears underneath input(s) */
form #main-content #form-builder fieldset p.note {
	margin: 6px 0 0 0;
	font-size: 0.90em;	
	color: #666;
}
/* WYSIWYG - descriptive text question type and section intro */
form #main-content #form-builder fieldset div.wysiwyg {
	width: 670px;
	padding: 10px 0;
	clear: both;
}
form #main-content #form-builder fieldset div.wysiwyg.sctn-hdr {
	background-color: #F5F5F5;
	border: 1px solid #ccc;
	padding: 12px 16px 6px 16px;
	margin-bottom: 20px;
	width: 636px;
}
	form #main-content #form-builder fieldset div.wysiwyg p,
	form #main-content #form-builder fieldset div.wysiwyg ul,
	form #main-content #form-builder fieldset div.wysiwyg ol,
	form #main-content #form-builder fieldset div.wysiwyg table {margin-bottom: 0.60em;}
	
/* [JQUERY DATE PICKER]
-------------------------------------------------------*/
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup {
	position: relative;
	background-color: #20799F;
	padding: 2px;
	width: 174px;
	line-height: 1.2em;
	color: #fff;
}
	div.dp-popup h2 {
		text-align: center;
		margin: 4px 0;
		text-transform: none;
		font-size: 1em;
		color: #fff;
	}
	a#dp-close {
		padding: 4px 0;
		text-align: center;
		display: block;
	}
	div.dp-popup a {
		color: #fff !important;
		padding: 3px 2px;
	}
	div.dp-popup div.dp-nav-prev {
		position: absolute;
		top: 2px;
		left: 4px;
		width: 100px;
	}
	div.dp-popup div.dp-nav-prev a {float: left;}
	div.dp-popup div.dp-nav-next {
		position: absolute;
		top: 2px;
		right: 4px;
		width: 100px;
	}
	div.dp-popup div.dp-nav-next a {float: right;}
	/* Calendar */
	table.jCalendar {width: 174px;}
		table.jCalendar th {
			background-color: #333;
			color: #fff;
			padding: 3px 5px;
			text-align: center;
			border: 1px solid #20799F;
		}
		table.jCalendar td {
			padding: 3px 5px;
			text-align: center;
			border: none;
			vertical-align: middle;
			background-color: #2798C7;
			border: 1px solid #20799F;
			font-size: 0.95em;
			cursor: pointer;
		}
		table.jCalendar td.other-month {
			background-color: #56B6DE;
			color: #1E7093;
		}
		table.jCalendar td.today {background-color: #1A607D;}
		table.jCalendar td.selected {
			background-color: #fff;
			color: #000;
		}
		table.jCalendar td.selected:hover {background-color: #eee;}
		table.jCalendar td:hover, table.jCalendar td.dp-hover {
			background-color: #fff;
			color: #000;
		}
		table.jCalendar td.disabled, table.jCalendar td.disabled:hover {
			background: #bbb;
			color: #888;
			cursor: default;
		}