@import url(alerts.css);
form, fieldset{margin:0;padding:0;border: none;}
.form_row {padding: 0.5em 0;}
	.form_row .label {float: left; width: 150px; font-weight: bold;}
	.form_row .input {float: left; width: 350px;}
		.form_row .input input {width: 100%;}
		.form_row .input input.inputSubmit {width: auto;}
		.form_row .inline_form_elements input {width: auto; margin: 0 5px 0 10px;}
	.form_row#SubmitField {margin-left: 160px;}
	
/* FORM GENERATOR ELEMENTS */
#content .form_wrapper fieldset {margin: 0 auto; width: 690px;}
.section_caption {font-weight: bold; padding: 0.5em 0; font-size: 110%;}
.section_caption a {color: #065f97;}
.form_element, .form_element .input_basket {float:left; padding: 0.5em 0; clear:none; width: 100%;}
.form_element .input_basket div {padding: 0.25em 0;}
.form_element .longlist .input_basket div {width: 200px; float: left;}
.form_element.widget-container {padding: 0; width: 690px;}
.widget {padding: 0;}
	.widget div {border: none; padding-left: 25px;}
	.widget.m4 .form_element {width: 147px;}
	.widget.m3 .form_element {width: 205px;}
	.widget.m2 .form_element {width: 320px;}
	.widget.m1 .form_element {width: 665px;}
.form_element label {display: block; float: left; width: 205px; font-weight: bold; margin-left: 25px;}
	.form_element label a {color: #065f97;}
	.widget .form_element label {margin-left: 0;}
	.widget .form_element input, .widget .form_element textarea, .widget .form_element select {display: block; width: 98%; float: left;}
	.form_element input, .form_element select, .form_element textarea, .form_element .input_basket {width: 430px; margin: 0; float: right;}
	.widget.m1 .form_element input, .widget.m1 .form_element select, .widget.m1 .form_element textarea {width: 430px; float: right;}
	.form_element .input_basket input, .form_element .input_basket label {width: auto; display: inline; float: none; margin: 0;}
.form_element input[type="submit"] {width: auto;}
.form_element.control {width: 20%; float: right;}
#BackField {float: left;}
	#BackField input {float: left;}
.form_element.control input {width: 70px; height: 25px;}


/* FORM GENERATOR ERRORS/VALIDATION */
.element_error p {font-size: 11px; padding: 0; margin: 0 10px 0 48px;}
#content .element_error ul {list-style-type: none; margin: 0 10px 0 48px; padding: 0;}
	#content .element_error li {/*display: none;*/ font-weight: bold; margin: 0 0 0 0; font-size: 11px;}
		#content .element_error li ul {margin: 0 0 0 30px; list-style: disc;}
			#content .element_error li ul li {font-weight: normal;}
				#content .element_error li ul li ul {margin: 0 0 0 15px; list-style: none;}
/* change border color, background color, and icon depending on which alert we are */
div.element_error,div.element_error_required,div.element_error_format,div.element_error_min,div.element_error_max {border-color: #f9d350; background: #fbfb92 url(/elements/images/icons/notice.png) 5px 5px no-repeat; _background-image: url(/elements/images/icons/notice_ie6.gif);}
div.valid {background: #bcfcbc url(/elements/images/icons/success.png) 5px 5px no-repeat; _background-image: url(/elements/images/icons/success_ie6.gif);}
div.required.valid {border-color: #70e270; background: #bcfcbc url(/elements/images/icons/success.png) 5px 5px no-repeat; _background-image: url(/elements/images/icons/success_ie6.gif);}
div.valid label{color:#000000;}

.messageBox {margin: 0 auto; border: 2px solid; border-width: 2px 0; padding: 5px 0;line-height: 16px;}
	#content .messageBox h1 {font-size: 13px; padding: 0; margin: 0px 10px 3px 48px; line-height: 16px; display: inline;}
	#content .messageBox p {font-size: 11px; padding: 0; margin: 0 10px 0 48px;}
	#content .messageBox ul {list-style: none; margin: 0 10px 0 48px; padding: 0;}
		#content .messageBox li {font-weight: bold; margin: 0 0 0 0; font-size: 11px;}
			#content .messageBox li ul {margin: 0 0 0 30px; list-style: disc;}
				#content .messageBox li ul li {font-weight: normal;}
					.messageBox li ul li ul {margin: 0 0 0 15px; list-style: none;}
#content div.messageBox.error {border-color: #ea8989; background: #febebe url(/elements/images/icons/error.png) 5px 5px no-repeat; _background-image:  url(/elements/images/icons/error_ie6.gif); text-indent: 25px;}

.form_errormessage, .form_successmessage { width:auto; margin:0 10px; padding:5px; font-weight:bold; text-align:center; border:1px solid #000; }
.form_successmessage { background-color:#B8F5B1; color:#000; }
.form_errormessage { background-color:#FF9F9F; color:#000; }




/*Tool Tips*/
.form_wrapper div.tooltip{background:transparent url(/elements/images/icons/blueArrow-trans.png) 0 0 no-repeat;display:none;padding-left:15px;position:absolute;vertical-align:baseline;width: 250px;/*IE6 */filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src="/elements/images/icons/blueArrow-trans.png"); _background-image: none;}
.form_wrapper div.tooltip > * {color:#000;font-weight:normal;background:transparent;}
.form_wrapper div.tooltip ul li {display:block;}

.form_wrapper .element_error div.tooltip,
.form_wrapper .element_error_required div.tooltip,
.form_wrapper .element_error_format div.tooltip,
.form_wrapper .element_error_min div.tooltip,
.form_wrapper .element_error_max div.tooltip
	{background:transparent url(/elements/images/icons/blueArrow-trans.png) 0px 0 no-repeat;/*IE6 */filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src="/elements/images/icons/blueArrow-trans.png"); _background-image: none;}
	.form_wrapper .element_error div.tooltip ul,
	.form_wrapper .element_error_required div.tooltip ul,
	.form_wrapper .element_error_format div.tooltip ul,
	.form_wrapper .element_error_min div.tooltip ul,
	.form_wrapper .element_error_max div.tooltip ul
		{display:block;_width: 250px;}
		.form_wrapper .element_error div.tooltip ul li,
		.form_wrapper .element_error_required div.tooltip ul li.required,
		.form_wrapper .element_error_format div.tooltip ul li.equals,.form_wrapper .element_error_format div.tooltip ul li.username,.form_wrapper .element_error_format div.tooltip ul li.phone,.form_wrapper .element_error_format div.tooltip ul li.date,.form_wrapper .element_error_format div.tooltip ul li.email,
		.form_wrapper .element_error_min div.tooltip ul li.maxlength,
		.form_wrapper .element_error_max div.tooltip ul li.range,.form_wrapper .element_error_max div.tooltip ul li.maxlength,
			{display:list-item;}

.form_wrapper .element_error div.tooltip p,
.form_wrapper .element_error_required div.tooltip p,
.form_wrapper .element_error_format div.tooltip p,
.form_wrapper .element_error_min div.tooltip p,
.form_wrapper .element_error_max div.tooltip p
	{display:none; background-color:#cadbed; color:#CC0000;}
	.form_wrapper div.tooltip p a {color:#FFFFFF;}

#abbreviationList {display:none;width:750px;margin:0 auto 0 auto;}
#abbreviationList table{width:100%;border:1px solid #000000;margin:0 auto 0 auto;text-align:left;}
	#abbreviationList ul,#abbreviationList tr {width:33%;}
		#abbreviationList ul,#abbreviationList td {padding:0 0 0 75px;width:33%;}
		#abbreviationList ul,#abbreviationList li div{text-align:justify;display:inline-block;}
		#abbreviationList ul,#abbreviationList li blockquote {text-align:justify;}


#content .tooltip ul {margin: 0; list-style-type: none; min-height: 28px; _height: 28px; width: 100%;}
	#content .tooltip ul li, #content .tooltip p {padding: 3px 5px; font-size: 11px; font-weight:bold; line-height: 0.75em;}
#content .form_element .tooltip ul, #content .valid .tooltip ul, #content #SaveField .tooltip ul {display: none;}
#content .form_element.element_error .tooltip ul,
#content .form_element.element_error_required .tooltip ul,
#content .form_element.element_error_format .tooltip ul,
#content .form_element.element_error_max .tooltip ul,
#content .form_element.element_error_min .tooltip ul
	{display: block;}

#content .noscript-tip {padding:5px;}
#content noscript { clear:both; }
#content .element_error noscript ul li,
#content .element_error_required noscript ul li,
#content .element_error_format noscript ul li,
#content .element_error_max noscript ul li,
#content .element_error_min noscript ul li
	{ float:left; margin-left:200px;}