/** 
 * Title:	User Authentication - DMAX Theme
 * Author:	alucas
 */



/* General Font Styling */
	
	
	.user-auth-body a { color: #2dadaa; text-decoration: none;}
	.user-auth-body a:hover { color: #99cccc;}
	
	#dnireg-form-confirm li label,
	.user-auth-button strong,
	#user-auth-form .user-auth-form-picture .sub-heading,
	#user-auth-form .user-auth-form .main-form label { color: #2dadaa;}
	
	.user-auth-form fieldset, h2 .suffix, h2,
	#user-auth-body .user-auth-button a, .user-auth-help, input, select { color: #ffffff;}
	
	.user-auth-form input { color: #000000;}
	
	.user-auth-form .form-messages,
	.user-auth-form .errors { color: #ffffff; font-weight: bold; text-transform: uppercase;}
	
	.user-auth-body h2 { letter-spacing: -.06em;}
	.user-auth-body h2 .suffix { letter-spacing: -.02em;}

	
		
/* Help & Navigation */


	.user-auth-button { background-image: url(../images/dmax_nav_link_left.gif);}
	.user-auth-button span.link { background-image: url(../images/dmax_nav_link_right.gif);}
	.user-auth-button a { background-image: url(../images/dmax_arrow_green.gif);}

	#user-auth-form .user-auth-help {
		width: 240px;
		padding: 2.2em 0 0;
		left: 250px;
		margin-top: -1em;
		margin-right: 0;
		margin-left: -240px;
		}

	.user-auth-help div.item {
		background: #333333;
		padding: .8em;
		margin-bottom: 0;
		}
		
	#dnireg-help.register-step-1 div.item2 { border-top: none;}
	#dnireg-help.register-step-2 div.item2 { border-top: none;}
	
	#user-auth-form .form-section-container .confirm-section .skip { display: none;}
	
	#user-auth-form .fb-enabled .user-auth-help,
	#user-auth-form .update-profile .user-auth-help {
		background: #000000 url(../images/dmax_bg_tile_top.gif) repeat-x top;
		border: #21b1a7 solid 1px;
		width: 220px;
		left: 0;
		padding: 2.2em 10px 1.2em;
		margin-top: 0;
		}
	
	
	/* IE Fixes */
	
		* html #user-auth-form .user-auth-help { position: relative; left: 230px;}
			
			
		
/* General Form Elements */


	#user-auth-form .user-auth-form .main-form label {
		text-transform: uppercase;
		margin-bottom: .1em;
		}
	#user-auth-form .user-auth-form .main-form label.read-only-field {
		text-transform: none;
		}
	
	.user-auth-form label.read-only-field {
		border: #666666 solid 1px;
		background: #333333;
		} 
	.user-auth-form label.error { color: #FD5701;}
	
	#user-auth-form .user-auth-form fieldset .heading { margin-bottom: .5em;}
	
	.user-auth-form .main-form fieldset select { color: #000000;}
	.user-auth-form .main-form fieldset p {
		width: 200px;
		margin: 0 17px 1.2em 0;
		}
	.reset-step-1 #dnireg-form .main-form fieldset p { width: 300px;}
	
	#dnireg-form #dnireg-form-token .description {
		width: auto;
		margin-bottom: 1em;
		}
	
	.user-auth-form .form-messages { margin-top: 1em;}	
	.user-auth-form .form-messages li {
		padding: .2em 0 .2em 10px;
		background: url(../images/dmax_arrow_white.gif) no-repeat left center;
		}

	.ua-profile-management-age { display: none;}
	
		
	/* IE Fixes */
		
		* html #user-auth-form .user-auth-form .main-form fieldset p { display: inline; zoom: 1;}
	
	

/* Main Sections */
	
	
	#user-auth-body { 
		width: 770px;
		background-color: #000000;
		color: #ffffff;
		}
	#user-auth-footer { color: #000000;}
	
	#user-auth-body h2 {
		font-size: 2.5em;
		margin-bottom: -.5em;
		margin-left: 23px;
		width: 390px;
		}
	#user-auth-body h2 .suffix { display: block; margin-left: 0;}
	#user-auth-form {
		background: #000000 url(../images/dmax_bg_tile_top.gif) repeat-x top;
		border: #21b1a7 solid 1px;
		}
	#user-auth-form .user-auth-form {
		background: url(../images/dmax_bg_tile_bottom.gif) repeat-x bottom;
		padding: 0.4em 5px 2em;
		overflow: hidden;
		}
	#user-auth-form .form-section-container { padding-right: 250px;}
	
	#user-auth-form .user-auth-form fieldset {
		margin-left: 0;
		margin-right: 0;
		padding-bottom: 0;
		}
		
		
	/* Error Pages */
	
	#user-auth-form #user-auth-error-message { margin-top: 10px;}


	/* IE Fixes */
	
		* html #user-auth-form .user-auth-form { zoom: 1;}
		* html #user-auth-form .user-auth-form .main-form { float: none;}



		
