/* 8. FORM STYLES
................................................... */
.moduleForm{
	}
	.moduleForm .moduleHeader{
		padding:0;
		}
		.moduleForm #title-desc{
			width:auto;
			float:none;
			}
			.moduleForm #title-desc h2{
				width:auto;
				font-size:1.25em;
				font-weight:normal;
				color:#023d7d;
				padding:0;
				margin:0 0 36px;
				}
	.moduleForm .moduleContent{
		}
	.standardForm{
		margin:10px 0 20px 0;
		}
		.standardForm .formRow{
			padding:3px 0 3px 116px;
			}
			.standardForm .formRow.empty {
				height: 27px;
			}
			.standardForm h2 {
				margin: 0 0 20px 0;
				color: #ec1460;
				font-size: 1.4em;
			}
			.standardForm h3 {
				clear: both;
				margin: 15px 0;
				padding-top: 15px;
				border-top: solid 1px #efedf2;
			}
			.standardForm label{
				float:left;
				margin-left:-116px;
				position:relative;
				width:116px;
				line-height:1.5;
				color:#575757;
				padding:4px 0;
				}
			.standardForm label.error {
					color: #c00;
					font-weight: bold;
				}
				.standardForm label .required{
					background:url('/Images/modules/generic/requiredIcon.gif') 0 0 no-repeat;
					display:block;
					width:5px;
					height:5px;
					position:absolute;
					top:4px;
					right:11px;
					margin:0;
					padding:0;
					text-indent:-9999em;
					}
					/*.standardForm label span.error {
						display: none;
					}*/

				.standardForm label span.sub {
						display: block;
						font-size: 0.9em;
					}
				.wideLabels .standardForm div.sub {
					margin-left: -150px !important;
					color: #999;
					font-size: 0.9em;
				}
							
			.standardForm input,
			.standardForm select,
			.standardForm textarea{
				width:277px;
				border:1px solid #c2c2c2;
				color:#575757;
				background:#fff url('/Images/modules/forms/inputText.gif') 0 0 repeat-x;
				padding:4px 2px;
				font-size:1em;
				}
			.standardForm select {
				width: 283px;
			}
			.standardForm textarea{
				height:120px;
				}

		.standardForm .actions{
			border:none;
			}
			.standardForm .actions input{
				vertical-align:top;
				width:auto !important;
				background:#e8e8e8;
				cursor:pointer;
				}
			.standardForm .submitButton,
			.standardForm .imageButton {
				background:none !important;
				}
				.standardForm .submitButton input{
					padding:0;
					line-height:1;
					height:auto;
					}
		.standardForm .required{
			display:block;
			font-size:0.92em;
			color:#990000;
			margin-bottom:4px;
			padding:0 0 0 2px;
			}
		.standardForm .lblMaxLength {
			display: block; 
			color: #999;
			font-size: 0.9em;
		}
		.standardForm .lblMaxLength span {
			display: block;
		}

		.standardForm .checkbox,
		.standardForm .radio {
			clear: both;
			overflow: hidden;
		}
		.standardForm .checkbox input,
		.standardForm .radio input {
			width: auto !important;
			background: none !important;
			border: none;			
		}

		.standardForm .actions .submitButton.prev,
		.standardForm .actions .submitButton.next,
		.standardForm .actions .submitButton.submit,
		.submitButton.go {
			margin-right: 10px;
			padding: 3px 15px;
			color: #fff;
			background: url(/images/bg_button.gif) repeat-x #054183;
			border: none;
			font-weight: bold;
			border-radius: 10px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			-khtml-border-radius: 10px;
		}
		.standardForm .actions .submitButton.disabled {
			background: url(/images/bg_button_disabled.gif) repeat-x #6a6a6a;
		}
		
		.standardForm div.infoBox {
			padding: 10px;
			background: #fafafa;
			border: solid 1px #eee;
		}
		
	#confirmation {
		margin-bottom: 10px;
	}
		#confirmation h4,
		#confirmation p {
			margin-bottom: 10px;
		}
		
		#confirmation .error {
			margin-bottom: 10px;
			padding: 10px; 
			color: #c00;
			background: #fee;
			border: solid 1px #fcc; 
			font-weight: bold;
		}

		#confirmation .introText {
			margin-bottom: 10px;
			color: #176DB1; 
			font-weight: bold;
		}
		
		#confirmation .qualifier {
			margin: 0 0 10px 0;
			padding-left: 20px;
		}
		#confirmation .qualifier .formRow {
			padding-left: 0 !important;
		}
		#confirmation .qualifier input {
			margin-right: 5px;
		}
		#confirmation .qualifier label {
			float: none;
			margin-left: 0;
		}
		#confirmation .btnBecomeAMemberNow {
			width: 143px;
			background-image: none;
		}
		
