/**** Font standards ****/
/* XXpx */
/* 16px */
/* 14px */
/* 12px */
/************************/
/* Pretty check boxes for customize check-boxes*/
/* line 3, addons/_prettyCheckable.scss */
.clearfix:before, .clearfix:after {
  content: "";
  display: table; }

/* line 8, addons/_prettyCheckable.scss */
.clearfix:after {
  clear: both; }

/* line 10, addons/_prettyCheckable.scss */
.clearfix {
  *zoom: 1; }

/* line 13, addons/_prettyCheckable.scss */
.prettycheckbox,
.prettyradio {
  display: inline-block;
  padding: 0;
  margin: 0; }

/* line 20, addons/_prettyCheckable.scss */
.prettycheckbox a,
.prettyradio a {
  width: 30px;
  height: 30px;
  background: url('../images/common/prettyCheckable-black.png') top left no-repeat;
  display: block;
  float: left;
  cursor: pointer;
  margin: 0; }

/* line 31, addons/_prettyCheckable.scss */
.prettycheckbox.green a,
.prettyradio.green a {
  background-image: url(../../images/common/prettyCheckable-green.png); }

/* line 34, addons/_prettyCheckable.scss */
.prettycheckbox.red a,
.prettyradio.red a {
  background-image: url(../../images/common/prettyCheckable-red.png); }

/* line 37, addons/_prettyCheckable.scss */
.prettycheckbox.yellow a,
.prettyradio.yellow a {
  background-image: url(../../images/common/prettyCheckable-yellow.png); }

/* line 39, addons/_prettyCheckable.scss */
.prettyradio a {
  background-position: 0 -120px; }

/* line 42, addons/_prettyCheckable.scss */
.prettycheckbox a:focus,
.prettyradio a:focus {
  outline: 0 none; }

/* line 44, addons/_prettyCheckable.scss */
.prettycheckbox a:focus {
  background-position: 0 -30px; }

/* line 45, addons/_prettyCheckable.scss */
.prettyradio a:focus {
  background-position: 0 -150px; }

/* line 47, addons/_prettyCheckable.scss */
.prettycheckbox a.checked {
  background-position: 0 -60px; }

/* line 48, addons/_prettyCheckable.scss */
.prettyradio a.checked {
  background-position: 0 -180px; }

/* line 50, addons/_prettyCheckable.scss */
.prettycheckbox a.checked:focus {
  background-position: 0 -90px; }

/* line 51, addons/_prettyCheckable.scss */
.prettyradio a.checked:focus {
  background-position: 0 -210px; }

/* line 54, addons/_prettyCheckable.scss */
.prettycheckbox label,
.prettyradio label {
  display: block;
  float: left;
  margin: 6px 5px;
  cursor: pointer; }

/* line 7, CM116_signUp.css.scss */
.sign-up-wrapper .input-field,
.main-form input,
.young .parent-email {
  width: 278px;
  border: 1px solid #e1e0e0;
  color: #363636;
  font-size: 1.2em;
  padding: 0px 10px;
  position: relative;
  z-index: 1;
  margin-top: 10px; }

