html {
  height:100%;
}

body {
  //position:absolute !important;
  padding:0 !important;
  overflow: visible  !important;
  height:100%;
  margin:0 !important;
}

#landing-container {
  padding: 3% 0;
  position:relative;
  text-align: center;
 // min-height:100%;
}

#landing-inner {
  display:inline-block;
  text-align:left;
}

.signin-overlay {
  position:relative;
  top:0;
}


strong {
  font-weight: 600;
}
.logo-message {
  display: block;
  margin: 0 auto;
  width: 247px;
}

.message-wrapper {
  margin: 0 auto;
  width: 480px;
}
.message-wrapper .left {
  display: block;
  overflow: visible;
}
.message {
  display: block;
  float: left;
  margin-left: 20px;
  overflow: visible;
  width: 320px;
}

.message h2 {
  border-bottom: 1px solid #FFFFFF;
  color: #FFFFFF;
  display: block;
  font-weight: 200;
  margin-bottom: 10px;
  font-size:21px;
}

.overlay-small {
  position:relative;
  top:0;
  display:block;
  line-height: 28px;
  height:auto;

  .overlay-inner {
    line-height:18px;
    height:auto;
  }

  .spinner-large {
    margin-left:64px;
  }
}


.client-download {
  margin-bottom:20px;
}

.currentOS {
  span.platform {
    font-size:18px;
  }
}

// all custom CSS for the sign-in page goes here
.signin-page {
  .ftue-inner {
    line-height:18px;
  }

  .ftue-left, .ftue-right {

  }

  fieldset[name=text-input]{
    float:right;
    margin-right:18px;
  }

  fieldset[name=signin-options] {
    float:left;
    margin:10px 0 0 10px;

    small {
      float:left;
    }
  }

  fieldset[name=actions] {
    float:right;
    margin: 10px 19px 0 0;
  }

  .field {
    right:0;
  }

  .email {
    float:left;
    margin-right:10px;

  }

  .password {
    float:left;
  }

  label {
    margin:27px 0 10px;
  }



  .already-member {

  }

  .keep-logged-in {

  }

  .forgot-password {
    font-size:11px;
    float:right;
    margin:15px 19px 0 0;

    a {
      text-decoration: underline;
    }
  }

  .login-error {
    background-color: #330000;
    border: 1px solid #990000;
    padding:4px;
  }

  .login-error-msg {
    display:none;
    margin-top:10px;
    text-align:center;
    color:#F00;
    font-size:11px;
  }

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

// all custom CSS for the register page goes here
.register-page {
  .register-container {
    padding:10px;
  }

  input.register-musician {

  }

  .error {
    padding: 5px 12px 5px 5px;
    margin-left:-5px;
    margin-right:-12px;
  }

  input.register-fan {
     margin-left:20px;
  }

  input[type=text], input[type=password] {
    margin-top:1px;
    width:100%;
  }

  select {
    width:100%;
  }


  .right-side {
    margin-left:25px;
  }

  .ftue-left {
    margin-bottom:30px;

    select {
      width:104%;
    }

    div.field {
      margin-top:31px;
      width:43%;
      float:left;
    }
  }

  .ftue-right {

    table {
      border-collapse:separate;
      border-spacing:6px;
    }

    label.instruments {
      margin-bottom:2px;
    }

    div.field {
      margin-top:15px;
    }

    a.tos {
      text-decoration: underline;
    }

    input[type=submit] {
      margin-top:20px;
    }
  }
}