/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * 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 {
	width: 40%;
	float: left;
}

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

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

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

.dataTables_input {
	margin-left: 0px;
	margin-top: 4px;
	border: 1px solid #000;
	background-color: #5f5f5f;
	filter:alpha(opacity=60);
        -moz-opacity:.6;
        opacity:.6;
        color: rgba(255, 255, 255, 0.6);
        -khtml-opacity: 0.6;
}

.dataTables_input:hover {
	border-color: #FFF
}

.dataTables_input:focus {
	border-color: #FFF;
	background-color: #767575;
	filter:alpha(opacity=90);
	-moz-opacity:.9;
	opacity:.9;
	color: rgba(255, 255, 255, 0.9);
        -khtml-opacity: 0.9; 
}

/* 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('http://www.tunngle.net/fileadmin/tunngle.net/gfx/back_disabled.jpg');
}

.paginate_enabled_previous {
	background-image: url('http://www.tunngle.net/fileadmin/tunngle.net/gfx/back_enabled.jpg');
}

.paginate_disabled_next {
	background-image: url('http://www.tunngle.net/fileadmin/tunngle.net/gfx/forward_disabled.jpg');
}

.paginate_enabled_next {
	background-image: url('http://www.tunngle.net/fileadmin/tunngle.net/gfx/forward_enabled.jpg');
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables display
 */
table.display {
	margin: 0 auto;
	width: 100%;
	clear: both;
        font-family: arial, verdana;
        color: #b7b7b7;
        font-size: 0.9em;
}

table.display thead th {
	padding: 3px 10px;
	border-bottom: 1px solid red;
	font-weight: bold;
	cursor: pointer;
	* cursor: hand;
}

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

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

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

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



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

.sorting_asc {
	background: url('http://www.tunngle.net/fileadmin/tunngle.net/gfx/sort_asc.jpg') no-repeat center right;
}

.sorting_desc {
	background: url('http://www.tunngle.net/fileadmin/tunngle.net/gfx/sort_desc.jpg') no-repeat center right;
}

.sorting {
	background: url('http://www.tunngle.net/fileadmin/tunngle.net/gfx/sort_both.jpg') no-repeat center right;
}


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

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

table.display tr.gradeA.odd td.sorting_1 {
	background-color: #2f2f2f;
}

table.display tr.gradeA.even td.sorting_1 {
	background-color: #1f1f1f;
}

/*
The definition of the two primary areas. This controls default font faces and color
This also includes the animated loading.gif. Make your own one here if you want to: http://www.ajaxload.info/
*/
#tunngleloadingarea {
	font-family: arial, verdana;
	color: #b7b7b7;
	font-size: 0.9em;
	text-align: center;
	background: url('http://www.tunngle.net/fileadmin/tunngle.net/gfx/loading.gif') no-repeat top center;
	padding-top: 40px;
}

#tunngletablearea {
	font-family: arial, verdana;
	color: #b7b7b7;
	font-size: 0.9em;
}