.progressleft_black
        {
            background-image: url(../images/grey-left.png);
            background-repeat: no-repeat;
            width: 10px;
            height: 20px;
            padding: 0px;
            margin: 0px;
        }
        .progressmid_black
        {
            background-image: url(../images/grey-mid.png);
            background-repeat: repeat-x;
            height: 20px;
            padding: 0px;
            margin: 0px;
        }
        .progressright_black
        {
            background-image: url(../images/grey-right.png);
            background-repeat: no-repeat;
            width: 10px;
            height: 20px;
            padding: 0px;
            margin: 0px;
        }
        .greenprogressleft_green
        {
            background-image: url(../images/green-left.png);
            background-repeat: no-repeat;
            width: 10px;
            height: 20px;
            padding: 0px;
            margin: 0px;
        }
        .greenprogressmid_green
        {
            background-image: url(../images/green-mid.png);
            background-repeat: repeat-x;
            height: 20px;
            padding: 0px;
            margin: 0px;
        }
        .greenprogressright_green
        {
            background-image: url(../images/green-right.png);
            background-repeat: no-repeat;
            width: 10px;
            height: 20px;
            padding: 0px;
            margin: 0px;
        }
        .orangeprogressleft_orange
        {
            background-image: url(../images/org-left.png);
            background-repeat: no-repeat;
            width: 10px;
            height: 20px;
            padding: 0px;
            margin: 0px;
        }
        .orangeprogressmid_orange
        {
            background-image: url(../images/org-mid.png);
            background-repeat: repeat-x;
            width: 10px;
            height: 20px;
            padding: 0px;
            margin: 0px;
        }
        .orangeprogressright_orange
        {
            background-image: url(../images/org-right.png);
            background-repeat: no-repeat;
            width: 10px;
            height: 20px;
            padding: 0px;
            margin: 0px;
        }
        
        .bluetimeleft_blue
        {
            background-image: url(../images/blue-left.png);
            background-repeat: no-repeat;
            width: 10px;
            height: 20px;
            padding: 0px;
            margin: 0px;
        }
        .bluetimemid_blue
        {
            background-image: url(../images/blue-mid.png);
            background-repeat: repeat-x;
            width: 10px;
            height: 20px;
            padding: 0px;
            margin: 0px;
        }
        .bluetimeright_blue
        {
            background-image: url(../images/blue-right.png);
            background-repeat: no-repeat;
            width: 10px;
            height: 20px;
            padding: 0px;
            margin: 0px;
        }
        
        .redtimeleft_red
        {
            background-image: url(../images/red-left.png);
            background-repeat: no-repeat;
            width: 10px;
            height: 20px;
            padding: 0px;
            margin: 0px;
        }
        .redtimemid_red
        {
            background-image: url(../images/red-mid.png);
            background-repeat: repeat-x;
            width: 10px;
            height: 20px;
            padding: 0px;
            margin: 0px;
        }
        .redtimeright_red
        {
            background-image: url(../images/red-right.png);
            background-repeat: no-repeat;
            width: 10px;
            height: 20px;
            padding: 0px;
            margin: 0px;
        }
     
        
        /* For small Progress Bar */
           .progressleftsmall_black
        {
            background-image: url(../images/grey-left_small.png);
            background-repeat: no-repeat;
            width:5px;
            padding: 0px;
            margin: 0px;
        }
        .progressmidsmall_black
        {
            background-image: url(../images/grey-mid_small.png);
            background-repeat: repeat-x;
            padding: 0px;
            margin: 0px;
        }
        .progressrightsmall_black
        {
            background-image: url(../images/grey-right_small.png);
            background-repeat: no-repeat;
            padding: 0px;
            margin: 0px;
            width:5px;
        }
        .greenprogressleftsmall_green
        {
            background-image: url(../images/green-left_small.png);
            background-repeat: no-repeat;
            padding: 0px;
            margin: 0px;
            width:5px;
        }
        .greenprogressmidsmall_green
        {
            background-image: url(../images/green-mid_small.png);
            background-repeat: repeat-x;
            padding: 0px;
            margin: 0px;
        }
        .greenprogressrightsmall_green
        {
            background-image: url(../images/green-right_small.png);
            background-repeat: no-repeat;
            padding: 0px;
            margin: 0px;
            width:5px;
        }
        .orangeprogressleftsmall_orange
        {
            background-image: url(../images/org-left_small.png);
            background-repeat: no-repeat;
            padding: 0px;
            margin: 0px;
            width:5px;
        }
        .orangeprogressmidsmall_orange
        {
            background-image: url(../images/org-mid_small.png);
            background-repeat: repeat-x;
            padding: 0px;
            margin: 0px;
        }
        .orangeprogressrightsmall_orange
        {
            background-image: url(../images/org-right_small.png);
            background-repeat: no-repeat;
            padding: 0px;
            margin: 0px;
            width:5px;
        }
        
        .bluetimeleftsmall_blue
        {
            background-image: url(../images/blue-left_small.png);
            background-repeat: no-repeat;
            padding: 0px;
            margin: 0px;
            width:5px;
        }
        .bluetimemidsmall_blue
        {
            background-image: url(../images/blue-mid_small.png);
            background-repeat: repeat-x;
            padding: 0px;
            margin: 0px;
        }
        .bluetimerightsmall_blue
        {
            background-image: url(../images/blue-right_small.png);
            background-repeat: no-repeat;
            padding: 0px;
            margin: 0px;
            width:5px;
        }
        
        .redtimeleftsmall_red
        {
            background-image: url(../images/red-left_small.png);
            background-repeat: no-repeat;
            padding: 0px;
            margin: 0px;
            width:5px;
        }
        .redtimemidsmall_red
        {
            background-image: url(../images/red-mid_small.png);
            background-repeat: repeat-x;
            padding: 0px;
            margin: 0px;
        }
        .redtimerightsmall_red
        {
            background-image: url(../images/red-right_small.png);
            background-repeat: no-repeat;
            padding: 0px;
            margin: 0px;
            width:5px;
        }
.darkbluetimeleftsmall_blue {
    background-image: url(../images/darkblue-left_small.png);
    background-repeat: no-repeat;
    padding: 0px;
    margin: 0px;
    width: 5px;
}

.darkbluetimemidsmall_blue {
    background-image: url(../images/darkblue-mid_small.png);
    background-repeat: repeat-x;
    padding: 0px;
    margin: 0px;
}

.darkbluetimerightsmall_blue {
    background-image: url(../images/darkblue-right_small.png);
    background-repeat: no-repeat;
    padding: 0px;
    margin: 0px;
    width: 5px;
}

.darkbluetimeleft_blue {
    background-image: url(../images/darkblue-left.png);
    background-repeat: no-repeat;
    width: 10px;
    height: 20px;
    padding: 0px;
    margin: 0px;
}

.darkbluetimemid_blue {
    background-image: url(../images/darkblue-mid.png);
    background-repeat: repeat-x;
    width: 10px;
    height: 20px;
    padding: 0px;
    margin: 0px;
}

.darkbluetimeright_blue {
    background-image: url(../images/darkblue-right.png);
    background-repeat: no-repeat;
    width: 10px;
    height: 20px;
    padding: 0px;
    margin: 0px;
}