.fieldWithErrors {
  display: inline; }

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline; }

body {
  line-height: 1.5;
  z-index: 0; }

table {
  border-collapse: separate;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal; }

table, td, th {
  vertical-align: middle; }

blockquote:before, blockquote:after, q:before, q:after {
  content: ""; }

blockquote, q {
  quotes: "" ""; }

a, img {
  border: none; }

label {
  font-weight: bold; }

input[type="text"], input[type="password"],
textarea, select {
  background-color: white;
  border: solid 2px #ececec;
  padding: 5px;
  width: 180px;
  font-size: 11px;
  color: #999999;
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; }

input[type="text"]:focus, input[type="password"]:focus,
textarea:focus, select:focus {
  background-color: white;
  border: solid 2px #cccccc;
  padding: 5px;
  font-size: 11px;
  color: #333333;
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; }

input[type="text"], input[type="password"] {
  height: 15px; }

textarea {
  height: 100px; }

input[type="checkbox"], input[type="radio"],
input.checkbox, input.radio {
  position: relative;
  top: 0.25em; }

form.inline {
  line-height: 3; }

form.inline p {
  margin-bottom: 0; }

input[disabled="disabled"] {
  background-color: #ececec; }

body {
  background: #333333 url() center top no-repeat;
  z-index: 0; }

#errorExplanation {
  width: 95%;
  background-color: #333333;
  color: white;
  padding: 10px;
  margin: 10px 0 10px 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  width: 85%; }
  #errorExplanation p {
    color: white;
    margin: 5px 0 5px 0;
    padding: 0;
    font-weight: bold; }
  #errorExplanation li {
    color: white;
    margin-bottom: 10px;
    padding: 0;
    list-style-type: disc; }
  #errorExplanation ul {
    color: white;
    margin-left: 12px;
    padding: 0; }
  #errorExplanation h2 {
    color: white;
    background: #333333;
    height: 100%;
    font-size: 14px;
    margin: 0 0 10px 0;
    padding: 0;
    font-family: "Helvetica Neue", helvetica, arial, sans-serif; }

h1 {
  font-size: 28px;
  line-height: 1.2em;
  padding: 0;
  margin-bottom: 10px;
  background: #ececec;
  color: #333333;
  font-weight: bold;
  width: 75%;
  font-family: "Helvetica Neue", helvetica, arial, sans-serif; }

h2 {
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  color: #333333;
  font-family: "Helvetica Neue", helvetica, arial, sans-serif; }

