.LoginOverlay
{
	width			: 100%;
	height			: 100%;
	position		: fixed;
	top				: 0px;
	bottom			: 0px;
	padding-top		: 100px;
	left			: 0px;
	right			: 0px;
	z-index			: 10000;
	background		: rgba(0,0,0, 0.5);
	display			: none;
}
.LoginHolder
{
	width			: 400px;
	min-height		: 350px;
	margin			: 0px auto;
	background-color: #FFF;
	position		: relative;
	padding-bottom	: 20px;
	-moz-transition		: 0.6s;
	-o-transition		: 0.6s;
	-webkit-transition	: 0.6s;
	transition			: 0.6s;
}

.Success
{
	padding-left		:  300px;
	background-image	: url("/modules/login/img/success.gif");
	background-repeat	: no-repeat;
	background-position	: top left;
	background-size		: 300px;
	-moz-transition		: 0.6s;
	-o-transition		: 0.6s;
	-webkit-transition	: 0.6s;
	transition			: 0.6s;
}

.Close
{
	width			: 25px;
	line-height		: 25px;
	display			: block;
	position		: absolute;
	text-align		: center;
	top				: 1px;
	right			: 1px;
}
.Close::after
{
	content			: '\2573';
	font-weight		: bold;
}
.LoginBlock
{
	padding			: 10px 20px;
	font-family		: 'Roboto', sans-serif;
	font-weight		: 300;
	line-height		: 20px;
	color			: #444;
	font-size		: .9em;
	margin			: 0px;
}


.LoginButtonStyle
{
	width			: 40%;
	margin			: 10px 30px;
	border			: 1px solid #555;
	background-color: #555;
	height			: 40px;
	font-family		: 'Roboto', arial;
	font-size		: .9em;
	color			: #FFF;
	font-weight		: 300;
	padding			: 0px;
	display			: inline-block;
}
.LoginButtonStyle:hover
{
	background-color: rgb(226,240,51);
	color			: #444;
}

.signup
{
	background-color: #FFFFFF;
	border			: 1px solid rgb(129, 27, 61);
	color			: rgb(129, 27, 61);
	line-height		: 40px;
	display			: inline-block;
}

.LoginFormStyle
{
	width			: calc(100% - 60px);
	border			: none;
	border-bottom	: 1px solid #EAEAEA;
	font-family		: 'Roboto', sans-serif;
	font-size		: .9em;
	font-weight		: 300;
	color			: #333;
	line-height		: 40px;
	padding			: 5px 10px;
	margin			: 10px 20px;
}

.LoginFormStyle:focus
{
	border-bottom	: 1px solid rgb(129, 27, 61);
}


.LoginHolder a
{
	color			: rgb(129, 27, 61);
	text-decoration	: none;
	font-weight		: 400;
}
.forgot-pass
{
	display			: inline-block;
	text-align		: right;
	margin			: 10px 30px;
	float			: right;
	margin-left		: 0px;
	line-height		: 30px;
}

@media only screen and (max-width: 600px)
{
	.Success
	{
		padding-left		: 0px;
		background-image	: url("/modules/login/img/success.gif");
		background-repeat	: no-repeat;
		background-position	: top left;
		background-size		: 300px;
		-moz-transition		: 0.6s;
		-o-transition		: 0.6s;
		-webkit-transition	: 0.6s;
		transition			: 0.6s;
	}
	.LoginHolder
	{
		width			: 100vw;
		min-height		: auto;
	}
}