/* Facebook Connect */


	/* General */
	.fb-enabled .user-auth-help div.item,
	.update-profile .user-auth-help div.item {
		background: none;
		padding-top: 0;
		padding-left: 10px;
		padding-right: 10px;
		}
	
	.fb-enabled #user-auth-form .user-auth-form,
	.update-profile #user-auth-form .user-auth-form { background: none;}
	.fb-enabled #user-auth-form,
	.update-profile #user-auth-form { background: none; border: none;}
	
	.fb-enabled #user-auth-form .form-section-container,
	.update-profile #user-auth-form .form-section-container {
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		}
		
	
	/* Facebook Connect Form Sections */
	#user-auth-form .fb-enabled #dnireg-form-facebook-account,
	#user-auth-form #update-profile-form-facebook-account,
	#user-auth-form #update-profile-form-facebook-account-d {
		background: #000000 url(../images/dmax_bg_tile_top.gif) repeat-x top;
		border: #21b1a7 solid 1px;
		width: 235px;
		float: left;
		overflow: hidden;
		left: 260px; top: 3px;
		margin-top: 0;
		margin-bottom: -200px;
		margin-left: -254px;
		padding: 2.2em 5px .5em 20px;
		}
	 
	#dnireg-form-about-you,
	#update-profile-form-about-you,
	#dnilogin-form-about-you { clear: left;}
	
	#dnilogin-form-facebook-account .heading,
	#dnireg-form-facebook-account .heading,
	#update-profile-form-facebook-account .heading,
	#update-profile-form-facebook-account-d .heading { color: #4c67a1;}
	
	#user-auth-form #dnilogin-form-facebook-account label,
	#user-auth-form #dnireg-form-facebook-account label,
	#user-auth-form #update-profile-form-facebook-account label,
	#user-auth-form #update-profile-form-facebook-account-d label  {
		color: #ffffff;
		text-transform: none;
		margin-bottom: 1em;
		}
	#user-auth-form #dnilogin-form-facebook-account input,
	#user-auth-form #dnireg-form-facebook-account input,
	#user-auth-form #update-profile-form-facebook-account input,
	#user-auth-form #update-profile-form-facebook-account-d input {
		color: #ffffff;
		text-transform: none;
		margin-bottom: 0;
		}
	
	#user-auth-form input.ua-profile-management-connectFacebook,
	#user-auth-form input.ua-profile-management-disconnectFacebook {
		font-size: 1.1em;
		}
		
		
	/* Other Form Sections */
	#user-auth-form .fb-enabled  #dnireg-form-acc-info,
	#user-auth-form #update-profile-form-acc-info {
		background: #000000 url(../images/dmax_bg_tile_top.gif) repeat-x top;
		border: #21b1a7 solid;
		border-width: 1px 1px 0;
		width: 217px;
		padding: 2.2em 5px .5em 20px;
		margin-bottom: 0;
		float: left;
		}
	#user-auth-form .fb-enabled #dnireg-form-about-you,
	#user-auth-form #update-profile-form-about-you {
		border: #21b1a7 solid;
		border-width: 0 1px 1px;
		width: 217px;
		clear: left;
		float: left;
		padding: 2.2em 5px 1.2em 20px;
		margin-top: 0;
		}
	#user-auth-form .fb-enabled .dnireg-form-last-name,
	#user-auth-form .update-profile-form-last-name {
		float: none;
		}
	#user-auth-form .fb-enabled #dnireg-form-other-info,
	#user-auth-form #update-profile-form-other-info {
		float: left;
		border: #21b1a7 solid;
		border-width: 0 1px;
		padding: 2.2em 20px 1.2em;
		margin-bottom: 0;
		margin-top: 0;
		width: 720px;
		}
		
		
	/* User Login */
	#user-auth-form #dnilogin-form-facebook-account {
		background: #000000 url(../images/dmax_bg_tile_top.gif) repeat-x top;
		border: #21b1a7 solid 1px;
		float: right;
		margin-right: -282px;
		width: 240px;
		left: 230px;
		overflow: hidden;
		margin-top: -1.5em;
		padding-top: 2.2em;
		padding-left: 20px;
		padding-right: 20px;
		}
	#user-auth-form #dnilogin-form-facebook-account p { width: 210px; margin-right: 0;}
	
	
	/* IE Fixes */
		
		* html #user-auth-form #dnilogin-form-facebook-account { top: 5px; left: 233px;}
		
		*:first-child+html #user-auth-form .fb-enabled #dnireg-form-facebook-account,
		*:first-child+html #user-auth-form #update-profile-form-facebook-account,
		*:first-child+html #user-auth-form #update-profile-form-facebook-account-d {
			position: absolute;
			left: 249px;
			margin-left: 0;
			margin-right: 0;
			}
		* html #user-auth-form .fb-enabled #dnireg-form-facebook-account,
		* html #user-auth-form #update-profile-form-facebook-account,
		* html #user-auth-form #update-profile-form-facebook-account-d {
			position: absolute;
			left: 252px;
			margin-left: 0;
			margin-right: 0;
			}
			
		*:first-child+html #user-auth-form .fb-enabled #dnireg-form-acc-info,
		*:first-child+html #user-auth-form #update-profile-form-acc-info {
			float: none;
			top: 3px;
			}
		* html #user-auth-form .fb-enabled #dnireg-form-acc-info,
		* html #user-auth-form #update-profile-form-acc-info {
			float: none;
			top: 3px;
			}
			
		*:first-child+html #user-auth-form .fb-enabled #dnireg-form-about-you,
		*:first-child+html #user-auth-form #update-profile-form-about-you,
		*:first-child+html #user-auth-form .fb-enabled #dnireg-form-other-info,
		*:first-child+html #user-auth-form #update-profile-form-other-info {
			border-top-color: #000000;
			}
		* html #user-auth-form .fb-enabled #dnireg-form-about-you,
		* html #user-auth-form #update-profile-form-about-you,
		* html #user-auth-form .fb-enabled #dnireg-form-other-info,
		* html #user-auth-form #update-profile-form-other-info {
			border-top-color: #000000;
			}
			
			
		
