@import "client/common.scss";

#redeemSignupScreen {

  .redeem-signup {
    padding:30px;
  }
  .g-recaptcha {
    //transform:scale(0.80);
    //transform-origin:0 0;
  }

  .jamtrack-name {
    font-weight:bold;
  }
  .content-holder {

    //margin-top:40px;
    color:$ColorTextTypical;

    &.signed-in {
      .left-side, .right-side {
        display:none;
      }
      .not-signed-in.prompt {
        display:none;
      }
    }
    &.not-signed-in {
      .already-signed-in {
        display:none;
      }
    }
  }

  .not-signed-in.prompt {
    text-align:center;
  }
  .already-signed-in {
    text-align:center;
    h3 {
      text-align:center;
    }
  }

  a.forgot-password {
    position:absolute;
    top:0;
    left:0;
    font-size:10px;
  }

  .error-text {
    margin:0;

    li {
      margin-bottom:5px;
    }
  }

  .signup-submit {
    margin-right:2px;
  }

  .signup-facebook {
    text-align:center;
  }

  .signup-later-prompt {
    margin:30px 0 30px 0;
    text-align:center;
  }

  .signup-prompt {
    float:right;
    text-align:left;
    margin:30px 0 15px 0;
    width:60%;
    max-width:300px;
    @include border_box_sizing;

    span {
      text-align:left;
    }
  }

  p {
    font-size:14px;
    line-height:125%;
  }


  .login-error {

    div.actions {
      margin-top:10px;
    }

    .field {
      background-color: #330000;
      border: 1px solid #990000;
      padding:8px;
    }
  }

  .field {
    display:block;
    @include border_box_sizing;
    padding:6px 8px;
    margin:0px -8px;
    white-space: nowrap;

    &.error {
      background-color:#300;
      border: solid 1px #900;

      li {
        list-style:none;
      }
    }
  }

  .login-error-msg {
    display:none;
    margin-top:10px;
    text-align:center;
    color:#F00;
    font-size:11px;
    width:60%;
    max-width:300px;
    @include border_box_sizing;
    float:right;
    margin-bottom:10px;
  }


  .login-error .login-error-msg {
    display:block;
  }

  h3
  {
    color:$ColorTextHighlight;
    text-align:left;
    font-size:16px;
    font-weight:700;
    margin-bottom:15px;
  }

  input {
    @include border_box_sizing;
  }


  .btnNext {
    margin:0 auto;
  }

  .left-side, .right-side {
    margin-top:50px;
  }
  .left-side {
    float:left;
    width:50%;
    @include border_box_sizing;
    border-width:0 1px 0 0;
    border-color:white;
    border-style:solid;
    text-align:right;
    padding: 0 60px;
    margin-bottom:20px;

    .actions {
      width:60%;
      max-width:300px;
      @include border_box_sizing;
      position:relative;
      float:right;
    }

    .terms_of_service {
      text-align:center;
      label {
        display:inline;
      }
      font-size:11px;
    }
  }

  a.signin {
    text-decoration: underline;
    font-size:12px;
    margin-left:15px;
  }
  .left-side-content {
    @include border_box_sizing;
    float:right;
    text-align:center;
  }


  .right-side {
    float:left;
    width:50%;
    @include border_box_sizing;
    padding: 0 60px;

    .actions {
      margin-top:11px;
      margin-left:-8px;
      white-space: nowrap;
      input {
        width:auto;
      }
    }


    input {
      width:80%;
      max-width:300px;
    }
    label {
      display:inline-block;
      width:80px;
      text-align:left;
    }

    .terms_of_service {
      input {
        width: auto;
        margin-left: -2px;
      }
      label {
        display:inline;
      }
      font-size:11px;
    }
  }

  .facebook-prompt {
    margin:40px 0 10px 0;
    float:right;
    text-align:left;
    width:249px;
    @include border_box_sizing;
  }
}