body {background-color: #151b27; margin: 0; padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    color: #c2c2c2;}
    
    a {
        text-decoration: none;
        color: #c8cace;
    }
    a:hover {
        color: #ffffff;
    }
    #wrapper {
        width: 800px;
        margin-left: auto;
        margin-right: auto;
        display: block;
        
        
    }
    .maintab {
        width: 800px;
    
    }
    .elm {
        border-bottom: 1px solid #28303f;
        background-color: rgba(36, 44, 60, 0.4);
        margin: 3px;
        height: 40px;
        width: 100%;
        
    }
    .elm:hover {
        border-bottom: 1px solid #4063a4;
        background-color: rgba(25, 54, 107, 0.4);
        color: #ffffff;
    }
    .elmtop {
        border-bottom: 1px solid #383838;
        background-color: rgba(33, 33, 33, 0.4);
        margin: 3px;
        height: 40px;
        width: 100%;
        
    }
    .elmtop:hover {
        border-bottom: 1px solid #474747;
        background-color: rgba(71, 71, 71, 0.4);
        color: #ffffff;
    }
    .topm {
        width: 100%;
        display: block;
        height: 40px;   
    }
    .namelist {
        padding: 11px 10px;
        font-size: 16px;
        font-weight: bold;
        float: left;
        display: block;
        width: 100%;

    }
    .namelist a {
        color: #c8cace;
    }
    .namelist a:hover {
        color: #ffffff;
    }
    .namelist .num {
        width: 40px;
        display: block;
        float: left;
        font-weight: normal;
        text-align:right;
    }
    .namelist .name {
        width: 250px;
        display: block;
        overflow: hidden;
        float: left;
        margin-left: 40px;
    }
    .namelist .gro {
        font-weight: normal;
        color: #c3aa55;
        display: block;
        float: left;
        width: 130px;
        text-align: right;
    }
    .namelist .gro:hover {
        color: #ffdd69;
    }
    .namelist .overall {
        width: 130px;
        margin-top: -3px;
        display: block;
        font-size: 20px;
        margin-right: 25px;
        overflow: hidden;
        float: right;
        text-align: right;
    }
    .namelist .rankimg {
        display: block;
        width: 40px;
        margin-top: -10px;
        float: left;
        margin-bottom: -15px;
    }
    .namelist .ranktxt {
        display: block;
        padding-left: 15px;
        width: 120px;
        float: left;
        font-weight: normal;
        text-align: center;
    }    
    .namelist .lstnumers {
        display: inline-block;
        width: 400px;
        float: left;
    }
    .bottm {
        position: relative;
        width: 100%;
        display: block;
        height: 25px;
        background-color: rgba(36, 44, 60, 0.6); 
        
    }
    .bottm:hover {
        background-color: rgba(36, 44, 60, 1); 
    }
    .bottm .stats {
        padding-top: 5px;
        padding-left: 10px;
        font-size: 12px;
        
    }
    .bottm .stats span.bld {
        font-weight: bold;
    }
    .bottm .stats span.nesx{
        margin-left: 25px;
        margin-right: 10px;

    }
    span.pos {
        font-weight: normal;
        color: #00ba00;
    }
    span.pos:hover {
        color: #0f0;
    }
    span.neg {
        font-weight: normal;
        color: #b40000;
    }
    span.neg: hover {
        color: #f00;
    }
    .topl {
        width: 800px;
    }
     .topl .lg {
         width: 300px;
         float: left;
         display: block;
    }   
     .topl .rg {
         width: 500px;
         float: left;
         display: block;
         height: 100px;

    } 
.rg .search-container {
  margin-top: 20px;
  float: right;
    width: 80%;
}

.rg input[type=text] {
  padding: 6px;
  margin-top: 8px;
  font-size: 17px;
  border: 1px solid #28303f;
    width: 300px;
    background-color: rgba(36, 44, 60, 0.4);
    color: #c2c2c2;
    
}
    
    .rg input[type=text]:hover {
        border: 1px solid #4063a4;
        background-color: rgba(25, 54, 107, 0.4);
        color: #ffffff;
    
}

