/*
 * HOTSPOT progress bar
 * Used on: /
 */

.progressBar {
    width: 150px;
    height: 7px;
    line-height: 7px;
    padding: 1px;
    margin-right: 20px;
    display: block;
    text-indent: -9999px;
    background-color: #fff;
    border: 1px solid #A6A6A6;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    .progressBar > span {
        width: 0px;
        height: 100%;
        display: block;
        background: #A4CC52; /* Old browsers */
        background: -moz-linear-gradient(top, #A4CC52 0%, #1A8231 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#A4CC52), color-stop(100%,#1A8231)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #A4CC52 0%,#1A8231 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #A4CC52 0%,#1A8231 100%); /* Opera11.10+ */
        background: -ms-linear-gradient(top, #A4CC52 0%,#1A8231 100%); /* IE10+ */
        background: linear-gradient(top, #A4CC52 0%,#1A8231 100%); /* W3C */
       -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
       border-radius: 3px;
    }

    .progressBar > .yellow {
        background: #FFCC00; /* Old browsers */
        background: -moz-linear-gradient(top, #FFCC00 0%, #D98200 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFCC00), color-stop(100%,#D98200)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #FFCC00 0%,#D98200 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #FFCC00 0%,#D98200 100%); /* Opera11.10+ */
        background: -ms-linear-gradient(top, #FFCC00 0%,#D98200 100%); /* IE10+ */
        background: linear-gradient(top, #FFCC00 0%,#D98200 100%); /* W3C */
    }
    
    .progressBar > .red {
        background: #A40000; /* Old browsers */
        background: -moz-linear-gradient(top, #FF0000 0%, #A40000 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF0000), color-stop(100%,#A40000)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #FF0000 0%,#A40000 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #FF0000 0%,#A40000 100%); /* Opera11.10+ */
        background: -ms-linear-gradient(top, #FF0000 0%,#A40000 100%); /* IE10+ */
        background: linear-gradient(top, #FF0000 0%,#A40000 100%); /* W3C */
    }