/*
* CSS-Styles für Datentabelle
*/

.datatable
{
    font: normal normal normal 8pt Verdana;
}

/*
* <table> innerhalb der datatable-divs
*/
.datatable table
{    
    width:100%;
    table-layout:fixed;
    border:solid 1px #00000;
    border-collapse:collapse;
    border-spacing:0;
    empty-cells: show;
    overflow:hidden;
}
/*
* Überlaufenden Text in Zellen verstecken
*/
.datatable table td,
.datatable table th
{
    overflow: hidden;
}

/*
* Header <div>
*/
.datatable div.header
{    
}

/*
* Body/Content <div>
*/
.datatable div.content
{
    overflow-y:scroll;
    overflow-x:auto;
    background:#FFF;   
    border: 1px solid black;    
}

/*
* Footer <div>
*/
.datatable div.footer
{
}

/*
* Style für Header-<table>
*/
.datatable table thead tr
{
    background:#187bda url(../../Images/Modern/bar20px.png) repeat-x scroll top left;
    height:26px;
    vertical-align:middle;
}
.datatable table thead th,
.datatable table thead td
{
    padding:4px;
    border:solid 1px #000;
    font:normal normal bold 8pt Verdana;
    color:#fff;
    cursor:default;
    text-align:left;
}

/*
* Filterzeile im Header
*/
.datatable div.header thead tr.filter
{
    background:#FFB55A;
    border-bottom:none;
    border-top:none;
}
.datatable div.header thead tr.filter td
{
    text-align:center;
    padding: 0px;
    border-bottom:none;
    border-top:none;
}
.datatable div.header thead tr.filter input[type="text"],
.datatable div.header thead tr.filter select.filter-control
{
    width:100%;
    border: none;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
}

/*
* Style für Content-<table>
*/
.datatable div.content tbody {background:#fff;border:solid 1px #000}
.datatable div.content tbody tr:nth-child(odd){background:#FFF;}
.datatable div.content tbody tr:nth-child(even){background:#CFDDEE;}
.datatable div.content tbody tr:hover{background-color:#faf3d3;}
.datatable div.content tbody td{padding:4px;font:normal normal normal 8pt Verdana;color:#000;cursor:default;border:solid 1px #C2D4DA;}