/* ************************************************************* 

  /vanusersync/vanysersync/vfmatch.css file doesn't need it as well.
  This is due to Shai not wanting to not have any dependencies 
  between the SO login and VFMatch step, even though they are part 
  of the same flow for SO user sign in.
  
  ************************************************************** */
 /* Import Default NGP VAN UI Styles */
@import url("ngpvanui-defaults.css");
@import url("ngpvanui-forms.css");  
/**
 * Social Organizing Login CSS 
 ************************************************************** */
  
/* Hide Breadcrumbs on these sign in page; not relevant */
.page-ngpvanui .breadcrumb {display:none} 

/* Override Default Accelerator Blueprint Styles */
#body {
  position:relative;
}
#body h2.page-title {
  margin-top:20px;
  text-align:center
}

.ngpvanui-login-message {
   font-size: 120%;
   margin: 20px 0 0 50px;
}

/* NGPVAN Facebook Button */
#ngpvanfacebook_button_wrapper-wrapper {
  border-bottom: 3px dotted #dbdbdb;
  margin-bottom:20px !important;
  padding-bottom: 30px;
  width:360px;
}
a.ngpvanfacebook_button {
  background: url('../images/facebook_bkgd_button.png') no-repeat left top;
  width: 302px;
  height: 45px;
  font-size: 160%;
  font-weight: 600;
  line-height: 42px;
  vertical-align:middle;
  display:block;
  padding-left: 20px;
}
a.ngpvanfacebook_button:hover {
  background-position: left -45px
}
a.ngpvanfacebook_button:active {
  background-position: left -90px
}
/**
 * Social Organizing Login Form
 **/
.page-ngpvanui-login .openid-links { display: none;} 

@media (min-width:979px){
	#ngpvanui-account.social-organizing,
        #vanusersync-vfmatch {
	  background: transparent url('../images/ngpvanui_login_bkgd.jpg') no-repeat 15% 50px;
	}
}
#ngpvanui-account,
#vanusersync-vfmatch {
  clear:both;
  min-height: 900px;
}

#ngpvanui-account form > div {padding: 0 30px} 

#vanusersync-vfmatch > div { margin-top: 0; }

/* Hide Open ID Link that is a Default of Drupal */
.page-ngpvanui div.item-list {visibility: hidden;}

/* password confirm and strength styles */
.page-ngpvanui .password-suggestions{ display: none!important;}
.page-ngpvanui .form-type-password{
position:relative;
padding-bottom: 40px;
}

.page-ngpvanui .password-strength,
.page-ngpvanui div.password-confirm {
position: absolute;
top: 40px;
width: 90%;
}
/* end pw strength rules */

/* Form Text */
#ngpvanui-account div.description { clear: both; font-size: 110%; }
#ngpvanui-account form .form-item label {
  font-size: 120%;
  font-weight:600;
}

/* Sign In Input Width Controls */
#ngpvanui-account form#user-login input[type="text"],
#ngpvanui-account form#user-login input[type="email"],
#ngpvanui-account form#user-login input[type="password"] { width: 310px; }


/* Sign Up Input Width Controls */
#user-register-form #ngpvanfacebook_button_wrapper-wrapper  { margin-bottom: 20px; }

#user-register-form div.form-item {margin: 0; margin-bottom: 8px;}
#user-register-form .form-item-pass { overflow: hidden; }


#user-register-form input[type="text"],
#user-register-form input[type="email"] { width: 335px; }

#user-register-form .form-item-profile-fn,
#user-register-form .form-item-profile-ln,
#user-register-form .form-item-pass-pass1,
#user-register-form .form-item-pass-pass2,
#user-register-form .form-item-profile-city,
#user-register-form .form-item-profile-state,
#user-register-form .form-item-profile-zippc {
  float:left;
  width: 185px;
  clear:none;
}

#user-register-form .form-item-profile-state { width: 68px; }
#user-register-form .form-item-profile-zippc { width: 90px; }

#user-register-form input#edit-profile-fn,
#user-register-form input#edit-profile-ln,
#user-register-form input#edit-pass-pass1,
#user-register-form input#edit-pass-pass2,
#user-register-form input#edit-profile-city { width: 150px; }
#user-register-form input#edit-profile-zippc { width: 82px; }

#user-register-form .form-item-profile-address, 
#user-register-form .form-item-mail,
#user-register-form .form-item-profile-home-phone { clear:both; }


/* Sign In and Sign Up Links */
.ngpvanui-socialorganizing-link {
  clear:both;
  float:right;
  font-size: 120%;
  margin: 20px 0;
  width: 400px;
}

#ngpvanui-link-signup { top: 400px; }
#ngpvanui-link-signin { top: 720px; }

a.ngpvanui-account-link {
  font-weight: 600; 
  text-transform: uppercase;
}

/* Override Error Styling */
.page-ngpvanui-login label.error,
.password-description.error,
.password-result.error,
.password-confirm.error,
.password-confirm span.error,
.page-ngpvanui-login .warning {
  color: #900;
  background: none;
  border:none;
  font-size: 100% !important;
  font-weight: 400 !important;
  margin: 0;
  padding: 0;
}
.password-strength .password-result.ok,
.error.ok { color: #009900; }

.page-ngpvanui-login .warning,
.password-description.warning ul li { color: #cc9900 !important; }

.page-ngpvanui-login #messages { width: 870px; margin:0 auto; }

.page-ngpvanui-login #messages ul li {
  font-weight: 600;
  list-style-image:none;
}

/* Override Default Password Check Styling */
.password-description.warning,
.password-description.error {
  margin: 20px 0 10px;
  clear:both;
}
.password-description.warning ul,
.password-description.error ul { margin-bottom: 10px }
.password-description.error ul li { color: #900; }

/**
 *  * weird state issue for some states
 *   */
#user-register-form .form-item-profile-city {
  width: 180px;
}

#user-register-form .form-item-profile-state {
  width: 73px;
}

#user-register-form .form-item-profile-state select {
  width: 65px;
}

.browser-unsupported {
  display: none;
}

/* Mobile responsive login styles */
@media (max-width:480px) { 
    .ngpvanui-login-message { margin: 0 }
    #ngpvanui-account form > div { padding: 0 }
    .page-ngpvanui-login .main .container.content { padding: 0 }
    #ngpvanfacebook_button_wrapper-wrapper { width: 100% }
    .ngpvan-ui a.ngpvanfacebook_button {
        background: #3b5998;
        width: auto;
        padding-left: 0;
    }
    #ngpvanui-account .form-text { max-width: 100% }
    #ngpvanui-account form * {	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    }
    #ngpvanui-account form div div.form-item { padding: 0 10px; }
}