.progressbar-control {
    position: relative;
    top: 0px;
    left: 0px;
    padding: 0px;
    margin: 0px;
    border-radius: 5px;
    border: 1px solid #BBBBBB;
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#CCCCCC), to(#EEEEEE));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #CCCCCC, #EEEEEE);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #CCCCCC, #EEEEEE);
    /* IE 10 */
    background: -ms-linear-gradient(top, #CCCCCC, #EEEEEE);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #CCCCCC, #EEEEEE);
    overflow: visible;
}

.progressbar-control.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: 1px solid #000000;
}

.progressbar-control .item-bar {
    top: 1px;
    height: 100%;
    padding: 0px;
    margin: -1px;
    border-radius: 2px;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms 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: 1px solid #000000;
}

.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: 1px solid #000000;
}

.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: 1px solid #000000;
}

.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: 1px solid #000000;
}

.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: 1px solid #000000;
}

.progressbar-control .item-bar.white {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#EEEEEE));
    background: -webkit-linear-gradient(top, #FFFFFF, #EEEEEE);
    background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE);
    background: -ms-linear-gradient(top, #FFFFFF, #EEEEEE);
    background: -o-linear-gradient(top, #FFFFFF, #EEEEEE);
    border: 1px solid #000000;
}

.progressbar-control .item-bar.black {
    background-color: black;
    border: 1px solid #000000;
}

.progressbar-control .item-line {
    top: -100%;
    width: 1px;
    height: 300%;
    padding: 0px;
    margin: 0 0 0 -1px;
}

.progressbar-control .item-text {
    position: absolute;
    font-family: "Verdana", "Roboto";
    font-size: 12px;
    color: #333333;
}

.progressbar-control .item-text.top-right,
.progressbar-control .item-text.bottom-right {
    right: 0px;
}

.progressbar-control .item-text.top-left,
.progressbar-control .item-text.bottom-left {
    left: 0px;
}