/* Picture Picker */


	#user-auth-form #update-profile-form-picture,
	#user-auth-form #dnireg-form-picture {
		clear: both;
		position: relative;
		width: 700px;
		overflow: hidden;
		margin-right: -250px;
		margin-bottom: 20px;
		}
	#dnireg-form #dnireg-form-picture .heading { margin-bottom: 1em;}
	#update-profile-form-picture .picker,
	#dnireg-form-picture .picker { right: 50px;}
	.upgrade-step-1 #dnireg-form-picture .picker { right: 0;}
	
	#user-auth-body #user-auth-form .user-auth-form-picture .picker p { width: auto;}

	#user-auth-body #user-auth-form .user-auth-form-picture .intro {
		width: 220px;
		margin-bottom: .5em;
		}
	.user-auth-form .user-auth-form-picture .intro img {
		margin: 0;
		left: 0;
		}
	.fb-enabled .main-form .user-auth-form-picture .intro,
	.update-profile .main-form .user-auth-form-picture .intro,
	.fb-enabled .main-form .user-auth-form-picture .upload,
	.update-profile .main-form .user-auth-form-picture .upload {
		margin-right: 390px;
		}
		
	#user-auth-body .user-auth-form .user-auth-form-picture .upload {
		background: none;
		border-top: #333333 solid 2px;
		padding-right: 114px;
		margin-bottom: 0;
		}
	.user-auth-form .user-auth-form-picture .picker {
		background: none;
		border-left: #333333 solid 2px;
		top: 2.4em;	right: -50px;
		padding-right: 10px;
		padding-left: 10px;
		min-height: 150px;
		}
	.user-auth-form .user-auth-form-picture .sub-heading { text-transform: uppercase;}
	
	.user-auth-body .fb-enabled .user-auth-form-picture .picker,
	.user-auth-body .update-profile .user-auth-form-picture .picker {
	 	right: 40px;
	 	}
	
	#user-auth-form .fb-enabled #dnireg-form-picture,
	#user-auth-form #update-profile-form-picture {
		background: #000000 url(../images/dmax_bg_tile_top.gif) repeat-x top;
		border: #21b1a7 solid;
		border-width: 1px 1px 0;
		position: relative;
		top: 20px;
		margin-bottom: 20px;
		padding: 2.2em 25px 50px;
		width: 710px;
	 	}
	
	
	/* IE Fixes */
		
		*:first-child+html .user-auth-form .user-auth-form-picture .picker { padding-right: 0;}
		* html .user-auth-form .user-auth-form-picture .picker {
			padding-right: 0;
			height: 150px;
			top: 3.5em;
			}
				
		* html .user-auth-form .user-auth-form-picture .intro { height: 70px;}
		*:first-child+html .main-form .user-auth-form-picture .upload { margin-right: 346px;}
			
			
	
