table.tablerows {
    clear:both;
    width: 100%;
    border: 1px solid #CCCCCC;
    border-top:0;
    text-align:left;
}

div.tablerows-scrollable {
    max-width: 100%;
    overflow-x: auto;
    border-right: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
}

div.tablerows-scrollable table.tablerows {
    border-right: 0;
    border-left: 0;
}

/* Table pages
------------------------------------------------------------------*/

.tablepages{
    padding-left: 10px;
    font-weight:bold;
}

.tablepages span{
    font-weight:normal;
    padding-left: 3px;
    padding-right: 3px;
}

/* Table head row
------------------------------------------------------------------*/

tr.headerrow {
    height:30px;
    background-color: #FFFFFF;
    margin-bottom:5px;
    border-right:0;
}

tr.headerrow th{
    border-right:1px solid #ccc;
    border-bottom: 1px solid #ccc;
    text-align:left;
    text-transform:uppercase;
    padding-left:8px;
    padding-right:4px;
}

tr.headerrow.headerrow-middle th{
    border-top:1px solid #ccc;
}

tr.headerrow th.headercelllast {
    border-right:0;
}

tr.headerrow th a,
tr.headerrow th a:visited  {
    font-size:10px;
    color:#000000;
    font-weight:bold;
    text-decoration: underline;
}

tr.headerrow th a:hover  {
    text-decoration: none;
}

tr.headerrow th.th_no_border{
    border-right:0;
}

table.tablerows tr.headerrow table.tableHeaderTable td {
    white-space: nowrap;
    padding-left: 0;
    padding-right: 0;
}

table.tablerows tr.headerrow table.tableHeaderTable img.tableHeaderImage {
    margin-left: -4px;
    margin-bottom: 1px;
}

table.tablerows tr.headerrow th.iconColumnHeader {
    width:20px;
}

table.tablerows tr.headerrow th.idColumnHeader {
    width:40px;
}

table.tablerows tr.headerrow th.nameColumnHeader {
    min-width: 150px;
    max-width: 400px;
}

table.tablerows tr.headerrow th.localeColumnHeader {
    min-width: 50px;
    max-width: 100px;
}

table.tablerows tr.headerrow th.dateColumnHeader {
    min-width: 50px;
    max-width: 70px;
}

/* Table rows
------------------------------------------------------------------*/
tr.row-odd,
table.tablerows-nohover tr:hover.row-odd {
    background-color:#EEEEEE;
}

tr.row-even,
table.tablerows-nohover tr:hover.row-even {
    background:#fff url(../images/panel/tablerow-even.gif) repeat-x;
}

tr.row-odd.row-highlight,
table.tablerows-nohover tr:hover.row-odd.row-highlight {
    background-color:#e0e9de;
}

tr.row-even.row-highlight,
table.tablerows-nohover tr:hover.row-even.row-highlight {
    background:#d3e0d0 url(../images/panel/tablerow-even-highlight.gif) repeat-x;
}

tr.row-odd:hover,
tr.row-even:hover,
tr.row-disabled:hover {
    background:#eaf1e8;
}

tr.row-hidden {
    display: none;
}

table.tablerows td {
    margin:0;
    height:17px;
    vertical-align:top;
    padding: 7px 5px 5px;
}

table.tablerows tr.row-disabled td{
    color:grey;
}

table.tablerows td:first-child {
    padding-left: 8px;
}

table.tablerows td.table_icon {
    width:16px;
    border:0;
    white-space: nowrap;
}

.panels-compact table.tablerows tr.headerrow th {
    padding-left: 6px;
}

.panels-compact table.tablerows td {
    padding: 4px 8px 5px 4px;
}

.import-data-removed {
    background-color: #ffb17d;
}

.import-data-updated {
    background-color: #a7e18a;
}

table img.icon {
    vertical-align: top;
}