body.registration{
}
	body.registration #breadcrumb{
		position:relative;
	}
	
	body.registration #lhs{
		display:none;
	}
	
	body.registration #mainContent #breadcrumb h1{
		width:680px;
		height:29px;
		overflow:hidden;
		background-color:#466A89;
		padding:5px 0 0 115px;
		color:#fff;
		margin-bottom:25px;

	}
	body.registration #mainContent #breadcrumb input.next2{ 
		position:absolute;
		top:2px;
		right:2px;
		width:100px;
		height:30px;
	}
	body.registration #mainContent #breadcrumb input.prev{
		position:absolute;
		top:2px;
		left:2px;
	}
	
	body.registration #mainContent .toggleHelp{
		position:absolute;
		top:50px;
		right:0px;
	}
	
	body.registration #mainContent .message{
		margin-bottom:1em;
		color:red;
	}
		body.registration #mainContent .message ul{
			margin-left:3em;
		}
		body.registration #mainContent .message ul li{
			margin-bottom:.25em;
		}
		
	
	body.registration #mainContent form{

	}
	
	body.registration #mainContent form span.formLine{
		width:770px; /* was 500 */
		display:block;
		margin-bottom:1.25em;
	}
	
	body.registration #mainContent form span.formLine label{
		display:block;
		width:200px;
		float:left;
		text-align:right;
		margin-right:8px;
		font-weight:bold;
		color:#466A89;
	}
		body.registration #mainContent form span.formLine label.error{
			color:red;
		}
	
	body.registration #mainContent form span.formLine input{
		float:none !important;
	}
		
	body.registration #mainContent form span.formLine img.help{
		float:right;
	}
		
	body.registration #mainContent form span.formLine.tooltipContainer{
	}
		body.registration #mainContent form span.formLine.tooltipContainer.tooltipActive{
			border:1px solid black;
			background-color:#ccc;
			padding-top:.5em;
		}
	
	body.registration #mainContent form span.formLine.tooltipContainer span.tooltip{
		display:none;
		font-weight:bold;
		font-style:italic;		
		margin:1em 0 0 1em;
		float:left;
		padding-bottom:1em;
	}
		body.registration #mainContent form span.formLine.tooltipContainer.tooltipActive span.tooltip{
			display:block;
		}
	body.registration #mainContent form span.formLine span.smallInstr{
		display:block;
		clear:left;
	}
	
	
	body.registration #mainContent form h2{
		color:#466A89;
		font-size:1em;
		display:block;
		width:200px;
		text-align:right;	
		margin-top:10px;
		margin-bottom:5px;
	}
	
	body.registration #mainContent form ul.multiSelect{
		margin-left:100px;
		clear:left;
	}
		body.registration #mainContent form ul.multiSelect li{
			margin-bottom:5px;
		}
		
		body.registration #mainContent form ul.multiSelect li input{
			margin-right:5px;
		}

	body.registration #mainContent form input.submit{
		margin-left:200px;
	}
	
	body.registration #mainContent  form p.controls{
		background-color:#466A89;
		position:relative;
		width:800px;
		height:36px;
		float:left;
		clear:left;
	}
		body.registration #mainContent form  p.controls a.next2{
			position:absolute;
			top:2px;
			right:13px;
		}
		body.registration #mainContent form  p.controls input.next2{
			position:absolute;
			top:3px;
			right:3px;
		}
		body.registration #mainContent form  p.controls input.prev{
			margin:2px 0 0 2px;
		}			
		body.registration #mainContent  form p.controls span{
			color:#ff0;
			font-weight:bold;
			position:absolute;
			top:10px;
			left:250px;
		}
		

/* step specific */
body#reg_step_1 #mainContentPadder p{
	width:auto;
}
	body#reg_step_1 #mainContentPadder p.controls{
		width:760px;
	}

body#reg_step_1 #mainContentPadder label{
	width:158px;
}

body#reg_step_1 #mainContentPadder span.formLine.long_label label{

	width:250px;
	font-size:90%;
	margin-bottom:1em;
}
	body#reg_step_1 #mainContentPadder span.formLine.long_label select{
		float:right;
		font-size:90%;
		width:120px;
		margin-right:10px;
	}
	

body#reg_step_1 #mainContentPadder .col_a{
	width:390px;
	padding-bottom:150px;
}
	body#reg_step_1 #mainContentPadder .col_a input{
		width:200px;
		float:left;
	}
	
	body#reg_step_1 #mainContentPadder .col_a input.file{
		margin:0 0 0 100px;
	}

	body#reg_step_1 #mainContentPadder .col_a span.formLine{
		margin-bottom:1.5em;
		float:left;
		clear:left;		
		width:390px;

	}
		body#reg_step_1 #mainContentPadder .col_a span.formLine.twoLine{
		}
			body#reg_step_1 #mainContentPadder .col_a span.formLine.twoLine label{
				float:none;
				width:370px;
			}
			body#reg_step_1 #mainContentPadder .col_a span.formLine.twoLine textarea{
				margin-left:100px;
			}
		

