.cleanlayout {
	width: 100%;
	position: relative;
	margin-top: 30px;
	height: 400px;
	}

/* welcome page */

#welcomeback h2 {
	position: absolute;
	left: 268px;
	top: 70px;}
	
#welcomeback p {
	position: absolute;
	top:110px;
	left: 274px;
	width: 280px;
	}

#welcomeback img {
	position: absolute;
	top:35px;
	left: 541px;
	}


/* --- LOGIN PAGE --- */

#login-register .left {
	float: left;
	width: 200px; /* overwrite this below */
	border-right: 1px solid #414141;
	padding-right: 13px;
	overflow: auto;
	}

#login-register .right {
	float: left;
	width: 200px; /* overwrite this below */
	padding-left: 13px;
	overflow: auto;
	}

#login-register h2 {
	position: absolute;
	left: 170px;
	top: 70px;}
	
#login-register .float-wrap {
	position: absolute;
	top:120px;
	left: 210px;
	float: left;
	}

.cleanlayout .forms {
	overflow: hidden;
	clear: both;
	width: 180px;
	margin: 0px;
	padding: 3px 0px 3px 0px;
	}
	
.cleanlayout label {
	width: 40px;
	float: left;
	font-weight: 500;
	margin: 3px 0px 0px 0px;}
	
.cleanlayout input {
	width:125px;
	float: right;
	padding: 0px;
	margin: 0px 5px 0px 0px;
	}

.cleanlayout .float-wrap {
	overflow: auto;}

.cleanlayout h4 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;}



/* SPECIFIC LOGIN STATES */

/* email section */ 
.cleanlayout #login-email-section .float-wrap {
	width:400px;}
	
.cleanlayout #login-email-section .left, #login-email-section .right {
	width: 180px;
	}

.cleanlayout #login-email-section .graybutton {
	margin-right:5px;
	}
	
.cleanlayout #login-email-section .graybutton span {
	width:130px;padding:0px;
	}


/* password */

.cleanlayout #login-password-section .float-wrap {
	width:420px;}
	
.cleanlayout #login-password-section .left {
	width: 200px;
	}

.cleanlayout #login-password-section .right {
	width: 180px;
	}

.cleanlayout #login-password-section .graybutton {
	margin-right:5px;
	}
	
.cleanlayout #login-password-section .graybutton span {
	width:130px;padding: 3px 0px 0px 0px; height: 16px;
	}
	
.cleanlayout #login-password-section .forms {
	width: 200px;
	}

.cleanlayout #login-password-section .password {
	margin-left: 65px;
	font-size: 10px;
	text-decoration: none;
	text-align: right;
	}
	
/* gather email modal */
.cleanlayout #gather-email-modal {
	width:485px;}

.cleanlayout #gather-email-modal .top {
	padding-top: 22px;}

.cleanlayout #gather-email-modal .graybutton {
	margin-right: 5px;}
	
.cleanlayout #gather-email-modal .graybutton span {
	width: 145px;
	padding: 0px;}
	
.cleanlayout #gather-email-modal .right .forms {
	width:200px;}
	
.cleanlayout #gather-email-modal .right .forms input {
	width:140px;}
	
/* Registration modal */

.cleanlayout #registration-section .right div {
	}

.cleanlayout #registration-section .right .forms, .cleanlayout #registration-section .right {
	width: 305px;
	margin-bottom: 0px;}

.cleanlayout #registration-section label {
	width: 160px;
	text-align: right;} 
	
.cleanlayout #registration-section .right {
	width: 180px; /* overwrite this below */
	}

.cleanlayout #registration-section .left {
	width: 305px; /* overwrite this below */
	}

.cleanlayout #registration-section .forms {
	width: 305px;}

/* cleanlayout checkboxes */

.cleanlayout .checkboxes {
	clear:both;
	overflow: hidden;
	padding-bottom:5px;
	padding-top: 5px;
	width: 500px;}
	
.checkboxes hr {
	margin: 5px 0px;
	clear: both;
	}
	
.cleanlayout .checkboxes input {
	position: relative;
	left:3px;
	width: auto;
	margin: 0px 10px 0px 5px;
	float: right;
	clear: right;}
	
.cleanlayout #registration-section .checkboxes label {
	float:right;
	font-size:10px;
	font-weight:500;
	margin-bottom:3px;
	margin-top:1px;
	width:auto;}	

/* --- Evil state complete login page --- */

/* set-password-view */

#set-pass h2 {
	position: absolute;
	left: 170px;
	top: 70px;}
	
#set-pass .float-wrap {
	position: absolute;
	top:120px;
	left: 210px;
	overflow: auto;
	
	width: 600px;
	}

#set-pass .graybutton {
	margin-right: 5px;
	}

#set-pass .graybutton span {
	width: 115px;
	}

#set-pass .left {
	width: 320px;
	float: left;
	border-right: 1px solid #414141;
	padding-right: 15px;
	}

#set-pass .right {
	width: 240px;
	float: right;
	padding-top: 18px;}
	
#set-pass .forms {
	overflow: hidden;
	clear: both;
	margin: 0px;
	padding: 3px 0px 3px 0px;
	width: 300px;
	}
	
#set-pass label {
	width: 145px;
	float: left;
	font-weight: 500;
	margin: 0px;
	text-align: right;
	}

#set-pass .terms {
	font-size: 10px;
	float: none;
	font-weight: 500;
	padding-top: 3px;
	}

#set-pass input[type="checkbox"] {
	position: relative;
	left:3px;
	margin-left: 10px;}

#set-pass input {
	width:130px;
	float: right;
	padding: 0px;
	margin: 0px 5px 0px 0px;
	}
	
#set-pass .form-box {
    overflow: auto;
    color: #2b2b2b;
    padding: 10px;
	}

#set-pass #user-auth a {
	margin-left: 30px;}