.progressbar-control{position:relative;top:0;left:0;padding:0;margin:5px;margin-left:15px;border-radius:2px;border:1px solid #bbb;background:-webkit-gradient(linear,0 0,0 100%,from(#ccc),to(#eee));background:-webkit-linear-gradient(top,#ccc,#eee);background:-moz-linear-gradient(top,#ccc,#eee);background:-ms-linear-gradient(top,#ccc,#eee);background:-o-linear-gradient(top,#ccc,#eee);overflow:visible}.progressbar-control .item-bar{top:0;height:100%;padding:0;border-radius:2px;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out}.progressbar-control .item-bar.blue{background:-webkit-gradient(linear,0 0,0 100%,from(#249aee),to(#2082c9));background:-webkit-linear-gradient(top,#249aee,#2082c9);background:-moz-linear-gradient(top,#249aee,#2082c9);background:-ms-linear-gradient(top,#249aee,#2082c9);background:-o-linear-gradient(top,#249aee,#2082c9);border:0 solid #000}.progressbar-control .item-bar.green{background:-webkit-gradient(linear,0 0,0 100%,from(#a8ca68),to(#82b530));background:-webkit-linear-gradient(top,#a8ca68,#82b530);background:-moz-linear-gradient(top,#a8ca68,#82b530);background:-ms-linear-gradient(top,#a8ca68,#82b530);background:-o-linear-gradient(top,#a8ca68,#82b530);border:0 solid #000}.progressbar-control .item-bar.yellow{background:-webkit-gradient(linear,0 0,0 100%,from(#ffd12b),to(#f9cd2b));background:-webkit-linear-gradient(top,#ffd12b,#f9cd2b);background:-moz-linear-gradient(top,#ffd12b,#f9cd2b);background:-ms-linear-gradient(top,#ffd12b,#f9cd2b);background:-o-linear-gradient(top,#ffd12b,#f9cd2b);border:0 solid #000}.progressbar-control .item-bar.orange{background:-webkit-gradient(linear,0 0,0 100%,from(#ff8000),to(#ff4000));background:-webkit-linear-gradient(top,#ff8000,#ff4000);background:-moz-linear-gradient(top,#ff8000,#ff4000);background:-ms-linear-gradient(top,#ff8000,#ff4000);background:-o-linear-gradient(top,#ff8000,#ff4000);border:0 solid #000}.progressbar-control .item-bar.red{background:-webkit-gradient(linear,0 0,0 100%,from(#f73d22),to(#d6351f));background:-webkit-linear-gradient(top,#f73d22,#d6351f);background:-moz-linear-gradient(top,#f73d22,#d6351f);background:-ms-linear-gradient(top,#f73d22,#d6351f);background:-o-linear-gradient(top,#f73d22,#d6351f);border:0 solid #000}.progressbar-control .item-bar.white{background:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#eee));background:-webkit-linear-gradient(top,#fff,#eee);background:-moz-linear-gradient(top,#fff,#eee);background:-ms-linear-gradient(top,#fff,#eee);background:-o-linear-gradient(top,#fff,#eee);border:1px solid #000}.progressbar-control .item-bar.black{background-color:#000;border:1px solid #000}.progressbar-control .item-line{top:-100%;width:1px;height:300%;padding:0;margin:0 0 0 -1px}.progressbar-control .item-line.blue{background-color:#2082c9}.progressbar-control .item-line.green{background-color:#82b530}.progressbar-control .item-line.yellow{background-color:#f9cd2b}.progressbar-control .item-line.orange{background-color:#ff4000}.progressbar-control .item-line.red{background-color:#d6351f}.progressbar-control .item-line.white{background-color:#eee}.progressbar-control .item-line.black{background-color:#000}