body#reg_step_1 #mainContentPadder fieldset.col_b{
	margin-left:100px;
	width:250px;
	float:right;
	position:absolute;
	top:0;
	right:50px;
	border:0;
}
	body#reg_step_1 #mainContentPadder fieldset.col_b span.formLine{
		width:250px;
	}
	
	body#reg_step_1 #mainContentPadder fieldset.col_b fieldset{
	
	}
	
	body#reg_step_1 #mainContentPadder fieldset.col_b label{

	}
	body#reg_step_1 #mainContentPadder fieldset.col_b h2{
		width:180px;
		text-align:left;
	}
	body#reg_step_1 #mainContentPadder fieldset.col_b textarea{
		margin-left:150px;
	}
	body#reg_step_1 #mainContentPadder fieldset.col_b ul.multiSelect{
		margin-left:50px;
		padding-bottom:1em;
	}
		body#reg_step_1 #mainContentPadder fieldset.col_b ul.multiSelect li{
			clear:left;
			width:200px;
		}
			body#reg_step_1 #mainContentPadder fieldset.col_b ul.multiSelect li input{
				float:none;
				display:inline;		
			}
			body#reg_step_1 #mainContentPadder fieldset.col_b ul.multiSelect li label{
				float:none;
				display:inline;
			}
			
		
body#reg_step_1 #mainContentPadder .controls{
	float:left;
	clear:left;
	margin-left:0;
}

body#reg_step_1 #mainContentPadder .preview{
	width:190px;
	height:150px;
	overflow:hidden;
}

body#reg_step_1 #mainContentPadder .charcounter{
	margin-left:100px;
	font-size:80%;
	border:10px solid #000;
	background-color:#ff0;
	float:left;
}


body#reg_step_2 #mainContentPadder .controls{
	margin-left:0 !important;
}
	body#reg_step_2 #mainContentPadder #primaryContact,
	body#reg_step_2 #mainContentPadder #secondaryContact
	{
		width:380px;
	}
	
	body#reg_step_2 #mainContentPadder #secondaryContact{
		position:absolute;
		top:78px;
		right:0;
	}

	body#reg_step_2 #mainContentPadder #primaryContact h2,
	body#reg_step_2 #mainContentPadder #secondaryContact h2{
		font-size:130%;
		padding-bottom:1em;
	}
	
	body#reg_step_2 #mainContentPadder #primaryContact h2,
	body#reg_step_2 #mainContentPadder #secondaryContact h2{
		width:300px;
		padding-left:0;
	}
	
	body#reg_step_2 #mainContentPadder #primaryContact span.formLine,
	body#reg_step_2 #mainContentPadder #secondaryContact span.formLine
	{
		width:380px;
	}
	
	


body#reg_step_3 #mainContent form p.controls,
body#reg_step_4 #mainContent form p.controls
{
	margin-left:0;
	float:left;
	clear:left;
}



body.registration#reg_step_3 #mainContent #breadcrumb{
		margin-top:-20px; /** hack until I know what is causing the problem **/
}
		
		
body.registration#reg_step_3 #mainContent form,
body.registration#reg_step_4 #mainContent form
{
	margin-left:0;

}


body.registration#reg_step_3 p.suggestions{
	width:700px;
	clear:left;
	float:left;
}
body.registration#reg_step_3 p.suggestions textarea{
	display:block;
	width:400px;
	height:100px;
}
body.registration#reg_step_3 p.suggestions input{
	display:block;
}
	



body.registration#reg_step_5 #mainContent label{
	display:block;
	font-weight:bold;
	color:#466A89;
	margin-bottom:.5em;
}
body#reg_step_5 #mainContentPadder .controls{
	margin-left:0;
}


body#questions{
}
	body#questions #mainContent form checkbox{
		clear:left;
		float:left;
		margin-bottom:.5em;
	}
		body#questions #mainContent form  checkbox textarea{
			width:250px;
		}
		
	body#questions #mainContent form  checkbox label{
		display:block;
		float:left;
		width:350px;
	}
		body#questions #mainContent form  span.checkbox label{
			display:inline;
			width:auto;
			float:none;
			padding-left:5px;
		}



#helpPanel{
	position:absolute;
	top:2px;
	left:100px;
	width:504px;
}
	#helpPanel .inner{
		border:2px solid #466A89;
		width:500px;

		background-color:#fff;
	}
	
	#helpPanel .inner h3{
		margin:0;
		padding:5px;
		background-color:#466A89;
		width:490px;
		color:#ffa;
		font-size:110%;
	}
	#helpPanel .inner h4{
		font-size:105%;
		padding-left:1em;
	}
	#helpPanel .inner p{
		padding-left:1em;
	}
	#helpPanel .inner a.close{
		position:absolute;
		top:3px;
		right:7px;
		color:#ffa;
		font-size:.8em;
	}
	
	
span.small_star_1{
	background: #fff url(/a/img/registraton/small_star_1.gif) no-repeat;
	padding-left:20px;
}
span.small_star_2{
	background: #fff url(/a/img/registraton/small_star_2.gif) no-repeat;
	padding-left:20px;
}
span.small_star_3{
	background: #fff url(/a/img/registraton/small_star_3.gif) no-repeat;
	padding-left:20px;
}


#landing_page{
}
	#landing_page #mainContent ul{
		padding-left:3em;
	}
		#landing_page #mainContent ul li{
			font-weight:bold;
			padding-bottom:.5em;
			list-style-type:disc;
		}
	#landing_page #mainContent table{
		border-collapse:collapse;
		margin-left:2em;
	}
		#landing_page #mainContent table td,
		#landing_page #mainContent table th
		{
			padding:.5em;
			border-top:1px solid black;
			border-left:1px solid black;
			text-align:center;
		}
		#landing_page #mainContent table th{
			background-color:#eee;
		}
			#landing_page #mainContent table td.last,
			#landing_page #mainContent table th.last
			{
				border-right:1px solid black;
			}
		
			#landing_page #mainContent table tr.last td{
				border-bottom:1px solid black;
			}
