#loginButtonId{
	margin-top:40px;
	height:40%;
	width:40%;
}

#registerButtonId{
	margin-top:10px;
	height:40%;
	width:40%;
}

#backButtonRegMenu{
	margin-top:10px;
	display:none;
}

#backButtonRegMenu:hover{
	opacity:0.8;
	cursor:pointer;
}

#loginButtonId:hover{
	opacity:0.8;
	cursor:pointer;
}

#registerButtonId:hover{
	opacity:0.8;
	cursor:pointer;	
}



#loginFormID{
	margin-top:25px;
	text-align:center;
	background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	display:none;
}

#loginButtonID {
    width: 150px;
    background-color: #4CAF50;
    color: white;
    padding: 10px 10px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
		
#loginButtonID:hover {
    background-color: #45a049;
}



#registerFormID{
	margin-top:25px;
	text-align:center;
	background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	display:none;
}

#wannaDLogoReg{
	margin-top:50px;
}

#textInputID{
	border: 1px solid #ccc;
    border-radius: 4px;
	padding:5px;
}



#passwordID{
	border: 1px solid #ccc;
    border-radius: 4px;
	padding:5px;
}

#confirmPasswordID{
	border: 1px solid #ccc;
    border-radius: 4px;
	padding:5px;
}



#dob_day{
	border: 1px solid #ccc;
    border-radius: 4px;
	padding:5px;
}

#dob_month{
	border: 1px solid #ccc;
    border-radius: 4px;
	padding:5px;
}

#dob_year{
	border: 1px solid #ccc;
    border-radius: 4px;
	padding:5px;
}

#signUpTermsAccept{
	font-size:12px;
}

#registerButtonID {
    width: 200px;
    background-color: #4CAF50;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
		
#registerButtonID:hover {
    background-color: #45a049;
}

#regSucTitle{
    text-align:center;
}

#regSucText{
    text-align:center;
}