.wideLabels  {
	width: 100%;
	position: relative;
}

	.wideLabels .standardForm .formRow {
			clear: left;
			padding-left: 150px !important;
	}
		.wideLabels .standardForm .formRow.actions {
			padding-left: 0 !important;
		}
	.wideLabels .standardForm label {
		width: 150px;
		margin-left: -150px;
	}

	.wideLabels .standardForm .labelLong {
		margin-top: 5px;
	}
	.wideLabels .standardForm .labelLong h4 {
		margin: 0 0 0 -150px;
	}
	.wideLabels .standardForm .labelLong p {
		margin: 0 0 0 -150px;
		color: #575757;
	}
	.wideLabels .standardForm .labelLong label.primary {
		float: none;
		width: auto;
		padding-right: 20px;
		text-indent: -150px !important;
	}

body.popup .formGrid {
	width: 500px; 
}

	body.popup .standardForm fieldset {
		clear: both;
		margin-bottom: 5px;
		padding: 10px;
		border: solid 1px #e5edf2;
	}
	body.popup .standardForm fieldset legend {
		font-weight: bold;
	}

	div.addrHidden,
	div.fieldHidden,
	div.visaDebitHidden {
		display: none;
		zoom: 1;
	} 

/* cManager Generated form field lists (Checkboxlist, Radioboxlist) */
.cManagerCheckList table {
}
	.cManagerCheckList input,
	.cManagerCheckList input[type=radio], 
	.cManagerCheckList input[type=checkbox] {
		float: left;
		width: auto;
		margin-top: 6px;
		margin-right: 10px;
		background: none;
		border: none;
	}
	.cManagerCheckList label {
		width: auto !important;
		margin-left: 0 !important;
	}

/* Application Form Summary Output */
div.formSummary {
	margin: 10px;
	padding: 10px;
	background-color: #eee;
	border: solid 1px #ccc;
}

	.formSummary h3 {
		clear: both;
		margin: 0 0 10px 0 !important;
		padding: 0 0 10px 0!important;
		color: #03418a;
		background: none !important;
		page-break-before: auto !important;
		page-break-after: avoid !important;
	}
	.formSummary h4 {
		clear: both;
		margin: 10px 0 5px 0;
		padding-top: 5px;
		background: none;
		/*border-top: solid 1px #ddd;*/
		font-size: 0.9em;
		page-break-before: auto !important;
		page-break-after: avoid !important;
	}
	.formSummary p,
	.formSummary li {
		margin: 0 0 5px 0;
		font-size: 0.9em;
	}
	
		.formSummary div.infoBox {
			margin: 0 0 5px 0;
			padding: 5px;
			background-color: #fafafa;
			border: solid 1px #ccc;
			font-size: 0.9em;
		}
		.formSummary dl {
			margin: 0 0 10px 0;
			padding-left: 130px;
			overflow: auto;
			page-break-before: avoid !important;
			page-break-after: auto !important;
		}
			.formSummary dl div {
				margin-left: -130px;
				font-size: 0.9em;
			}

				.formSummary dt, 
				.formSummary dd {
					font-size: 0.9em;
				}

				.formSummary dt {
					clear: left;
					float: left;
					margin-left: -130px;
					margin-top: 1px;
					padding: 1px 10px 1px 0;
					color: #555;
					font-weight: bold;
					page-break-before: auto !important;
					page-break-after: avoid !important;
				}
				.formSummary dt.checkbox {
					display: none;
				}

				.formSummary dd {
					page-break-before: avoid !important;
					page-break-after: auto !important;
				}
								
				.formSummary dd,
				.formSummary dd.radio div.field,
				.formSummary dd.checkbox div.field {
					display: block;
					margin-bottom: 5px;
					padding: 2px 2px;
					background: #fff;
					border: solid 1px #ddd;
					min-height: 15px;
					overflow: hidden;
				}
				.formSummary dd.radio,
				.formSummary dd.checkbox {
					clear: left;
					padding: 0;
					background: none;
					border: none;
				}
					.formSummary dd.radio div {
						clear: left;
						margin: 5px 0 5px auto;
						font-size: 1.0em;
					}

					.formSummary dd.textarea {
						clear: left;
						min-height: 50px;
						white-space: pre-wrap;
						overflow: auto;
					}
			
						.formSummary dd input {
							clear: left;
							float: left;
							width: auto;
						}
						.formSummary dd label {
							float: left;
							width: 80% !important;
							margin: 1px 0 0 0 !important;
							padding: 0;
						}

