/*
  This styles the registration form.
  Styling for other forms is found in styles.css
*/

/* Hide stuff */
#edit-field-email-subscription > .form-item > label,
body.page-user-register .form-item .description,
.field-name-field-private-industry {
  display: none;
}
body.page-user-register .form-item label {
  margin-bottom: 8px;
}
body.page-user-register .form-item.form-type-checkbox label {
  padding: 0 0 0 5px;
  margin-top: -2px;
  max-width:260px;
}
body.page-user-register input[type="checkbox"]{
  width: 20px;
  height: 20px;
}
[class*="field-name-field-other-"]  {
  margin-top: -20px;
}
.field-name-field-private-industry label,
[class*="field-name-field-other-"] label,
.field-name-field-based-in .form-item label,
.field-name-field-based-in .form-item input,
body.page-user-register .form-item.form-type-checkbox label,
body.page-user-register input[type="checkbox"] {
  display: inline-block;
  vertical-align: top;
}
.form-item #field-private-industry-add-more-wrapper label,
.field-name-field-private-industry label,
[class*="field-name-field-other-"] label {
  font-style: italic;
  opacity: 0.8;
  font-weight: normal
}
.form-item #field-private-industry-add-more-wrapper input,
.field-name-field-private-industry input,
[class*="field-name-field-other-"] input {
  border-top: none;
  border-left: none;
  border-right: none;
  max-width: 300px;
  padding: 0;
  margin-left: 5px;
}
body.page-user-register select {
  width: 250px;
}
body.page-user-register input[type="checkbox"].selected {
  background-size: 10px;
}
body.page-user-register .form-checkboxes > div{
  max-width: 300px;
  width: 300px;
  display: inline-block;
  vertical-align: top;
  margin-right: 15px;
  position: relative;
}
body.page-user-register .field-name-field-email-subscription .form-checkboxes{
  padding: 20px 20px 10px;
  background-color: #ebebec;
/*   width: 100% */
}
body.page-user-register .field-name-field-help-afrob .form-checkboxes .form-item,
body.page-user-register .field-name-field-help-afrob .form-checkboxes .form-item.form-type-checkbox label,
body.page-user-register .field-name-field-email-subscription .form-item,
body.page-user-register .field-name-field-email-subscription .form-item.form-type-checkbox label{
  max-width: none;
  width: auto;
  display: inline-block;
  width: 100%;
}
body.page-user-register .field-name-field-email-subscription .form-item {
  max-width: 380px;
}
body.page-user-register .field-name-field-help-afrob .form-checkboxes .form-item.form-type-checkbox label,
body.page-user-register .field-name-field-email-subscription .form-item.form-type-checkbox label {
  width: 85%;
}
body.page-user-register .field-name-field-work-sectors::before {
  content: "To help Afrobarometer better serve its users and donors, please consider answering a few brief questions.";
  max-width: 460px;
  font-style: italic;
  display: inline-block;
  border-top: solid 1px #ebebec;
  padding-top: 15px;
}
body.page-user-register.i18n-fr .field-name-field-work-sectors::before {
  content: "Veuillez répondre à quelques questions pour aider Afrobaromètre à mieux servir ses utilisateurs et donateurs.";
}
body.page-user-register .field-name-field-work-sectors .form-checkboxes > div,
body.page-user-register .field-name-field-help-afrob .form-checkboxes > div,
body.page-user-register .field-name-field-help-afrob .form-checkboxes .form-item {
  max-width: none;
  width: auto;
  display: block;
}
body.page-user-register .field-name-field-work-sectors [class*="form-item-field-work-sectors-und-sector-news-media-"]{
  margin-left: 30px;
}

.form-item #field-private-industry-add-more-wrapper {
  position: absolute;
  top: 2px;
  left: 130px;
}
#edit-field-email-subscription > .form-item {
  margin-top: 0;
}
#block-block-30 {
  position: absolute;
  right: 0;
  top: 40px;
}