/*
 - General
 - Media max-width: 768
 - Media max-width: 465
*/


/********************************
 * General
 ********************************/

.page-user .profile dl.user-profile-category dd.user-profile-item > a {
  display:none;
}

.page-node-add .node-type-list {
  border-top: 1px solid #eee;
  *border-top: none;
}

.page-node-add .node-type-list dt {
  display:block;
  padding:2px 0;
  width:20%;
  float:left;
  height: 24px;
  border-bottom: 1px solid #eee;
}

.page-node-add .node-type-list dd {
  display:block;
  padding:4px 0;
  width:80%;
  float:left;
  height: 20px;
  margin-left:0;
  border-bottom: 1px solid #eee;
}


.form-item-pass-pass1 label,
.form-item-pass-pass2 label {
  float:left;
  position: absolute;
  margin-top:5px;
  margin-left:-180px;
  width: 20%;
}

.password-parent,
.confirm-parent {
  margin-bottom: 20px;
  margin-left: 180px;
}

.logged-in.page-user .password-strength {
  display: none;
}

div.form-item.form-type-password-confirm div.description,
.password-suggestions {
   margin-left: 180px;
}

.password-field,
.password-strength,
.password-confirm,
div.form-item.form-type-password-confirm div.description {
  position: relative;
  top:0px;
  font-size: 15px;
}

.user-profile-item {
  margin-left: 0;
}

.user-profile-item > fieldset > legend {
  display: none;
}

.user-profile-item .control-group {
  margin-bottom: 10px;
}

.user-profile-item .control-label {
  color: #8a8a8a;
}

.user-profile-category {
  margin-bottom: 0;
}

#user-register-form #edit-civicrm-profile-register #editrow-gender .crm-clear-link,
#crm-profile-block #editrow-gender .crm-clear-link {
  display: none;
}


/********************************
 * Password strength (LoginToboggan module)
 ********************************/

.form-type-password-confirm {
  margin-bottom: 20px;
}

.password-strength {
  width: 285px;
  margin: 0 0 5px 0;
  color: #8a8a8a;
}

.password-strength-text {
  width: 100%;
  float: right;
  text-align: right;
}

.password-strength-title {
  width: 100%;
  float: left;
  font-size: 15px;
}

.password-indicator {
  clear: both;
  height: 5px;
  background: #f5f5f5;
}

.password-indicator > div {
  width: 0;
  height: 5px;
  background: #dff0d8;
}

.password-confirm {
  margin-bottom: 5px;
  color: #8a8a8a;
  font-size: 15px;
}

.password-confirm[style="visibility: hidden;"] {
  display: none;
}

.form-item div.password-suggestions,
.password-suggestions + div.description {
  margin-top: -10px;
}

.password-suggestions ul {
  margin-top: 10px;
  margin-bottom: 20px;
}

/********************************
changes caused by increasing font size
*********************************/

.username-validate a {
  font-size: 15px;
}


/********************************
 * Media max-width: 768
 ********************************/

@media screen and (max-width: 768px) {
  .password-strength {
    width: 271px;
  }

  .form-item-pass-pass1 label,
  .form-item-pass-pass2 label {
    margin-left: -180px;
  }
}


/********************************
 * Media max-width: 465
 ********************************/

@media screen and (max-width: 465px) {
  .form-item-pass-pass1 label,
  .form-item-pass-pass2 label{
    float:none;
    position: relative;
    margin-top:5px;
    margin-left:0px;
    width: 100%;
  }

  .password-parent, .confirm-parent {
    margin-bottom: 18px;
    margin-left: 0px;
  }

  div.form-item.form-type-password-confirm  div.description, .password-suggestions {
    margin-left:0px;
  }
}