/* Having any sort of border lines between rows causes an extra scrollbar in firefox when we have border-collapse here
 * We can fix that by using border-spacing:0 instead of border-collapse, but that doesn't work in IE7
 * so we have to just use no border lines at all */
.ligoGrid table {
    background-color: #dce0e8;
    border-collapse: collapse;
    font-family: sans-serif;
    font-size: small;
}

.ligoGrid th {
    background-color: #a2bae8;
    color: #000;
    padding: 3px;
    text-align: left;
}

/* Put some styling on the sort links */
.ligoGrid thead th a {
    background: #dce0e8;
    border: 1px outset #a2bae8;
    color: #000;
    display: inline-block;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    width: 1.2em;
    line-height: 1.2em;
    border-radius: 0.3em;
        -moz-border-radius: 0.3em;
        -webkit-border-radius: 0.3em;
}

.ligoGrid thead th a:active {
    border: 1px inset #aec2e8;
}

.ligoGrid tfoot th {
    font-style: italic;
}

.ligoGrid td {
    background-color: #dce0e8;
    padding: 3px;
    border-bottom: 1px solid #888;
}

.ligoGrid .CURRENCY, .ligoGrid .NUMERIC {
    text-align: right;
}

/* Some alternating rows styling (CSS3) */
.ligoGrid tr:nth-child(2n) td {
    background-color: #e3e7f0;
}

/* Selected row highlight */
.ligoGrid tr.selectedrow td {
    background-color: #aec2e8;
    color: #123;
}

/* Hover highlight */
.ligoGrid tr:hover td {
    background-color: #bfd4ff;
}


/* The following styles are for use with the scrolled grid where we wish the header and footer to remain fixed */

div.ligoScrolledGrid {
    overflow: auto;
    overflow-x: hidden;
    margin: 0 auto;
}

.ligoScrolledGrid table {
    width: 100%;
}

.ligoScrolledGrid table>tbody    {  /* child selector syntax which IE6 and older do not support*/
    overflow: auto;
    /*height: 150px;*/
    overflow-x: hidden;
}
    
.ligoScrolledGrid thead tr    {
    position:relative;
    top: expression(offsetParent.scrollTop); /*IE5+ only*/
}
    
    
.ligoScrolledGrid table tfoot tr { /*idea of Renato Cherullo to help IE*/
      position: relative;
      overflow-x: hidden;
      top: expression(parentNode.parentNode.offsetHeight >=
      offsetParent.offsetHeight ? 0 - parentNode.parentNode.offsetHeight + offsetParent.offsetHeight + offsetParent.scrollTop : 0);
}

/* Stop IE/Mozilla from cutting off the last column with the scrollbar
 * IE gets all columns padded */
.ligoScrolledGrid th, .ligoScrolledGrid td { padding-right: 18px; }
/* Undo it in Mozilla for all <th> (IE doesn't support :not), and leave only the last column's <td>s padded */
.ligoScrolledGrid :not(img) > th, .ligoScrolledGrid td:not(:last-child) { padding-right: 3px; }


/* ligoCounter styling */
.ligoCounter {
    background-color: #c1c8db;
    border: 1px solid #8d99bd;
    padding: 4px;
}

.ligoCounter var {
    background-color: #e2e2e2;
    border: 1px solid #888;
    display: block;
    float: left;
    font-style: normal;
    font-weight: bold;
    margin: -5px 5px -5px -5px;
    min-width: 4em;
    padding: 4px 8px;
    text-align: right;
}

.ligoCounter var.zero, .ligoCounter var.negative {
    color: #c00;
}