/* Confirm & Submit Sections */


	#user-auth-form .form-section-container .confirm-section {
		margin-right: 100px;
		padding-right: 8em;
		}
	#user-auth-form .confirm-section { padding-right: 0; float: left;}
	
	#dnireg-form #dnireg-form-confirm {
		padding-top: .5em;
		padding-bottom: .5em;
		}
		
	#dnireg-form-confirm ul {
		list-style-type: none;
		overflow: hidden;
		line-height: 1.5em;
		}
	#dnireg-form-confirm li { position: relative;}
	#dnireg-form-confirm li label { margin-left: 25px;}
	#dnireg-form-confirm li input { position: absolute; left: 0; top: 2px;}
	
	.user-auth-form .submit input { color: #2dadaa; cursor: pointer;}	
	.user-auth-form .submit input:hover,
	.user-auth-form .submit input:focus { color: #99cccc;}
	
	.user-auth-form .submit input {
		background: transparent url(../images/dmax_arrow_green.gif) no-repeat right center;
		border: none;
		padding-right: 20px;
		text-align: right;
		}
	
	.user-auth-form .submit {
		margin: -3.7em 1em 2.5em;
		position: absolute;
		right: 400px;
		}

	.register-step-1 .user-auth-form .submit {
		bottom: 4em;
		right: 110px;
		clear: both;
		}
		
	.reset-step-1 .user-auth-form .submit { left: 340px;}
	.update-profile .user-auth-form .submit { left: 500px;}
	
	#dnireg-form .confirm-section fieldset { background: none; border: none;}
	.form-section #dnireg-form-confirm h4.heading { display: none;}
	
	.fb-enabled #user-auth-form .confirm-section,
	.update-profile #user-auth-form .update-password {
		border: #21b1a7 solid;
		border-width: 0 1px 1px;
		margin-top: -3px;
		padding-right: 0;
		margin-right: 0;
		width: 760px;
		clear: left;
		}
	.fb-enabled #user-auth-form .form-section-container .confirm-section,
	.update-profile #user-auth-form .form-section-container .update-password {
		width: 710px;
		}
	.fb-enabled #user-auth-form .form-section-container .confirm-section,
	.update-profile #user-auth-form .form-section-container .update-password {
		border: 0;
		}
	.fb-enabled #user-auth-form .submit,
	.update-profile #user-auth-form .submit {
		right: 0;
		left: 550px;
		}
	.fb-enabled #dnireg-form-confirm,
	#update-profile-form-updatePassword {
		padding-left: 25px;
		}
	
	
	/* IE Fixes */
		
		*:first-child+html #dnireg-form p.submit { margin-right: 0;}
		
		*:first-child+html .reset-step-1 #dnireg-form p.submit { margin-top: -3.3em;}
		* html .reset-step-1 #dnireg-form p.submit { margin-top: -3.3em;}
		
		*:first-child+html #dnireg-form p.submit { margin-top: -2.8em; }
		* html #dnireg-form p.submit { margin-top: -2.8em;}
		
		* html #dnireg-form .confirm-section { display: inline;}



