.pi_01,.pi_02,.pi_03 {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    color: rgb(153, 204, 51);
    font-weight: bold;
    background-repeat: no-repeat;
    background-position: 40px 0px;
    padding-left: 60px;
}
.pi_01 {
    background-image: url("/public/images/PROGRESS_INDICATOR_01.GIF");
}
.pi_02 {
    background-image: url("/public/images/PROGRESS_INDICATOR_02.GIF");
}
.pi_03 {
    background-image: url("/public/images/PROGRESS_INDICATOR_03.GIF");
}


.pi_01_off,.pi_02_off,.pi_03_off {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    color: rgb(199, 227, 144);
    font-weight: bold;
    background-repeat: no-repeat;
    background-position: 10px 0px;
    padding-left: 30px;
}
.pi_01_off {
    background-image: url("/public/images/PROGRESS_INDICATOR_01_off.GIF");
}
.pi_02_off {
    background-image: url("/public/images/PROGRESS_INDICATOR_02_off.GIF");
}
.pi_03_off {
    background-image: url("/public/images/PROGRESS_INDICATOR_03_off.GIF");
}
.purple_line {
    border-top: 1px solid rgb(199, 227, 144);
    padding: 0px;
    margin: 0px;
}
.purple_box {
    border: 1px solid rgb(199, 227, 144);
}