/* GENERIC STYLES FOR FORMS
--------------------------------------------------------------------------- */
.content .form {
  margin: 0 auto;
  margin-bottom: 10px;
  padding: 10px;
  background: #f5f5f5;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

form p { margin-bottom: 5px; font-size: 14px; }
.login_form, .signup_form { margin-bottom: 20px; padding-top: 10px; border-top: 1px solid #eee; }
.login_form h3, .signup_form h3 { margin-bottom: 5px; }
.login_form p label, .signup_form p label { float: left; width: 90px; line-height: 30px; }
.login_form p.submit { margin-left: 90px; }
.button { width: auto; }
form .alt_button { display: inline; float: none; margin-left: 10px; padding: 0; background: transparent; border: none; font-weight: bold; text-shadow: none; }
form a.alt_button:hover { background: transparent; color: #999; }
form .submit .alt_button { display: inline; float: none; }

form .suggestion {
  position: relative;
  margin-bottom: 10px;
}
form .suggestion .tip {
  font-size: 13px;
}
form .suggestion .form_controls {
  position: absolute;
  top: 5px;
  right: 5px;
}
form ul.form {
  margin: 0;
  padding: 0;
  list-style: none;
}
form ul.form:after { /* Clear fix */ content:  ".";   display: block;  height: 0;  clear: both;  visibility: hidden; }
form ul.form { /* IE fix */ zoom: 1; }
ul.form li {
  margin: 0 0 20px 0;
}
ul.form label {
  padding: 0 2px;
  font-size: 13px;
  text-shadow: #fff 0 1px 1px;
  color: #333;
}
ul.form .required label {
  font-weight: bold;
}
ul.form .help_text {
  display: block;
  padding: 5px;
  font-size: 12px;
  font-style: italic;
  color: #777;
}
ul.form input,
ul.form textarea {
  width: 98%;
  margin: 0;
}

ul.form .big_field input {
  font-family: "Helvetica Neue";
  font-size: 18px;
  font-weight: bold;
  color: #444;
}

.form .has_errors {
  padding: 10px;
  background: #fff;
  border: solid 3px rgba(218,51,0,1);
  -webkit-border-radius: 4px;
}

.form .expand-link {
  font-size: 12px;
  font-weight: bold;
}

.form .wmd-button-bar {
  background: #fff;
}
.form .wmd-preview {
  border-color: #ccc;
}

#non_field_errors .errorlist {
  margin-bottom: 20px;
  padding: 0 20px;
}
#non_field_errors .errorlist li {
  font-size: 16px;
}
.errorlist {
  margin: 0 0 5px 0;
  padding: 0;
  list-style: none;
}
.errorlist li {
  margin: 0;
  font-size: 12px;
  font-weight: bold;
  color: rgba(218,51,0,1);
}

.attachment-wrapper {
  margin-top: -5px;
  padding: 5px 0;
  background: #fff;
  border: solid 1px #ccc;
  border-top: none;
}
.attachment-wrapper:after,
.attachment-wrapper ul:after { /* Clear fix */ content:  ".";   display: block;  height: 0;  clear: both;  visibility: hidden; }
.attachment-wrapper,
.attachment-wrapper ul { /* IE fix */ zoom: 1; }

ul.form .attachment-wrapper li {
  float: left;
  margin: 0;
}
.attachment-wrapper ul {
  padding: 0 10px;
  list-style: none;
}
.attachment-wrapper .errorlist {
  margin: 0;
  padding: 5px 0 0 0;
}
.attachment-wrapper .errorlist li {
  float: none;
}
.attachment-wrapper .form {
  margin-bottom: 0;
}
.attachment-wrapper li {
  padding-right: 10px;
  font-size: 12px;
}
.attachment-wrapper .attachment-options li a {
  font-weight: bold;
}
.attachment-wrapper .help_text {
  margin-top: 5px;
  margin-bottom: 0;
}
.attachment-wrapper div {
  padding: 10px;
}
.attachment-wrapper .post-instructions {
  margin-bottom: 10px;
  padding: 0;
}
.attachment-wrapper .post-instructions h4 {
  margin: 0;
  padding: 0;
  font-size: 14px;
}
.attachment-wrapper .post-instructions em {
  color: #777;
}
.attachment-wrapper .post-instructions ol {
  margin-bottom: 10px;
}
.attachment-wrapper .post-instructions ol li {
  float: none;
}
.attachment-wrapper .post-instructions .screenshot {
  margin-bottom: 7px;
  border: solid 1px #ccc;
}
.attachment-wrapper div h5,
div.attachment-wrapper div.form-container h3 {
  margin: 0 0 5px 0;
  padding: 0 5px;
  font-size: 14px;
  line-height: 16px;
  text-transform: none;
  color: #333;
}

div.form-container {
  position: relative;
}
div.form-container .form li {
  float: none;
  margin-bottom: 10px;
}
div.form-container .form li:after { /* Clear fix */ content:  ".";   display: block;  height: 0;  clear: both;  visibility: hidden; }
div.form-container .form li { /* IE fix */ zoom: 1; }
div.form-container .form label,
div.form-container .form input {
  float: left;
  padding: 4px;
  font-size: 14px;
  line-height: 19px;
}
div.form-container .form label {
  width: 150px;
}
div.form-container .form input,
.form #attach_link {
  width: 300px;
}
div.form-container .form .formrow_caption textarea {
  height: 50px;
}

p.submit {
  padding-left: 0;
}
form .submit button {
    display: inline;
    float: none;
    margin-right: 10px;
}