.rg .search-container button {
  float: right;
  padding: 6px;
  margin-top: 8px;
  margin-right: 16px;
  font-size: 17px;
  cursor: pointer;
        background-color: rgba(36, 44, 60, 0.4);
    color: #c2c2c2;
    border: 1px solid #28303f;
}

.rg .search-container button:hover {
        border: 1px solid #4063a4;
        background-color: rgba(25, 54, 107, 0.4);
        color: #ffffff;
}
    .linmenu {
        height: 50px;
        background-image: url("img/bckg.png");
        background-repeat: repeat-x;
           
    }
    
    .linmenu a {
        padding: 15px 15px 5px 15px;
        color: #c8cace;
        display: block;
        float: left;
        height: 30px;
        font-weight: bold;
        width: auto;
    }
    .linmenu a:hover {
        color: #ffffff;
        padding: 15px 15px 0 15px;
        border-bottom: 5px solid #c3aa55;
    }
    .linmenu a.active {
        color: #ffffff;
        padding: 15px 15px 0 15px;
        border-bottom: 5px solid #c3aa55;        
    }
    .footer {
        padding-top: 10px;
        padding-bottom: 10px;
        margin-top: 20px;
        width: 800px;
        margin-left: auto;
        margin-right: auto;
        display: block;
        text-align: center;
        color: #969696;
        font-size: 12px;
        border-top: 1px solid #383838;
        border-bottom: 1px solid #383838;
        background-color: rgba(33, 33, 33, 0.4);
        
    }

    
.column1 {
    float: left;
    width: 550px;
    padding: 5px 19px 5px 1px;
    display:block;
    
}
    .column2 {
    float: left;
    width: 226px;
    margin-top: 5px;
    
    display: block;
    background-color: #201f1f;
    border: 1px solid #373737;
}
    .bckg {
    background-color: #141414;
    border-bottom: 1px solid #373737;
    margin: 0;
    padding: 0;
    padding-top: 7px;
    padding-bottom: 7px;
   
    }
.row {
        width: 100%;
        display:block;
    }
.row:after {
    content: "";
    display: table;
    clear: both;
}
    .oversc {
        font-size: 18px;
        text-align: center;
        color: #6f6f6f;
    }
    .overscnum {
        font-size: 30px;
        text-align: center;
    }
    .bar0, .bar1, .bar2, .bar3, .bar4, .bar5, .bar6 {
        margin-top: 7px;
        margin-bottom: 7px;
        font-size: 13px;

        text-align: center;
        vertical-align: middle;
   
    }
    .bar0 {
        background-color: #333333;
        border: 1px solid #5f5f5f;       
    }
    .bar1 {
        background-color: #1d1a17;
        border: 1px solid #5a2525;       
    } 
    .bar2 {
        background-color: #251713;
        border: 1px solid #804800;       
    } 
    .bar3 {
        background-color: #1f1a0c;
        border: 1px solid #897700;       
    } 
    .bar4 {
        background-color: #0f1f0c;
        border: 1px solid #0e5401;       
    } 
    .bar5 {
        background-color: #07292b;
        border: 1px solid #006672;       
    } 
    .bar6 {
        background-color: #000a3e;
        border: 1px solid #001b8f;       
    } 
    .bar0 .img0, .bar1 .img1, .bar2 .img2, .bar3 .img3, .bar4 .img4, .bar5 .img5, .bar6 .img6 {
        width: 40px;
        display: block;
        text-align: left;
        float: left;
        padding: 0;
        margin: 0;
        
    }
    .bar0 .img0 {
        background-color: #5f5f5f;
    }
    .bar1 .img1 {
        background-color: #5a2525;
    }
    .bar2 .img2 {
        background-color: #804800;
    }
    .bar3 .img3 {
        background-color: #897700;
    }
    .bar4 .img4 {
        background-color: #0e5401;
    }
    .bar5 .img5 {
        background-color: #006672;
    }
    .bar6 .img6 {
        background-color: #001b8f;
    }
    .bar0 img, .bar1 img, .bar2 img, .bar3 img, .bar4 img, .bar5 img, .bar6 img {
        width: 40px;
    }
    .bar0:after, .bar1:after, .bar2:after, .bar3:after, .bar4:after, .bar5:after, .bar6:after {
        content: "";
        display: block;
        clear: both;
    }
    .bar0 .txt0, .bar1 .txt1, .bar2 .txt2, .bar3 .txt3, .bar4 .txt4, .bar5 .txt5, .bar6 .txt6 {
        width: 154px;
        padding: 5px;
        text-align: center;
        float: left;
    }
    .bar1 .txt1 {
        color: #baa3a3;
    }
    .bar2 .txt2 {
        color: #caaa7c;
    }
    .bar3 .txt3 {
        color: #eaeaea;
    }
    .bar4 .txt4 {
        color: #cdffa1;
    }
    .bar5 .txt5 {
        color: #c3e8ff;
    }
    .bar6 .txt6 {
        color: #d6dfff;
    }
    .staty {
        background-color: #282828;
        margin: 0;
        padding: 0;
        border: 1px solid #373737;
    }
