@import 'common.css.scss';

#account-affiliate-partner {


  p {
    font-size: 15px;
    line-height: 125%;
    margin:0;
  }

  .affiliates-header {
    float:left;
  }

  .affiliate-partner-nav {
    width:85%;
    position:relative;
    float:right;
    margin-bottom:20px;
  }

  .affiliate-partner-nav a {
    width:19%;
    text-align:center;
    height: 27px;
    display: block;
    float:right;
    margin-right:5px;
    vertical-align:bottom;
    padding-top:10px;
    background-color:#535353;
    color:#ccc;
    font-size:17px;
    text-decoration:none;
  }

  .affiliate-partner-nav a:hover {
    background-color:#666;
    color:#fff;
  }

  .affiliate-partner-nav a.active {
    background-color:#ed3618;
    color:#fff;
  }

  .affiliate-partner-nav a.active:hover {
    background-color:#ed3618;
    cursor:default;
  }

  .affiliate-partner-nav a.last {
    margin-right:0px !important;
  }

  #affiliate-partner-tab-content {
    .tab-account {
      .left-col {
        float: left;
        width: 55%;
        .affiliate-label {
          text-align: left;
          width: 130px;
          float: left;
          display: inline-block;
          margin-right: 10px;
          margin-top: 3px;
        }
        input {
          margin-bottom: 5px;
          @include border_box_sizing;
        }

        .button-orange {
          margin-right:2px;
        }
        .spacer {
          width:140px;
          display:inline-block;
        }
        .input-buttons {
          width:60%;
          display:inline-block;
        }
      }
      .right-col {
        float: right;
        width: 45%;
        margin-top: 30px;
        line-height:125%;
      }
    }
  }

  .links {
    p.prompt {
      margin-bottom:20px;
    }
  }

  .link-type-section {
    border-width:0 0 1px 0;
    border-style:solid;
    border-color:$ColorTextTypical;
    padding-bottom:20px;
    margin-bottom:20px;

    label {
      display:inline-block;
      margin-right:20px;
    }
    select {

    }
  }

  .link-type-prompt {
    display:none;

    p {
      margin-bottom:20px;
    }

    .example-link {
      font-weight:bold;
    }
  }

  table.traffic-table {
    width:400px;
    .signups, .visits {
      width:70px;
      text-align:right;
    }
  }
  table.links-table {
    min-width:100%;
    margin-top:20px;

    th {
      padding: 10px 0 20px;
      white-space:nowrap;
    }

    td {
      padding:3px 0;
      white-space:nowrap;
    }
    .target {
      width:45%;
      white-space:normal;
    }
    .copy-link {
      width:100px;
    }

    .url {

      input {
        background-color: transparent;
        -webkit-box-shadow:none;
        box-shadow:none;
        color:#ccc;
      }
    }
  }

  .agreement {
    #partner-agreement-v1 {
      height:340px;
      overflow:scroll;
      padding:20px;
      border:1px solid white;
      @include border-box_sizing;
    }

    label.partner-agreement {
      display:inline-block;
      margin-right:40px;
    }

    h2 {
      font-size:20px;
      font-weight:bold;
      margin:40px 30px 20px 0;
      display:inline-block;
    }

    .execution-date {
      display:inline-block;
    }

    .input-buttons {
      margin-top:20px;
    }
  }



}