/*////////////////////////////////////////////////////////////////////
// --- LAYOUT.LOGIN.CSS
//
////////////////////////////////////////////////////////////////////*/

/* ---------------------------------------------------------------- */
/* *** Login  *** */

.loginBox
{
	width:				400px;
	border:				2px solid rgb(236,6,119);
	border-radius:		10px;
	padding:			20px;
	box-sizing:			border-box;
}

.loginBox_ctrl
{
	height:				30px;
	width:				80%;
	padding:			5px;
	border:				1px solid #a0a0a0;
	border-radius:		5px;
	margin-top:			10px;
	margin-bottom:		10px;
}

.loginBox_ctrl:focus
{
    outline:			none;
}

.loginBox_submit
{
	border:				none;
	background-color:	rgb(236,6,119);
	color:				white;
	font-weight:		bold;
	font-size:			15px;
	cursor:				pointer;
}

/* ---------------------------------------------------------------- */
/* *** Signin  *** */

.signinBox
{
	width:				400px;
	border:				2px solid rgb(236,6,119);
	border-radius:		10px;
	padding:			10px;
	box-sizing:			border-box;
	color:				black;
	background-color:	#f5f5f5;
	font-size:			15px;
}

.signin_caption
{
	border-radius:		10px;
	padding:			10px;
	background-color:	rgb(236,6,119);
	color:				white;
	font-weight:		bold;
	font-size:			18px;
	margin-bottom:		20px;
}

.signin_text
{
	font-size:			14px;
	line-height:		150%;
}

.signin_disclaimer
{
	font-size:			12px;
	font-style:			italic;
}

/* ---------------------------------------------------------------- */
/**/

.changePasswordBox
{
	width:				400px;
	border:				2px solid rgb(236,6,119);
	border-radius:		10px;
	padding:			10px;
	box-sizing:			border-box;
	color:				black;
	background-color:	#f5f5f5;
	font-size:			15px;
}

/* ---------------------------------------------------------------- */
/**/

.forgottenPasswordBox
{
	width:				400px;
	border:				2px solid rgb(236,6,119);
	border-radius:		10px;
	padding:			10px;
	box-sizing:			border-box;
	color:				black;
	background-color:	#f5f5f5;
	font-size:			15px;
}

/* If the screen size is 300px wide or less, ... */

@media only screen and (max-width: 320px)
{
	.loginBox
	{
	 width:				100%;
	}

	.signinBox
	{
	 width:				100%;
	}

	.changePasswordBox
	{
	 width:				100%;
	}

	.forgottenPasswordBox
	{
	 width:				100%;
	}
}