.broker-accounts-sorting .hold {
  margin-left: 220px;
}

.accounts-scroll {
  margin-top: 20px;
}

.accounts-list {
  margin-left: 180px;
  position:    relative;
}

.accounts-scroll > .side {
  list-style: none;
  float:      left;
  width:      170px;
  text-align: right;
  padding:    80px 0 0 0;
}

.accounts-scroll .side li,
.frame > ul > li > ul > li {
  padding: 0 6px 10px 5px;
}

.accounts-scroll .side li:first-child,
.frame > ul > li > ul > li:first-child {
  padding-top: 0;
  padding-bottom: 0;
}

.accounts-scroll .side .opt-link {
  color:           #333;
  border-bottom:   1px dotted #333;
  position:        relative;
  text-decoration: none;
}

.frame {
  min-width: 520px;
  height:    auto;
  overflow:  hidden;
  position:  absolute;
}

.frame .devider,
.accounts-scroll .side .devider {
  height:     1px !important;
  margin-top: 5px;
  border-top: 1px dotted #ddd;
}

.frame > ul {
  min-width:  100% !important;
  list-style: none;
  margin:     0;
  padding:    0;
  height:     100%;
  cursor:     url(../img/openhand.cur), e-resize;
}

.frame > ul > li {
  float:        left;
  width:        168px;
  height:       100%;
  border:       solid #ddd;
  border-width: 0 2px;
  margin-right: -2px;
  list-style:   none;
}

.frame > ul > li > .account-name {
  width:          168px;
  height:         40px;
  padding:        10px 6px;
  cursor:         pointer;
  background:     #265a87;
  display:        table-cell;
  vertical-align: middle;
  text-align:     center;
  color:          #fff;
  text-shadow:    1px 1px 0 rgba(0, 0, 0, 0.5);
}

.frame > ul > li.active .account-name {
  background: #329910;
}

.frame > ul > li .account-detail {
  position: relative;
  z-index: 20;
  text-align: center;
  cursor: default;
  height: 24px;
  padding-top: 6px;
}

.frame > ul > li > ul {
  padding:    0;
  margin:     0;
  background: #fff;
  list-style: none;
}

.frame > ul > li.active > ul {
  background: #fcfcfc;
}

span.tick {
  width:      14px;
  height:     14px;
  background: url("../img/tick.png");
  display:    block;
}

span.shortage {
  width:       14px;
  height:      14px;
  background:  url("../img/shortage.png") no-repeat 0 3px;
  display:     block;
  padding-top: 4px;
}

span.account {
  height:     40px;
  text-align: center;
  display:    block;
}

/* Scrollbar */
.scrollbar {
  margin:        0 0 1em 0;
  height:        6px;
  background:    rgba(0, 0, 0, 0.1);
  line-height:   0;
  border-radius: 2px;
}

.scrollbar .handle {
  width:         100px;
  height:        100%;
  background:    rgba(0, 0, 0, 0.75);
  cursor:        pointer;
  border-radius: 2px;
}

.scrollbar .handle .mousearea {
  position: absolute;
  top:      -9px;
  left:     0;
  width:    100%;
  height:   20px;
}

.down_cursor {
  cursor: url(../img/closedhand.cur), e-resize !important;
}