/*
 * Geezbook Login — Facebook 2012-11-27 recreation
 * Scoped to .gb-login-2012 to avoid changing the authenticated site.
 * The UI button backgrounds and connect map are original assets from the
 * supplied 2012 offline capture. They are served locally; no Facebook CDN is used.
 */
html,body{margin:0;padding:0}
body.login-mode{background:#fff!important;color:#333;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-size:11px;line-height:1.28;padding:0!important}
.gb-login-2012{min-width:980px;background:#fff;min-height:100vh}
.gb-login-2012 *{box-sizing:content-box}
.gb-login-2012 a{color:#3b5998;text-decoration:none}
.gb-login-2012 a:hover{text-decoration:underline}
.gb-login-2012 .hidden{display:none!important}

/* Logged-out blue bar — matched to the supplied Facebook 2012 capture. */
.gb-login-2012 .gb-bluebar{background:#3b5998;border-bottom:1px solid #133783;height:82px;min-width:980px}
.gb-login-2012 .gb-menubar{height:69px;margin:0 auto;padding-top:13px;width:980px;position:relative}
.gb-login-2012 .gb-wordmark{color:#fff;display:block;float:left;font-family:Arial,Helvetica,sans-serif;font-size:38px;font-weight:bold;letter-spacing:-3px;line-height:38px;margin-top:15px;text-shadow:0 -1px 0 #1e3365;white-space:nowrap}
.gb-login-2012 .gb-wordmark:hover{text-decoration:none}
.gb-login-2012 #loginForm{float:right;margin:0;padding:0}
.gb-login-2012 .gb-login-table{border-collapse:collapse;border-spacing:0;float:right;font:11px/13px "lucida grande",tahoma,verdana,arial,sans-serif;margin:0}
.gb-login-2012 .gb-login-table tr{vertical-align:top}
.gb-login-2012 .gb-login-table td{font:11px/13px "lucida grande",tahoma,verdana,arial,sans-serif;padding:0 0 0 14px;vertical-align:top}
.gb-login-2012 .gb-login-table .gb-login-label{color:#fff;font-size:11px;font-weight:normal;line-height:13px;padding-bottom:4px}
.gb-login-2012 .gb-login-table .gb-login-label label{color:#fff;font-size:11px;font-weight:normal;line-height:13px;padding-left:1px}
.gb-login-2012 .gb-login-input{background:#fff;border:1px solid #1d2a5b;border-radius:0;box-shadow:none;color:#000;font:11px/13px "lucida grande",tahoma,verdana,arial,sans-serif;height:13px;margin:0;padding:3px 3px 4px;width:142px}
.gb-login-2012 .gb-login-sub{color:#98a9ca;font:11px/13px "lucida grande",tahoma,verdana,arial,sans-serif;padding-top:4px!important;white-space:nowrap}
.gb-login-2012 .gb-login-sub a{color:#98a9ca;font-size:11px;font-weight:normal;line-height:13px}
.gb-login-2012 .gb-remember{color:#98a9ca;display:block;font:11px/13px "lucida grande",tahoma,verdana,arial,sans-serif;font-weight:normal;white-space:nowrap}
.gb-login-2012 .gb-remember input{float:left;height:13px;margin:0 4px 0 0;padding:0;position:static;width:13px}
.gb-login-2012 .gb-login-button{background-color:#5b74a8;background-image:url('/assets/login-2012/ui-sprite-2012.png');background-position:-1px -441px;background-repeat:no-repeat;border:1px solid;border-color:#29447e #29447e #1a356e;border-radius:0;box-shadow:0 1px 0 rgba(0,0,0,.1);color:#fff;cursor:pointer;display:inline-block;font:bold 11px/13px "lucida grande",tahoma,verdana,arial,sans-serif;height:auto;margin:0;padding:2px 6px;text-align:center;text-shadow:0 -1px 0 #29447e;vertical-align:top;white-space:nowrap}
.gb-login-2012 .gb-login-table tr:nth-child(2) td:last-child{padding-top:0;vertical-align:top}
.gb-login-2012 .gb-login-button:hover{background-color:#5b74a8;text-decoration:none}
.gb-login-2012 .gb-login-button:active{background:#4f6aa3;border-bottom-color:#29447e}
.gb-login-2012 .gb-login-button:disabled{cursor:default;opacity:.65}

/* Main registration wash */
.gb-login-2012 .gb-reg-wash{background:#e7ebf2;min-width:980px}
.gb-login-2012 .gb-reg-inner{margin:0 auto;padding:20px 0;width:980px;zoom:1}
.gb-login-2012 .gb-reg-inner:after{clear:both;content:"";display:block;height:0;visibility:hidden}
.gb-login-2012 .gb-map-column{float:left;margin-right:16px;vertical-align:top;width:565px}
.gb-login-2012 .gb-map-title{color:#0e385f;font-size:20px;font-weight:bold;line-height:29px;margin-top:40px;width:450px;word-spacing:-1px}
.gb-login-2012 .gb-connect-map{border:0;display:block;height:195px;margin-top:20px;width:537px}
.gb-login-2012 .gb-signup-column{float:left;vertical-align:top;width:399px}
.gb-login-2012 .gb-signup-column h1{color:#333;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-size:36px;font-weight:bold;line-height:120%;margin:0 0 5px}
.gb-login-2012 .gb-signup-column h2{color:#333;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-size:19px;font-weight:normal;line-height:126%;margin:0 0 20px}
.gb-login-2012 .gb-reg-form{margin:0;padding:0;width:399px}
.gb-login-2012 .gb-field{margin-bottom:10px;width:399px}
.gb-login-2012 .gb-short-fields{height:40px;margin-bottom:0;width:399px}
.gb-login-2012 .gb-short-fields .gb-field-half{float:left;margin-right:10px;width:194px}
.gb-login-2012 .gb-short-fields .gb-field-half.last{margin-right:0;width:195px}
.gb-login-2012 .gb-reg-input{background:#fff;border:1px solid #bdc7d8;border-radius:5px;color:#333;font:18px "lucida grande",tahoma,verdana,arial,sans-serif;height:21px;line-height:21px;margin:0;padding:8px 10px;width:377px}
.gb-login-2012 .gb-short-fields .gb-reg-input{width:172px}
.gb-login-2012 .gb-short-fields .last .gb-reg-input{width:173px}
.gb-login-2012 .gb-reg-input:focus{border-color:#8098c6;outline:0}
.gb-login-2012 .gb-username-wrap{position:relative}
.gb-login-2012 .username-suggestions{font-size:10px;margin:3px 0 0 2px;min-height:0}
.gb-login-2012 .username-suggestions-label{color:#777;display:inline;margin-right:4px}
.gb-login-2012 .username-suggestion-chip{background:#eceff5;border:1px solid #d8dfea;color:#3b5998;cursor:pointer;font:10px "lucida grande",tahoma,verdana,arial,sans-serif;margin:0 3px 2px 0;padding:2px 4px}
.gb-login-2012 .gb-birthday-label{color:#333;font-size:18px;font-weight:normal;margin:17px 0 5px}
.gb-login-2012 .gb-birthday-line{min-height:30px;zoom:1}
.gb-login-2012 .gb-birthday-line:after{clear:both;content:"";display:block;height:0;visibility:hidden}
.gb-login-2012 .gb-birthday-selects{float:left;margin-right:10px;white-space:nowrap}
.gb-login-2012 .gb-birthday-selects select{background:#fff;border:1px solid #bdc7d8;color:#000;font:13px "lucida grande",tahoma,verdana,arial,sans-serif;height:30px;margin:0 -1px 0 0;padding:5px}
.gb-login-2012 .gb-birthday-help{float:left;font-size:11px;line-height:14px;margin-top:1px;width:150px}
.gb-login-2012 .gb-gender-line{font-size:18px;margin:18px 0 10px 3px;white-space:nowrap}
.gb-login-2012 .gb-gender-option{display:inline-block;margin-right:8px;vertical-align:middle}
.gb-login-2012 .gb-gender-option input{margin:0 4px 0 0;vertical-align:middle}
.gb-login-2012 .gb-gender-option label{color:#333;font-size:18px;font-weight:normal;line-height:18px;padding:0 10px 0 3px;vertical-align:middle}
.gb-login-2012 .gb-policy{color:#777;font-size:11px;line-height:1.34;margin:11px 0;width:316px}
.gb-login-2012 .gb-signup-button{background:#69a74e;background:-webkit-linear-gradient(#67ae55,#578843);background:linear-gradient(#67ae55,#578843);border:1px solid;border-color:#3b6e22 #3b6e22 #2c5115;border-radius:5px;box-shadow:inset 0 1px 1px #a4e388;color:#fff;cursor:pointer;display:inline-block;font:bold 19px/23px "lucida grande",tahoma,verdana,arial,sans-serif;letter-spacing:1px;margin:0!important;min-width:157px;padding:7px 20px;position:relative;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.5)}
.gb-login-2012 .gb-signup-button:hover{background:#79bc64;background:-webkit-linear-gradient(#79bc64,#578843);background:linear-gradient(#79bc64,#578843)}
.gb-login-2012 .gb-signup-button:active{background:#609946;border-bottom-color:#3b6e22;top:1px}
.gb-login-2012 .gb-signup-button:disabled{cursor:default;opacity:.65;top:0}
.gb-login-2012 .gb-create-page{border-top:1px solid #a0a9c0;color:#666;font-size:11px;font-weight:bold;margin-top:20px;padding-top:10px;text-align:center;width:399px}

/* Pending approval state keeps the 2012 visual language. */
.gb-login-2012 .signup-pending-notice{border:1px solid #bdc7d8;background:#fff;margin:8px 0 0;padding:14px;width:369px}
.gb-login-2012 .signup-pending-notice h2{color:#333;font-size:19px;font-weight:bold;margin:0 0 8px}
.gb-login-2012 .signup-pending-notice p{color:#555;font-size:11px;line-height:16px;margin:5px 0}
.gb-login-2012 .signup-pending-status{background:url('/assets/login-2012/loading-2012.gif') no-repeat 0 2px;color:#777;margin-top:10px;min-height:12px;padding-left:21px}

/* Original 2012-style locale/footer area. */
.gb-login-2012 .gb-footer{background:#fff;color:#737373;font-size:11px;margin:0 auto;width:980px;zoom:1}
.gb-login-2012 .gb-locales{line-height:16px;margin:10px auto 0;padding:0 8px;width:964px;white-space:normal}
.gb-login-2012 .gb-locales a{color:#3b5998;display:inline-block;font:11px/16px "lucida grande",tahoma,verdana,arial,sans-serif;margin:0 12px 2px 0;text-decoration:none;white-space:nowrap}
.gb-login-2012 .gb-footer-curve{border-bottom:1px solid #ccc;height:8px;margin:0 8px;font-size:1px}
.gb-login-2012 .gb-footer-container{border:0;color:#737373;line-height:16px;padding:8px 0 38px;position:relative;zoom:1;white-space:normal}
.gb-login-2012 .gb-copyright{color:#737373;display:inline;float:none}
.gb-login-2012 .gb-copyright .geezbook-language-trigger{background:transparent;border:0;color:#3b5998;cursor:pointer;font:11px/16px "lucida grande",tahoma,verdana,arial,sans-serif;margin:0;padding:0;vertical-align:baseline}
.gb-login-2012 .gb-footer-links{color:#737373;display:inline;float:none;max-width:none;text-align:left}
.gb-login-2012 .gb-footer-links a{display:inline-block;margin:0 2px;white-space:nowrap}
.gb-login-2012 .geezbook-footer-more-anchor{display:inline;position:relative}
.gb-login-2012 .geezbook-footer-more-trigger{background:transparent;border:0;color:#3b5998;cursor:pointer;font:11px "lucida grande",tahoma,verdana,arial,sans-serif;margin:0;padding:0}
.gb-login-2012 .geezbook-footer-more-menu{background:#fff;border:1px solid #777;bottom:18px;min-width:120px;padding:4px;position:absolute;right:0;text-align:left;z-index:20}
.gb-login-2012 .geezbook-footer-more-menu a{display:block;padding:3px 6px}

/* toast from existing login.js */
.gb-login-2012 + .toast,.toast{z-index:9999}

@media(max-width:979px){
  .gb-login-2012{min-width:760px}
  .gb-login-2012 .gb-bluebar,.gb-login-2012 .gb-reg-wash{min-width:760px}
  .gb-login-2012 .gb-menubar,.gb-login-2012 .gb-reg-inner,.gb-login-2012 .gb-footer{width:760px}
  .gb-login-2012 .gb-wordmark{margin-left:8px}
  .gb-login-2012 .gb-map-column{width:345px}
  .gb-login-2012 .gb-map-title{width:330px}
  .gb-login-2012 .gb-connect-map{height:auto;width:345px}
  .gb-login-2012 .gb-locales{width:744px}
}
@media(max-width:759px){
  .gb-login-2012{min-width:0}
  .gb-login-2012 .gb-bluebar,.gb-login-2012 .gb-reg-wash{min-width:0}
  .gb-login-2012 .gb-bluebar{height:auto;min-height:82px}
  .gb-login-2012 .gb-menubar{height:auto;padding:10px 12px;width:auto}
  .gb-login-2012 .gb-wordmark{float:none;margin:0 0 8px}
  .gb-login-2012 .gb-login-table{float:none;margin-left:-14px}
  .gb-login-2012 .gb-reg-inner{padding:20px 12px;width:auto}
  .gb-login-2012 .gb-map-column{display:none}
  .gb-login-2012 .gb-signup-column{float:none;margin:0 auto;max-width:399px;width:100%}
  .gb-login-2012 .gb-reg-form,.gb-login-2012 .gb-field,.gb-login-2012 .gb-create-page{width:100%}
  .gb-login-2012 .gb-reg-input{box-sizing:border-box;height:39px;width:100%}
  .gb-login-2012 .gb-short-fields{height:auto;width:100%}
  .gb-login-2012 .gb-short-fields .gb-field-half,.gb-login-2012 .gb-short-fields .gb-field-half.last{box-sizing:border-box;margin:0 0 10px;width:100%}
  .gb-login-2012 .gb-short-fields .gb-reg-input,.gb-login-2012 .gb-short-fields .last .gb-reg-input{width:100%}
  .gb-login-2012 .gb-footer{width:auto}
  .gb-login-2012 .gb-locales{padding:0 12px;width:auto}
  .gb-login-2012 .gb-footer-container{padding-left:12px;padding-right:12px}
  .gb-login-2012 .gb-copyright,.gb-login-2012 .gb-footer-links{float:none;text-align:left}
  .gb-login-2012 .gb-footer-links{margin-top:0}
}

/* Geezbook CSS-sprite wordmark — all login/header logo pixels come from ui215 sprite. */
.gb-login-2012 .gb-wordmark{
  width:152px!important;
  height:38px!important;
  margin-top:13px!important;
  padding:0!important;
  overflow:hidden!important;
  background-color:#3b5998!important;
  background-image:url('/assets/ui215/apps-sprite-215uo.png?v=2')!important;
  background-repeat:no-repeat!important;
  background-position:-19px -56px!important;
  color:transparent!important;
  text-indent:-9999px!important;
  text-shadow:none!important;
  font-size:0!important;
  line-height:38px!important;
}
@media(max-width:759px){
  .gb-login-2012 .gb-wordmark{margin-top:0!important}
}