/*
 *  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
 */
@media all
{
	.dataTables_wrapper {
		position: relative;
		min-height: 150px;
		clear: both;
		_height: 150px;
		zoom: 1; /* Feeling sorry for IE */
	}

	.dataTables_processing {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 200px;
		height: 30px;
		margin-left: -100px;
		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: left;
		text-align: right;
	*/
	}
	.dataTables_filter input{
		width:165px;
	}
	.dataTables_info {
		width: 60%;
		float: left;
	}

	.dataTables_paginate {
		* width: 50px;
		float: left;
		margin-left: 20px;
		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('../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;
	}

	table.display thead th {
		background-color:#339966;
		border-bottom:1px solid #FFFFFF;
		color:#FFFFFF;
		cursor:pointer;
		font-weight:bold;
		padding: 5px 5px;
		text-align:center;
	}

	table.display tfoot th {
		background-color:#339966;
		border-top:1px solid #FFFFFF;
		color:#FFFFFF;
		cursor:pointer;
		font-weight:bold;
		padding: 0;
		text-align:center;
	}

	table.display tr.heading2 td {
		border-bottom: 1px solid #aaa;
	}

	table.display td {
		padding: 3px 10px;
                width: 30px; max-width: 85px;
				min-width:30px;
                overflow: hidden;
                white-space: nowrap;
                text-overflow:ellipsis;

	}

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



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

	.sorting_asc {
		background: url('../images/sort_asc.png') no-repeat center right;
	}

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

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

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

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





	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	 * DataTables row classes
	 */
	table.display tr.odd.gradeA {
		background-color: #ddffdd;
	}

	table.display tr.even.gradeA {
		background-color: #eeffee;
	}

	table.display tr.odd.gradeA {
		background-color: #ddffdd;
	}

	table.display tr.even.gradeA {
		background-color: #eeffee;
	}

	table.display tr.odd.gradeC {
		background-color: #ddddff;
	}

	table.display tr.even.gradeC {
		background-color: #eeeeff;
	}

	table.display tr.odd.gradeX {
		background-color: #ffdddd;
	}

	table.display tr.even.gradeX {
		background-color: #ffeeee;
	}

	table.display tr.odd.gradeU {
		background-color: #ddd;
	}

	table.display tr.even.gradeU {
		background-color: #eee;
	}
	table.display tr.odd.Out {
		background-color: #CAFF70;
	}

	table.display tr.even.Out {
		background-color: #B3EE3A;
	}
	table.display tr.odd.In {
		background-color: #97FFFF;
	}

	table.display tr.even.In {
		background-color: #00E5EE;
	}


	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	 * Misc
	 */
	/*
	.top, .bottom {
		padding: 15px;
		background-color: red;
		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:#BDB76B;
		border-bottom:2px solid #DDDDDD;
		border-top:2px solid #DDDDDD;
		color:#FFFACD;
		font-size:16px;
		font-weight:bold;
	}

	td.details {
		background-color: #d1cfd0;
		border: 2px solid #A19B9E;
	}


	.example_alt_pagination div.dataTables_info {
		width: 40%;
	}

	.paging_full_numbers {
		height: 22px;
		line-height: 22px;
	}

	.paging_full_numbers span.paginate_button,
		.paging_full_numbers span.paginate_active {
		border: 1px solid #396;
		-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: #396;
		border: 1px solid #D3D3D3;
	}

	.paging_full_numbers span.paginate_button:hover {
		background-color: #FEFFDD;
		border: 1px solid #555;
	}

	.paging_full_numbers span.paginate_active {
		background-color: #fff;
	}
	table.display tr.row_selected td {
		background-color: #acc3ee99;
	}
	table.display tr.even.row_selected td {
		background-color: #B0BED9;
	}

	table.display tr.even.sel.seled td {
			background-color: #B0BED9;
	}
	table.display tr.odd.row_selected td {
		background-color: #9FAFD1;
	}

        table.display tr.odd.sel.seled td {
                background-color: #9FAFD1;
        }


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

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

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

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

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


	/*
	 * Row highlighting example
	 */
	.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;
	}


	/*
	 * KeyTable
	 */
	table.KeyTable td {
		border: 3px solid transparent;
	}

	table.KeyTable td.focus {
		border: 3px solid #3366FF;
	}

	table.display tr.gradeA {
		background-color: #eeffee;
	}

	table.display tr.gradeC {
		background-color: #ddddff;
	}

	table.display tr.gradeX {
		background-color: #ffdddd;
	}

	table.display tr.gradeU {
		background-color: #ddd;
	}

	div.box {
		height: 100px;
		padding: 10px;
		overflow: auto;
		border: 1px solid #8080FF;
		background-color: #E5E5FF;
	}
}
@media print
{

	td,th{
		border-bottom:1px solid #000;
		border-collapse:collapse;
	}
	.cPrint { display: block;width:100%; }
	.incomingList
	{
		display: block;
		width:100%;
		font-size:1.5em;
	}
}