p, label, ul, li {
  font-size: 11px;
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  color: #333333; }

p {
  margin: 0 10px 10px 0; }

a {
  color: #33aacc;
  text-decoration: none;
  font-weight: bold; }

a:hover, focus {
  color: #01789a; }

.terms {
  font-size: 10px;
  color: #999999; }
  .terms a {
    font-weight: normal; }

#login_box {
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
  width: 900px;
  min-height: 200px; }
  #login_box h1 {
    text-transform: capitalize; }
  #login_box #header {
    text-align: center; }
  #login_box #content {
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    margin-bottom: 30px;
    width: 480px;
    background: #ececec;
    border: solid 5px #cccccc;
    padding: 20px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px; }
    #login_box #content:after {
      content: ".";
      clear: both;
      display: block;
      height: 0;
      visibility: hidden;
      overflow: hidden; }
  #login_box #new_user_session p.alternative {
    margin: -30px 0 0 60px;
    padding: 0 0 10px 20px;
    color: #999999;
    text-transform: capitalize; }
  #login_box #new_user_session #new_user_session_form {
    float: left; }
    #login_box #new_user_session #new_user_session_form form#new_user_session {
      width: 220px; }
    #login_box #new_user_session #new_user_session_form label, #login_box #new_user_session #new_user_session_form input {
      display: block;
      border: 0; }
    #login_box #new_user_session #new_user_session_form label {
      margin-bottom: 5px; }
    #login_box #new_user_session #new_user_session_form input {
      margin-bottom: 10px; }
    #login_box #new_user_session #new_user_session_form label.checkbox {
      display: inline-block;
      float: left;
      color: #999999; }
    #login_box #new_user_session #new_user_session_form input[type="hidden"] {
      margin: 0; }
    #login_box #new_user_session #new_user_session_form #user_session_remember_me {
      display: inline;
      float: left;
      margin: 0 10px 0 0; }
    #login_box #new_user_session #new_user_session_form #user_session_submit {
      background: #33aacc;
      border: solid 2px #95d4e7;
      color: white;
      cursor: pointer;
      text-transform: capitalize;
      font-weight: bold;
      padding: 4px;
      font-size: 11px;
      font-family: "Helvetica Neue", helvetica, arial, sans-serif;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      padding-top: 6px;
      padding-bottom: 6px;
      margin-top: 10px;
      clear: both; }
  #login_box #new_user_session #new_facebook_user_session {
    width: 230px;
    float: right; }
  #login_box #new_user p.alternative {
    margin: -30px 0 0 170px;
    padding: 0 0 10px 20px;
    color: #999999; }
  #login_box #new_user #new_user {
    float: left;
    width: 240px; }
    #login_box #new_user #new_user label, #login_box #new_user #new_user input {
      display: block;
      border: 0; }
    #login_box #new_user #new_user label {
      margin-bottom: 5px; }
    #login_box #new_user #new_user input {
      margin-bottom: 10px; }
    #login_box #new_user #new_user label.radio {
      display: inline;
      float: left;
      margin-right: 5px;
      font-weight: normal; }
    #login_box #new_user #new_user label.checkbox {
      display: inline-block;
      float: left; }
    #login_box #new_user #new_user input[type="hidden"] {
      margin: 0; }
    #login_box #new_user #new_user #user_subscribed_to_newsletter,
    #login_box #new_user #new_user #user_subscribed_to_twilightopia_newsletter {
      display: inline;
      float: left;
      margin: 0 10px 0 0; }
    #login_box #new_user #new_user #user_submit {
      background: #33aacc;
      border: solid 2px #95d4e7;
      color: white;
      cursor: pointer;
      text-transform: capitalize;
      font-weight: bold;
      padding: 4px;
      font-size: 11px;
      font-family: "Helvetica Neue", helvetica, arial, sans-serif;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      padding-top: 6px;
      padding-bottom: 6px;
      margin-top: 10px;
      clear: both; }
  #login_box #new_user #new_facebook_user_session {
    float: right;
    width: 240px;
    margin-top: 10px; }
  #login_box #user_created #links,
  #login_box #migrated_user_session #links {
    font-size: 12px;
    padding-top: 20px;
    margin: 0; }
    #login_box #user_created #links a,
    #login_box #migrated_user_session #links a {
      background: #33aacc;
      border: solid 2px #95d4e7;
      color: white;
      cursor: pointer;
      text-transform: capitalize;
      font-weight: bold;
      padding: 6px;
      font-size: 11px;
      font-family: "Helvetica Neue", helvetica, arial, sans-serif;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px; }
  #login_box #new_password_reset label, #login_box #new_password_reset input,
  #login_box #edit_reset_password label,
  #login_box #edit_reset_password input {
    display: block;
    border: 0; }
  #login_box #new_password_reset label,
  #login_box #edit_reset_password label {
    margin-bottom: 5px; }
  #login_box #new_password_reset input,
  #login_box #edit_reset_password input {
    margin-bottom: 10px; }
  #login_box #new_password_reset input[type="submit"],
  #login_box #edit_reset_password input[type="submit"] {
    background: #33aacc;
    border: solid 2px #95d4e7;
    color: white;
    cursor: pointer;
    text-transform: capitalize;
    font-weight: bold;
    padding: 4px;
    font-size: 11px;
    font-family: "Helvetica Neue", helvetica, arial, sans-serif;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-top: 10px;
    clear: both; }

body#login #login_box #footer {
  border: 0; }