/* line 20, CM116_signUp.css.scss */
.sign-up-wrapper .error,
.main-form .error,
.young .error {
  background: white url('../images/CM116_signUp/error_validation.gif') right center no-repeat;
  color: #ff0000; }

/* line 26, CM116_signUp.css.scss */
.main-form input,
.young .parent-email {
  line-height: 45px;
  height: 45px; }

/* line 31, CM116_signUp.css.scss */
.btn-centerer {
  display: block;
  text-align: center; }

/* line 36, CM116_signUp.css.scss */
.sign-up-wrapper {
  display: block;
  max-width: 940px;
  margin: 0 auto;
  /*  line-height: 0;*/ }
  /* line 44, CM116_signUp.css.scss */
  .sign-up-wrapper .wrapper {
    display: inline-block;
    position: relative;
    width: 100%;
    /*min-height: 280px;*/ }
    /* line 50, CM116_signUp.css.scss */
    .sign-up-wrapper .wrapper .left {
      position: absolute;
      display: block;
      bottom: -7px;
      text-align: center;
      min-width: 400px;
      right: 500px; }
    /* line 58, CM116_signUp.css.scss */
    .sign-up-wrapper .wrapper .right {
      width: 470px;
      float: right;
      display: block;
      line-height: normal; }
      /* line 64, CM116_signUp.css.scss */
      .sign-up-wrapper .wrapper .right hgroup {
        margin: 0; }
        /* line 68, CM116_signUp.css.scss */
        .sign-up-wrapper .wrapper .right hgroup h1 {
          margin: 0;
          font-family: "adelle", Georgia;
          font-size: 28px;
          font-style: italic;
          color: #0068bf;
          font-weight: normal;
          text-align: left; }
        /* line 80, CM116_signUp.css.scss */
        .sign-up-wrapper .wrapper .right hgroup h2 {
          font-size: 40px;
          margin: 0;
          font-family: 'SST W01 Bold', 'SST W02 Bold', 'SST W10 Bold', 'SST W15 Bold', 'Arial Bold', Helvetica;
          font-weight: normal;
          text-align: left; }
      /* line 93, CM116_signUp.css.scss */
      .sign-up-wrapper .wrapper .right dl {
        width: 460px; }
        /* line 97, CM116_signUp.css.scss */
        .sign-up-wrapper .wrapper .right dl dt,
        .sign-up-wrapper .wrapper .right dl dd {
          margin: 0;
          padding: 0; }
        /* line 104, CM116_signUp.css.scss */
        .sign-up-wrapper .wrapper .right dl dt,
        .sign-up-wrapper .wrapper .right dl dd,
        .sign-up-wrapper .wrapper .right dl .text-box,
        .sign-up-wrapper .wrapper .right dl .image-box {
          float: left; }
  /* line 112, CM116_signUp.css.scss */
  .sign-up-wrapper .text-box {
    margin: 30px 0 60px; }
    /* line 115, CM116_signUp.css.scss */
    .sign-up-wrapper .text-box p {
      text-align: left; }
  /* line 121, CM116_signUp.css.scss */
  .sign-up-wrapper .input-field {
    height: 42px;
    font-size: 20px;
    font-family: 'SST W01 Bold', 'SST W02 Bold', 'SST W10 Bold', 'SST W15 Bold', 'Arial Bold', Helvetica;
    font-weight: normal;
    margin: 0 20px 0 0;
    line-height: 42px; }
    /* line 129, CM116_signUp.css.scss */
    .lt-ie9 .sign-up-wrapper .input-field {
      height: 39px;
      line-height: 39px; }
  /* line 137, CM116_signUp.css.scss */
  .sign-up-wrapper.in-page .main-form {
    min-height: auto; }
    /* line 140, CM116_signUp.css.scss */
    .sign-up-wrapper.in-page .main-form hgroup h1, .sign-up-wrapper.in-page .main-form hgroup h2 {
      text-align: center; }
    /* line 145, CM116_signUp.css.scss */
    .sign-up-wrapper.in-page .main-form label,
    .sign-up-wrapper.in-page .main-form .lnkSecurity {
      clear: both;
      display: block; }
    /* line 149, CM116_signUp.css.scss */
    .sign-up-wrapper.in-page .main-form .cont {
      float: left;
      margin-right: 35px;
      margin-top: 35px; }
    /* line 154, CM116_signUp.css.scss */
    .sign-up-wrapper.in-page .main-form .inputs {
      width: 675px;
      padding-left: 35px;
      /* to counteract the right hand margin put on inputs - i.e to make form appear centered.*/ }
      /* line 157, CM116_signUp.css.scss */
      .sign-up-wrapper.in-page .main-form .inputs .btn-centerer {
        margin-right: 35px; }
      /* line 160, CM116_signUp.css.scss */
      .sign-up-wrapper.in-page .main-form .inputs .terms-text {
        padding-left: 35px;
        padding-bottom: 20px; }
    /* line 165, CM116_signUp.css.scss */
    .sign-up-wrapper.in-page .main-form .messages {
      display: inline; }
    /* line 169, CM116_signUp.css.scss */
    .sign-up-wrapper.in-page .main-form .messages h1, .sign-up-wrapper.in-page .main-form .messages h2, .sign-up-wrapper.in-page .main-form .messages h3 {
      text-align: left; }
    /* line 172, CM116_signUp.css.scss */
    .sign-up-wrapper.in-page .main-form .messages .too-young {
      width: 400px; }
      /* line 174, CM116_signUp.css.scss */
      .sign-up-wrapper.in-page .main-form .messages .too-young .wrapper {
        width: 100%; }
        /* line 176, CM116_signUp.css.scss */
        .sign-up-wrapper.in-page .main-form .messages .too-young .wrapper h3 {
          padding-right: 5px; }
    /* line 181, CM116_signUp.css.scss */
    .sign-up-wrapper.in-page .main-form .messages .boom {
      width: 283px; }
      /* line 183, CM116_signUp.css.scss */
      .sign-up-wrapper.in-page .main-form .messages .boom .wrapper {
        width: auto; }
    /* line 191, CM116_signUp.css.scss */
    .sign-up-wrapper.in-page .main-form #boom .check-folks .wrapper p {
      margin-top: 25px; }