/* User Login */


	/* Headings */
	#dnilogin-form .form-section h3.heading {
		margin-top: 0;
		margin-left: 0;
		margin-right: 0;
		position: relative;
		padding-left: 10px;
		width: 500px;
		}
	#dnilogin-form .form-section h3.heading {
		color: #ffffff;
		font-weight: bold;
		text-transform: uppercase;
		}
		
		
	/* Main Form */
	.login #user-auth-form {
		margin-right: 280px;
		overflow: visible;
		float: left;
		position: relative;
		}
	#user-auth-form #dnilogin-form {
		background: none;
		border: none;
		overflow: visible;
		position: static;
		}
	#user-auth-form #dnilogin-form-login p { width: 200px; margin-right: 0;}
	#user-auth-form #dnilogin-form .form-section-container {
		width: 250px;
		padding-right: 220px;
		}
	#user-auth-form #dnilogin-form-login .submit {
		background-image: url(../images/ua_dmax_login_logo.gif);
		}
	#user-auth-form #dnilogin-form .form-section { position: static;}
	#dnilogin-form-login { float: left; position: static;}
	
	#user-auth-form #dnilogin-form-login p.dnilogin-form-rememberMe {
		width: auto;
		padding-top: 1em;
		padding-left: 2em;
		clear: left;
		float: none;
		position: relative;
		}
	#user-auth-form #dnilogin-form-login p.dnilogin-form-rememberMe input {
		position: absolute;
		top: 1em; left: 0;
		}
	#user-auth-form #dnilogin-form-login p.dnilogin-form-rememberMe label { float: none;}
	
	#user-auth-form #dnilogin-form .user-auth-help { width: 220px; left: 220px;}
	
		/* IE Fixes */
		
		*:first-child+html #user-auth-form #dnilogin-form .form-section { zoom: 1;}
		* html #user-auth-form #dnilogin-form .form-section { zoom: 1;}
		
		*:first-child+html #user-auth-form #dnilogin-form-login p.dnilogin-form-rememberMe { margin-left: -5px;}
		* html #user-auth-form #dnilogin-form-login p.dnilogin-form-rememberMe { margin-left: -5px;}
		
		
	/* Submit */
	#user-auth-form #dnilogin-form .main-form .submit {
		margin-bottom: -2em;
		position: absolute;
		bottom: 2.5em;
		left: 100px;
		width: 250px;
		z-index: 2;
		}


	/* Controls */
	#dnilogin-form-controls {
		background: none;
		border: none;
		position: relative;
		right: 10px;
		}
	#dnilogin-form-controls ul li {
		list-style-type: none;
		padding: .1em 0 .1em 20px;
		background: url(../images/dmax_arrow_green.gif) no-repeat left center;
		}
	.user-auth-body #user-auth-form #dnilogin-form .controls {
		float: none;
		padding-right: 0;
		}
	#user-auth-form #dnilogin-form #dnilogin-form-controls {
		clear: left;
		}
		
		
	/* IE Fixes */
		
		* html #user-auth-form #dnilogin-form .user-auth-help { left: 240px;}
		*:first-child+html #user-auth-form #dnilogin-form .user-auth-help { left: 240px;}
		
		*:first-child+html #user-auth-form #dnilogin-form-login p.dnilogin-form-rememberMe { display: inline;}
		* html #user-auth-form #dnilogin-form-login p.dnilogin-form-rememberMe { display: inline;}
		
		*:first-child+html #user-auth-form #dnilogin-form-login p.dnilogin-form-rememberMe input { top: .75em;}
		* html #user-auth-form #dnilogin-form-login p.dnilogin-form-rememberMe input { top: .75em;}
		
		*:first-child+html .user-auth-body #user-auth-form #dnilogin-form .controls { display: inline; zoom: 1;}
		* html .user-auth-body #user-auth-form #dnilogin-form .controls { display: inline; zoom: 1;}
		
		*:first-child+html #dnilogin-form-controls ul li { zoom: 1;}
		* html #dnilogin-form-controls ul li { zoom: 1;}
		
		*:first-child+html .user-auth-body #user-auth-form #dnilogin-form .form-section-container .controls {
			display: inline;
			}
		* html .user-auth-body #user-auth-form #dnilogin-form .form-section-container .controls {
			display: inline;
			}