/** 
 * Title:	User Authentication - Base Style
 * Author:	alucas
 */



/* Common Content */

	body * { margin: 0; padding: 0;}
	.user-auth-body {
		width: 980px;
		float: left;
		font-size: 12px;
		font-family: arial, sans-serif;
		padding-top: 1em;
		margin: 0 5px;
		clear: left;
		}
	
	.user-auth-body h2 {
		font-size: 2.5em;
		text-transform: uppercase;
		font-weight: bold;
		position: relative;
		top: -.8em;
		margin: .8em 0 -.5em;
		width: 50%;
		float: left;
		}
		
	.user-auth-body h2 .suffix {
		font-size: .6em;
		font-style: normal;
		margin-left: .5em;
		}
	.user-auth-body h2 .seperator { display: none;}
	
	#dnireg-sub-title { display: none;}
	
	
		/* IE Fixes */
		
		* html .user-auth-body h2 { display: inline;}
	

	/* Common Navigational Elements */
	
	.user-auth-button {
		display: block;
		float: right;
		position: relative;
		margin-bottom: 1em;
		margin-left: 1em;
		font-size: .9em;
		font-weight: bold;
		text-transform: uppercase;
		background-position: left;
		background-repeat: no-repeat;
		padding-left: 10px;
		}
	.user-auth-button span.link {
		text-align: center;
		text-indent: -10px;
		background-position: right;
		background-repeat: no-repeat;
		display: block;
		line-height: 40px;
		padding: 0 1em;
		}
		
	.user-auth-button span.link * { padding-top: 1em;}
	.user-auth-button em { font-style: normal;}
	
	.user-auth-button a {
		text-decoration: none;
		padding-left: .2em;
		padding-right: 20px;
		background-position: right bottom;
		background-repeat: no-repeat;
		}


	/* Help & Information */
	
	.user-auth-body .user-auth-help {
		position: relative;
		z-index: 2;
		width: 228px;
		float: right;
		clear: right;
		margin-right: -238px;
		top: 2px;
		margin-top: -2em;
		padding: 1.6em 0;
		}
	.user-auth-help .item { margin-bottom: 2em;}
	.user-auth-help .item ul {
		list-style-position: outside;
		margin-left: 3em;
		}
		
	.user-auth-help h3, .user-auth-help p.skip { display: none;}
	.user-auth-help h4 {
		font-size: 1em;
		text-transform: uppercase;
		margin: .2em 0 .8em;
		}
		

	/* Error Pages */
		
	#user-auth-body #user-auth-error-title { width: auto;}
	#user-auth-form #user-auth-error-message { padding: 3em;}
	#user-auth-form #user-auth-error-message .homelinks { margin: 1em 0 1em 4em;}
	#user-auth-form #user-auth-error-message .homelinks li { margin: .2em 0;}
	
	
	/* IE Fixes */
		
		* html .user-auth-body .user-auth-help { display: inline; left: 10px;}
		*:first-child+html .user-auth-body .user-auth-help { display: inline; left: 10px;}



