@import "client/common";


table.findsession-table, table.local-recordings, table.open-jam-tracks, table.open-backing-tracks, table.cart-items, #account-session-detail, table.payment-table, table.jamtable {

  .latency-unacceptable {
    width: 50px;
    height: 10px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:200;
    font-size:11px;
    background-color:$latencyBadgeUnacceptable;
    text-align:center;
  }

  .latency-unknown {
    width: 50px;
    height: 10px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:200;
    font-size:11px;
    background-color:$latencyBadgeUnacceptable;
    text-align:center;
  }

  .latency-good {
    width: 50px;
    height: 10px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:200;
    font-size:11px;
    background-color:$latencyBadgeGood;
    text-align:center;
  }

  .latency-me {
    width: 50px;
    height: 10px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:200;
    font-size:11px;
    text-align:center;
    background-color:$latencyBadgeMe;
    color:black;
  }

  .latency-fair {
    width: 50px;
    height: 10px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:200;
    font-size:11px;
    background-color:$latencyBadgeFair;
    text-align:center;
  }

  .latency-poor{
    width: 40px;
    height: 10px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:200;
    font-size:11px;
    background-color:$latencyBadgePoor;
    text-align:center;
  }
}
table.findsession-table, table.local-recordings, table.open-jam-tracks, table.open-backing-tracks, table.cart-items, table.payment-table, table.jamtable {
  width:98%;
  height:10%;
  font-size:11px;
  color:#fff;
  background-color:#262626;
  border:solid 1px #4d4d4d;

  th {
    font-weight:300;
    background-color:#4d4d4d;
    padding:6px;
    border-right:solid 1px #333;
    a {
      color: #fc0;
    }
  }

  td {
    padding:9px 5px 5px 5px;
    border-right:solid 1px #333;
    border-top:solid 1px #333;
    vertical-align:top;
    white-space:normal;
  }

  td.latency {
    padding-top: 15px !important;
    text-align:center !important;
  }

  td.latency div.center {
    display: inline-block;
    margin: auto;
  }

  .noborder {
    border-right:none;
  }

  .musicians {
    margin-top:-3px;
  }

  .musicians td {
    border-right:none;
    border-top:none;
    padding:3px;
    vertical-align:middle !important;

    .instruments {
      //height:24px;
    }
  }

  .musician-groups td {
    border-right:none;
    border-top:none;
    padding:3px;
    margin-top:5px !important;
    vertical-align:top;
  }

  .musician-groups td.nowrap {
    white-space: nowrap;
  }

  a {
    color:#fff;
    text-decoration:none;
  }

  a.more {
    color:#ED3618;
  }

  a:hover {
    color:#227985;
  }

  .rsvp-section {
    text-align:center;
    vertical-align:middle;

    a {
      color: $ColorLink;
    }
  }
}


.avatar-tiny {
    float:left;
    padding:1px;
    width:24px;
    height:24px;
    background-color:#ed3618;
    -webkit-border-radius:12px;
    -moz-border-radius:12px;
    border-radius:12px;
}

.avatar-tiny img {
    width: 24px;
    height: 24px;
    -webkit-border-radius:12px;
    -moz-border-radius:12px;
    border-radius:12px;
}