/*************************************************************************
**
** Copyright (c) by jeff (jeff@lipsia.de)
**
** Author:  jeff
**
** File:    $Date: 2022-01-14 16:17:10 +0100 (Fr, 14. Jan 2022) $
**
** Purpose: the progress bar css
**
** Created: 2019/12/09
**
** Update:  $Date: 2022-01-14 16:17:10 +0100 (Fr, 14. Jan 2022) $
**
** Notes:
**
************************************************************************/

.progress_box
{
    font-size:        11px;
    font-weight:      normal;
    text-align:       left;
    vertical-align:   top;
    width:            auto;
    height:           auto;
    position:         absolute;
    padding:          0px;
    color:            black;
    top:              -1000px;
    left:             -1000px;
    z-index:          101;
}   

.progressbox_box_content
{
    font-size:        11px;
    font-weight:      normal;
    text-align:       left;
    padding:          5px 5px 5px 5px;
    height:           24px;
    width:            110px;
    background-color: #d7d7d7;
}

.progressbar
{
    background-position: top left;
    position:            relative;
    float:               left;
    left:                0px;
    top:                 0px;
    height:              19px;
    width:               100px;
}

.progressbar_foreground
{
    background-position: top left;
    position:            absolute;
    left:                0px;
    top:                 0px;
    height:              19px;
    width:               100px;
}   
        
.progressbar_background
{
    background-image:    url(/images/progressbar/background.png);
    background-position: top left;
    position:            absolute;
    left:                0px;
    top:                 0px;
    height:              19px;
    width:               100px;
}   
        
.progressbar_left
{
	background-image:    url(/images/progressbar/left.png);
	background-position: top left;
	position:            relative;
	width:               0px;
	height:              19px;
	margin:              0px;
	padding:             0px;
	float:               left;
}

.progressbar_middle
{
	background-image:    url(/images/progressbar/middle.png);
	background-position: top left;
	position:            relative;
	width:               0px;
	height:              19px;
	margin:              0px;
	padding:             0px;
	float:               left;
}

.progressbar_right
{
	background-image:    url(/images/progressbar/right.png);
	background-position: top right;
	position:            relative;
	width:               0px;
	height:              19px;
	margin:              0px;
	padding:             0px;
	float:               left;
}

.progressbar_left_empty
{
	background-image:    url(/images/progressbar/left_empty.png);
	background-position: top left;
	position:            relative;
	width:               10px;
	height:              19px;
	margin:              0px;
	padding:             0px;
	float:               left;
}

.progressbar_middle_empty
{
	background-image:    url(/images/progressbar/middle_empty.png);
	background-position: top left;
	position:            relative;
	width:               10px;
	height:              19px;
	margin:              0px;
	padding:             0px;
	float:               left;
}

.progressbar_right_empty
{
	background-image:    url(/images/progressbar/right_empty.png);
	background-position: top left;
	position:            relative;
	width:               10px;
	height:              19px;
	margin:              0px;
	padding:             0px;
	float:               left;
}