/*
 * CSS based on Frequency-decoder: http://www.frequency-decoder.com/
 */
table.triable{
        width: auto;
        padding: 0;
        margin: 0 auto 1.5em auto;
        border-left: 1px solid darkgray;
        border-collapse:collapse;
}
table.triable th{
        font: bold 10px/22px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        color: #000000;
        border-right: 1px solid darkgray;
        border-bottom: 1px solid darkgray;
        border-top: 1px solid darkgray;
        letter-spacing: 1px;
        text-transform: uppercase;
        text-align: left;
        padding: 8px 12px 4px 12px;
        background: #CAE8EA url(../img/bg_header.jpg) no-repeat;
        vertical-align:middle;
}
table.triable th.sortable,
table.triable th.sortable-text,
table.triable th.sortable-date,
table.triable th.sortable-keep,
table.triable th.sortable-date-dmy,
table.triable th.sortable-numeric,
table.triable th.sortable-currency,
table.triable th.sortable-sortByTwelveHourTimestamp,
table.triable th.sortable-sortIPAddress,
table.triable th.sortable-sortEnglishLonghandDateFormat,
table.triable th.sortable-sortScientificNotation,
table.triable th.sortable-sortImage,
table.triable th.sortable-sortFileSize,
table.triable th.sortable-sortAlphaNumeric,
table.triable th.sortable-sortEnglishDateTime{
        cursor:pointer;
        background: #CAE8EA url(../img/bg_header_sortable.jpg) no-repeat;
        padding: 8px 12px 4px 16px;
}
table.triable th.forwardSort{
        background:#CAE8EA url(../img/bg_header_down.jpg) no-repeat 0 0;
}
table.triable th.reverseSort{
        background:#CAE8EA url(../img/bg_header_up.jpg) no-repeat 0 0;
}
table.triable  thead th.forwardSort a,
table.triable  thead th.reverseSort a{
        color:#000;
        text-decoration:none;
}
table.triable td{
        font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        border-right: 1px solid darkgray;
        border-bottom: 1px solid darkgray;
        padding: 6px 12px 6px 12px;
        color: #000;
}
table.triable tr.alt{
        background: whitesmoke;
        color: #000;
}

table.triable tr[class="alt"] td{
        background: whitesmoke;
}
table.triable td[class~="alt"]{
        background: #F9F9F9;
}
table.triable tbody tr.alt td:first-child{
        background: whitesmoke;
        font-weight:bold;
}
table.triable tbody tr td:first-child
{
        background: #fff;
        font-weight:bold;
}
* html table.triable tr.alt td{
        background-color:whitesmoke;
}
* html table.triable tr td.alt,
* html table.triable tr.alt td.alt{
        background-color:#FAFAFA;
}