table {
    font-size: 8pt;
}

.data-table {
    background-color: white;
    border: 1px solid #c0c0c0;
    border-collapse: collapse;
    font-size: 8pt;
}

table.data-table thead, .table-heading {
    color: #ffffff;
    background: #2e81a6;
    font-weight: bold;
    text-align: left;
}

.table-sub-heading {
    color: #ffffff;
    background: #2e81a6;
    font-weight: bold;
    text-align: left;
    border: 1px solid #c0c0c0;
    border-collapse: collapse;
}

table.data-table thead th, .table-heading th {
    padding: 3px 5px;
    border: 1px solid #c0c0c0;
    text-align: left;
}

.odd-row {
    background: #deebf1;
}

.odd-row td {
    padding: 3px 5px;
    border: 1px solid #c0c0c0;
}

.even-row {
    background: #ffffff;
}

.even-row td {
    padding: 3px 5px;
    border: 1px solid #c0c0c0;
}

table.data-table tr.focussed, table.report-table tr.focussed {
    background-color: #FAFACD !important;
}

/* rules used by the jquery tablesorter plugin */
th.headerSortUp, th.headerSortDown, th.header {
    cursor: pointer;
    background: no-repeat center right;
    padding-right: 20px !important;
}

th.header {
    background: #2e81a6 url(../images/up_down.gif) no-repeat center right;
}

th.headerSortUp {
    background: #5cafd4 url(../images/up.gif) no-repeat center right;
}

th.headerSortDown {
    background: #5cafd4 url(../images/down.gif) no-repeat center right;
}

/* rules used for floating content headers */
.floatingHeader {
    position: fixed;
    top: 0;
    visibility: hidden;
}

.floatingHeader th {
    color: #ffffff;
    background: #2e81a6;
}

/** if there is a 'floating' header on a sorted table, the floating header won't sort, don't style it like it will. */
.floatingHeader th.headerSortUp, .floatingHeader th.headerSortDown, .floatingHeader th.header {
    cursor: auto;
    padding-right: 5px !important;
}

.sortLink, .sortLinkUp, .sortLinkDown {
    box-sizing: border-box;
    display:inline-block;
    margin: 0;
    color: white;
    text-decoration: none;
    cursor: pointer;
    background: url(../images/up_down.gif) no-repeat center right;
    margin-right: 20px !important;
    width: 100%;
}

.lt-ie8 .sortLink, .lt-ie8 .sortLinkUp, .lt-ie8 .sortLinkDown {
    zoom: 1;
    display: inline;
}

.sortLink:visited, .sortLinkUp:visited, .sortLinkDown:visited {
    color: white;
    text-decoration: none;
}

.sortLinkUp {
    background: url(../images/up.gif) no-repeat center right;
}

.sortLinkDown {
    background: url(../images/down.gif) no-repeat center right;
}