regluit/static/less/registration.less

@import "variables.less";

#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;
						
			&[type=submit] {
				text-decoration: capitalize;
				.actionbuttons;
			}
			
			&:focus {
				border: solid 1px @call-to-action;
			}
		}
		
		span.helptext {
			display: block;
			margin-top: -11px;
			font-style: italic;
			font-size: 12px;
		}
	}
	
	.google_signup {
		.google_signup_div;
	}
}

.actionbutton {
	.actionbuttons;
	float: left;
}

#welcomesearch {
	label {
		display: block;
		margin: 0 auto;
		font-size: 17px;
		padding-bottom: 10px;
	}

	p {
		margin-bottom: 5px;
	}
	
	form { 
		margin: 0 auto; 
		width:210px; 
		background:url("@{image-base}landingpage/search-box-two.png") 0 0 no-repeat; 
		height:36px; 
		display:block; 
		overflow:hidden; 
	}
	
	input {
		&.inputbox { 
			border:none; 
			color:#66942e; 
			.height(26px); 
			font-size:13px; 
			float:left; 
			padding:0; 
			margin:5px 0 5px 20px; 
			width: 149px;
    	    outline: none;
    	    
    	    &:focus {
    	    	border: none;
    	    }
		}
	
		&.greenbutton[type="submit"] { 
			background:url("@{image-base}landingpage/search-button-two.png") 0 0 no-repeat;
			width:40px; 
			height:40px; 
			padding:0; 
			margin:0; 
			border:none; 
			display:block; 
			float: right; 
			text-indent:-10000px; 
			font-size:0;
			.one-border-radius(0);
		}
	}
}

.welcomealternatives {
	border-top: 1px solid @blue-grey;
	margin-top: 10px;
	padding-top: 5px;
}