@import "variables.less";

.errorlist {
	.one-border-radius(32px);
	border: solid @alert 4px;
	width: 90%;
	padding: 5px;
	font-weight: bold;
	padding: 7px 0;
	.height(16px);
	text-align: center;	
	
	li {
		list-style: none;
		border: none;
	}
}

#login_centerer {
    padding:10px 25%;
    width: 960px;
}

#registration {
	width: 960px;
	padding: 10px;
	margin: 0 auto;
	padding: 10px 0;
	font-size: 13px;
	line-height: 18px;
}

#registration input[type="submit"] {
    margin: 0 auto;
    padding: 5px 0;
}

#login {
	border: solid 3px @blue-grey;
	.one-border-radius(5px);
	margin: 10px auto;
	float: left;
	padding: 10px;
	width: 50%;
	
	form {
		label {
			display: block;
		}
		
		input {
			width: 90%;
			.one-border-radius(5px);
			border: 1px solid @blue-grey;
			.height(18px);
			margin-bottom: 16px;
			
			&:focus {
				border: 1px solid @call-to-action;
				outline: none;
			}
			
			&[type=submit] {
				text-decoration: capitalize;
				.actionbuttons;
			}
		}
		
		span.helptext {
			display: block;
			margin-top: -11px;
			font-style: italic;
			font-size: 12px;
		}
	}
	
	.google_signup {
		.google_signup_div;
	}
}

.actionbutton {
	.actionbuttons;
	float: left;
}