/********************
 * dataTables Stuff *
 ********************/


/* tk: es wird von dataTables gebraucht */
.css_right {
	float: right;
}

.css_left {
	float: left;
}


/* tk: toolbar oben/unten */
.fg-toolbar {
	padding: 5px;
	clear:both;
}

/* tk: wir wollen einen abstand vom footer nach unten... ist ein bisschen ein hack.. */
.fg-button {
	margin-bottom: 10px;
}

.icms_dataTables_nowrap {
    white-space:nowrap;
}


/*********************
 * element anordnung *
 *********************/


.dataTables_wrapper {
	position: relative;
	clear: both;
    min-height: 0px;
    _height: 0px;
}

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

/* tk: gibt es zur Zeit nicht: anzahl eintraege beim pager, zb 20 */
.dataTables_length {
	width: 40%;
	float: right;
}

/* tk: der filter div */
.dataTables_filter {
	width: 50%;
	float: left;
	text-align: left;
	margin-bottom: 10px;
}

/* tk: der info div, also zeige 1-20 von 61 */
.dataTables_info {
	float: left;
	clear: left;
	font-weight: normal;
}

/* tk: der pager div, hier ist der vor und zurück knopf */
.dataTables_paginate {
    width: auto;
	float: right;
    clear: right;
	text-align: right;
}



/*********************
 * table darstellung *
 *********************/

table.display {
	margin: 0 auto;
	width: 100%;
	clear: both;
}

/* tk: header zeile soll pointer zeigen */
table.display thead th {
	padding-left: 2px;
    text-align: left;
}

/* tk: in unserem fall nicht wirklich in gebrauch */
table.display tfoot th {
	padding: 3px 10px;
	border-top: 1px solid black;
	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;
}

/* underlined links in table shall go away, but only if the table is processed by dataTables */
table.display tr.even a {
    text-decoration: none;
}
table.display tr.odd a {
    text-decoration: none;
}




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




/**************
 * row colors *
 **************/


/* tk: farbe der reihe ohne aktion */
table.display tr.even {
	background-color: #f0f0fb;
}

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


/* tk: farbe der reihe, wenn man darueber fährt (hover) */
table.display tr.even:hover {
	background-color: #ddddee;
}

table.display tr.odd:hover {
	background-color: #ddddee;
}


/* tk: farbe der reihe, wenn man draufklickt */
table.display tr.even.row_selected td {
	background-color: #ccccdd;
}

table.display tr.odd.row_selected td {
	background-color: #ccccdd;
}



/******************
 * paging plugins *
 ******************/

/*
 *** full_numbers_iweb ***
 */

/* tk: fuer das jquery.dataTables_fullnumbersiweb plugin */

.fg-button {
    display: inline-block;
}

.dataTables_hidden {
    display: none;
}
.dataTables_showinline {
    display: inline;
}

#tablefilter_wrapper span.ui-icon, span.ui-icon{
    padding: 0;
}
/* tk: full_numbers_iweb, iweb plugin, copy from full_numbers */
#tablefilter_wrapper .paging_full_numbers_iweb .fg-button , .paging_full_numbers_iweb .fg-button {
	padding: 2px 6px;
	cursor: pointer;
}

.paging_full_numbers_iweb {
	font-size: 10px;
    width: 250px !important;
}


/* tk: full_numbers_iweb styling.. hmm: this is not active: class paginate_button does not exist, paginate_active?? */
.paging_full_numbers_iweb span.paginate_button,
 	.paging_full_numbers_iweb span.paginate_active {
	border: 1px solid #aaa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 2px 5px;
	margin: 0 3px;
	cursor: pointer;
}

.paging_full_numbers_iweb span.paginate_button {
	background-color: #ddd;
}

.paging_full_numbers_iweb span.paginate_button:hover {
	background-color: #ccc;
}

.paging_full_numbers_iweb span.paginate_active {
	background-color: #99B3FF;
}



/*
 * ab hier nicht mehr noetig!
 *
 * -------------------------------------------------------------------------
 *
 */



/*
 *** two_button ***
 */

 /* tk: two_button pager, dataTables core, not used right now */
.paging_two_button .fg-button {
	float: left;
	cursor: pointer;
}


/* Pagination nested */
/* tk: fuer zwei button pagination */
.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');
}



/*
 *** full_numbers ***
 */

 
/* tk: full_numbers, dataTables core */
.paging_full_numbers .fg-button {
	padding: 2px 6px;
	cursor: pointer;
}

.paging_full_numbers {
	width: 350px !important;
}


/* tk: full_numbers styling.. */
.paging_full_numbers span.paginate_button,
 	.paging_full_numbers span.paginate_active {
	border: 1px solid #aaa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 2px 5px;
	margin: 0 3px;
	cursor: pointer;
}

.paging_full_numbers span.paginate_button {
	background-color: #ddd;
}

.paging_full_numbers span.paginate_button:hover {
	background-color: #ccc;
}

.paging_full_numbers span.paginate_active {
	background-color: #99B3FF;
}


/*
 *** row grouping ***
 */

td.group {
   color: #000;
   background-color: #fff;
   font-weight: bold;
   border-style: solid;
   border-bottom-width: 2px;
   border-color: #999;
}

/*
 *** Appearance
 */

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; }
.ui-corner-tr { -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; }
.ui-corner-br { -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; }

/* Sorting images */
 .css_right { float: left; }
.ui-icon-carat-2-n-s:before { content: "\2191\2193"; }
.ui-icon-triangle-1-n:before { content: "\00A0\2191"; }
.ui-icon-triangle-1-s:before { content: "\00A0\2193"; }
.ui-state-default .ui-icon { text-indent: 0; background-image: none; *background-image: url(images/ui-icons_888888_256x240.png); /* <- IE7 */ }
.ui-icon { height: auto; width: auto; min-width: 16px; }

table.display thead tr {
    white-space: nowrap;
}

.dynaTable {
    width: 100%;
}

/* hack for IEs and tables before version 1.9.4 */
.dataTable .ui-state-disabled {
    display: inline-block;
}

.DataTables_sort_wrapper {
    display: inline-block;
    *display: inline;
    margin-left: 5px;
    *width: 16px;
    *height: 16px;
    *position: relative;
}
.DataTables_sort_icon{
    *width: 16px;
    *float: none;
    *display: inline-block;
    *height: 16px;
    *position: relative;
}
table.display th {
    *display: block;
}