@media screen
{

    table {
        border-collapse: collapse;
        border-spacing: 0;
        margin: 0 0 1em;
    }
    td, th {
        padding: 4px 12px 4px 0;
        text-align: left;
        vertical-align: top;
    }
    table .left, table .right {
        float: none;
        margin: 0;
        text-align: left;
    }
    table .right { text-align: right; }
    table .center { text-align: center; }
    table div.center, table div.center img {
        display: block;
        margin: 0 auto;
    }
    /* Table style simple */
    .simple {
        width: 100%;
        border-right: 1px solid #e0f0fa;
        border-top: 1px solid #d6ebf6;
    }
    .simple td, .simple th {
        padding: 4px 8px;
        border-left: 1px solid #e0f0fa;
    }
    .simple thead th, .simple tfoot td {
        padding: 8px;
        border-bottom: 2px solid #4dace1;
        background: url(Images/bg.white_blue.1x22.gif) top left repeat-x #e9f5fb;
        font-weight: bold;
    }
    .simple thead .alt th {
        padding: 4px 8px;
        background: #f9fcfe;
        border-bottom: 1px solid #e0f0fa;
    }
    .simple tfoot td {
        border-top: 2px solid #4dace1;
        border-bottom: 1px solid #d6ebf6;
        background: url(Images/bg.blue_white.1x22.gif) bottom left repeat-x #e9f5fb;
    }
    .simple tbody td, .simple tbody th { border-bottom: 1px solid #bcdef1; }
    .simple tbody .alt td, .simple tbody .alt th { background: #f9fcfe; }
    .simple tbody tr.active, .simple tbody tr.active td, .simple tbody tr.active th,
    .simple tbody tr:hover, .simple tbody tr:hover td, .simple tbody .alt:hover td,
    .simple tbody tr:hover th, .simple tbody .alt:hover th { background: #fffde9; }
    .simple tbody td a { font-weight: bold; }
    /* Table style complex */
    .complex { border-top: 1px solid #bcdef1; }
    .complex td, .complex th { padding: 10px 6px; }
    .complex tbody td, .complex th { border-bottom: 1px solid #bcdef1; }
    .complex td, .complex thead th { border-left: 1px solid #bcdef1; }
    .complex tbody th strong, .complex th span { display: block; }
    .complex thead th, .complex thead th span, .complex tbody td { text-align: center; }
    .complex tbody th { font-weight: normal; }
    .complex tbody tr.active, .complex tbody tr.active td, .complex tbody tr.active th,
    .complex tbody tr:hover, .complex tbody tr:hover td, .complex tbody tr:hover th { background: #fffde9; }
    .complex th span, .complex tfoot td { color: #359b00; }
    .complex tr td.c2 { background: #f9fcfe; }
    .complex tr td.c3 { background: #e9f5fb; }
    .complex tr td.c4 { background: #e0f0fa; }
    .complex tr td.c5 { background: #d6ebf6; }
    .complex tr td.c6 { background: #d4e6ec; }
    .complex tr td.c7 { background: #bcdef1; }
    #page .complex .first {
        border-left: none;
        text-align: left;
    }
    .complex thead th {
        background: url(Images/bg.blue_gradient.1x37.gif) top left repeat-x;
        font-size: 1.2em;
    }
    .complex th span {
        padding: 3px 0;    
        font-size: 0.8em;
    }
    .complex tbody td img {
        position: relative;
        top: 0.5em;
    }
    .complex tfoot td {
        font-weight: bold;
        white-space: nowrap;
    }
}