/* ========================================================================================

    Grid styles

*/

table {
    border-collapse:collapse;
}

table tr td {
    padding:0;
}

table.grid tr td {
    font-family: Arial, sans-serif;
    font-size: 9pt;
    height: 27px;
    padding:0px 3px 0px 3px;
}

table.grid tr.body td.td,
table.grid tr.body td.first_cell {
    border-bottom: 1px solid #C0C0C0;
    border-right: 1px solid #C0C0C0;
    background-color: #f9f9f9;
}

table.grid tr.body#top td.td,
table.grid tr.body#top td.first_cell {
    border-top: 1px solid #C0C0C0;
}

TABLE.grid TR.abort TD.td,
TABLE.grid TR.abort TD.first_cell {
    border-bottom: 1px solid RGB( 180,120,120 );
    border-right: 1px solid RGB( 180,120,120 );
    background-color: RGB( 245,180,180 );
}

TABLE.grid TR.done TD.td,
TABLE.grid TR.done TD.first_cell {
    border-bottom: 1px solid RGB( 120,180,120 );
    border-right: 1px solid RGB( 120,180,120 );
    background-color: RGB( 180,245,180 );
}

TABLE.grid TR.payd TD.td,
TABLE.grid TR.payd TD.first_cell {
    border-bottom: 1px solid RGB( 200,200,10 );
    border-right: 1px solid RGB( 200,200,10 );
    background-color: RGB( 250,250,120 );
}

TABLE.grid TR.pack TD.td,
TABLE.grid TR.pack TD.first_cell {
    border-bottom: 1px solid #727f4e;
    border-right: 1px solid #727f4e;
    background-color: #acb78e;
}

TABLE.grid TR.body TD.first_cell,
TABLE.grid TR.abort TD.first_cell,
TABLE.grid TR.payd TD.first_cell,
TABLE.grid TR.done TD.first_cell,
TABLE.grid TR.pack TD.first_cell {
    border-left: 1px solid #C0C0C0;
}

table.grid tr.body_even td.td {
    border-bottom: 1px solid #C0C0C0;
    background-color: RGB( 245,245,245 );
}

table.grid tr.body_odd td.td {
    border-bottom: 1px solid #C0C0C0;
    background-color: RGB( 230,230,233 );
}

table.grid tr.void td.td {
    border-bottom: 1px solid rgb(236, 233, 216);
}

table.grid tr.head td.td,
table.grid tr.head td.cell_first {
    padding:0px 5px 0px 5px;
    background-color: #efeffa;
    border: 1px solid #a0a0a0;
    font-weight: bold;
    color:#808080;
    height: 20px;
    text-align:center;
    border-left:none;
    white-space:nowrap;
}

table.grid tr.head td.cell_first {
    border-left: 1px solid #808080;
}

table.grid tr.no_bottom td.td {
    border-bottom:none;
}

table.grid tr.total td.td {
    font-weight: bold;
    background-color: RGB( 239,239,239 );
    border-bottom: 1px solid #C0C0C0;
    color: #808080;
}

table.grid tr.pager-bottom td.td {
    text-align: left;
}

table.grid tr td#center,
table.grid tr.total td#center {
    text-align: center;
}

table.grid tr td#right,
table.grid tr.total td#right {
    text-align: right;
}