/*
 * The style sheet that layouts the datatable
 */
 
 
 /*=================Styling of TOP section=============*/
 div.top {
 	font-family: Verdana;
    font-size: 11px;
    color: #787878;
    height: 52px;
    
 }
 /* 
 * Formating "Eintr�ge anzeigen"
 */
div.dataTables_length {
	float: left;
	padding-right: 20px;
}
div.dataTables_length select{
	display: block;
	width: 100px;
	margin-top: 14px;
	/*margin-bottom: 22px;*/
	border: 1px solid #ccc;
	font: 11px verdana, arial, helvetica, sans-serif;
}
div.dataTables_length select:focus{
	border: 1px solid #b2d1ff;
}
 /* 
  * Search box
  */
div.dataTables_filter {
	text-align: left;
	float:left;	
	/* font settings inherited from div.top */
}
 /* 
  * Search box input fields
  */
div.dataTables_filter input {
	width: 200px;
	display: block;
	margin-top: 13px;
	/*margin-bottom: 22px;*/
	background-color: #fcfcfc;
    border: 1px solid #ccc;
    font: 11px verdana, arial, helvetica, sans-serif;
}
div.dataTables_filter input:focus {
	border: 1px solid #b2d1ff;
}

#data_table_processing {
	height: 22px;	
}
/*===================================Styling of bottom section =======================*/

div.bottom {
    padding-top: 22px;
    height: 26px;
    padding-bottom: 30px;
    line-height: 26px;
}
.dataTables_info {
    float: left;
    width: 200px;
    height: inherit;
    font-family: Verdana;
    font-size: 11px;
    color: #787878;
}
.dataTables_paginate, .paging_full_numbers {
    float: right;
    text-align: right;
    width: 500px;
    height: inherit;
}
.paging_full_numbers span.paginate_button, .paging_full_numbers span.paginate_active {
    border: 1px solid #AAAAAA;
    cursor: pointer;
    margin-top: 0px;
    margin-left: 8px;
    padding: 2px 8px;
}
.paging_full_numbers span.paginate_button {
    background-color: #f1f3f5;
}
.paging_full_numbers span.paginate_button:hover {
    background-color: #E8E8E8;
}
.paging_full_numbers span.paginate_active {
    background-color: #CCCCCC;
    /*background-color: #3ee8ec*/
}
 
/*
 * Data table default styling
 */
 
 
/* TABLES */

#data_table {
    width: 100% !important;
    margin: 0px 0px;
    border-spacing: 0px 0px;
    border-top: 1px solid #C7CDD4;   
}
#data_table tr {
    border: 0px;
}
#data_table th {
    font: 10px verdana, arial, helvetica, sans-serif;
    line-height: 12px;
    padding-top: 20px;
    padding-bottom: 6px;
    padding-left: 5px;
    text-align: left;
    vertical-align: top;
    background-color: #E9ECF0;
    border-left: 2px solid white;    
}
#data_table th:first-child {
	border-left: none;	
}
#data_table td.align-right {
	text-align: right;
	padding-right: 6px;
}

#data_table td {
    font: 11px verdana, arial, helvetica, sans-serif;
    line-height: 12px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 6px;
    text-align: left;
    vertical-align: top;
    border-left: 2px solid white; 
   
}
#data_table tr td:first-child{
	border-left: none;
}
#data_table th.asc a, th.desc a {
    background-position: right;
    background-repeat: no-repeat;
}
#data_table th.asc a {
    background-image: url(../images/skin/sorted_asc.gif);
}
#data_table th.desc a {
    background-image: url(../images/skin/sorted_desc.gif);
}

#data_table .odd {
    /*background: #f7f7f7;*/
    background: #f1f3f5;
    
}
#data_table .even {
    background: #ffffff;
}

 /*
  * Row highlighting 
  */
 
#data_table tbody tr.even:hover, #data_table tbody tr.even td.highlighted {
	/*background-color: #ECFFB3;*/
	background-color: #E8E8E8;
	cursor: pointer;
}

#data_table tbody tr.odd:hover, #data_table tbody tr.odd td.highlighted {
	background-color: #E8E8E8;
	cursor: pointer;
}

#data_table tr.even:hover {
	background-color: #E8E8E8;
	cursor: pointer;
}

#data_table tr.even:hover td.sorting_1 {
	background-color: #E8E8E8;
	cursor: pointer;
}

#data_table tr.even:hover td.sorting_2 {
	background-color: #E8E8E8;
	cursor: pointer;
}

#data_table tr.even:hover td.sorting_3 {
	background-color: #E8E8E8;
	cursor: pointer;
}

#data_table tr.odd:hover {
	background-color: #E8E8E8;
	cursor: pointer;
}
#data_table tr.odd:hover td.sorting_1 {
	background-color: #E8E8E8;
	cursor: pointer;
}

#data_table tr.odd:hover td.sorting_2 {
	background-color: #E8E8E8;
	cursor: pointer;
}

#data_table tr.odd:hover td.sorting_3 {
	background-color: #E8E8E8;
	cursor: pointer;
}

#data_table tr.even.row_selected td {
	background-color: #CCCCCC;
}

#data_table tr.odd.row_selected td {
	background-color: #CCCCCC;
}

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