/* =====  Dynamic tables  ===== */

.dTable thead th { background: #efefef url(../../images/backgrounds/titleBg.png) repeat-x 0 0; }

.paging_two_button .ui-button { float: left; cursor: pointer; * cursor: hand; }
.paging_full_numbers .ui-button { padding: 2px 6px; margin: 0; cursor: pointer; * cursor: hand; }
.dataTables_paginate .ui-button { margin-right: -0.1em !important; }
.dataTables_paginate .last { border-bottom: 1px solid #d5d5d5!important; }
.dataTables_wrapper .ui-toolbar { padding: 5px; }

.dataTables_paginate { width: auto; }
.dataTables_info { padding: 7px 0 0 7px; color: #878787; }

table.display thead th { padding: 4px 0px 3px 10px; cursor: pointer; * cursor: hand; font-size: 11px; border-top:solid 1px #D5D5D5; border-bottom: 2px solid #e7e7e7; }

div.dataTables_wrapper .ui-widget-header { font-weight: normal; border:0px; background:none;}


table.display thead th div.DataTables_sort_wrapper { position: relative; padding-right: 20px; color: #878787; background:none; }
table.display thead th div.DataTables_sort_wrapper span { position: absolute; top: 50%; margin-top: -8px; right: 5px; }


/* ===== Datatable styles ===== */

.dataTables_wrapper { position: relative; _height: 302px; padding:0; margin-top:40px; }
.dataTables_processing { position: absolute; top: 0px; left: 50%; width: 250px; margin-left: -125px; border: 1px solid #ddd; text-align: center; color: #999; font-size: 11px; padding: 2px 0; background-color:#fff; display:none;}
.dataTables_length { color: #878787; margin: 7px 5px 0 5px; position: absolute; right: 2px; top: -35px; }
.itemsPerPage { display: block; float: left; margin-right: 10px; }
.dataTables_length label {  font-size: 1.0em; font-weight:normal!important;}
.dataTables_length select { font-size: 1.0em; margin: 0 5px; }
.dataTables_filter { text-align: left; margin: 4px 8px 2px 10px; position: absolute; left: 40px; top: -33px; color: #878787; font-size: 1.0em!important;  }
.dataTables_filter label {font-weight:normal!important; }
.dataTables_filter input[type="text"] { padding: 3px 20px 3px 5px!important; border: 1px solid #D5D5D5; width: 200px!important; position: relative; margin-left: 6px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; color: #878787; }
.dataTables_filter .srch, .dataTables_search .srch { position: absolute; right: 10px; top: 7px; background: url(../../images/searchSmall.png) no-repeat 0 0; border: none; width: 9px; height: 9px; }
.dataTables_info { float:left; }
.dataTables_paginate { text-align: right; margin: 6px; }


/* Pagination nested */
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next { height: 19px; width: 19px; margin-left: 3px; float: left; }

/* DataTables display */
table.display { margin: 0 auto; width: 100%; border-collapse: collapse; }
table.display tfoot th { padding: 3px 0px 3px 10px; font-weight: bold; font-weight: normal; }
table.display tr.heading2 td { border-bottom: 1px solid #aaa; }
table.display td { padding: 8px 10px; }
table.display td.center { text-align: center; }



/* DataTables row classes*/
table.display tr.odd.gradeA { background-color: #ddffdd; }
table.display tr.even.gradeA { background-color: #eeffee; }
table.display tr { border-bottom: 1px solid #e7e7e7; }
table.display td { border-left: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7;}
table.display td:first-child { border-left: none; }
table.display tr.odd.gray_row, table.display tr.even.gray_row{ color:#dfdfdf; }
table.display .button {margin-top:3px;}

tr.odd { background-color: #fafafa; }
tr.even { background-color: #f5f5f5; }


/* Misc */
.dataTables_scroll { clear: both; }
.top, .bottom { padding: 15px; background-color: #F5F5F5; border: 1px solid #CCCCCC; }
.top .dataTables_info { float: none; }
.dataTables_empty { text-align: center; }

tfoot input { margin: 0.5em 0; width: 100%; color: #444; }
tfoot input.search_init { color: #999; }

td.group { background-color: #d1cfd0; border-bottom: 2px solid #A19B9E; border-top: 2px solid #A19B9E; }
td.details { background-color: #FFF; border: 0px solid #A19B9E; padding:0;}

.example_alt_pagination div.dataTables_info { width: 40%; }
.paging_full_numbers span.paginate_button, .paging_full_numbers span.paginate_active { border: 1px solid #aaa; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 2px 5px; margin: 0 3px; cursor: pointer; *cursor: hand; }
.paging_full_numbers span.paginate_button { background-color: #ddd; }
.paging_full_numbers span.paginate_button:hover { background-color: #ccc; }
.paging_full_numbers span.paginate_active { background-color: #99B3FF; }

table.display tr.even.row_selected td { background-color: #fffcdb; }
table.display tr.odd.row_selected td { background-color: #fdfbe5; }

table.display tr.even.row_alert td { background-color: #fef1ec; }
table.display tr.odd.row_alert td { background-color: #fff5f1; }
table.display tr td a {color:#2b6893;}


/* Sorting classes for columns. For the standard odd/even */
tr.odd td.sorting_1 { background-color: #f4f4f4; }
tr.odd td.sorting_2 { background-color: #d1ffd1; }
tr.odd td.sorting_3 { background-color: #d1ffd1; }

tr.even td.sorting_1 { background-color: #efefef; }
tr.even td.sorting_2 { background-color: #e2ffe2; }
tr.even td.sorting_3 { background-color: #e2ffe2; }


/* For the Conditional-CSS grading rows */
/*
 	Colour calculations (based off the main row colours)
  Level 1:
		dd > c4
		ee > d5
	Level 2:
	  dd > d1
	  ee > e2
 */
tr.odd.gradeA td.sorting_1 { background-color: #f4f4f4; }
tr.odd.gradeA td.sorting_2 { background-color: #d1ffd1; }
tr.odd.gradeA td.sorting_3 { background-color: #d1ffd1; }

tr.even.gradeA td.sorting_1 { background-color: #efefef; }
tr.even.gradeA td.sorting_2 { background-color: #e2ffe2; }
tr.even.gradeA td.sorting_3 { background-color: #e2ffe2; }

tr.odd.gradeC td.sorting_1 { background-color: #c4c4ff; }
tr.odd.gradeC td.sorting_2 { background-color: #d1d1ff; }
tr.odd.gradeC td.sorting_3 { background-color: #d1d1ff; }

tr.even.gradeC td.sorting_1 { background-color: #d5d5ff; }
tr.even.gradeC td.sorting_2 { background-color: #e2e2ff; }
tr.even.gradeC td.sorting_3 { background-color: #e2e2ff; }

tr.odd.gradeX td.sorting_1 { background-color: #ffc4c4; } 
tr.odd.gradeX td.sorting_2 { background-color: #ffd1d1; }
tr.odd.gradeX td.sorting_3 { background-color: #ffd1d1; }

tr.even.gradeX td.sorting_1 { background-color: #ffd5d5; }
tr.even.gradeX td.sorting_2 { background-color: #ffe2e2; }
tr.even.gradeX td.sorting_3 { background-color: #ffe2e2; }

tr.odd.gradeU td.sorting_1 { background-color: #c4c4c4; }
tr.odd.gradeU td.sorting_2 { background-color: #d1d1d1; }
tr.odd.gradeU td.sorting_3 { background-color: #d1d1d1; }

tr.even.gradeU td.sorting_1 { background-color: #d5d5d5; }
tr.even.gradeU td.sorting_2 { background-color: #e2e2e2; }
tr.even.gradeU td.sorting_3 { background-color: #e2e2e2; }

.dtWrapper {border:solid 1px #AAA;}
.rowPreview {float:left;}
.sTable {width:100%;}