/* * Table */ table.dataTable { margin: 0 auto; clear: both; width: 100%; border-style: none; border-width: 1px; border-spacing: 2px; border-color: white; border-collapse: collapse; } table.dataTable thead th { font-family: "Segoe UI Light" , "Open Sans" , "Segoe UI" , sans-serif; border-width: 300; font-size: 17px; padding: 2px; border-style: none; border-color: #EEEEEE; padding-left: 7px; text-align: left; background-color: white; font-weight: lighter; cursor: pointer; *cursor: hand; } table.dataTable tfoot th { font-family: "Segoe UI Light" , "Open Sans" , "Segoe UI" , sans-serif; border-width: 300; font-size: 17px; padding: 2px; border-style: none; border-color: #EEEEEE; padding-left: 7px; text-align: left; background-color: white; font-weight: lighter; cursor: pointer; *cursor: hand; } table.dataTable td { /*padding: 3px 10px;*/ border-width: 1px; border-style: solid; border-color: #EEEEEE; padding: 0px 8px 0px 8px; } table.dataTable td.center, table.dataTable td.dataTables_empty { text-align: center; } table.dataTable tr.odd { background-color: white; } table.dataTable tr.even { background-color: #F0F5FF; } /* Disable Sorting Highlighting table.dataTable tr.odd td.sorting_1 { background-color: #D3D6FF; } table.dataTable tr.odd td.sorting_2 { background-color: #DADCFF; } table.dataTable tr.odd td.sorting_3 { background-color: #E0E2FF; } table.dataTable tr.even td.sorting_1 { background-color: #EAEBFF; } table.dataTable tr.even td.sorting_2 { background-color: #F2F3FF; } table.dataTable tr.even td.sorting_3 { background-color: #F9F9FF; } */ /* * Table wrapper */ .dataTables_wrapper { position: relative; clear: both; *zoom: 1; } /* * Page length menu */ .dataTables_length { float: left; } /* * Filter */ .dataTables_filter { float: right; text-align: right; } /* * Table information */ .dataTables_info { clear: both; float: right; } /* * Pagination */ .dataTables_paginate { float: left; text-align: right; } /* Two button pagination - previous / next */ /*.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next { height: 19px; float: left; cursor: pointer; *cursor: hand; color: #111 !important; } .paginate_disabled_previous:hover, .paginate_enabled_previous:hover, .paginate_disabled_next:hover, .paginate_enabled_next:hover { text-decoration: none !important; } .paginate_disabled_previous:active, .paginate_enabled_previous:active, .paginate_disabled_next:active, .paginate_enabled_next:active { outline: none; } .paginate_disabled_previous, .paginate_disabled_next { color: #666 !important; } .paginate_disabled_previous, .paginate_enabled_previous { padding-left: 23px; } .paginate_disabled_next, .paginate_enabled_next { padding-right: 23px; margin-left: 10px; } .paginate_enabled_previous { background: url('../images/back_enabled.png') no-repeat top left; } .paginate_enabled_previous:hover { background: url('../images/back_enabled_hover.png') no-repeat top left; } .paginate_disabled_previous { background: url('../images/back_disabled.png') no-repeat top left; } .paginate_enabled_next { background: url('../images/forward_enabled.png') no-repeat top right; } .paginate_enabled_next:hover { background: url('../images/forward_enabled_hover.png') no-repeat top right; } .paginate_disabled_next { background: url('../images/forward_disabled.png') no-repeat top right; } */ /* Four button pagination - first / previous / next / last */ .paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next, .paginate_disabled_first, .paginate_enabled_first, .paginate_disabled_last, .paginate_enabled_last { height: 19px; float: left; cursor: pointer; *cursor: hand; color: #111 !important; } .paginate_disabled_previous:hover, .paginate_enabled_previous:hover, .paginate_disabled_next:hover, .paginate_enabled_next:hover, .paginate_disabled_first:hover, .paginate_enabled_first:hover, .paginate_disabled_last:hover, .paginate_enabled_last:hover { text-decoration: none !important; } .paginate_disabled_previous:active, .paginate_enabled_previous:active, .paginate_disabled_next:active, .paginate_enabled_next:active, .paginate_disabled_first:active, .paginate_enabled_first:active, .paginate_disabled_last:active, .paginate_enabled_last:active { outline: none; } .paginate_disabled_previous, .paginate_disabled_next, .paginate_disabled_first, .paginate_disabled_last { color: #666 !important; } .paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_first, .paginate_enabled_first { padding-left: 23px; } .paginate_disabled_next, .paginate_enabled_next, .paginate_disabled_last, .paginate_enabled_last { padding-right: 23px; margin-left: 10px; } .paginate_enabled_first { background: url('../images/back.png') no-repeat top left; } .paginate_enabled_first:hover { background: url('../images/back.png') no-repeat top left; } .paginate_disabled_first { background: url('../images/back.png') no-repeat top left; } .paginate_enabled_previous { background: url('../images/back.png') no-repeat top left; } .paginate_enabled_previous:hover { background: url('../images/back.png') no-repeat top left; } .paginate_disabled_previous { background: url('../images/back.png') no-repeat top left; } .paginate_enabled_next { background: url('../images/forward.png') no-repeat top right; } .paginate_enabled_next:hover { background: url('../images/forward.png') no-repeat top right; } .paginate_disabled_next { background: url('../images/forward.png') no-repeat top right; } .paginate_enabled_last { background: url('../images/forward.png') no-repeat top right; } .paginate_enabled_last:hover { background: url('../images/forward.png') no-repeat top right; } .paginate_disabled_last { background: url('../images/forward.png') no-repeat top right; } /* Full number pagination */ .paging_full_numbers { height: 22px; line-height: 22px; } .paging_full_numbers a:active { outline: none } .paging_full_numbers a:hover { text-decoration: none; } .paging_full_numbers a.paginate_button, .paging_full_numbers a.paginate_active { border: 1px solid #aaa; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 2px 5px; margin: 0 3px; cursor: pointer; *cursor: hand; color: #333 !important; } .paging_full_numbers a.paginate_button { background-color: #ddd; } .paging_full_numbers a.paginate_button:hover { background-color: #ccc; text-decoration: none !important; } .paging_full_numbers a.paginate_active { background-color: #99B3FF; } /* * Processing indicator */ .dataTables_processing { position: absolute; top: 50%; left: 50%; width: 250px; height: 30px; margin-left: -125px; margin-top: -15px; padding: 14px 0 2px 0; border: 1px solid #ddd; text-align: center; color: #999; font-size: 14px; background-color: white; } /* * Sorting */ .sorting { background: url('../images/sort_both.png') no-repeat center right; } .sorting_asc { background: url('../images/sort_asc.png') no-repeat center right; } .sorting_desc { background: url('../images/sort_desc.png') no-repeat center right; } .sorting_asc_disabled { background: url('../images/sort_asc_disabled.png') no-repeat center right; } .sorting_desc_disabled { background: url('../images/sort_desc_disabled.png') no-repeat center right; } table.dataTable th:active { outline: none; } /* * Scrolling */ .dataTables_scroll { clear: both; } .dataTables_scrollBody { *margin-top: -1px; }