/* General page setup  */
#dt_example { font: 80%/1.45em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; color: #333; background-color: #FFF; }
#dt_example #container { width: 800px; margin: 30px auto; padding: 0px; }
#dt_example #footer { margin: 50px auto 0px auto; padding: 0px; }
#dt_example #demo { margin: 30px auto 0px auto; }
#dt_example .demo_jui { margin: 30px auto 0px auto; }
#dt_example .big { font-size: 1.3em; font-weight: bold; line-height: 1.6em; color: #4E6CA3; }
#dt_example .spacer { height: 20px; clear: both; }
#dt_example .clear { clear: both; }
#dt_example pre { padding: 15px; background-color: #F5F5F5; border: 1px solid #CCC; }
#dt_example h1 { margin-top: 2em; font-size: 1.3em; font-weight: normal; line-height: 1.6em; color: #4E6CA3; border-bottom: 1px solid #B0BED9; clear: both; }
#dt_example h2 { font-size: 1.2em; font-weight: normal; line-height: 1.6em; color: #4E6CA3; clear: both; }
#dt_example a { color: #0063DC; text-decoration: none; }
#dt_example a:hover { text-decoration: underline; }
#dt_example ul { color: #4E6CA3; }
.css_right { float: right; }
.css_left { float: left; }

.paging_two_button .ui-button { float: left; cursor: pointer; *cursor: hand; }
.paging_full_numbers .ui-button { padding: 2px 6px; margin: 0px; cursor: pointer; *cursor: hand; }
.ui-buttonset .ui-button { margin-right: -0.1em !important; }
.paging_full_numbers { width: 350px !important; }
.ui-toolbar { padding: 5px; }
.dataTables_paginate { width: auto; }
.dataTables_info { padding-top: 3px; }
table.display thead th { padding: 3px 0px 3px 10px; cursor: pointer; *cursor: hand; }
div.dataTables_wrapper .ui-widget-header { font-weight: normal; }
/* Sort arrow icon positioning */
table.display thead th div.DataTables_sort_wrapper { position: relative; padding-right: 20px; padding-right: 20px; }
table.display thead th div.DataTables_sort_wrapper span { position: absolute; top: 50%; margin-top: -8px; right: 0; }

/* Tudo abaixo desta linha é o mesmo que demo_table.css. Este arquivo é necessário para a 'limpeza' da marcação */
/* DataTables características */
.dataTables_wrapper { position: relative; padding-bottom: 30px; clear: both; }
.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 0px; }
.dataTables_length { width: 40%; float: left; }
.dataTables_filter { width: 50%; float: right; text-align: right; }
.dataTables_info { width: auto; float: left; }
.dataTables_paginate { float: right; text-align: right; }
/* Paginação aninhada */
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next { height: 19px; width: 19px; margin-left: 3px; float: left; }
.paginate_disabled_previous { background-image: url('../images/back_disabled.jpg'); }  
.paginate_enabled_previous { background-image: url('../images/back_enabled.jpg'); }
.paginate_disabled_next { background-image: url('../images/forward_disabled.jpg'); }
.paginate_enabled_next { background-image: url('../images/forward_enabled.jpg'); }

/* DataTables display */
table.display { margin: 0 auto; width: 100%; clear: both; 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: 3px 10px; }
table.display td.center { text-align: center; }

/* DataTables sorting */
.sorting_asc { background: url('../images/sort_asc.jpg') no-repeat center right; }
.sorting_desc { background: url('../images/sort_desc.jpg') no-repeat center right; }
.sorting { background: url('../images/sort_both.jpg') no-repeat center right; }

/* DataTables row classes */
table.display tr.odd.gradeA { background-color: #DFD; }
table.display tr.even.gradeA { background-color: #EFE; }
table.display tr.odd.gradeA { background-color: #DFD; }
table.display tr.even.gradeA { background-color: #EFE; }
table.display tr.odd.gradeC { background-color: #DDF; }
table.display tr.even.gradeC { background-color: #EEF; }
table.display tr.odd.gradeX { background-color: #FDD; }
table.display tr.even.gradeX { background-color: #FEE; }
table.display tr.odd.gradeU {  background-color: #DDD; }
table.display tr.even.gradeU { background-color: #EEE; }
tr.odd { background-color: #E2E4FF; }
tr.even { background-color: white; }

/* DataTables Misc (Vários) */
.dataTables_scroll { clear: both; }
.top, .bottom { padding: 15px; background-color: #F5F5F5; border: 1px solid #CCC; }
.top .dataTables_info { float: none; }
.clear { clear: both; }
.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: #d1cfd0; border: 2px solid #A19B9E; }
.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: #B0BED9; }
table.display tr.odd.row_selected td { background-color: #9FAFD1; }
/* Ordenar classes para colunas */
/* Para o padrão de par / ímpar */
tr.odd td.sorting_1 { background-color: #D3D6FF; }
tr.odd td.sorting_2 { background-color: #DADCFF; }
tr.odd td.sorting_3 { background-color: #E0E2FF; }
tr.even td.sorting_1 { background-color: #EAEBFF; }
tr.even td.sorting_2 { background-color: #F2F3FF; }
tr.even td.sorting_3 { background-color: #F9F9FF; }

/* 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: #c4ffc4; }
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: #d5ffd5; }
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; }

/* Linha destacando exemplo */
.ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted { background-color: #ECFFB3; }
.ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted { background-color: #E6FF99; }