/*
 *  File:         demo_table.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.
 */

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

.dataTables_wrapper {
	position: relative;
	clear: both;
	zoom: 1; /* Feeling sorry for IE */
}

.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;
}

.dataTables_length {
	width: 40%;
	float: left;
}

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

.dataTables_info {
	width: 60%;
	float: left;
}

.dataTables_paginate {
	float: right;
	text-align: right;
}

/* Pagination nested */
.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_disabled_previous {
	background: url('images/back_disabled.png') no-repeat top left;
}

.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_next {
	background: url('images/forward_disabled.png') no-repeat top right;
}

.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;
}

.paging_full_numbers 
{
    display:block;
    margin: 0 auto;
}

.paginate_button
{
	border: solid 1px #0285A6;
    padding: 4px 7px;
}

.paginate_active 
{
	border: solid 2px #0285A6;
    padding: 3px 6px;
}


.paginate_button, .paginate_active {
    text-decoration: none;
	color: #0285A6;
    display: block;
    float: left;
    margin-right: 5px;
	margin-bottom: 5px;
}




/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables sorting
 */
.data-table tr th.sorting_asc,
.data-table tr th.sorting_desc, 
.data-table tr th.sorting,
.data-table tr th.sorting_asc_disabled,
.data-table tr th.sorting_desc_disabled {
    padding-right: 20px;
}
.sorting_asc {
    padding-right: 20px;
	background: url('images/sort_asc.png') no-repeat center right;
}

.sorting_desc {
    padding-right: 20px;
	background: url('images/sort_desc.png') no-repeat center right;
}

.sorting {
    padding-right: 20px;
	background: url('images/sort_both.png') no-repeat center right;
}

.sorting_asc_disabled {
    padding-right: 20px;
	background: url('images/sort_asc_disabled.png') no-repeat center right;
}

.sorting_desc_disabled {
    padding-right: 20px;
	background: url('images/sort_desc_disabled.png') no-repeat center right;
}

.message-detail.detail-table table th.sorting_asc {
	background: #0285a6 url('images/sort_asc_disabled.png') no-repeat center right;
}

.message-detail.detail-table table th.sorting_desc {
	background: #0285a6 url('images/sort_desc_disabled.png') no-repeat center right;
}

.message-detail.detail-table table th.sorting {
	background: #0285a6 url('images/sort_both.png') no-repeat center right;
}

.message-detail.detail-table table th.sorting_asc_disabled {
	background: #0285a6 url('images/sort_asc_disabled.png') no-repeat center right;
}

.message-detail.detail-table table th.sorting_desc_disabled {
	background: #0285a6 url('images/sort_desc_disabled.png') no-repeat center right;
}
 
table.display thead th:active,
table.display thead td:active {
	outline: none;
}