/***************************** ProgressBar *****************************/
#ProgressPanel
{
    background: #FFF url('images/HorizontalLine_GradientGrey.jpg') no-repeat bottom center;
    clear: both;
    color: #000;
    padding: 15px 10px 25px 10px;
}

.ProgressBar
{
    list-style-type: none;
    margin: 0px;
    overflow: hidden;
    padding: 0px;
}

.ProgressIndicatorStep, .ProgressIndicatorStepCurrent, .ProgressIndicatorStepComplete
{
    background-color: #E6E6E6;
    color: #000;
    float: left;
    font-size: 0.8em;
}
.ProgressIndicatorStepCurrent
{
    background-color: #0E7035;
    color: #FFF;
    font-weight: bold;
}
.ProgressIndicatorStepComplete
{
    background-color: #5EA32F;
    color: #FFF;
}
.ProgressIndicatorStepFirst
{
    border-bottom-left-radius: 10px;
    -moz-border-bottom-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    -moz-border-top-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;
}

.ProgressIndicatorBox, .ProgressIndicatorBoxCurrent, .ProgressIndicatorBoxComplete
{
    display: block;
    float: left;
    padding: 10px 0px 10px 55px;
    position: relative;
    text-decoration: none;
}
.ProgressIndicatorBoxCurrent
{
}
.ProgressIndicatorBoxComplete
{
}
.ProgressIndicatorBoxFirst
{
    padding-left: 15px;
}

.ProgressIndicatorBox:after, .ProgressIndicatorFirstBox:after, .ProgressIndicatorBoxCurrent:after, .ProgressIndicatorBoxComplete:after
{
    border-bottom: 25px solid transparent;
    border-top: 25px solid transparent;
    content: " ";
    height: 0px;
    left: 100%;
    margin-top: -25px;
    position: absolute;
    top: 50%;
    width: 0px;
    z-index: 30;
}
.ProgressIndicatorBox:after, .ProgressIndicatorFirstBox:after
{
    border-left: 30px solid #E6E6E6;
}
.ProgressIndicatorBoxComplete:after
{
    border-left: 30px solid #5EA32F;
}
.ProgressIndicatorBoxCurrent:after
{
    border-left: 30px solid #0E7035;
}

.ProgressIndicatorBox:before, .ProgressIndicatorBoxCurrent:before, .ProgressIndicatorBoxComplete:before
{
    border-bottom: 25px solid transparent;
    border-left: 30px solid #FFF;
    border-top: 25px solid transparent;
    content: " ";
    display: block;
    height: 0px;
    left: 100%;
    margin-left: 10px;
    margin-top: -25px;
    position: absolute;
    top: 50%;
    width: 0px;
    z-index: 20;
}

.ProgressIndicatorStepClickable
{
    cursor: pointer;
}

.ProgressIndicatorStepNonClickable
{
    cursor: default;
}