/* Classic login layout from the supplied PHPRetro reference.
   Original pixel.gif, speechbubble_small.gif, join-button sprites and signin_bg.gif. */
body.auth-landing{background:#bce0ee none;background-attachment:scroll;color:#000}
.auth-landing .auth-shell{width:758px;margin:12px auto 0;padding:20px;border:1px solid #8eafbc;border-radius:6px;box-shadow:0 2px #8cabb4;background:#fff}
.auth-landing .auth-header{height:60px;padding:0;display:block;position:relative}
.auth-header .logo{position:absolute;left:0;top:0;width:145px;height:48px;object-fit:contain;object-position:left center}
.auth-online{position:absolute;left:285px;top:40px;color:#f60;font-size:11px;white-space:nowrap}.auth-online>b{color:#000}
.auth-clock{position:absolute;right:10px;top:40px;font-size:11px;color:#f60;white-space:nowrap}
.auth-landing .auth-grid{grid-template-columns:396px 310px;gap:10px;margin:0;align-items:start}
.auth-create{width:396px;height:389px;position:relative;overflow:hidden;border-radius:5px;background:#55c4ed url('assets/web-gallery/v2/images/landing/pixel.gif') no-repeat 0 0}
.auth-create h1{margin:0;padding:15px 60px 0;font:bold 28px/34px Verdana,Arial,sans-serif;color:#fff;text-align:center;letter-spacing:0}
.auth-speech{position:absolute;width:172px;height:24px;background:url('assets/web-gallery/v2/images/landing/speechbubble_small.gif') no-repeat 50% top;text-align:center;color:#000;font:9px/18px Verdana,Arial,sans-serif;white-space:nowrap}
.auth-speech.first{top:97px;right:130px}.auth-speech.second{top:123px;right:24px}
.auth-register-button{position:absolute;top:270px;left:0;width:100%;text-align:center}
.auth-register-button a{display:block;width:290px;height:40px;margin:0 auto;color:#fff;text-decoration:none;font:bold 18px/25px Verdana,Arial,sans-serif;background:url('assets/web-gallery/v2/images/landing/createbutton_arrow.png') no-repeat 100% 0}
.auth-register-button a>span{display:block;height:40px;margin-right:17px;padding:7px 0 8px;background:url('assets/web-gallery/v2/images/landing/createbutton_bg.png') no-repeat 0 0}
.auth-register-button a:hover>span{text-decoration:underline}.auth-register-button a:focus-visible{outline:2px dotted #111;outline-offset:3px}
.auth-create .auth-promotional{position:absolute;bottom:28px;left:0;width:100%;margin:0;padding:0 25px;color:#fff;text-align:center;font:bold 14px/17px Verdana,Arial,sans-serif}
.auth-right{width:310px}
.auth-landing .auth-login-box{width:310px;min-height:190px;margin:0 0 8px;padding:4px;background:#adafa6 url('assets/web-gallery/v2/images/landing/signin_bg.gif') no-repeat bottom right;border:0;border-radius:5px;box-shadow:none;color:#fff}
.auth-login-box>h2{font:bold 14px/17px Verdana,Arial,sans-serif;color:#fff;background:#666;padding:4px 5px;border-radius:4px;min-height:25px}
.auth-landing .auth-login-box form{padding:12px 16px 10px}
.auth-login-fields{display:grid;grid-template-columns:69px 99px 75px;gap:5px 6px;align-items:center}
.auth-login-fields label{font-size:11px;font-weight:bold;color:#fff}.auth-login-fields input{width:99px;height:25px;padding:3px;border:1px solid #777;background:#fff;color:#000}
.auth-login-fields button{width:75px;height:25px;min-height:25px;padding:2px 6px;font-size:11px;line-height:17px}
.auth-login-box .auth-remember{display:block;white-space:nowrap;margin:9px 0 0 75px;font-size:11px;line-height:14px}
.auth-remember input{margin:0 3px 0 0;padding:0;vertical-align:middle;width:13px;height:13px}
.auth-landing .auth-login-box a{display:block;margin:9px 0 0 75px;color:#222;text-decoration:underline;font:bold 11px/13px Verdana,Arial,sans-serif;white-space:nowrap}
.auth-landing .auth-login-box a.auth-forgot{font-weight:normal}
.auth-login-box .form-status{color:#222;font-size:10px;margin-top:10px;white-space:normal}
.auth-lounge{width:310px;height:184px;background:#e7e7dd url('assets/force/login-layout-reference.png') no-repeat -517px -363px;background-size:946px 679px;border:0}
.auth-tags{height:57px;padding:8px 15px 0}.auth-tags h2{margin:0;color:#f90;font:bold 18px/22px Georgia,serif}
.auth-footer{text-align:center;color:#444;font:9px/14px Verdana,Arial,sans-serif;padding:1px 0 0}.auth-footer a{color:#000;text-decoration:underline}.auth-footer p{margin:3px 0 0;padding:0;font-size:9px}
.auth-landing .preview-tools{color:#48616e;border-color:#8eafbc;margin-top:12px}.auth-landing .preview-tools a{color:#254e6d}
@media(max-width:780px){.auth-landing .auth-shell{margin-left:10px;margin-right:10px}}

.auth-register-button a{font:bold 20px/25px Georgia,serif}