/**
 * Main CSS Stylesheet
 *
 * @package templateSystem
 * @copyright Copyright 2003-2005 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * @version $Id: stylesheet_new.css 3286 2006-03-28 01:14:04Z drbyte $
 */
/* 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: #6c92dc; /* #3DA200;     Determines the active color of the completed part of the line */
    width: 4%;
    padding: 0px;
    margin: 0px;
}

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

td.progressbar_active_shadow {
    background-color: #346C00;     /* 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: navy; /*#8DB18D;*/        /* 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: #346578; /*#005C2C;*/
    font-weight: 700;
    font-size: 1.1em;
}

/* End Order Steps contribution CSS */