/* TAT - login */


@-webkit-keyframes login-bg-slide{
	0%{
		-webkit-transform				:scaleY(0);
				transform				:scaleY(0);
	}
	100%{
		-webkit-transform				:scaleY(1);
				transform				:scaleY(1);
	}
}

@keyframes login-bg-slide{
	0%{
		-webkit-transform				:scaleY(0);
				transform				:scaleY(0);
	}
	100%{
		-webkit-transform				:scaleY(1);
				transform				:scaleY(1);
	}
}

@-webkit-keyframes slide-in-elliptic-top-fwd{
	0%{
		margin-top						:70px;
		opacity							:0.0;
	}
	100%{
		margin-top						:140px;
		opacity							:1;
	}
}

@keyframes slide-in-elliptic-top-fwd{
	0%{
		margin-top						:70px;
		opacity							:0.0;
	}
	100%{
		margin-top						:140px;
		opacity							:1;
	}
}

#tagline-auth{
	margin-bottom						:20px;
	font								:bold 11px Arial, Helvetica, sans-serif;
	color								:#c63929;;
}

button.medium
{
	background:#c63929;
	border: 1px solid #a53023;
}

button.medium:hover
{
	background:#a53023;
}

#auth-frm{
	width								:320px;
	margin								:0 auto;
	margin-top							:140px;
	background-color					:white;
	-webkit-box-shadow					:0px 0px 40px 21px rgba(255,255,255,1);
	-moz-box-shadow						:0px 0px 40px 40px rgba(255,255,255,1);
	box-shadow							:0px 0px 40px 40px rgba(255,255,255,1);
	-webkit-animation					:slide-in-elliptic-top-fwd 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation							:slide-in-elliptic-top-fwd 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

#auth-frm .input-default{
	width								:310px;
}

#auth-help a:hover {
    color:#c63929;;
}

.login-bg-anim{
	margin-left							:auto;
	display								:inline-block;
	margin-right						:auto;
}

.login-bg-anim div{
	display								:inline-block;
}

.anim{
	width								:100%;
	height								:100%;
	position							:absolute;
	bottom								:0px;
	left								:0px;
	text-align							:center;
	z-index								:-1;
}

body.auth{
	background							:white !important;
	overflow							:hidden;
}

.login-bg-anim img{
	-webkit-animation-name				:login-bg-slide;
	-webkit-animation-direction			:normal;
	-webkit-transform-origin			:center top;
	animation-name						:login-bg-slide;
	animation-direction					:normal;
	transform-origin					:center top;
}

.anim1 img{
	-webkit-animation-duration			:2s;
	animation-duration					:2s;
}

.anim2 img{
	-webkit-animation-duration			:4s;
	animation-duration					:4s;
}

.anim3 img{
	-webkit-animation-duration			:1s;
	animation-duration					:1s;
}

.anim4 img{
	-webkit-animation-duration			:2.5s;
	animation-duration					:2.5s;
}

.anim5 img{
	-webkit-animation-duration			:3s;
	animation-duration					:3s;
}

.anim6 img{
	-webkit-animation-duration			:1.5s;
	animation-duration					:1.5s;
}

.login-warning{
	border								:1px solid;
	margin								:30px 100px;
	padding								:15px 10px 15px 50px;
	color								:#9F6000;
	background-color					:#FEEFB3;
	text-align							:center;
	font								:20px Verdana, sans-serif, Times, Arial, Helvetica;
	FONT-WEIGHT							:BOLD;
	margin-top							:60px;
}

@media (max-height: 500px) {
	#auth-frm{
		margin-top:10px;
		-webkit-box-shadow					:0px 0px 10px 5px rgba(255,255,255,1);
		-moz-box-shadow						:0px 0px 10px 10px rgba(255,255,255,1);
		box-shadow							:0px 0px 10px 10px rgba(255,255,255,1);
	}
	.login-warning{
		margin-top							:10px;
	}

}