/* This is the CSS needed for the Order Step Edition 2 contribution */

div.order_steps {       /* Is needed for the centering in IE */
    width: 100%
    padding: 0px;
    margin: 0px;
    margin-top: 10px;
    text-align: center;
}

table.order_steps {
    margin-left: auto;
    margin-right: auto;
    width: 80%;       /* Here you can set the total width of this contrib */
    padding-bottom: 10px;
    background-color: transparent;      /* Here you can change the background-color of the whole contrib */
}

tr.order_steps_line_2 {
    height: 5px;        /* Is a part in determining the height of the line */
    padding: 0px;
    margin: 0px;
}

tr.order_steps_line_3 {
    height: 1px;        /* Is a part in determining the height of the line shadow */
    padding: 0px;
    margin: 0px;
}

td.progressbar_active {
    background-color: #000000;     /* Determines the active color of the completed part of the line */
    width: 4%;
    padding: 0px;
    margin: 0px;
}

td.progressbar_inactive {
    width: 4%;
    background-color: #9A9A9A;    /* Determines the non-active color of the uncompleted part of the line */
    padding: 0px;
    margin: 0px;
}

td.progressbar_active_shadow {
    background-color: #000000;     /* Determines the non-active color of the completed part of the line shadow */
    width: 4%;
    padding: 0px;
    margin: 0px;
}

td.progressbar_inactive_shadow {
    width: 4%;
    background-color: #666666;   /* Determines the non-active color of the uncompleted part of the line line*/
    padding: 0px;
    margin: 0px;
}

td.order_steps_text {
    text-align: center;
    vertical-align: top;
    color: #A7A7A7;        /* Determines the non-active color of the text */
    padding-bottom: 5px; /* Determines the distance between the text and the line */
}

td.order_steps_text_completed {
    text-align: center;
    vertical-align: top;
    color: #A7A7A7;        /* Determines the non-active color of the text steps that have been completed*/
    padding-bottom: 10px; /* Determines the distance between the text and the line */
}

td#active_step_text {       /* These are the styles for the active text */
    color: #000000;
    font-weight: 700;
    font-size: 1.1em;
}

/* End Order Steps contribution CSS */