/* login
--------------------------------------------------*/
#login {
  position: relative;
  height: 266px;
  color: #333;
  background: #eee;
  display: none;
}


#login DIV.content_third {
    margin-right: 40px;
    width: 278px	
	}

/* override common form styling 
-----------------------------------*/
#login DIV.close_me {
  position: absolute;
  background: url(../img/full_screen_exit_transparent.png) no-repeat 0 0;
  top: 18px;
  right: 0;
  width: 27px;
  height: 27px;
  cursor: pointer;
  text-indent: -999em;
}
#login FORM * {
  font: normal 11px/22px Georgia;
}
#login FORM {
  position: relative;
  height: 160px;
}
#login FORM FIELDSET {
  margin: 0;
}
#login FIELDSET.submit {
  position: absolute;
  bottom: 0;
}
#login FORM INPUT.text, #login FORM INPUT.text {
  border: 0;
  height: 22px;
  width: 205px;
}
#login FORM LABEL {
  font-size: 13px;
}
#login H1 {
  margin-bottom: 15px;
}
/* left column: Member Login
	------------------------------*/
#login #member_login {
  margin-top: 15px;
  height: 237px;
  background: #e1e1e1;
}
#login #member_login H1 {
  margin-left: 15px;
  text-indent: -999em;
  width: 243px;
  height: 46px;
  background: url(../img/member_login.png);
  border-bottom: 3px solid #8a8a8a;
}
#login #member_login FORM {
  margin-left: 15px;
}
#login #member_login FORM INPUT#password_password {
  width: 205px;
  display: block;
}
#login #member_login FORM INPUT#password_text {
  width: 205px;
  display: none;
}
/* middle column: Have An Invite?
	------------------------------*/
#login #have_an_invite {
  margin-top: 15px;
  height: 237px;
}
#login #have_an_invite H1 {
  text-indent: -999em;
  width: 263px;
  height: 46px;
  background: url(../img/have_an_invite.png);
  border-bottom: 3px solid #8a8a8a;
}
#login #have_an_invite FORM LABEL {
  margin-bottom: 7px;
}
#login #have_an_invite FORM INPUT.text {
  width: 205px;
}
/* right column: Join Us
	-----------------------------------*/
#login #join_us {
  margin-top: 15px;
  height: 237px;
}
#login #join_us H1 {
  text-indent: -999em;
  width: 290px;
  height: 57px;
  background: url(../img/join_us.png);
}
#login #join_us P {
  font-size: 15px;
  font-style: italic;
  line-height: 20px;
  text-align: center;
}
#login #join_us P A {
  font-size: 13px;
  font-style: normal;
  text-align: center;
  color: #ee0a3b;
}
#login #join_us DIV.rule {
  width: 23px;
  height: 3px;
  background: url(../img/small_rule.png) no-repeat 0 0;
  margin: 10px auto;
}

div#popovers.sign-in .button-highlight {
  display: block;
  float: none;
  width: 100%;
  text-align: left;
  font-family: 'SweetSans';
  background: url(/assets/img/home_page/facebook.png) 70px 1px no-repeat;
  font-size: 11px !important;
  padding-left: 96px;
}

.gng div#popovers.sign-in .button-highlight {
 background: url(/assets/img/home_page/gng_facebook.png) 70px 1px no-repeat;
}

div#popovers.sign-in div.join {
  padding-bottom: 30px;
  margin-bottom: 30px;
}

div#popovers.sign-in .button-highlight:hover {
  background-position: 70px -35px;
}

div#popovers.sign-in div.header {
  padding-bottom: 15px;
  border-bottom: 1px solid #d9d9d9;
}

div#popovers.sign-in div.header h2{
  font-size: 30px;
  color: #333;
}

div#popovers.sign-in a.exit {
  position: absolute;
  margin-top: 0;
  top: -20px;
  right: -20px;
  width: 17px;
  height: 17px;
  background-size: 100%;
}

div#popovers.sign-in input.text {
  font-size: 14px;
  width: 100%;
}

div#popovers.sign-in h3 {
  color: #333;
  font-size: 18px;
  margin-bottom: 15px;
}

div#popovers.sign-in #forgot_password {
  float: right;
  margin-top: 5px;
}

div#popovers.sign-in .submit {
  clear: both;
  margin-top: 14px;
}

div#popovers.sign-in .submit input, div#popovers.sign-in .submit button {
  background: #333;
  width: 100%;
  color: #fff;
  font-family: "SweetSans";
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .1em;
}

.gng div#popovers.sign-in .submit input, .gng div#popovers.sign-in .submit button {
  background: #32363d;
}

div#popovers.sign-in .submit input:hover, div#popovers.sign-in .submit button:hover {
  background: #0938f0;
}

