table.displaytag {
    border: 1px solid #666;
    width: 100%;
    margin: 10px 0 10px 0 !important;
}

th {
    padding: 2px 4px 2px 4px !important;
    text-align:center;
    vertical-align: top;
}

td {
    text-align: left;
    vertical-align: top;
}


td.date {
    width: 150px;
}
td.image {
    text-align: center;
    width: 50px;
}
td.note {
    text-align: right;
    width: 50px;
}

thead tr {
    background-color: #fc0;
    vertical-align: bottom;
}

th.sorted {
    background-color: orange;
}

th a,th a:visited {
    color: black;
}

th a:hover {
    text-decoration: underline;
    color: black;
}

th.sorted a,th.sortable a {
    background-position: right;
    display: block;
    width: 100%;
}

th.sortable a {
    background-image: url(/suivi/images/sortable.png);
    background-repeat: no-repeat;
    background-position: right center;
}

th.order1 a {
    background-image: url(/suivi/images/sorted_asc.png);
    background-repeat: no-repeat;
    background-position: right center;
}

th.order2 a {
    background-image: url(/suivi/images/sorted_desc.png);
    background-repeat: no-repeat;
    background-position: right center;
}

tr.odd {
    background-color: #fff
}

tr.tableRowEven,tr.even {
    background-color: #fea
}

div.exportlinks {
    background-color: #eee;
    border: 1px dotted #999;
    padding: 2px 4px 2px 4px;
    width: 99%;
}

span.export {
    padding: 0 4px 1px 20px;
    display: inline;
    display: inline-block;
    cursor: pointer;
}

span.excel {
    background-image: url(/suivi/images/ico_file_excel.png);
    background-repeat: no-repeat;
    background-position: left center;
}

span.csv {
    background-image: url(/suivi/images/ico_file_csv.png);
    background-repeat: no-repeat;
    background-position: left center;
}

span.xml {
    background-image: url(/suivi/images/ico_file_xml.png);
    background-repeat: no-repeat;
    background-position: left center;
}

span.pdf {
    background-image: url(/suivi/images/ico_file_pdf.png);
    background-repeat: no-repeat;
    background-position: left center;
}

span.rtf {
    background-image: url(/suivi/images/ico_file_rtf.png);
    background-repeat: no-repeat;
    background-position: left center;
}

span.pagebanner {
    background-color: #eee;
    border: 1px dotted #999;
    padding: 2px 4px 2px 4px;
    width: 99%;
    display: block;
    border-bottom: none;
}

span.pagelinks {
    background-color: #eee;
    border: 1px dotted #999;
    padding: 2px 4px 2px 4px;
    width: 99%;
    display: block;
    border-top: none;
}

form.pagelinks {
    display: inline;
    margin-right: 4px;
}
input.pagelinks {
    padding: 1px;
    margin-right: 2px;
}
img.pagelinks {
    vertical-align: middle;    
}


.group-1 {
    font-weight:bold;
    padding-bottom:10px;
    border-top:1px solid black;
}
.group-2 {
    font-style:italic;
    border-top: 1px solid black;
    
}
.subtotal-sum, .grandtotal-sum {
    font-weight:bold;
    text-align:right;
}
.subtotal-header {
    padding-bottom: 0px;
    border-top: 1px solid white;
}
.subtotal-label, .grandtotal-label {
    border-top: 1px solid white;
    font-weight: bold;
}
.grouped-table tr.even {
    background-color: #fff;
}
.grouped-table tr.odd {
    background-color: #fff;
}
.grandtotal-row {
    border-top: 2px solid black;
}