forms.css.scss

input, textarea {
  font-size: 15px;
  color:$grey;
  padding: 8px;
  border: 1px solid #ccc;
  @include rounded(4px);

}

.input[type="text"], .input[type="password"], .input[type="email"] {
  width:200px;
}
.extra-small { width: 75px; }
.small { width: 155px; }
.medium { width: 300px; }
.medium-large { width: 440px; }
.large { width: 500px; }
.extra-large { width: 625px; }

textarea {
  width: 440px;
  height: 75px;
}

label {
  display:block;
  font-family: "Helvetica Neue", Helvetia, Arial, sans-serif;
  font-size: 15px;
  color:$grey;
  margin-bottom:5px;
}

input[type="checkbox"] {
  display:inline;
  margin:3px 5px 0 0;
  padding:0px;
  width:auto !important;
}

input[type="submit"] {
  width:auto !important;
}

abbr { 
  margin-left: 4px;
  text-decoration: none !important; 
  border: none !important;
}

.agreeing_to_terms {
  font-size: 13px;
  font-weight: 300;
  color:$greyLight;
  display: block; 
  margin-bottom: 15px;
}




/******************************************************
 *  Login / Register Pages
******************************************************/

// login
#login_container {

  ol {
    diplay:block;
    margin:0;
    padding:0;
    list-style:none;
    
    li {
      display:block;
      margin:0 0 20px 0;
      padding:0;
    }
    
    li.boolean {
      
      input#user_remember_me {

      }
      
    }
    
  } // end ol
  
  abbr {
    color:red;
    text-decoration:none;
    margin-right:3px;
  }
  
  input {
    width: 300px;
  }
  
  #devise_links a {
    margin-right: 10px;
  }
  
}




/******************************************************
 *  Navigation Dropdown Login Form
******************************************************/
#dd_login_form {
  padding: 20px 0 10px 0!important;
  width: 240px !important; 
  ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  
  li {
    display: block;
    margin-bottom: 13px; 
    padding: 0 20px !important;
  }
  
  label {
    font-size: 12px;
    color:$greyLight;
    margin-bottom: 2px;
    font-weight: 500;
  }
  
  input[type="text"], input[type="password"] {
    width: 185px;
    padding: 6px;
    font-size: 13px;
  }
  
  #dd_submit {
    padding-bottom: 13px !important;
    margin-bottom: 0px;
    border-bottom: 1px solid #000;
    label {
      display: inline; 
      line-height: 30px;
    }
  }
  #connect_to_facebook {
    text-align: center;
    margin-top: 10px;
  }
  #dd_forgot_pw {
    margin-bottom: 0;
    padding-top: 10px !important;
    padding-bottom: 5px !important;
    border-top: 1px solid #333;
    a {
      font-size: 13px;
      color: $grey;
    }
  }
}





/******************************************************
 *  Search Form
******************************************************/

#search_ {
  display: block;

  input#q {
    width: 500px;
    padding: 6px;
    margin-right: 12px;
  }
  
}
ul#nav_s_results {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  
  li {
    display: block;
    margin: 0 0 5px 0;
    padding: 5px;
    border-bottom: 1px solid #ccc;
  }
}






/******************************************************
 *  Form List
******************************************************/
ul.form_list {
  display: block;
  margin: 20px 0;
  padding: 0;
  list-style: none;
  
  > li {
    display: block;
    margin: 0 0 25px 0;
    padding: 0;
    
    label {
      font-size: 13px;
      font-weight: 700;
      display: block;
      margin-bottom: 5px;
    }
    
    .block {
      display: block;
      margin-bottom: 12px;

      .column {
        width: 225px;
        float: left;
      }
    }
    .block:after {
      display: table;
      content: "";
      zoom: 1;
      clear: both;
    }
    
    span.light {
      display: block;
      font-size: 13px;
      color: $greyLight;
      font-weight: 300;
    }
    
  } // end li
  
  li:after {
    display: table;
    content: "";
    zoom: 1;
    clear: both;
  }
  
}

