/*--- Styles for orders/show ---*/

/** Main content **/

#content #main table.order {
        width: 93%;
        margin: 0 auto;
        text-align: center;
        vertical-align: middle;
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 100%;
        color: #546977;
        font-weight: bold;
}
#content #main table.order td {
        height: 24px;
}
#content #main table.order tr.odd {
        background: #EEF9F9;
}
#content #main table.order tr:hover {
        background: #70D500;
}
#content #main table.order th {
        background: #897CCB;
        color: #fff;
        height: 25px;
        border-right: 1px solid #fff;
}
#content #main table.order td.item, th.item {
        text-align: left;
        padding-left: 10px;
}
#content #main table.order tr.total {
        background: #4E3F9D;
        color: #fff;
}
#content #main table.order tr:hover.total {
        background: #4E3F9D;
}
#content #main table.order tr.total .item {
        background: #897CCB;
        border-right: 1px solid #fff;
}
#content #main table.order a {
        text-decoration: none;
}
#content #main table.order a:hover {
        color: #FF6C00;
        text-decoration: underline;
}

/** Order status sidebar **/
#movements {
        width: 209px;
        position: relative;
        margin: 0 auto;
        margin-bottom: 20px;
}
#movements .status {
        position: relative;
        width: 97%;
        margin: 0 auto;
        margin-top: 5px;
        height: 40px;
}
#movements .toshop {
        background: #fff url(../images/to_shop.gif) no-repeat top right;
}
#movements .status b {
        display: block;
        width: 40%;
        margin: 0;
        font-weight: bold;
        font-size: 100%;
}
#movements table {
        position: relative;
        width: 98%;
        color: #546977;
        font-weight: normal;
        text-align: center;
        margin: 0 auto;
        margin-top: 15px;
        margin-bottom: 15px;
        font-size: 11px;
}
#movements table td {
        padding: 3px;
}
#movements table td.left {
        border-right: 1px solid #D2E6E9;
        border-bottom: 1px solid #D2E6E9;
}
#movements table td.right {
        border-bottom: 1px solid #D2E6E9;
        text-align: left;
        padding-left: 5px;
}
#movements table td.last {
        border-right: 1px solid #D2E6E9;
}