/* ----------------------------------------------- *    Table of Contents
    ---------------------------------
    @ typography
    @ box defaults
    @ breakpoints
    @ alternate grid base
    @ colours
    ----------------------------------------------- */
/* ----------------------------------------------- //
    @ box defaults
   ----------------------------------------------- */
/* ----------------------------------------------- //
    @ breakpoints
   ----------------------------------------------- */
/* Named breakpoints */
/* Bootstrap grid variables */
/* Define the maximum width of `.container` for different screen sizes */
/* ----------------------------------------------- //
    @ alternate grid base
   ----------------------------------------------- */
/* ----------------------------------------------- //
    @ colours
   ----------------------------------------------- */
/* ASCA base */
/* Hot accents */
/* Cool accents */
/* Neutrals */
/* Bootstrap default colour overrides */
/* Other colours - functional */
/* ----------------------------------------------- //
    @ typography defaults
   ----------------------------------------------- */
/* ----------------------------------------------- //
    @ buttons
   ----------------------------------------------- */
/* default */
/* primary */
/*  ----------------------------------------  //
    BUTTONS 
    ----------------------------------------  */
/*  ----------------------------------------  //
    CONTAINERS
    ----------------------------------------  */
/*  ----------------------------------------  //
    ALERTS
    ----------------------------------------  */
/*  ----------------------------------------  //
    UNDERLINED (CONTENT) LINKS
    ----------------------------------------  */
/*  ----------------------------------------  //
    ALIGNMENT
    ----------------------------------------  */
/*  ----------------------------------------  //
    FORMS
    ----------------------------------------  */
/* ----------------------------------------------- //
    join.scss - Joining form / customer registration
// ----------------------------------------------- */
.register main .frame {
  padding: 80px 0; }

.no-border {
  border: none;
  padding: 0; }

.frame.inner {
  margin: 20px 0px;
  max-width: 800px; }

fieldset {
  border: 0; }

ul.radio {
  list-style-type: none; }

fieldset li {
  padding: 5px 0; }

.register .frame.member-type {
  padding-top: 20px; }

.salary-option-info {
  background-color: #eee; }

.block-title,
.pre-paid-memberships legend {
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 1em; }

.pre-paid-memberships {
  background-color: #EDF4F5; }
  .pre-paid-memberships .help-block {
    padding-bottom: 0; }

.pre-paid-memberships ul.radio {
  background-color: #fff;
  padding: 20px 60px;
  width: 100%; }

.member-details .form-group,
.confirm-pw .form-group,
.final-steps .form-group {
  padding-bottom: 5px;
  max-width: 480px; }

.register .submit {
  margin-bottom: 60px;
  max-width: 300px; }

.register .submit button {
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin: 80px auto; }

.mobile-no input,
.work-no input,
.promo-code input,
.employee-id input {
  width: 12em; }

.inv-suburb input {
  width: 20em; }

.inv-postcode input {
  width: 5em; }

label .price {
  color: #999; }

.radio label {
  padding-left: 5px; }

.form-control-feedback {
  top: 30px !important; }

.inv-suburb .form-control-feedback {
  right: 200px; }

.f-mobile .form-control-feedback,
.e-staff-id .form-control-feedback {
  right: 315px; }

.register fieldset {
  border: none; }
  .register fieldset legend {
    border: none;
    color: #004165;
    padding: 0;
    border-radius: 0px;
    font-size: 2em;
    font-weight: 700; }

.control-label em {
  font-weight: normal;
  color: #999; }

.register #invaddr4 {
  max-width: 6em; }

.register #regnr1,
.register #invaddr3,
.register #mobile {
  max-width: 12em; }

.container-sm {
  max-width: 600px;
  margin: auto; }

.public.register .main p.help-block {
  color: #007DBA;
  font-size: 1.2em;
  position: relative;
  text-align: left;
  top: -20px; }

.register .page-header {
  max-width: 100%; }

.register input[type="radio"] {
  margin-right: 10px; }

.cureg_field_wrapper .frame .frame {
  padding: 30px; }
  .cureg_field_wrapper .frame .frame .radio li {
    padding: 0; }

.register .radio .form-control {
  height: auto; }

ul.radio {
  padding-left: 0; }

.register .page-header .alert {
  background-color: #fff;
  border: 1px solid #ddd; }

.pre-paid-memberships .radio {
  margin-top: 0; }

.register .color-intro {
  padding: 60px 0 40px; }

.contractitem_cat_info_SALR_SUBR,
.contractitem_cat_info_ANNUA_SUBSB {
  max-width: 400px; }

.public.register main h1 {
  text-align: left;
  padding-left: 0;
  margin-bottom: 0; }

.public.register h3 {
  margin-top: 0;
  padding-top: 0; }

.register #errorbox {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
  font-size: 1.3em;
  font-weight: 600; }
  .register #errorbox:before, .register #errorbox:after {
    content: " ";
    display: table; }
  .register #errorbox:after {
    clear: both; }
  @media (min-width: 768px) {
    .register #errorbox {
      width: 750px; } }
  @media (min-width: 1024px) {
    .register #errorbox {
      width: 970px; } }
  @media (min-width: 1344px) {
    .register #errorbox {
      width: 1342px; } }
  @media (max-width: 768px) {
    .register #errorbox {
      margin: 0 15px; } }

@media (max-width: 768px) {
  .register ul.radio {
    padding-left: 30px; } }

.member-no {
  font-size: 2em;
  font-weight: 700;
  color: #007DBA; }

.public.register .main .member-type .help-block {
  top: 0; }

.has-error div.help-block, .member-type .error-msg.help-block {
  padding: 5px 10px;
  display: inline-block;
  color: #983d3b;
  background-color: #f4e3e3; }
  .has-error div.help-block:after, .member-type .error-msg.help-block:after {
    content: "!"; }

.has-error input {
  color: #333333 !important; }

.member-type div.help-block {
  display: block; }

.alert-danger h2 {
  color: #A94442 !important;
  font-size: 1.2em;
  padding-top: 20px; }
  .alert-danger h2 .fa-warning {
    font-size: 2em;
    padding-bottom: 20px; }

.errorbox-inner {
  padding: 0px 40px 40px;
  display: inline-block; }
  .errorbox-inner p {
    font-weight: normal; }
/*# sourceMappingURL=join.css.map */