.login-cont
{
	width: 						50%;
	margin: 					0 auto;

	-webkit-box-shadow: 		0px 0px 10px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 			0px 0px 10px 0px rgba(0, 0, 0, 0.75);
	box-shadow: 				0px 0px 10px 0px rgba(0, 0, 0, 0.75);
}

.login-inner
{
	
}

.login-header
{
	color: 						#FFF;
	font-size: 					20px;
	text-shadow: 				0 1px 0 #000;
	border-bottom: 				2px solid #FFF;
}

.login-cont hr
{
	height: 					1px;
	padding: 					0;
	margin: 					0;
	background: 				#BBB;
	border: 					none;
}

.login-label
{
	font-size: 					14px;
}

.login-input
{
	width: 						100%;
	height: 					35px;

	line-height: 				35px;

	padding: 					0 15px;

	font-size: 					14px;

	border: 					1px solid #BBB;
	border-radius: 				3px;
}

.login-button
{
	height: 					35px;

	padding: 					0 15px;

	color: 						#FFF;
	font-size: 					17px;
	text-shadow: 				0 1px 0 #000;

	border-radius: 				3px;

	-webkit-transition: 		all 200ms ease;
	-moz-transition: 			all 200ms ease;
	-ms-transition: 			all 200ms ease;
	-o-transition: 				all 200ms ease;
	transition: 				all 200ms ease;
}

.login-submit-cont
{
	line-height: 				35px;
}

.login-submit-cont .fa
{
	margin-left: 				5px;
}

.login-submit-cont .right span
{
	margin: 					0 5px;
}

.login-submit-cont a,
.login-footer a
{
	text-decoration: 			underline;
	font-size: 					14px;
}

.login-footer
{
	line-height: 				35px;

	color: 						#777;
	font-size: 					14px;
}

.login-footer a
{
	color: 						#777;
	font-size: 					14px;
}

.email-error,
.password-error
{
	line-height: 				20px;
	font-size: 					14px;
}

.email-error .fa,
.password-error .fa
{
	margin-right: 				5px;
}

.error-message-cont
{
	margin: 					30px 0;
	padding: 					15px;

	text-align: 				center;

	border: 					1px solid;
	border-radius: 				3px;
}

.error-message-cont button
{
	text-decoration: 			underline;
}

.note
{
	padding: 					15px;

	line-height: 				20px;

	color: 						#666;
	font-size: 					14px;

	background: 				#EEE;

	border: 					1px solid #BBB;
	border-radius: 				3px;
}

.note span
{

}

.note span .fa
{
	margin-right: 				5px;

	font-size: 					13px;
}

.note a
{
	text-decoration: 			underline;
}

.login-avatar-cont .login-avatar-item
{
	margin: 3px;
	width: 49px;
	height: 49px;
}

.login-avatar-cont .login-avatar-item a
{
	display: block;
	border: 2px solid #BBB;
	border-radius: 3px;
	overflow: hidden;
}

.login-avatar-cont .login-avatar-item a.selected
{
	border: 2px solid #CC001D;
}

.login-avatar-cont .login-avatar-item a img
{
	width: 100%;
	height: auto;
}

#login-auth .social-auth-button-cont { color: #FFF; font-family: Helvetica, Arial, sans-serif; border: 1px solid; border-radius: 5px; overflow: hidden; }
#login-auth .social-auth-button-left, #login-auth .social-auth-button-right { line-height: 40px; }
#login-auth .social-auth-button-left { width: 42px; text-align: center; font-size: 22px; border-right: 1px solid }
#login-auth .social-auth-button-right { padding-left: 10px; }
#login-auth-google .social-auth-button-cont { background: #DF4A32; border-color: #C4092C; }
#login-auth-google .social-auth-button-cont .social-auth-button-left { border-color: #C4092C; }
#login-auth-facebook .social-auth-button-cont { background: #3B5999; border-color: #203E70; }
#login-auth-facebook .social-auth-button-cont .social-auth-button-left { border-color: #203E70; }
#login-auth .clicker { 
	background: rgba(255, 255, 255, 0.0);
	-webkit-transition: background 300ms ease;
	-moz-transition: background 300ms ease;
	-ms-transition: background 300ms ease;
	-o-transition: background 300ms ease;
	transition: background 300ms ease;
}
#login-auth .clicker:hover { background: rgba(255, 255, 255, 0.2) }
.registration-or-placeholder, .registration-or-text { height: 40px; }
.registration-or-border { position: absolute; top: 20px; width: 100%; height: 0; line-height: 0; border-bottom: 1px solid #BBB; }
.registration-or-text { position: absolute; top: 0; left: 0; width: 100%; text-align: center; }
.registration-or-text span { padding: 0 15px; line-height: 40px; background: #FFF; }