/**
	File:
		form.css

	Validates:
		CSS Level 2.1

	Project: 
		Britannia Rescue

	Author:
		Kristina Floyd

	Date Created:
		2009 10 20

	About:
		Styling for version 3 of the formbuilder form elements

	Notes:

	Cascade index:
		01	undo.css - Resets browser default styles
		02	layout.css - Styles for the main layout and framework of the site
		02a secondaryNavigation.css - styling for the secondary navigation
		03	content.css - Styles for general content
		04	elements.css - Styles for specific page elements
		04a form3.css - styles for version 3 of the formbuilder
		05	ie6.css - IE6 specific styles.
		06	ie7.css - IE7 specific styles.
		07	clearing.css - Enables the use of .clearfix across the site.
		08	main.css - Continuity generated stylesheet
		09	print.css - Print specific styles
		
*/



/* START CORE FORM STYLES */
form { font-family: Verdana,Geneva,Arial,Helvetica,sans-serif; }
	form fieldset { background: #F5F4F2; border: 1px solid #CDE2E0; color: #586163; padding: 1em; }
		form fieldset fieldset { background: transparent; border: none; padding: 0; }
		form ol { list-style: none; list-style-position: outside; margin: 0; padding: 0; }
			form li { clear: left; list-style: none; list-style-position: outside; margin: 0 0 1em 0; padding: 0; }
				form li li:first-child { margin-top: 0; }
				legend { color: #586163; }
				fieldset fieldset legend span { display: block; float: left; padding-right: 12px; position: relative; width: 250px; }
				.formLabel, 
				label { display: block; float: left; padding-right: 12px; position: relative; width: 250px; }
				input { width: 300px; }
				textarea { height: 15em; width: 300px; }
				
				input, 
				select, 
				textarea { background: #E8EEF0 url(/template-images/britannia-rebrand-2009/content/formElements/repeater.jpg) repeat-x top left; border: 1px solid #848484; border-bottom-color: #F9F9F9; border-right-color: #FAFAFA; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 1em; padding: 0.25em; }
				
				input:hover, 
				select:hover, 
				textarea:hover { background: #E8EEF0 url(/template-images/britannia-rebrand-2009/content/formElements/repeaterHover.jpg) repeat-x bottom left; border: 1px solid #CDE2E0; }
				
				select { padding: 0; width: 300px; }
					option { padding: 0.25em; }
					
				.formfileupload input { width: 300px; }
/* END CORE FORM STYLES */



/* START .formdate */
.formdate {  }
	.formdate fieldset {  }
		.formdate label {  }
		.formdate ol { margin-left: 0; }
		#pageWrap.fullwidth .formdate ol {  }
			.formdate li { clear: none; float: left; }
				.formdate input { border: 1px solid #848484; border-bottom-color: #FAFAFA; border-right-color: #FAFAFA; }
				.formdate .formDateDay input { width: 35px; }
				.formdate .formDateMonth label { width: 0; }
				.formdate .formDateMonth input { width: 35px; }
				.formdate .formDateYear label { width: 0; }
				.formdate .formDateYear input { width: 50px; }
				.formdate li span { margin: 0 5px; }
				.formdate span.requiredField { margin: 0; }

/* END .formdate */



/* START .formtelephone */
.formtelephone {  }
	.formtelephone ol { margin-left: 0; }
		.formtelephone li { margin: 0; list-style-position: outside; padding: 0; }
		.formtelephone .formTelephoneSTD { margin-right: 12px; }
			.formtelephone input {  }
			.formtelephone .formTelephoneSTD input { width: 100px; }
			.formtelephone .formTelephoneNumber label { padding: 0; width: 0; }
			.formtelephone .formTelephoneNumber input { width: 150px; }
/* END .formdate */



/* START form styles for a field element that are in a list format */
fieldset fieldset ol { display: inline; float: left; margin-left: 265px; }
	fieldset fieldset ol li { clear: none; float: left; margin-right: 5px; }
/* END form styles for a field element that are in a list format */



/* START .formradio */
.formradio {  }
	#pageWrap.fullwidth fieldset .formradio fieldset ol { margin-left: 295px; }
		.formradio ol li { clear: none; float: none; }
			.formradio input { background: transparent; border: none; margin-right: 5px; width: auto; }
			.formradio label { display: inline; float: none; }
/* END .formradio */



/* START .formradioTable */
.formradioTable {  }
	.formradioTable input { background: transparent; border: none; margin-right: 5px; width: auto; }
	.formradioTable label { display: inline; float: none; }
/* END .formradioTable */



/* START form table */
form table {  }
	/*form th { background: #E6F0F8; color: #015A73; text-align: center; }*/
	form th { background: #31479B; color: #FFFFFF; text-align: center; }
	form td { text-align: center; }
/* END form table */



/* START .formcheckbox */
.formcheckbox {  }
	#pageWrap.fullwidth fieldset .formcheckbox fieldset ol { margin-left: 295px; }
		.formcheckbox ol li { clear: none; float: none; }
			.formcheckbox input { background: transparent; margin-left: 128px; margin-right: 5px; width: auto; }
			.formcheckbox label { display: inline; float: none; }
/* END .formcheckbox */



/* START .formdp */
.formdp {  }
	.formdp label { display: inline; float: none; width: auto; }
	.calculatorTemplate .formdp label { display: block; float: left; width: 810px; }
		/* for specific .formdp label .requiredField styling please see the .requireField block below */
	.formdp input { background: transparent; border: none; float: none; width: auto; }
	.calculatorTemplate .formdp input {  }
/* END .formdp */



/* START .formedit */
.formedit {  }
/* END .formedit */



/* START .formmultiedit */
.formmultiedit {  }
	.formmultieditContainer { float: left; margin-bottom: 1em; }
			.formmultiedit label {  }
			.formmultiedit input { margin-right: 1em; width: 2em; }
/* END .formmultiedit */



/* START .pagehtml */
.pagehtml {  }
	.pagehtml ul { margin-bottom: 1em; }
		.pagehtml ul li { background: transparent url(/template-images/britannia-rebrand-2009/elements/bullet/dot.gif) no-repeat 0 3px; list-style: none; list-style-position: outside; min-height: 14px; padding-left: 19px; }
			.pagehtml ul li li { background: transparent url(/template-images/britannia-rebrand-2009/elements/bullet/dash.gif) no-repeat 0 3px; }
	
	.pagehtml ol { margin-bottom: 1em; }
		.pagehtml ol li { list-style: decimal; list-style-position: inside; }
			.pagehtml li { margin-bottom: 0.5em; }
				.pagehtml li li:first-child { margin-top: 1em; }
	.pagehtml img { margin-right: 1em; }
/* END .pagehtml */



/* START .formpolicynumber */
.formpolicynumber {  }
	.formpolicynumber label {  }
	.form_policyNumber_container {  }
		.form_policyNumber_container input {  }
		.policyNumber { width: 8em; }
		.policySuffix { width: 4em; }
		.companyCode { background: #C5C5C5; color: #555555; width: 1em; }
		.companyCode:hover { background: #C0C0C0; border: 1px solid #848484; border-bottom-color: #F9F9F9; border-right-color: #FAFAFA; }
		.checkLetter { width: 1em; }
/* END .formpolicynumber */



/* START .formbuttonbar */
.formbuttonbar { background: transparent; clear: both; cursor: pointer; margin-top: 1em; padding: 1em 0; text-align: right; }
	.formbuttonbar fieldset {  }
		.formbuttonbar ol { float: right; margin: 0; }
			.formbuttonbar li { background: transparent url(/template-images/britannia-rebrand-2009/content/formElements/button/start.gif) no-repeat bottom left; display: block; float: right; margin: 0 0 0 10px; }
				.formbuttonbar input, 
				.formbuttonbar button, 
				.formbuttonbar a { background: transparent url(/template-images/britannia-rebrand-2009/content/formElements/button/end.gif) no-repeat bottom right; border: none; color: #FFFFFF; cursor: pointer; display: block; font-family: Verdana,Geneva,Arial,Helvetica,sans-serif; font-weight: bold; min-height: 36px; padding: 4px 10px 10px 30px; width: auto; }
				.formbuttonbar a { min-height: 19px; padding-top: 8px; text-decoration: none; }
				.formbuttonbar a:hover { text-decoration: underline; }
				.formbuttonbar input:hover, 
				.formbuttonbar button:hover { text-decoration: underline; }
			.formbuttonbar .backButton { float: left; }
/* END .formbuttonbar */



/* START .requiredField */
.requiredField { color: #D72A21; font-size: 1.5em; font-weight: bold; position: absolute; right: -350px; text-align: right; top: 0; }
fieldset fieldset legend span .requiredField { right: -357px; width: auto; }
.formdp label .requiredField { right: -35px; top: 0; }
/* END .requiredField */



/* START .alert */
.validationerror, 
.alert { background: #FFD6BD; border: 1px solid #D72A21; color: #586163; padding: 1em; }
	.alert p:first-child { margin: 0; }
/* END .alert */



/* START .validationerror */
.validationerror { background: #D72A21; border: 1px solid white; color: white; font-weight: bold; margin-bottom: 1em; padding: 1em; }
	.validationerror p:first-child { margin: 0; }
/* END .validationerror */



/* START .hiddenInputsWrapper */
.hiddenInputsWrapper { position: absolute; left: -1000px; width: 100px; top: 0; }
/* END .hiddenInputsWrapper */