#login-dialog
{
	outline:none
}
#login-dialog.mode-final .box.final
{
	display:block;
	-webkit-animation:final 300ms linear;
	-moz-animation:final 300ms linear;
	-ms-animation:final 300ms linear;
	animation:final 300ms linear
}
@-webkit-keyframes final
{
	0%
{
	opacity:0
}
100%
{
	opacity:1
}

}
#login-dialog.mode-final .box.login,#login-dialog.mode-final .box.register
{
	display:none
}
#login-dialog.mode-register .box.register
{
	-webkit-transform:rotateY(0deg);
	-moz-transform:rotateY(0deg);
	-ms-transform:rotateY(0deg);
	transform:rotateY(0deg);
	opacity:1;
	z-index:10
}
#login-dialog.mode-register .box.login
{
	-webkit-transform:rotateY(180deg);
	-moz-transform:rotateY(180deg);
	-ms-transform:rotateY(180deg);
	transform:rotateY(180deg);
	opacity:0;
	z-index:9
}
#login-dialog.mode-forgot-password .box.forgot-password
{
	-webkit-transform:rotateY(0deg);
	-moz-transform:rotateY(0deg);
	-ms-transform:rotateY(0deg);
	transform:rotateY(0deg);
	opacity:1;
	z-index:10
}
#login-dialog.mode-forgot-password .box.login
{
	-webkit-transform:rotateY(180deg);
	-moz-transform:rotateY(180deg);
	-ms-transform:rotateY(180deg);
	transform:rotateY(180deg);
	opacity:0;
	z-index:9
}
#login-dialog .content-area
{
	opacity:1;
	-webkit-transition:opacity 100ms linear;
	-moz-transition:opacity 100ms linear;
	-ms-transition:opacity 100ms linear;
	transition:opacity 100ms linear
}
#login-dialog h2
{
	margin-bottom:15px
}
#login-dialog .box-area
{
	-webkit-perspective:700;
	-moz-perspective:700;
	-ms-perspective:700;
	perspective:700;
	-webkit-transform-style:preserve-3d;
	-moz-transform-style:preserve-3d;
	-ms-transform-style:preserve-3d;
	transform-style:preserve-3d;
	-webkit-perspective-origin:center center;
	-moz-perspective-origin:center center;
	-ms-perspective-origin:center center;
	perspective-origin:center center;
	height:500px;
}
#login-dialog .box-area.active .box
{
	-webkit-transition:all 800ms ease-in-out;
	-moz-transition:all 800ms ease-in-out;
	-ms-transition:all 800ms ease-in-out;
	transition:all 800ms ease-in-out;
	-webkit-transition-property:-webkit-transform opacity;
	-moz-transition-property:-moz-transform opacity;
	-ms-transition-property:-ms-transform opacity;
	transition-property:transform opacity
}
#login-dialog .box
{
	position:fixed;
	z-index:100;
	left: 50%;
	margin-left: -160px;
	backface-visibility:hidden
}
#login-dialog .box.final
{
	display:none;
	position:relative;
	text-align:center;
	line-height:1.8;
	font-size:14px;
	color:#555
}
#login-dialog .box.final img
{
	display:block;
	margin:10px auto
}
#login-dialog .box.final strong
{
	font-size:18px;
	display:block;
	font-weight:bold;
	color:#111
}
#login-dialog .box.register,#login-dialog .box.forgot-password
{
	-webkit-transform:rotateY(-180deg);
	-moz-transform:rotateY(-180deg);
	-ms-transform:rotateY(-180deg);
	transform:rotateY(-180deg);
	opacity:0;
	z-index:0
}
#login-dialog .box.login
{
	-webkit-transform:rotateY(0);
	-moz-transform:rotateY(0);
	-ms-transform:rotateY(0);
	transform:rotateY(0);
	opacity:1;
	z-index:1
}
#login-dialog .box.loading:after
{
	content:"";
	left:50%;
	bottom:40px;
	margin-left:-16px;
	width:32px;
	height:32px
}
#login-dialog .box.loading .content-area
{
	opacity:0;
	visibility:none;
	pointer-events:none
}
#login-dialog .box .alert
{
	margin:30px -31px -31px;
	padding:15px;
	text-align:center;
	font-weight:bold;
	text-shadow:0 1px rgba(255,255,255,0.4);
	display:block;
	height:0;
	border:0;
	overflow:hidden;
	padding:0 15px;
	-webkit-transition:all 200ms ease-out;
	-moz-transition:all 200ms ease-out;
	-ms-transition:all 200ms ease-out;
	transition:all 200ms ease-out
}
#login-dialog .box .alert.error
{
	background:#dba9a9;
	background:-webkit-linear-gradient(#eed7d7, #dba9a9);
	background:-moz-linear-gradient(#eed7d7, #dba9a9);
	background:-ms-linear-gradient(#eed7d7, #dba9a9);
	background:linear-gradient(#eed7d7, #dba9a9);
	color:#a40000
}
#login-dialog .box .alert.error.active
{
	border:1px solid #b9a1a0;
	border-bottom-color:#ab8181
}
#login-dialog .box .alert.active
{
	border:1px solid #d7ba66;
	border-radius:0 0 5px 5px;
	min-height:19px;
	height:auto;
	padding:15px;
	display:block
}
@-webkit-keyframes avatar-hide
{
	0%
{
	width:96px;
	height:96px;
	opacity:1;
	margin-top:0;
	margin-left:0
}
100%
{
	width:144px;
	height:144px;
	opacity:0;
	margin-left:-24px;
	margin-top:-24px
}

}
@-moz-keyframes avatar-hide
{
	0%
{
	width:96px;
	height:96px;
	opacity:1;
	margin-top:0;
	margin-left:0
}
100%
{
	width:144px;
	height:144px;
	opacity:0;
	margin-left:-24px;
	margin-top:-24px
}

}
@keyframes avatar-hide
{
	0%
{
	width:96px;
	height:96px;
	opacity:1;
	margin-top:0;
	margin-left:0
}
100%
{
	width:144px;
	height:144px;
	opacity:0;
	margin-left:-24px;
	margin-top:-24px
}

}
#login-dialog .box .avatar.active img
{
	width:96px;
	height:96px;
	opacity:1;
	margin-left:0;
	margin-top:0;
	-webkit-animation:avatar-appear 200ms ease-out;
	-moz-animation:avatar-appear 200ms ease-out;
	animation:avatar-appear 200ms ease-out
}
@-webkit-keyframes avatar-appear
{
	0%
{
	width:144px;
	height:144px;
	opacity:0;
	margin-left:-24px;
	margin-top:-24px
}
100%
{
	width:96px;
	height:96px;
	opacity:1;
	margin-left:0;
	margin-top:0
}

}
@-moz-keyframes avatar-appear
{
	0%
{
	width:144px;
	height:144px;
	opacity:0;
	margin-left:-24px;
	margin-top:-24px
}
100%
{
	width:96px;
	height:96px;
	opacity:1;
	margin-left:0;
	margin-top:0
}

}
@keyframes avatar-appear
{
	0%
{
	width:144px;
	height:144px;
	opacity:0;
	margin-left:-24px;
	margin-top:-24px
}
100%
{
	width:96px;
	height:96px;
	opacity:1;
	margin-left:0;
	margin-top:0
}

}
#login-dialog .box .field
{
	margin-bottom:15px
}
#login-dialog .box h3
{
	margin-bottom:5px
}
#login-dialog .box p
{
	font-size:14px;
	line-height:1.6;
	color:#555;
	margin-bottom:15px
}
#login-dialog .box .action-button
{
	border-radius:4px;
	padding:8px 14px
}
#login-dialog .box footer
{
	margin-top:20px;
	font-size:13px
}
#login-dialog .box footer>a
{
	display:inline-block;
	margin:11px 0
}
#login-dialog .box footer label
{
	display:block;
	padding:8px 0
}
#login-dialog .box footer label input
{
	width:auto;
	display:inline-block
}
#login-dialog .box footer:after
{
	content:".";
	visibility:hidden;
	display:block;
	height:0;
	clear:both
}
#login-dialog.modal
{
	margin-left:-200px
}
#login-dialog.modal .outer-link a
{
	color:#fff;
	text-shadow:0 1px 10px rgba(0,0,0,0.9);
	-webkit-font-smoothing:antialiased
}