@media all and (max-width: 900px) {
  /* line 206, CM116_signUp.css.scss */
  .sign-up-wrapper .wrapper {
    display: inline-block;
    position: relative;
    width: 100%; }
    /* line 211, CM116_signUp.css.scss */
    .sign-up-wrapper .wrapper .left {
      position: absolute;
      display: block;
      bottom: -7px;
      text-align: right;
      right: 500px; } }
/* Main form */
/* line 227, CM116_signUp.css.scss */
.main-form {
  max-width: 720px;
  width: 100%;
  min-width: 700px;
  min-height: 760px;
  margin: 0 auto;
  padding: 40px 0;
  display: block;
  background: #eeeeee; }
  /* line 237, CM116_signUp.css.scss */
  .lt-ie8 .main-form {
    position: relative; }
  /* line 247, CM116_signUp.css.scss */
  .main-form hgroup h1,
  .main-form hgroup h2 {
    text-align: center; }
  /* line 252, CM116_signUp.css.scss */
  .main-form label {
    font-family: 'SST W01 Bold', 'SST W02 Bold', 'SST W10 Bold', 'SST W15 Bold', 'Arial Bold', Helvetica;
    font-weight: normal;
    font-size: 1.2em;
    color: #363636; }
  /* line 261, CM116_signUp.css.scss */
  .main-form div.left,
  .main-form div.right {
    float: left;
    margin-bottom: 30px;
    display: inline-block;
    width: auto; }
  /* line 268, CM116_signUp.css.scss */
  .main-form div.right {
    float: right; }
    /* line 270, CM116_signUp.css.scss */
    .lt-ie8 .main-form div.right {
      margin-left: 1px;
      float: right; }
  /* line 276, CM116_signUp.css.scss */
  .main-form div.left {
    margin-right: 35px; }
  /* line 280, CM116_signUp.css.scss */
  .main-form br {
    padding: 0;
    margin: 0;
    line-height: 0;
    clear: both; }
  /* line 288, CM116_signUp.css.scss */
  .main-form input.date,
  .main-form input.last {
    width: 62px;
    float: left; }
  /* line 293, CM116_signUp.css.scss */
  .main-form input.date {
    margin-right: 24px; }
  /* line 297, CM116_signUp.css.scss */
  .main-form .terms-wrapper {
    display: block;
    height: 36px;
    width: 36px;
    background: #fff;
    padding: 6px 0 0 6px;
    float: left;
    margin: 0 30px 90px 0; }
  /* line 307, CM116_signUp.css.scss */
  .main-form .security-code {
    width: 290px;
    height: 37px;
    border: solid #e1e0e0 1px;
    display: inline-block;
    background: #fff;
    margin-top: 10px;
    text-align: center;
    padding: 4px; }
  /* line 316, CM116_signUp.css.scss */
  .main-form .lnkSecurity {
    color: #0068BF;
    text-decoration: none;
    margin-top: 5px;
    display: inline-block; }

/* line 324, CM116_signUp.css.scss */
.inputs {
  margin: 0 auto;
  width: 640px;
  display: block; }

/* line 330, CM116_signUp.css.scss */
.terms-text {
  text-align: center;
  padding: 0 55px 10px; }

/* line 334, CM116_signUp.css.scss */
label.terms {
  font-size: 1.0em; }

/* line 340, CM116_signUp.css.scss */
.back-to-page,
.validate,
.parent-email-validate {
  display: inline-block;
  margin: 0 auto; }

/* Validation failed dialog boxes */
/* line 347, CM116_signUp.css.scss */
.messages {
  padding: 40px;
  display: inline-block;
  background: #eeeeee; }
  /* line 352, CM116_signUp.css.scss */
  .lt-ie8 .messages {
    width: 500px;
    overflow: hidden;
    position: relative; }
  /* line 360, CM116_signUp.css.scss */
  .messages hgroup h1,
  .messages hgroup h2 {
    text-align: center; }

/* line 367, CM116_signUp.css.scss */
.main-form .sbHolder {
  width: 300px;
  height: 45px;
  margin-top: 10px; }
  /* line 372, CM116_signUp.css.scss */
  .lt-ie9 .main-form .sbHolder {
    height: 45px;
    width: 300px; }
  /* line 378, CM116_signUp.css.scss */
  .main-form .sbHolder .sbToggle {
    height: 45px; }
  /* line 382, CM116_signUp.css.scss */
  .main-form .sbHolder .sbSelector {
    height: 45px;
    font-size: 1.3em;
    line-height: 45px;
    width: 270px; }
  /* line 389, CM116_signUp.css.scss */
  .main-form .sbHolder .sbOptions {
    width: 300px; }

/* "I am too young to die" overlay window */
/* line 403, CM116_signUp.css.scss */
.too-young img,
.young img,
.check-folks img,
.boom img,
.registered img {
  float: left;
  width: 48px;
  height: 48px;
  border: 0;
  display: block;
  margin-right: 20px; }

/* line 418, CM116_signUp.css.scss */
.confirm-dialog p,
.too-young p,
.young p,
.check-folks p,
.boom p,
.registered p {
  margin: 0 auto;
  display: block;
  font-size: 1.1em;
  color: #363636;
  text-align: center; }

/* line 431, CM116_signUp.css.scss */
.confirm-dialog h3,
.registered h3,
.boom h3,
.check-folks h3,
.young h3,
.too-young h3 {
  font-size: 1.6em;
  font-family: 'SST W01 Bold', 'SST W02 Bold', 'SST W10 Bold', 'SST W15 Bold', 'Arial Bold', Helvetica;
  font-weight: normal;
  line-height: 45px;
  height: 45px; }

/* line 440, CM116_signUp.css.scss */
.confirm-dialog {
  margin: 0 auto;
  display: block; }
  /* line 445, CM116_signUp.css.scss */
  .lt-ie8 .confirm-dialog {
    height: 100px;
    max-width: 100%;
    overflow: hidden;
    padding-top: 0px; }
  /* line 452, CM116_signUp.css.scss */
  .confirm-dialog .wrapper {
    width: 340px;
    height: 236px;
    margin: 0 auto;
    padding: 20px;
    display: block;
    background: #f5f5f5;
    text-align: center; }
    /* line 461, CM116_signUp.css.scss */
    .confirm-dialog .wrapper .buttons {
      display: block;
      width: 320px;
      margin: 0 auto; }
      /* line 466, CM116_signUp.css.scss */
      .confirm-dialog .wrapper .buttons .left {
        float: left;
        margin: 20px 10px; }
  /* line 473, CM116_signUp.css.scss */
  .confirm-dialog h3 {
    color: #363636;
    text-align: center;
    line-height: normal;
    width: 300px;
    margin: 0 auto;
    margin-top: 20px; }

/* line 486, CM116_signUp.css.scss */
.too-young {
  margin: 0 auto;
  display: none; }
  /* line 490, CM116_signUp.css.scss */
  .too-young .wrapper {
    width: 432px;
    margin: 0 auto;
    display: inline-block;
    background: #f5f5f5;
    padding: 23px;
    margin-bottom: 40px; }
    /* line 498, CM116_signUp.css.scss */
    .too-young .wrapper h3 {
      color: #ff0000; }
    /* line 502, CM116_signUp.css.scss */
    .too-young .wrapper p {
      width: 356px; }

/* I will ask my parents */
/* line 511, CM116_signUp.css.scss */
.young {
  margin: 0 auto;
  width: 400px;
  display: none; }
  /* line 516, CM116_signUp.css.scss */
  .young .parent-email {
    width: 372px;
    position: relative;
    z-index: 1;
    margin: 10px 0  40px 0; }
    /* line 522, CM116_signUp.css.scss */
    .lt-ie .young .parent-email {
      height: 46px;
      line-height: 46px; }
  /* line 528, CM116_signUp.css.scss */
  .young label {
    font-family: 'SST W01 Bold', 'SST W02 Bold', 'SST W10 Bold', 'SST W15 Bold', 'Arial Bold', Helvetica;
    font-weight: normal;
    font-size: 1.2em;
    color: #363636;
    clear: both; }
  /* line 537, CM116_signUp.css.scss */
  .young .wrapper {
    width: 350px;
    margin: 0 auto;
    display: inline-block;
    background: #f5f5f5;
    padding: 23px;
    margin-bottom: 20px; }
    /* line 545, CM116_signUp.css.scss */
    .young .wrapper h3 {
      color: #ff0000; }
    /* line 549, CM116_signUp.css.scss */
    .young .wrapper p {
      width: 356px; }

/* Parents allows me to "Die Hard" */
/* line 559, CM116_signUp.css.scss */
.check-folks {
  margin: 0 auto;
  width: 400px;
  display: block; }
  /* line 564, CM116_signUp.css.scss */
  .check-folks .wrapper {
    width: 350px;
    margin: 0 auto;
    display: inline-block;
    background: #f5f5f5;
    padding: 23px;
    margin-bottom: 40px; }
    /* line 572, CM116_signUp.css.scss */
    .check-folks .wrapper h3 {
      color: #32a82c; }
    /* line 576, CM116_signUp.css.scss */
    .check-folks .wrapper p {
      width: 356px; }

/* I am a big boy */
/* line 585, CM116_signUp.css.scss */
.boom {
  margin: 0 auto;
  width: 100%;
  display: none; }
  /* line 590, CM116_signUp.css.scss */
  .boom .wrapper {
    width: 283px;
    margin: 0 auto;
    display: block;
    background: #f5f5f5;
    padding: 23px;
    margin-bottom: 40px; }
    /* line 598, CM116_signUp.css.scss */
    .boom .wrapper h3 {
      color: #32a82c; }
    /* line 602, CM116_signUp.css.scss */
    .boom .wrapper p {
      width: 200px; }

/* Registration completted  */
/* line 610, CM116_signUp.css.scss */
.registered {
  display: none;
  margin-top: 30px; }
  /* line 613, CM116_signUp.css.scss */
  .lt-ie9 .registered {
    height: 100px;
    padding-top: 20px; }
  /* line 617, CM116_signUp.css.scss */
  .lt-ie8 .registered {
    height: 100px;
    padding-top: 0px; }
  /* line 622, CM116_signUp.css.scss */
  .registered div {
    float: left;
    margin-top: -15px; }
    /* line 627, CM116_signUp.css.scss */
    .registered div h3 {
      color: #32a82c;
      display: inline; }
    /* line 633, CM116_signUp.css.scss */
    .registered div p {
      font-size: 1.1em;
      display: inline;
      color: #363636; }
