#register, #login, #forgot_password {
    border: 1px solid #CCC;
    border-radius: 1em;
	padding-bottom: 20px;
}

#register {
	background-color:#FFFFFF;
	height:330px;
	width:400px;
	float:left;
	padding-left:20px;
	margin-left:40px;
}

#login {
	background-color:#FFFFFF;
	height:150px;
	width:400px;
	float:right;
	padding-left:20px;
	margin-right:40px;
}

#forgot_password {
	margin-top: 10px;
	background-color:#FFFFFF;
	height:150px;
	width:400px;
	float:right;
	padding-left:20px;
	margin-right:40px;
}

.register_login_form #register_label, .register_login_form #login_label, .register_login_form #password_label {
	font-size: 20px;
	padding-left: 10px;
	text-align: left;
}

.register_login_form label {
	/* To make sure that all label have the same size and are properly align */
    display: inline-block;
    width: 90px;
    text-align: right;
	margin-right: 15px;
	color:black;
}

.register_login_form label[class="error"]{
	width:auto;
	color:red;
	margin-left:105px;
}

.register_login_form input, .register_login_form textarea{
    /* To give the same size to all text field */
    width: 200px;
	font-size:10pt;
}

.register_login_form input[type="checkbox"] {
	width: auto;
	margin-left: 95px;
}

.register_login_form textarea {
    /* To properly align multiline text fields with their labels */
    vertical-align: top;

    /* To give enough room to type some text */
    height: 5em;

    /* To allow users to resize any textarea vertically
       It does not work on every browser */
    resize: vertical;
}

.register_login_form p {
    margin-top: 1em;
}

.wrapper {
	position: relative;
}