.joinHeaderdetails {
  margin: 16px 0; }
  .joinHeaderdetails h2 {
    padding-bottom: 6px; }
  .joinHeaderdetails p {
    border-left: 2px solid #D2D2D2;
    padding-left: 10px; }

.startContainer {
  max-width: 400px;
  border: 1px solid #D2D2D2;
  border-bottom: 2px solid #ccc;
  border-radius: 3px;
  background: #F9F9F9;
  margin: 10px 0; }
  .startContainer .heading {
    background: #fff;
    border-bottom: 1px solid #D2D2D2;
    color: #777;
    font-size: 1.1em;
    text-align: right;
    padding: 12px; }
    .startContainer .heading a {
      margin-left: 12px; }
  .startContainer .inner {
    padding: 0 34px 12px 34px;
    text-align: center; }
  .startContainer h3 {
    margin-top: 34px;
    margin-bottom: 14px;
    font-size: 1.5em; }
  .startContainer .option {
    margin: 34px 0; }
    .startContainer .option p.button {
      margin-top: 20px; }
  .startContainer .btn-sm {
    padding: 8px 16px;
    font-size: 1em; }
  .startContainer .divider {
    position: relative;
    border-top: 1px solid #D2D2D2;
    text-align: center;
    height: 1px; }
    .startContainer .divider span {
      display: inline-block;
      width: 60px;
      margin-top: -8px;
      background: #F9F9F9;
      font-size: 13px;
      color: #c5c5c5;
      font-weight: bold; }
  .startContainer .field {
    margin-bottom: 8px; }
    .startContainer .field input {
      width: 200px;
      font-size: 14px;
      padding: 6px; }
  .startContainer #usernameCheckOuter {
    width: 200px;
    margin: 0px auto 8px auto; }
    .startContainer #usernameCheckOuter img {
      display: none; }
    .startContainer #usernameCheckOuter #usernameCheck {
      color: #777;
      font-size: 11px;
      display: inline-block; }
      .startContainer #usernameCheckOuter #usernameCheck span {
        font-weight: bold; }
      .startContainer #usernameCheckOuter #usernameCheck.hidden {
        display: none; }
      .startContainer #usernameCheckOuter #usernameCheck.invalid span {
        color: #911; }
      .startContainer #usernameCheckOuter #usernameCheck.valid span {
        color: #191; }
      .startContainer #usernameCheckOuter #usernameCheck span:empty::after {
        content: "..."; }