/* *  File:         demo_table_jui.css *  CVS:          $Id$ *  Description:  CSS descriptions for DataTables demo pages *  Author:       Allan Jardine *  Created:      Tue May 12 06:47:22 BST 2009 *  Modified:     $Date$ by $Author$ *  Language:     CSS *  Project:      DataTables * *  Copyright 2009 Allan Jardine. All Rights Reserved. * * *************************************************************************** * DESCRIPTION * * The styles given here are suitable for the demos that are used with the standard DataTables * distribution (see www.datatables.net). You will most likely wish to modify these styles to * meet the layout requirements of your site. * * Common issues: *   'full_numbers' pagination - I use an extra selector on the body tag to ensure that there is *     no conflict between the two pagination types. If you want to use full_numbers pagination *     ensure that you either have "example_alt_pagination" as a body class name, or better yet, *     modify that selector. *   Note that the path used for Images is relative. All images are by default located in *     ../images/ - relative to this CSS file. *//* * jQuery UI specific styling */.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;	color: #333 !important;}.dataTables_paginate .ui-button {	margin-right: -0.1em !important;}.paging_full_numbers {	width: 350px !important;}.dataTables_wrapper .ui-toolbar {	padding: 5px;}.dataTables_paginate {	width: auto;}.dataTables_info {	padding-top: 3px;}table.display thead th {	padding: 0px 0px 0px 5px;	cursor: pointer;	* cursor: hand;}div.dataTables_wrapper .ui-widget-header {	font-weight: normal;	font-size: .75em;}/* * Sort arrow icon positioning */table.display thead th div.DataTables_sort_wrapper {	position: relative;	padding-right: 15px;	font-size: .9em;}table.display thead th div.DataTables_sort_wrapper span {	position: absolute;	top: 50%;	margin-top: -8px;	right: 0;}/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * Everything below this line is the same as demo_table.css. This file is * required for 'cleanliness' of the markup * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *//* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * DataTables features */.dataTables_wrapper {	position: relative;	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 0;}.dataTables_length {	width: 40%;	float: left;}.dataTables_filter {	width: 50%;	float: right;	text-align: right;}.dataTables_info {	width: 50%;	float: left;}.dataTables_paginate {	float: right;	text-align: right;}/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * DataTables display */table.display {	margin: 0 auto;	width: 100%;	clear: both;	border-collapse: collapse;}table.display tfoot th {	padding: 5px 0px 5px 10px;	font-weight: bold;	font-weight: normal;}table.display tr.heading2 td {	border-bottom: 1px solid #aaa;}table.display td {	padding: 0px 5px;}table.display td.center {	text-align: center;}/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * DataTables sorting */.sorting_asc {	background: url('sort_asc.png')/*tpa=http://disabilitycompendium.org/datatables/media/images/sort_asc.png*/ no-repeat center right;}.sorting_desc {	background: url('sort_desc.png')/*tpa=http://disabilitycompendium.org/datatables/media/images/sort_desc.png*/ no-repeat center right;}.sorting {	background: url('sort_both.png')/*tpa=http://disabilitycompendium.org/datatables/media/images/sort_both.png*/ no-repeat center right;}.sorting_asc_disabled {	background: url('sort_asc_disabled.png')/*tpa=http://disabilitycompendium.org/datatables/media/images/sort_asc_disabled.png*/ no-repeat center right;}.sorting_desc_disabled {	background: url('sort_desc_disabled.png')/*tpa=http://disabilitycompendium.org/datatables/media/images/sort_desc_disabled.png*/ no-repeat center right;}/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * DataTables row classes */table.display tr.odd{	background-color: #ddffdd;}table.display tr.even {	background-color: #eeffee;}table.display tr:hover {	background-color: #FFFFFF;}tr.odd {	background-color: #E2E4FF;}tr.even {	background-color: white;}/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * ** Misc*/.dataTables_scroll {	clear: both;}.dataTables_scrollBody {	-webkit-overflow-scrolling: touch;}.top, .bottom {	padding: 15px;	background-color: #F5F5F5;	border: 1px solid #CCCCCC;}.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 a.paginate_button, 	.paging_full_numbers a.paginate_active {	border: 1px solid #aaa;	-webkit-border-radius: 5px;	-moz-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;}table.display tr.even.row_selected td {	background-color: #B0BED9;}table.display tr.odd.row_selected td {	background-color: #9FAFD1;}