.piece.ranking{background-color:rgba(0,0,0,0.8);padding:0 0 13px 0}
.piece.ranking .piecetitle{font-family:"roboto";font-size:210%;text-transform:uppercase;color:#e2e2e2;overflow:hidden;text-align:left;white-space: nowrap;padding-top:6px;padding-left:19px;border:0}
.piece.ranking .piecetitle:after{content:"";}
.piece.ranking .piecetitle:before{content:"";border:0}
.piece.ranking .piecetitle .separator{margin:2px 0 16px 0}

.piece.ranking .items .item{padding:0 20px 0 65px;position:relative}
.piece.ranking .items .item .folder{position:relative}

.piece.ranking .index{font-size:44px;line-height:100%;color:#e2e2e2;position:absolute;margin-right:20px;top:50%;left:22px;margin-top:-22px;font-family:"lato";}
.piece.ranking .title{font-size:150%;line-height:150%;color:#e2e2e2;font-family:"roboto";font-weight:normal;text-align:left;}
.piece.ranking .title a{color:#e2e2e2}
.piece.ranking .title:hover{color:#fff}
.piece.ranking .title a:hover{color:#fff}

.piece.ranking .separator{background:#595959;border-top:1px solid #222;margin:10px 0;padding:0;position:relative;height:1px}
.piece.ranking .separator:after{content: "";height: 2px;position: absolute;left: 0;width: 40px !important;margin-top: -1px; top:0;border:0 !important;
background: -moz-linear-gradient(left,  rgba(49,49,49,1) 0%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(49,49,49,1)), color-stop(100%,rgba(255,255,255,0)));
background: -webkit-linear-gradient(left,  rgba(49,49,49,1) 0%,rgba(255,255,255,0) 100%);
background: -o-linear-gradient(left,  rgba(49,49,49,1) 0%,rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(left,  rgba(49,49,49,1) 0%,rgba(255,255,255,0) 100%);
background: linear-gradient(to right,  rgba(49,49,49,1) 0%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#313131', endColorstr='#00ffffff',GradientType=1 );
}
.piece.ranking .separator:before{content: "";height: 2px;position: absolute;right: 0;width: 40px !important;margin-top: -1px; top:0;border:0 !important;
background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(49,49,49,1) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(49,49,49,1)));
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(49,49,49,1) 100%);
background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(49,49,49,1) 100%);
background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(49,49,49,1) 100%);
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(49,49,49,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#313131',GradientType=1 );
}