/*
 * 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.
 */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables features
 */

.dataTables_wrapper {
  position: relative;
	min-height: 302px;
	_height: 302px;
  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 {
	float: left;
	width: 40%;
	margin-top:4px;
}

.dataTables_filter {
	width: 50%;
	float: right;
	text-align: right;
}

.dataTables_info {
	width: 60%;
	float: left;
	color: #666;
	font-size: 0.9em;
	padding: 5px;
}

.dataTables_paginate {
	width: 44px;
	* width: 50px;
	float: right;
	text-align: right;
}

/* Pagination nested */
.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('/_img/datatables/back_disabled.jpg');
}

.paginate_enabled_previous {
	background-image: url('/_img/datatables/back_enabled.jpg');
}

.paginate_disabled_next {
	background-image: url('/_img/datatables/forward_disabled.jpg');
}

.paginate_enabled_next {
	background-image: url('/_img/datatables/forward_enabled.jpg');
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables datatable
 */
table.datatable {
	margin: 0 auto;
	padding: 10px 0;
	width: 100%;
	clear: both;
}


table.datatable thead th {
	border-top: 1px dotted #999;
	padding: 5px 18px 3px 10px;
	font-weight: bold;
	cursor: pointer;
	* cursor: hand;
	color: #333
}

table.datatable tfoot th {
	padding: 3px 10px;
	border-top: 1px solid black;
	font-weight: bold;
}

table.datatable td {
	padding: 3px 10px;
}

table.datatable td.center {
	text-align: center;
}

.mytable thead th {
  border-bottom:1px solid #ccc;  
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* DataTables sorting
*/

.sorting_asc {
	background: url('/_img/datatables/sort_asc.jpg') no-repeat center right;
}

.sorting_desc {
	background: url('/_img/datatables/sort_desc.jpg') no-repeat center right;
}

.sorting {
	background: url('/_img/datatables/sort_both.jpg') no-repeat center right;
}

.top .dataTables_info {
	float: none;
}

.clear {
	clear: both;
}

.dataTables_empty {
	text-align: center;
}

/*
 * Sorting classes for columns
 */
/* For the standard odd/even */

tr.odd td {
	background-color: #E2E4FF;
}

.mytable tr.odd td {
	background-color: #fff;
}

tr.even td {
	background-color: white;
}

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

.mytable tr.odd td.sorting_1 {
	background-color: #fff;
}

tr.odd td.sorting_2 {
	background-color: #DADCFF;
}

tr.odd td.sorting_3 {
	background-color: #E0E2FF;
}

tr.even td.sorting_1 {
	background-color: #EAEBFF;
}

.mytable tr.even td.sorting_1 {
	background-color: #fff;
}

tr.even td.sorting_2 {
	background-color: #F2F3FF;
}

tr.even td.sorting_3 {
	background-color: #F9F9FF;
}