/* Tiny Scrollbar */
.scroll-container {  }
.scroll-container .viewport { overflow: hidden; position: relative; }
.scroll-container .overview {
    list-style: none; position: absolute; left: 0; top: 0;
    padding: 5px; margin: 0; width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.scroll-container .scrollbar{
    background: linear-gradient(to right, rgba(0, 0, 0, 0.07), rgba(255, 255, 255, 0.1)), #eeeeee;
    -webkit-box-shadow: 0.07em 0.07em 0.1em -0.1em rgba(0, 0, 0, 0.4) inset, 0 0.05em 0.08em -0.01em rgba(255, 255, 255, 0.7);;
    -moz-box-shadow: 0.07em 0.07em 0.1em -0.1em rgba(0, 0, 0, 0.4) inset, 0 0.05em 0.08em -0.01em rgba(255, 255, 255, 0.7);;
    box-shadow: 0.07em 0.07em 0.1em -0.1em rgba(0, 0, 0, 0.4) inset, 0 0.05em 0.08em -0.01em rgba(255, 255, 255, 0.7);;
    position: relative;
    float: right; width: 15px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px;
}
.scroll-container .track {  }
.scroll-container .thumb {
    background: linear-gradient(rgba(0, 0, 0, 0.07), rgba(255, 255, 255, 0.1)), #d0d0d0;
    -webkit-box-shadow: 0.1em 0 0.15em -0.1em rgba(0, 0, 0, 0.5) inset, 0 0 0 0 rgba(255, 255, 255, 0.7), 3em 0 0 0 rgba(45, 133, 190, 0.7) inset;
    -moz-box-shadow: 0.1em 0 0.15em -0.1em rgba(0, 0, 0, 0.5) inset, 0 0 0 0 rgba(255, 255, 255, 0.7), 3em 0 0 0 rgba(45, 133, 190, 0.7) inset;
    box-shadow: 0.1em 0 0.15em -0.1em rgba(0, 0, 0, 0.5) inset, 0 0 0 0 rgba(255, 255, 255, 0.7), 3em 0 0 0 rgba(45, 133, 190, 0.7) inset;
    height: 20px; width: 11px; cursor: pointer; overflow: hidden;
    position: absolute; top: 0; left: 0;
    border: 2px solid #d7d7d7;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.scroll-container .disable { display: none; }