.gng div#popovers.sign-in .submit input:hover, .gng div#popovers.sign-in .submit button:hover {
  background: #ad5133;
}

div#popovers.sign-in h4 {
  font-family: "LeituraNews";
  margin-top: 15px;
  font-size: 14px;
  text-transform: none
}

div#popovers.sign-in h4 a{
  color: #333;
  text-decoration: underline;
}

/* GNG overrides 
-----------------------------------*/
.gng div#popovers.sign-in div.header h2, .gng div#popovers.sign-in h3, .gng div#popovers.sign-in h4 {
  color: #32363d;
  font-family: MillerDisplay;
}

.gng div#main_login_dropdown form fieldset input.text{
  font-family: MillerDisplay;
}
@media screen and (max-device-width: 480px) and (min-device-width: 320px){
  div#popovers.sign-in{width: 90%; font-size: 25px; padding: 10px 5px 0px 5px;}
  div#popovers.sign-in h3{ font-size: 13px; margin-bottom: 6px; }
  div#popovers.sign-in .button-highlight{ 
    padding-left: 30px; 
    font-size: 10px !important; 
    background: url(/assets/img/home_page/facebook.png) 10px 0px no-repeat;
    line-height: 9px;
    float:none;
  }
  div#popovers.sign-in input.text{ font-size: 11px; padding: 3px 7px 3px 7px; margin-bottom: 10px; } 
  div#popovers.sign-in div.header{ padding-bottom: 5px;margin-bottom: 6px; }
  div#popovers.sign-in div.header h2{ font-size: 20px; line-height: 20px; }
  div#popovers.sign-in #forgot_password{font-size: 12px;}
  div#popovers.sign-in .submit input, div#popovers.sign-in .submit button {font-size: 9px;}
  div#popovers.sign-in h4{font-size: 11px;}
  div#popovers.sign-in h4 a h4 a{font-size: 11px;}
  div#popovers.sign-in #main_login_dropdown .join{padding-bottom: 15px;}
  div#popovers.sign-in a.exit{ height: 12px; width: 12px; right: -5px; top: -10px;}
  div#popovers.sign-in .submit{ margin-top: 0px;}


  div#popovers.sign-up{width: 90%; padding: 5px;}
  div#popovers.sign-up div.header{padding-bottom: 5px; margin-bottom: 6px;}
  div#popovers.sign-up h3 { display: none;}
  div#popovers.sign-up .signup-meta .facebook { padding-bottom: 15px; margin-bottom: 10px; margin-top: 10px; }
  div#popovers.sign-up .button-highlight.facebook-login{  width: 200px; font-size: 12px !important; }
  div#popovers.sign-up .button-highlight .submit button{width: 200px;}
  div#popovers .submit{  margin: 6px 0px; display: block; position: static; }
  div#popovers.sign-up input{margin: 0px;}
  div#popovers.sign-up input.text{ font-size: 8px;}
  div#popovers.sign-up div.header h2{ font-size: 20px; line-height: 20px;}
  #forgot_password{font-size: 22px;}
  div#popovers.sign-up .submit{ float:left; margin-top: 18px;}
  div#popovers.sign-up .submit input, div#popovers.sign-up .submit button {font-size: 18px;}
  div#popovers.sign-up .submit button{font-size: 12px;padding: 9px 18px;}
  div#popovers.sign-up h4{font-size: 16px; line-height: 16px}
  div#popovers.sign-up h4 a{font-size: 16px;}
  div#popovers .fields li label{font-size: 10px;}
  div#popovers .signup-meta{width: 266px;  margin-top: 8px; }
  div#popovers .signup-meta .newsletter{padding-bottom: 10px; margin-bottom: 0px;}
  div#popovers .signup-meta .newsletter h4{display: none;}
  div#popovers .signup-meta .newsletter label{font-size: 12px; line-height: 13px; }
  div#popovers .email-signup{width: 266px; margin-right: 0px;}
  div#popovers .email-signup p.terms{width: 50%; font-size: 13px; line-height: 13px; margin-top:15px; float: right;}
  .sign-me-up{font-size: 18px; }
  div#popovers.sign-up a.exit{ 
    height: 12px; 
    width: 12px; 
    right: 5px;   
    top: 8px;
    background-size: 95% 95%;
    position: relative;
  }
  body div#popovers.sign-in input.text{font-size: 16px;}
}
div#popovers.sign-up .sign-in{margin-top: 10px;}
@media screen and (max-device-width: 480px) and (min-device-width: 320px) and (orientation: landscape){
    div#popovers.sign-in{ width: 80%; height: 700px; }
    div#popovers.sign-up{ width: 95%; height: 700px; }
}