/* Fancy Error summary box style */
.boxSlider {
	position: absolute;
	right: 0px;
	top: 0;
	width: 160px;
	padding: 10px;
	color: #d00 !important;
	background: #fee;
	font-weight: bold;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

		.outline { border: solid 1px #c00; }
		.outline .outline.right { border-right-color: #c00; left: -11px; }
		.outline .outline.top { border-bottom-color: #c00; top: -11px; }
		.outline .outline.bottom { border-top-color: #c00; bottom: -11px; }

		.callout {
			position: absolute;
			width: 0;
			height: 0;
			margin: 0;
			padding: 0;
			font-size: 0;
			line-height: 0;
			border-style: solid;
			border-color: #fdd;
			border-width: 10px;
		}
		.callout.right { 
			left: -10px; 
			top: 3px;
			border-left-width: 0;
			border-top-color: transparent;
			border-bottom-color: transparent;
			_border-top-color: pink;
			_border-bottom-color: pink;
			_filter: chroma(color=pink);
		}
		.callout.top { 
			left: 10px; 
			top: -10px; 
			border-left-color: transparent;
			border-top-width: 0;
			border-right-color: transparent;
			_border-left-color: pink;
			_border-right-color: pink;
			_filter: chroma(color=pink);
		}
		.callout.bottom { 
			left: 10px; 
			bottom: -10px; 
			border-left-color: transparent;
			border-right-color: transparent;
			border-bottom-width: 0;
			_border-left-color: pink;
			_border-right-color: pink;
			_filter: chroma(color=pink);
		}

		div.moneyBox {
			width: 190px;
			height: 30px;
			margin: 0 0 5px 0;
			padding: 5px;
			line-height: 30px;
			border: solid 1px #999;
		}
		

.membership-application .standardForm {
	margin-bottom: 1px;
}
.membership-application .stepArea {
	clear: both;
	border: solid 1px #aabed2;
	border-bottom: none;
}
.membership-application .standardForm .actions.bordered {
	margin-bottom: 1px;
	padding: 10px;
	border: solid 1px #aabed2;
	border-top: none;
	overflow: auto;
}
.membership-application .standardForm .actions .inlineError {
	margin: 0 0 10px 10px;
	padding: 10px;
	color: #c00 !important;
	background: #fee;
	border: solid 1px #fcc;
	font-weight: bold;
}
.membership-application .standardForm .actions div.buttons {
	margin-left: 10px;
}

.membership-application .standardForm .stepArea .padContent {
	padding: 0 10px;
}

.membership-application .stepArea h3 {
	clear: none;
	height: 14px;
	margin: 0 0 10px;
	padding: 7px 10px;
	color: #0852a3;
	background: url(/images/bg_sectionHeaders.gif) repeat-x 0 -70px;
	border-bottom: solid 1px #aabed2;	
}
.membership-application .stepArea div.step {
	float: right;
	position: relative;
	padding: 7px 0;
	width: 58px;
	color: #0852a3;
}
	.membership-application .stepArea .step span {
		position: absolute; 
		display: block;
		right: 0;
		top: 0;
		width: 17px;
		height: 17px;
		margin: 5px 10px 0 0;
		background-image: url(/images/icn_sectionHeader_steps.png);
		background-repeat: no-repeat;
		text-indent: -9999px;
	}
		.membership-application .stepArea .step span.icon1 { background-position: -59px 1px; }
		.membership-application .stepArea .step span.icon2 { background-position: -59px -29px; }
		.membership-application .stepArea .step span.icon3 { background-position: -59px -59px; }
		.membership-application .stepArea .step span.icon4 { background-position: -59px -89px; }
		.membership-application .stepArea .step span.icon5 { background-position: -59px -119px; }
		.membership-application .stepArea .step span.icon6 { background-position: -59px -149px; }
		.membership-application .stepArea .step span.icon7 { background-position: -59px -179px; }
		.membership-application .stepArea .step span.icon8 { background-position: -59px -209px; }
	
.membership-application .stepArea.active {
	border: none;
}
.membership-application .stepArea.active .step {
	color: #fff;
}
		.membership-application .stepArea.active .step span.icon1 { background-position: -120px 0; }
		.membership-application .stepArea.active .step span.icon2 { background-position: -120px -30px; }
		.membership-application .stepArea.active .step span.icon3 { background-position: -120px -60px; }
		.membership-application .stepArea.active .step span.icon4 { background-position: -120px -90px; }
		.membership-application .stepArea.active .step span.icon5 { background-position: -120px -120px; }
		.membership-application .stepArea.active .step span.icon6 { background-position: -120px -150px; }
		.membership-application .stepArea.active .step span.icon7 { background-position: -120px -180px; }
		.membership-application .stepArea.active .step span.icon8 { background-position: -120px -210px; }
	
	.membership-application .stepArea.active .btnHeader,
	.membership-application .stepArea.active .btnHeader:link,
	.membership-application .stepArea.active .btnHeader:visited,
	.membership-application .stepArea.active .btnHeader:active,
	.membership-application .stepArea.active .btnHeader:hover,
	.membership-application .stepArea.pending .btnHeader,
	.membership-application .stepArea.pending .btnHeader:link,
	.membership-application .stepArea.pending .btnHeader:visited,
	.membership-application .stepArea.pending .btnHeader:active,
	.membership-application .stepArea.pending .btnHeader:hover {
		clear: none;
		display: block;
		height: 14px;
		margin: 0 0 1px;
		padding: 9px 10px;
		color: #fff;
		background: url(/images/bg_sectionHeaders.gif) repeat-x 0 -120px #03418a;
		font-weight: bold;
		text-decoration: none;
	}

.membership-application .stepArea.complete {
	border: none;
}
.membership-application .stepArea.complete .step {
	color: #fff;
}
		.membership-application .stepArea.active .step span.icon1 { background-position: -60px 1px; }
		.membership-application .stepArea.active .step span.icon2 { background-position: -60px -29px; }
		.membership-application .stepArea.active .step span.icon3 { background-position: -60px -59px; }
		.membership-application .stepArea.active .step span.icon4 { background-position: -60px -89px; }
		.membership-application .stepArea.active .step span.icon5 { background-position: -60px -119px; }
		.membership-application .stepArea.active .step span.icon6 { background-position: -60px -149px; }
		.membership-application .stepArea.active .step span.icon7 { background-position: -60px -179px; }
		.membership-application .stepArea.active .step span.icon8 { background-position: -60px -209px; }
	
	.membership-application .stepArea.complete .divHeader,
	.membership-application .stepArea.complete .btnHeader,
	.membership-application .stepArea.complete .btnHeader:link,
	.membership-application .stepArea.complete .btnHeader:visited,
	.membership-application .stepArea.complete .btnHeader:active,
	.membership-application .stepArea.complete .btnHeader:hover {
		clear: none;
		display: block;
		height: 14px;
		margin: 0 0 1px;
		padding: 9px 10px;
		color: #fff;
		background: url(/images/bg_sectionHeaders.gif) repeat-x 0 -180px #688fbb;
		font-weight: bold;
		text-decoration: none;
	}

.membership-application .stepArea.pending {
	border: solid 1px #d9d9d9;
}
.membership-application .stepArea.pending .step {
	color: #545454;
}
		.membership-application .stepArea.pending .step span.icon1 { background-position: 1px 0 !important; }
		.membership-application .stepArea.pending .step span.icon2 { background-position: 1px -29px !important; }
		.membership-application .stepArea.pending .step span.icon3 { background-position: 1px -59px !important; }
		.membership-application .stepArea.pending .step span.icon4 { background-position: 1px -89px !important; }
		.membership-application .stepArea.pending .step span.icon5 { background-position: 1px -119px !important; }
		.membership-application .stepArea.pending .step span.icon6 { background-position: 1px -149px !important; }
		.membership-application .stepArea.pending .step span.icon7 { background-position: 1px -179px !important; }
		.membership-application .stepArea.pending .step span.icon8 { background-position: 1px -209px !important; }
	
	.membership-application .stepArea.pending .divHeader {
		height: 14px;
		margin-bottom: 1px;
		padding: 7px 10px;
		color: #545454;
		background: url(/images/bg_sectionHeaders.gif) repeat-x 0 -2px #dcdcdc;
		font-weight: bold;
	}

	.membership-application .standardForm fieldset {
		clear: both;
		margin: 5px 0 0 0;
		padding: 10px 10px 15px;
		border-bottom: solid 1px #e8e8e8;
	}
	.membership-application .standardForm fieldset legend {
		margin-top: 10px;
		font-weight: bold;
	}
	.membership-application .standardForm .col {
		float: left !important;
		width: 445px;
	}
			.membership-application .standardForm input,
			.membership-application .standardForm textarea {
				width:247px;
			}
			.membership-application .standardForm select {
				width: 253px;
			}