div.tablesurround {
    clear: left;
    display: block;
    padding-top: 5px;
    width: auto;

}

th.titleBorder {
    padding-left: 5px;
}


div.tableTop {
    width: auto;
    margin-top: 5px;
    background: #628197 url("../images/main/tables/right_corner.gif") no-repeat top right;
    padding: 0px;
    spacing: 0px;
    margin-left: 2px;
    margin-right: 2px;
}

div.tableLeftCorner {
    width: auto;
    background: transparent url("../images/main/tables/left_corner.gif") no-repeat top left;
    padding: 0px;
    spacing: 0px;
}

div.tableTopScores {
    width: 385px;
    margin-top: 5px;
    background: #628197 url("../images/main/tables/right_corner.gif") no-repeat top right;
    padding: 0px;
    spacing: 0px;
    margin-left: 2px;
    margin-right: 2px;
}

div.tableLeftCornerScores {
    width: 385px;
    background: transparent url("../images/main/tables/left_corner.gif") no-repeat top left;
    padding: 0px;
    spacing: 0px;
}

table.dataTable {
    width: 100%;
}

table.scoresDataTable {
    width: 385px;
}

table.dataTable tr.headerRow {
    background: transparent;
}

table.dataTable th, table.scoresDataTable th {
    margin: 0px;
    padding: 2px;
    border: 0px;
    background: transparent;
}

table.dataTable td {
    margin: 0px;
    padding: 2px;
    border: 0px;
    border-bottom: 1px solid #B1C1CB;
    vertical-align: top;
    height: auto;
}

table.dataTable td.borderRight {
	border-right: 1px solid #628197;
}



table.dataTable td, table.dataTable th {
    font-size: 9pt;
}

table.dataTable td.leftPad, table.dataTable th.leftPad {
    padding-left: 8px !important;
}

table.dataTable td.rightPad, table.dataTable th.rightPad {
    padding-right: 8px !important;
}

span.leftShunt {
    margin-left: 8px !important;
}

table.dataTable td.rightCell {
    border-right: 1px solid #B1C1CB;
}

table.dataTable td.leftCell {
    border-left: 1px solid #B1C1CB;
    padding-left: 7px;
}

div.tableBodyEndBlock {
    width: auto;
    height: 25px;
    padding: 0px;
    spacing: 0px;
    background: transparent url("../images/main/buttonRow/right_corner.gif") no-repeat bottom right;
}

div.tableBodyEnd {
    width: auto;
    height: 25px;
    padding: 0px;
    padding-left: 6px;
    padding-right: 6px;
    background: transparent url("../images/main/buttonRow/left_corner.gif") no-repeat bottom left;
}

div.commandButtonArea {
    width: auto;
    padding: 0px 2px;
    border-left: 1px solid #B1C1CB;
    border-right: 1px solid #B1C1CB;
}

div.tableRowButtons {
    height: 18px;
    width: 100px;
    text-align: center;
}

/* == display sort icons == */
.sort {
    padding-right: 12px !important;
    border: 1px solid yellow;
}

.sort a.active {
    background: url("../images/arrows/down_selected.gif") no-repeat center right;
}

.sort a.active_ascending {
    background: url("../images/arrows/up_selected.gif") no-repeat center right;
}

/* == header link classes == */
table.dataTable th,table.dataTable th a,
table.dataTable th a:link,table.dataTable th a:visited,
table.dataTable th a:active {
    color: white;
    text-decoration: none;
}

table.dataTable th a:hover {
    color: white !important;
    text-decoration: underline;
}

table.scoresDataTable th {
    color: white;
    text-decoration: none;
}

/* == normal link classes == */
table.dataTable td a,
table.dataTable td a:link,table.dataTable td a:visited,
table.dataTable td a:active {
    color: back;
    text-decoration: underline;
}

table.dataTable td a:hover {
    color: #0052c2 !important;
    text-decoration: underline;
}

/* ====== filter row bg ====== */

table.dataTable th.filterCell {
    height: 15px;
    padding: 0px !important;
    margin: 0px !important;
    background: transparent url("../images/main/filters/bg.gif") repeat-x center right;
    border-right: 1px solid #B1C1CB;
    border-left: 1px solid #B1C1CB;
    text-align: left;
}

#filtersDiv {
    height: 15px;
    width: auto;
    border: 0px;
    text-align: left;
}


#filtersDiv a.filterButton {
    margin: 0px;
    padding: 0px;
    border: 0px;
}

#filtersDiv a.filterButton img.filterImage {
    margin: 0px;
    padding: 0px;
    border: 0px;
}

/*============= view values =============== */
td.displayright {
    text-align: right !important;
    color: #0052c2;
    width: 50%;
}

tr.foot {
    background: #D0DAE0;

}

tr.foot td {
    color: #0052c2 !important;

}

/* =============== column seperator ============= */
.rightBorder {
    border-right: 1px solid #B1C1CB !important;
}

.bottomBorder {
    border-bottom: 1px solid #B1C1CB !important;
}


/* ================= sort by stuff =============== */


th.sort a.active {
    padding-right: 10px;
    background-image: url("../images/main/arrows/down_selected.gif");
    background-repeat: no-repeat;
    background-position: center right;
}

th.sort a.active_ascending {
    padding-right: 10px;
    background-image: url("../images/main/arrows/up_selected.gif");
    background-repeat: no-repeat;
    background-position: center right;
}

th.sort a.inactive ,th.sort a.inactive:link,th.sort a.inactive:active,th.sort a.inactive:visited {
    font-weight: bold;
    text-decoration: underline;
}

th.sort a.active,th.sort a.active:link,th.sort a.active:active,th.sort a.active:visited {
    font-weight: bold;
    text-decoration: underline;
}

th.sort a.active_ascending,th.sort a.active_ascending:link,th.sort a.active_ascending:active,th.sort a.active_ascending:visited {
    font-weight: bold;
    text-decoration: underline;
}

th.sort a.inactive:hover, 
th.sort a.active:hover,
th.sort a.active_ascending:hover {
    color: #F9FADD !important;
}

/* ======= progress tables ============= */

.progressCell {
    padding-left: 7px;
    padding-right: 3px;
    padding-top: 2px;
    padding-bottom: 2px;
    text-align: left;
}

td.scoresName, td.scoresWeight, td.scoresScore, td.scoresColour {
    padding: 2px;
    background: #D0DAE0 !important;

}

td.bottomBorder {
    border-bottom: 1px solid #B1C1CB !important;
}

td.scoresName {
    border-left: 1px solid #B1C1CB !important;
    padding-left: 5px;
}

td.scoresColour {
    border-right: 1px solid #B1C1CB !important;
}

td.multiSelectButtons {
    padding-left: 40px;
}

/* =========== performance tables =========== */

#individualScoresTable {
/*
    border: 1px solid #B1C1CB !important;
    border-bottom: 0px !important;
*/
}

#individualScoresTable td {
    padding: 1px;
    margin: 0px;
    border-bottom: 0px !important;
}

#individualScoresTable td.button {
    vertical-align: middle;
}

#individualScoresTable div.percentageHousing {
   border: 1px solid #628297 !important;
   width: 50px;
}

/*============== table buttons row ================ */
table.tablecontrolbuttons td {
    padding: 0px !important;
    border: 0px !important;
}
table.tablecontrolbuttons td a {
    padding: 0px !important;
    margin: 0px !important;
}