#centered_div { 
	position: absolute; 
	top: 50%; 
	left: 50%; 
	margin-left: -160px; /* 321 */
	margin-top: -135px; /*275*/
	padding-top:5px;
	padding:15px;
	background-color:rgba(0, 32, 46,0.8);
	border:3px dotted #fff8e7;
}
#error_display{
	color:red;
	min-height:40px;
}
input{
	background-color:#003f5c;
	color:#fff8e7;
}
/* to make inputs align correctly */

#username,#rusername{
	margin-left:42px;
}
#password,#rpassword{
	margin-left:45px;
}

/* login/register tab buttons */
.register_login_active{
    pointer-events: none;
}
.register_login_active,#login_register button:hover{
	border: 2px solid rgb(0, 191, 255)!important; 
	border-bottom:2px solid rgba(0, 191, 255,0.0)!important; /*invisible border to stop jittering*/
	margin:0px;
}
#login_register button{
	background-color:inherit;
	background-image:none;
	border:none;
	color:orange;
	margin:2px;
	border-bottom:2px solid rgb(0, 191, 255);
	border-radius:2px;
	margin-bottom:10px;
}
/* to keep buttons the same size */
#login,#register{
	width:70px;
}
#warning{
	color:#aa4241;
	margin: 5px 0px;
	display:none;
}
#welcome_message{
	color:orange;
}


@media only screen and (max-width: 345px){
	#username{
		margin-left:40px;
	}
	
	#rusername{
		margin-left:40px;
	}
	#rpassword{
		margin-left:43px;
	}
	#rpassword2{
		margin-left:0px;
	}
}
@media only screen and (max-width: 327px){
	#username{
		margin-left:48px;
	}
	#password{
		margin-left:50px;
	}
	
	#rusername{
		margin-left:48px;
	}
	#rpassword{
		margin-left:49px;
	}
	#rpassword2{
		margin-left:50px;
	}
}