/*
 *  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; _height: 302px; 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: 200px; float: left; }
.dataTables_filter     { width: 200px; float: left;  }
.dataTables_filter input { padding: 5px; }
.dataTables_info       { width: 400px; float: right; }
.dataTables_paginate   { width: 44px; * width: 50px; float: right; text-align: right; }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
DataTables display */
table.display                { margin: 0 auto; clear: both; width: 100%;
/* Note Firefox 3.5 and before have a bug with border-collapse  
* ( https://bugzilla.mozilla.org/show%5Fbug.cgi?id=155955 )   
* border-spacing: 0; is one possible option. Conditional-css.com is  
* useful for this kind of thing  *  
* Further note IE 6/7 has problems when calculating widths with border width.  
* It subtracts one px relative to the other browsers from the first column, and  
* adds one to the end...  *  
* If you want that effect I'd suggest setting a border-top/left on th/td's and   
* then filling in the gaps with other borders.  */}
table.display thead th       { padding: 10px; color: #ebebeb; text-align: left; background: #595959; font-weight: bold; text-shadow: 1px 1px 2px #000;cursor: pointer; * cursor: hand; border-top: 1px solid #909090; border-left: 1px solid #909090; border-right: 1px solid #464646; border-bottom: 1px solid #464646; }
table.display tfoot th       { padding: 10px; border-top: 1px solid #fff; border-left: 1px solid #fff; background: #eaeaea; font-weight: bold; }
table.display tr.heading2 td { border-bottom: 1px solid #aaa; }
table.display td             { padding: 10px; }
table.display td.center      { text-align: center; }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
DataTables sorting */
.sorting_asc              { background: url('/madmin/_scripts/data-tables/sort_asc.png') no-repeat center right; }
.sorting_desc             { background: url('/madmin/_scripts/data-tables/sort_desc.png') no-repeat center right; }
.sorting                  { background: url('/madmin/_scripts/data-tables/sort_both.png') no-repeat center right; }
.sorting_asc_disabled     { background: url('/madmin/_scripts/data-tables/sort_asc_disabled.png') no-repeat center right; }
.sorting_desc_disabled    { background: url('/madmin/_scripts/data-tables/sort_desc_disabled.png') no-repeat center right; }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
DataTables row classes */
tr.odd, tr.odd td            { color: #252525; background-color: #eaeaea; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; }
tr.even, tr.even td          { color: #252525; background-color: #f4f4f4; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9;  }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
Misc */
.dataTables_scroll      { clear: both; }
.dataTables_scrollBody  { *margin-top: -1px; }
.top, .bottom           { padding: 15px 0; overflow:auto;  }
.top .dataTables_info   { float: none; }
.clear                  { clear: both; }
.dataTables_empty       { text-align: center; }
tfoot input             { margin: 0.5em 0; width: 100%; color: #444; padding: 4px; }
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                      { width: 500px; height: 22px; line-height: 22px; }
.paging_full_numbers .paginate_button,
.paging_full_numbers .paginate_active { border: 1px solid #aaa; padding: 2px 5px; margin: 0 3px; cursor: pointer; *cursor: hand; }
.paging_full_numbers .paginate_button { background-color: #ddd; }
.paging_full_numbers .paginate_button:hover { background-color: #ccc; }
.paging_full_numbers .paginate_active { background-color: #99B3FF; }

table.display tr.odd.row_selected td      { background-color: #d2dfec; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #a5bfd9; border-bottom: 1px solid #a5bfd9; }
table.display tr.even.row_selected td     { background-color: #dbe8f5; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #d5d5d5; border-bottom: 1px solid #b7d1eb; }

/* * Sorting classes for columns */
/* For the standard odd/even */
tr.odd td.sorting_1  { background-color: #d2dfec; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #a5bfd9; border-bottom: 1px solid #a5bfd9; }
tr.odd td.sorting_2  { background-color: #DADCFF; }
tr.odd td.sorting_3  { background-color: #E0E2FF; }
tr.even td.sorting_1 { background-color: #dbe8f5; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #d5d5d5; border-bottom: 1px solid #b7d1eb; }
tr.even td.sorting_2 { background-color: #F2F3FF; }
tr.even td.sorting_3 { background-color: #F9F9FF; }

/* * KeyTable */
table.KeyTable td       { border: 3px solid transparent; }
table.KeyTable td.focus { border: 3px solid #3366FF; }
div.box                 { height: 100px; padding: 10px; overflow: auto; border: 1px solid #8080FF; background-color: #E5E5FF; }