.progress {
padding: 0;
vertical-align: top;
border: 1px solid #141414;

border-spacing: 0;
border-collapse: collapse;
display: block;
     }



     .progress-bar {

    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #337ab7;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
     }
.progrr {

    height: 10px !important;
    margin-bottom: 0;
    margin-top: 0;
    
    background-color: #000000;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);

}
     .podpisprogress{
         width: 100%;
         display: block;
         margin-top: 2px;
         padding: 0;
         font-size: 11px;
         font-weight: bold;
     }
     .podpisprogress .sle{
         width: 100px;
         float: left;
         display: block;
         text-align: left;
         
     }
     .podpisprogress .spr{
         width: 100px;
         float: right;
         display: block;
         text-align: right;
         
         
     }
     .napisnazw{
         margin: 20px 5px 5px 5px;
     }
     .napisnazw .nzwme {float: left; margin-right: 30px;}
     .napisnazw .grte {float:right; margin-left: 20px; color: #ffffff;}
     .napisnazw .grr { font-size: 12px; margin-right: 15px; color: #c2c2c2;}
     .username {
         padding-top: 5px;
         height: 30px;
         margin: 0;
         font-size: 20px;
         text-align: center;
         display: block;
         width: 100%;
         background-color: #141414;
         border-bottom: 1px solid #373737;
     }
.bg-0 {

    background: #5f5f5f !important;
    border: 1px solid #878787 !important;
    margin-top: -1px;
    color: #fff;
     }
.bg-1 {

    background: #5d1414 !important;
    border: 1px solid #961f1f !important;
    margin-top: -1px;
    color: #fff;
     }
.bg-2 {

    background: #804800 !important;
    border: 1px solid #c57106 !important;
    margin-top: -1px;
    color: #fff;
     }
     .bg-3 {

    background: #937b01 !important;
    border: 1px solid #c5a400 !important;
    margin-top: -1px;
    color: #fff;
     }
     .bg-4 {

    background: #095c00 !important;
    border: 1px solid #199802 !important;
    margin-top: -1px;
    color: #fff;
     }     
     .bg-5 {

    background: #005474 !important;
    border: 1px solid #009ec8 !important;
    margin-top: -1px;
    color: #fff;
     } 

          .bg-6 {

    background: #003574 !important;
    border: 1px solid #005ac8 !important;
    margin-top: -1px;
    color: #fff;
     } 

     #lv0{color: #c2c2c2;}
     #lv1{color: #baa3a3;}
     #lv2{color: #caaa7c;}
     #lv3{color: #eaeaea;}
     #lv4{color: #cdffa1;}
     #lv5{color: #aaf5fe;}
     #lv6{color: #d2ddff;}
     
     .scr {font-size: 16px; text-align: center; margin: 5px 0 -10px 0; padding: 0; font-weight: normal;}
     
     .rmka {padding: 8px;}