ul.check_list {
  display: block;
  margin: 20px 0;
  list-style: none;
  
  li {
    display: inline;
    margin: 0 0 10px 0;
    padding: 0;
    width: 30%;
    float: left;
  }
  li.block {
    width: 60%;
    label, input {
      display: inline;
      margin-right: 20px;
    }
  }
}

li.s_links {
  input {
    display: block;
    margin-bottom: 5px;
  }
}




/******************************************************
 *  Volunteer Form
******************************************************/

#volunteer_form, form {
  fieldset {
    padding: 0;
    margin: 0;
    ol {
      list-style: none;
      display: block;
      margin: 0 !important;
      padding: 0 !important;
      
      li {
        display: block;
        margin: 0 0 20px 0 !important;
        padding: 0 !important;
        
        label, legend span {
          font-size: 13px;
          font-weight: 700;
          display: block;
          margin-bottom: 5px;
        }
      }
    }
  }
 fieldset.c_list {
   legend span {
     font-weight: bold;
     margin: 0 0 5px 0;
   }
   ol {
      display: block;
      margin: 0 0 20px 0;
     li { 
       margin: 0 0 5px 0 !important; 
       padding: 0;
       
        input[type="checkbox"] {
          display: inline; 
        }
        label {
          font-weight: inherit;
        }
     }
    }
  }
}

fieldset.buttons {
  margin: 20px 0 0 0; 
  display: block;
  clear: both;
}
fieldset.buttons, fieldset.buttons ol, fieldset.buttons li { 
  padding: 0; 
  margin: 20px 0 0 0; 
}




// 2012 form newsletter signup

#temp_newsletter {
  display: block;
  margin-top: 50px;

  legend {
    display: none;
  }
  
  ol {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    
    li {
      display: inline;
      margin-right: 10px;
      
      input[type="submit"] {
        line-height: 30px;
      }
    }
  }
}



// Speaker search
a#speaker_search {
  width: 20px;
  height: 20px;
  background: asset-url('application/site_sprite.png', image) no-repeat;
  background-position: 0px -117px;
  float: right;
  text-indent: -9999px;
}


// Model Search
#search_container {
  display: none;
  clear: both;
  margin: 20px 0 40px 0;
}

#speakers_search_results {
  #search_container {
    display: block !important;
  }
}









/******************************************************
 *  Community Partners Form
******************************************************/
.form_section {
  display: block;
  margin: 0 0 40px 0;
  border-bottom: 1px solid #ccc;
  padding: 0 0 0px 0; 
  
  span {
    display: block;
    clear: both;
    margin-bottom: 10px;
  }
}

.form_section_header {
    display: block;
    font-weight: bold;
    font-size: 19px;
    margin-bottom: 25px;
    color: #232323;
    
    label {
        display: block;
        clear: both;
        margin-bottom: 10px;
    }
}
.v_lists {
    display: block;
    margin-bottom: 45px;     
}
legend {
    float:left;
    width: 100%;
    display: block;
    clear: both;
    font-size: 15px;
    margin-bottom: 10px;
}
  
.checkbox_list ul {
     margin-top: 20px !important;   
}
.checkbox_list li {
   padding: 0;
   width: 300px;
   float: left;
   margin: 0 0 5px 0 !important;
   height: auto;
   line-height: auto;
}
.checkbox_list li label {
   font-weight: inherit;
   font-size: 14px;
}

.boolean label { font-weight: inherit; }


// Make requires * red
abbr[title="required"], span.required {
  color: red;
}

// Form Errors
form .error {

  input {
    border: 1px solid red;
    background: #f9ebeb;    
  }  
    
  p.inline-errors {
      display: block;
      margin: 0 0 10px 0;
      padding: 0;
      color: red;    
      font-weight: 400;
  }
}




// Form special cases
#community_partner_application_most_important_other_input, #affiliate_event_application_event_cost_input, #affiliate_event_application_rsvp_directions_input, #community_partner_application_organization_newsletter_frequency_input, #community_partner_application_ciw_updates_in_newsletter_input {
  display: none;
}