.container {
  width: 1000px;
  padding: 10px 17px;
}
 
.chat-alert {
  width: 400px;
  left: 490px;
  background: white;
  margin-bottom: 58px;
  padding: 0 11px;
  position: absolute;
  @include box-shadow(rgba(33,87,81, 0.4) 0 1px 2px);
 
  h1 {
    font-size: 1.4em;
  }
 
  .close {
    font-size: 18px;
    float: right;
    padding: 11px 0 0;
  }
}
 
.leftside {
  width: 23%;
}
 
.rightside {
  width: 75%;
}
 
.roster {
  background: $bg-roster;
  padding: 16px 9px 9px;
  min-height: 400px;
  position: relative;
 
  &:hover, &:active {
    cursor: default;
  }
 
  .wrap {
    overflow-y: auto;
    overflow-x: hidden;
    width: 210px;
  }
}
 
.my-info {
  height: 53px;
}
 
.user {
  padding: 4px 0 4px 3px;
  margin-right: -9px;
 
  h1, h2, h3 {
    margin: 0 0 1px;
  }
 
  //.name {
  //  font-size: 12px;
  //  color: $black;
  //  text-shadow: white 1px 1px;
  //  margin: 0;
  //  width: auto;
  //}
 
  h1 {
    font-size: 12px;
    color: $black;
    text-shadow: white 1px 1px;
 
    .name {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      display: inline-block;
      max-width: 66%;
      float: left;
    }
  }
 
  h2 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 66%;
  }
 
  h3 {
    font-size: 12px;
    color: $status-color;
    margin-top: -2px;
 
    .rolldown {
      clear: both;
      left: 59px;
      width: 72px;
      font-weight: normal;
      float: left;