body {
  font: 14px arial, helvetica, clean, sans-serif;
  color: #525252; }

.right {
  float: right; }

.clear {
  clear: both; }

#wrap {
  width: 300px;
  margin: 0 auto; }

#logo {
  display: block;
  text-indent: -32767px;
  background: url(/images/logo.svg) no-repeat 0 4px;
  width: 120px;
  height: 120px;
  margin: 0 auto 2em auto;
  background-size: contain; }

ul {
  list-style: none;
  margin: 0 0 2em;
  padding: 0;
  text-align: center; }

li {
  margin-bottom: .7em;
  font-size: .9285713em;
  /* 13/14 */ }

h1,
h2 {
  margin: 0;
  background-color: #f26f21;
  color: #fff;
  line-height: 37px;
  font-weight: bold;
  font-size: 1em;
  padding-left: 15px;
  border-top: 1px solid #E6E6E6;
  border-right: 1px solid #E6E6E6;
  border-left: 1px solid #E6E6E6; }

a {
  color: #ea862d; }

/* --- Forms --- */
.box {
  border: 1px solid #E6E6E6;
  border-top: none;
  background: #f7f7f7;
  padding-top: 16px;
  padding-bottom: 8px;
  margin-bottom: 2em; }
  .box .box fieldset {
    padding: 15px; }
  .box p {
    margin: 0 15px 16px 15px; }
  .box .checkbox p,
  .box .radio p {
    margin: 0; }

form .field {
  margin-bottom: 20px;
  clear: left; }
  form .field label,
  form .field textarea,
  form .field select,
  form .field input[type=text],
  form .field input[type=password] {
    display: block; }
  form .field input[type=text],
  form .field input[type=password],
  form .field textarea {
    border: 1px solid #ccc;
    background: #fff;
    padding: 8px;
    width: 100%;
    font-size: 1em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

fieldset {
  border: 0; }

textarea {
  width: 628px;
  height: 120px; }

label {
  margin-bottom: 4px;
  font-size: 1em; }

label .required,
p .required {
  color: red;
  font-style: normal; }

label,
p.label {
  font-weight: bold; }

.radio label,
.checkbox label {
  font-weight: normal; }

.radio strong label,
.checkbox strong label {
  font-weight: bold; }

.radio label,
.checkbox label,
.radio input,
.checkbox input {
  float: left;
  margin: 0; }

.radio input,
.checkbox input {
  clear: left;
  margin-right: 6px; }

label .hint {
  color: gray;
  font-weight: normal; }

.block {
  display: block; }

/* --- Buttons --- */
.button {
  padding: 10px 10px 11px;
  font-weight: normal;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border: 0;
  display: inline-block;
  line-height: 1;
  cursor: pointer;
  padding: 10px 10px 11px;
  position: relative;
  top: 1px;
  text-decoration: none;
  font-size: 1em;
  color: #fff !important;
  background-color: #f26f21; }

.button:hover {
  background: #d85608; }

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   Messaging
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.alert,
.notice,
.error,
.info,
#form-errors {
  border: 1px solid #c1cbeb;
  background: #e8ebf6 url(/images/shared/icon-generic-msg.png) no-repeat 10px 9px;
  color: #23377c;
  font-weight: bold;
  padding: 7px;
  margin: 0 auto 1.5em;
  padding-left: 38px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.notice p,
.alert p,
.error p,
.info p,
#form-errors p {
  text-align: left;
  font-weight: bold;
  font-size: .9285713em;
  /* 13/14 */
  padding-left: 26px;
  margin-bottom: 0;
  margin-top: 0; }

/* Just FYI (.info) */
.info {
  border-color: #c1cbeb;
  background-color: #e8ebf6;
  color: #23377c;
  background-image: url(/images/shared/icon-info.png); }

/* Everything's good, just wanted to let you know (.notice) */
.notice {
  border-color: #aac94b;
  background-color: #dff1a6;
  color: #4e6606;
  background-image: url(/images/shared/icon-notice.png); }

/* Something you need to pay attention to, may hold you up (.alert) */
.alert {
  border-color: #ffc897;
  background-color: #ffe3ca;
  color: #ea862d;
  background-image: url(/images/shared/icon-alert.png); }

/* Something went wrong and you can't ignore this message (.error) */
#form-errors,
.error {
  border: 1px solid #d19595;
  margin-bottom: 20px;
  background-color: #ffbdbd;
  color: #884c4c;
  background-image: url(/images/shared/icon-error.png); }

/* __ Error Handling __ */
.field ul {
  margin: 4px 0 0 4px;
  padding: 0;
  list-style: none;
  text-align: left; }

.field ul li {
  margin-bottom: 0; }

.field_with_errors {
  width: auto; }

.field_with_errors label {
  color: #8b2121; }

.field_with_errors .error-wrap {
  border: 1px solid #d19595;
  background: #ffbdbd;
  padding: 6px;
  color: #884c4c;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.tooltip {
  display: none;
  background: transparent;
  background-image: url(/images/admin/tooltip_black_arrow.png);
  font-size: .9285713em;
  /* 13/14 */
  height: 70px;
  width: 160px;
  padding: 25px;
  color: white; }

#error_explanation {
  border: 1px solid #d19595;
  background: #ffbdbd;
  padding: 7px 7px 14px;
  margin-bottom: 20px; }

#error_explanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: .9285713em;
  /* 13/14 */
  margin: -7px;
  margin-bottom: 0;
  color: #884c4c;
  background-image: none;
  border: none; }

#error_explanation ul {
  margin-top: 0;
  margin-bottom: 0; }

#error_explanation ul li {
  font-size: .9285713em;
  /* 13/14 */
  list-style: square;
  color: #884c4c; }

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   Self-Clearing Floats
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.clearfix:before, .clearfix:after,
.grid-2:before, .grid-2:after,
.grid-3:before, .grid-3:after,
form .field:before, form .field:after,
form .field_with_errors .error-wrap:before, form .field_with_errors .error-wrap:after {
  content: " ";
  display: table; }

.clearfix:after,
.grid-2:after,
.grid-3:after,
form .field:after,
form .field_with_errors .error-wrap:after {
  clear: both; }

.clearfix,
.grid-2,
.grid-3,
form .field,
form .field_with_errors .error-wrap {
  *zoom: 1; }

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* --- MEDIA QUERIES --- */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* --- 480 => --- */
@media screen and (min-width: 480px) {
  #wrap {
    width: 380px; }

  h1 {
    font-size: 1.14285714em;
    /* 16/14 */ }

  li {
    font-size: .64285714em;
    /* 9/14 */ } }