div#process
{
    margin: 0 auto 20px auto;
    width: 500px;
}
div#process1
{
    width: 100%;
}
table.process
{
    border: 0px;
}

table.process tr.labels td
{
    padding: 3px 0px;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    color: #859199;
}
table.process tr.labels td.completed, table.process tr.labels td.completed a, table.process tr.labels td.completed a:visited
{
    /*color:#859199;*/
    color: Black;
    text-decoration:none;
}
td.disposed
{
    color: #859199;
}
table.process tr.labels td.active
{
    color: #CC0000;
}
table.process tr.labels td.activelast a.activelast
{
    color: Black;
}
table.process tr.labels td.active a.active
{
    color: #CC0000;
}
table.process tr.graph
{
    height: 22px;
}
table.process tr.graph td.first
{
    border-left: 1px solid #000000;
}
table.process tr.graph td.last
{
    border-right: 1px solid #CCCCCC;
}
table.process tr.graph td.activelast
{
    background-image: url(/images/booking_process_activelast.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    border-right: 1px solid Black;
}
table.process tr.graph td.completed
{
    background-image: url(/images/booking_process_completed.gif);
    background-position: right center;
    background-repeat: repeat-x;
}
table.process tr.graph td.todo
{
    background-image: url(/images/booking_process_todo.gif);
    background-position: left center;
    background-repeat: repeat-x;
}
table.process tr.graph td.active
{
    background-image: url(/images/booking_process_active.gif);
    background-position: center center;
    background-repeat: no-repeat;
}