
/*--------------------------------------------------------------------------------
	Login
--------------------------------------------------------------------------------*

div.registrants div.login {
	margin: 0 auto;
	width: 30em;
}

div#column2 div.registrants div.login {
	width: auto;
}

div#column2 div.registrants div.login input#username,
div#column2 div.registrants div.login input#password { width: 170px; }

	
/*	Contacts			----------------------------------------------------------------*/
	
	/*	A-Z anchor links		----------------------------------------------------------------*/
	
	div.registrants ul.links { padding: 2em 0 0; margin: 0; height: 4em; }
	div.registrants ul.links li { float: left; margin: 0 .2em; padding: 0; height: 3em; list-style: none; }
	div.registrants ul.links li a { 
		display: block; 
		background: #eaeaea; 
		text-decoration: none; 
		font-size: 1.2em; 
		padding: 2px 3px; 
		color: #3c4fad; 
	}
	
	div.registrants ul.links li a.nolink { color: #999; border-color: #fff; background: none; }
	
	div.registrants ul.links li a.selected { 
		font-size: 3em;
		font-family: Georgia, "Times New Roman", Times, serif; 
		background: none; 
		padding-top: .1em;
		margin: 0 .3em;
	}
	
	div.registrants ul.links li a:hover { background: #3c4fad; color: #eaeaea; }
	
	div.registrants ul.links li a.nolink:hover {
		background: none;
		color: #999;
		cursor: default;
	}
	
	div.registrants ul.links li a.selected:hover {
		background: none;
		color: #3c4fad; 
	}
	
	/*	Items		----------------------------------------------------------------*/
	
	div.registrants div.contacts div.item { 
		margin: 0 1em 1em 0; 
		border: 1px solid #3c4fad; 
		padding: 1em; 
		background: #eaeaea;
	}

	div.registrants div.contacts div.item p.name { font-size: 1.4em; }
	
	div.registrants div.contacts div.item ul { 
		margin: 0; padding: 0;
		width: 50%;
		float: left; 
	}
	div.registrants div.contacts div.item ul li { margin: 0; padding: 0; list-style: none; clear: left; }
	div.registrants div.contacts div.item ul li span { float: left; width: 8em; margin-right: 1em; color: #3c4fad; }
	
	div.backToTop-page { text-align: right; }

	
	
	/*	Category select		----------------------------------------------------------------*/
	
		div.registrants div.categoryselector { text-align: right; margin: 20px 0 30px 0; }
		div.registrants div.categoryselector h3 { margin: 0 5px 0 0; display: inline; }
		
	

/*--------------------------------------------------------------------------------
--------------------------------------------------------------------------------*/

	div.registrants div.loginform {
		position: relative;
		padding: 3em 0 2em;
	}
	
	div.registrants .password_request_form-message,
	div.registrants .login_form-message {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		margin: .5em 0 0;
		text-align: center;
		color: red;
		font-weight: bold;
	}


/*	Login form				----------------------------------------------------*/
	
	div.registrants form.login { width: 26em; margin: 0 auto; background: #eaeaea; text-align: center; }
	div.registrants form.login div { padding: .5em; }
	div.registrants form.login div label { display: block; float: left; width: 5em; text-align: right; padding: 0 1em 0 0; }
	div.registrants form.login div input { width: 70%; }
	
	div.registrants form.login fieldset.buttons { text-align: center; }
	div.registrants form.login fieldset.buttons input { margin: 0 .5em; }



/*	Personal profile				----------------------------------------------------*/

	div.registrants .personal_profile_form-message { 
		display: block;
		margin-left: 12.5em;
		color: red;
		font-weight: bold;
		padding: 0 0 0 5px;
	}
	
	
	div.registrants form.personal-profile { width: 40em; margin: 0 auto; background: #eaeaea; }
	div.registrants form.personal-profile div { padding: .5em; }
	div.registrants form.personal-profile div label { display: block; float: left; width: 12em; text-align: right; padding: 0 1em 0 0; }
	div.registrants form.personal-profile div input { }
	
	div.registrants form.personal-profile fieldset.buttons { text-align: center; }
	div.registrants form.personal-profile fieldset.buttons input { margin: 0 .5em; }
	
	div.registrants form.personal-profile div.forename label, 
	div.registrants form.personal-profile div.surname label, 
	div.registrants form.personal-profile div.username label, 
	div.registrants form.personal-profile div.password label, 
	div.registrants form.personal-profile div.passwordConfirmation label, 
	div.registrants form.personal-profile div.email label { 
		font-weight: bold;
	}

	div.registrants form.personal-profile div.email input { width: 200px; }

/*	Login panel					------------------------------------------------*/
		
	div#login_panel { float: right; }


