#login-dialog{width:400px;height:auto;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:400px;width:400px;margin:0 auto;position:relative}#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{border:1px solid #888;border-color:rgba(138,138,138,0.5);border-radius:6px;padding:30px;background:#ececec;box-shadow:0 2px 6px rgba(0,0,0,0.6);position:absolute;width:400px !important;z-index:100;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;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:"";position:absolute;background:url(../images/login/loading.gif) center center no-repeat;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}#login-dialog .box .avatar{width:96px;height:96px;margin:0 auto;background-color:#eaedee;background-image:url('../images/login/default-avatar.png');background-repeat:no-repeat;background-size:contain;margin-bottom:30px;border-radius:6px;box-shadow:0 1px 0 #fff;overflow:hidden;position:relative}@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx){#login-dialog .box .avatar{background-image:url("../images/login/default-avatar@2x.png");background-size:96px 96px}}#login-dialog .box .avatar:before{content:"";border-radius:6px;position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:inset 0 1px 10px rgba(0,0,0,0.4);z-index:10}#login-dialog .box .avatar img{display:block;border-radius:5px;width:100%;height:100%;width:144px;height:144px;opacity:0;margin-top:-24px;margin-left:-24px;-webkit-animation:avatar-hide 200ms ease-in;-moz-animation:avatar-hide 200ms ease-in;animation:avatar-hide 200ms ease-in}@-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 header{border-bottom:1px solid #ccc;margin-top:-8px;padding-bottom:10px;margin-bottom:20px;margin-left:-30px;margin-right:-30px;padding-left:30px;padding-right:30px}#login-dialog .box .field{margin-bottom:15px}#login-dialog .box input{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;width:100%;display:block;padding:8px;border:1px solid #aaa;border-radius:4px;font-size:18px}#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 .box .outer-link{position:absolute;text-align:center;font-size:14px;margin-top:60px;margin-left:-30px;width:100%}#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}