/* Basic Form Styling */


	/* Basic Form Elements */
	
	#user-auth-form { overflow: hidden; clear: both;}
	.user-auth-form { padding: 10px; position: relative; overflow: hidden;}
	.user-auth-form .form-section-container {
		margin: 1em 0;
		padding-right: 239px;
		}
	.user-auth-form .form-section { position: relative;}
	
	.user-auth-form label.read-only-field { padding-bottom: 1px; text-indent: .3em;}
	
	.user-auth-form fieldset {
		position: relative;
		border: none;
		padding: 1em .8em;
		margin: 3px 20px 1em;
		color: #666666;
		}
	form.user-auth-form fieldset .heading { font-size: 1.2em; text-transform: uppercase;}
	
	.user-auth-form .form-section fieldset select { width: 102%;}
	
	.user-auth-form label em { display: none;}
	.user-auth-form label.error { border: none;}
	.user-auth-form .disabled { display: none;}
	.user-auth-form legend, .user-auth-form  .skip { display: none;}
	
	.user-auth-form p.submit { display: inline;}
	.user-auth-form p.submit input {
		font-weight: bold;
		text-transform: uppercase;
		width: auto;
		}
	
	
	/* IE Fixes */
	
		* html .user-auth-form .main-form { padding-right: 236px;}
		* html .user-auth-form .form-section-container .main-form { padding-right: 0;}


	/* Form Messages */
	
	.user-auth-form .form-messages,
	.user-auth-form .errors {
		margin: .2em 0 .8em .2em;
		list-style-type: none;
		font-size: 1em;
		font-weight: bold;
		}
	.form-messages { overflow: hidden;}
	.form-messages li { text-indent: -1000px;}
	.form-messages li em { position: relative; left: 1000px;}
	.form-messages em { font-style: normal;}


	/* Form Sections */
	
	.user-auth-form .main-form fieldset p {
		display: block;
		width: 200px;
		margin-bottom: 1em;
		margin-right: 10px;
		float: left;
		}
	.user-auth-form .main-form fieldset p.textarea { width: auto;}
			
	.user-auth-form .main-form label,
	.user-auth-form .main-form input,
	.user-auth-form .main-form select {
		display: block;
		width: 100%;
		}
		
	
	/* Facebook Connect */
	
		
	.user-auth-body .user-auth-form span.fb-connect-description {
		display: block;
		margin: .5em 0 1em;
		}
	
	.user-auth-body .user-auth-form input.ua-profile-management-connectFacebook,
	.user-auth-body .user-auth-form input.ua-profile-management-disconnectFacebook {
		padding-left: 20px;
		background: transparent url(../images/ua_fb_login_logo.gif) no-repeat left center;
		border: 0;
		font-weight: bold;
		cursor: pointer;
		color: #000000;
		}
	
	.user-auth-form .main-form .update-profile-form-connect-facebook,
	.user-auth-form .main-form .update-profile-form-disconnect-facebook,
	.user-auth-form .main-form .dnireg-form-connect-facebook,
	.user-auth-form .main-form .dnilogin-form-connect-facebook,
	.user-auth-form .main-form .update-profile-form-connect-facebook input,
	.user-auth-form .main-form .update-profile-form-disconnect-facebook input,
	.user-auth-form .main-form .dnireg-form-connect-facebook input,
	.user-auth-form .main-form .dnilogin-form-connect-facebook input {
		width: auto;
		text-align: left;
		}
	
	.user-auth-form #update-profile-form-facebook-account.fb-enabled,
	.user-auth-form #update-profile-form-facebook-account-d { display: none;}
	.user-auth-form #update-profile-form-facebook-account,
	.user-auth-form #update-profile-form-facebook-account-d.fb-enabled { display: block;}


	/* Picture Picker */
	
	.main-form .user-auth-form-picture .intro,
	.main-form .user-auth-form-picture .upload {
		display: block;
		width: auto;
		margin-right: 360px;
		float: none;
		}
	.user-auth-form .user-auth-form-picture .heading { margin-bottom: .8em;}
		
	.user-auth-form-picture .intro {
		padding-left: 69px;
		padding-bottom: .7em;
		position: relative;
		min-height: 70px;
		}
	.user-auth-form-picture .intro .avatar {
		position: absolute;
		left: 0; top: 0;
		background-image: url(../images/blank_avatar_medium.gif);
		width: 60px;
		height: 60px;
		}
	.user-auth-form-picture .intro .removed img { display: none;}
	.user-auth-form-picture .intro .sub-heading { display: block;}
	.user-auth-form-picture .upload { padding-top: .7em; padding-bottom: 15px;}
	.user-auth-form-picture .upload  label { font-weight: bold; margin-bottom: .3em;}
	.user-auth-form-picture .upload input { width: 200px;}
	
	.user-auth-form-picture .picker {
		width: 347px;
		position: absolute;
		right: 0; top: 2em;
		padding-left: .5em;
		}
	.user-auth-form-picture .picker .sub-heading {
		display: block;
		float: left;
		margin-bottom: .2em;
		}
	.user-auth-form-picture .picker .sub-heading .prefix { display: none;}
	.user-auth-form .user-auth-form-picture .picker p {
		width: auto;
		float: none;
		clear: left;
		margin-left: -2px;
		}
		
	.user-auth-form-picture .intro .avatar,
	.user-auth-form-picture .picker img.hover,
	.user-auth-form-picture .picker img.selected {
		border: #fb5f0f solid 2px;
		margin: 0;
		}
	.user-auth-form-picture .picker img { margin: 2px;}
	.user-auth-form-picture .picker img.hover,
	.user-auth-form-picture .picker img.selected { margin: 0;}
	
	.user-auth-form-picture .intro .remove-avatar-button {
		margin: .5em 0;
		}

		
		/* IE Fixes */
		
		*:first-child+html .user-auth-form-picture .picker { width: 340px;}
		* html .user-auth-form-picture .picker { width: 340px;}
		

/* User Login Styling */
	
	
	#dnilogin-form .form-section h3.heading {
		padding-top: .6em;
		margin: 0 20px -2em;
		font-size: 1.2em;
		position: relative;
		z-index: 2;
		padding-left: 10px;
		}
	
	#dnilogin-form-login p { width: 240px;}
	
	#dnilogin-form-login p.dnilogin-form-rememberMe {
		clear: both;
		}
	
	#dnilogin-form-login p.dnilogin-form-rememberMe label,
	#dnilogin-form-login p.dnilogin-form-rememberMe input {
		display: inline;
		}
		
	#dnilogin-form-login p.dnilogin-form-rememberMe input { width: auto; margin-right: .5em;}
	#dnilogin-form-login .submit {
		width: auto;
		clear: both;
		margin-bottom: 0;
		padding-top: .5em;
		padding-right: 120px;
		background: transparent url(../images/ua_dsc_login_logo.gif) no-repeat right bottom;
		}
	#dnilogin-form-login .submit .input-button {
		font-weight: bold;
		text-transform: uppercase;
		width: auto;
		display: inline;
		}
	
	#dnilogin-form-links-title { display: none;}
	#dnilogin-form #dnilogin-form-controls { padding: 1em;}