table.sortable { width: 100%;  background-color: #FFFFFF; border: solid 1px #CCCCCC; font-size: 12px; font-family: Arial,Helvetica,sans-serif; }
table.sortable thead tr th { padding: 5px; position: relative; text-align: left; vertical-align: bottom; }
table.sortable thead tr th.filterable { cursor: pointer; }
table.sortable thead tr th .filter-by { cursor: pointer; font-weight: normal; overflow: hidden; font-size: 11px; }
table.sortable thead tr th .sort-asc-button, table thead tr th .sort-desc-button { cursor: pointer; }
table.sortable thead tr th ul { position: absolute; margin: 0; padding: 5px; min-width: 100px; list-style: none; text-align: left; border: solid 1px #CBCBCB; background-color: #EFEFEF; }
table.sortable thead tr th ul li { margin: 0; padding: 3px; min-width: 60px; cursor: pointer; }
table.sortable thead tr th ul li:hover { background-color: #DDDDDD; }
table.sortable thead tr th ul li.selected-filter { background-color: #CCCCCC; }
table.sortable tbody tr.even { background-color: #EEEEEE; }
table.sortable tbody tr.odd { background-color: #FFFFFF; }
table.sortable tbody tr td { text-align: left; padding: 5px; }

.expandable { cursor: pointer; color:#2657A7; font-weight:normal;}
.expandable .details-heading { font-weight: bold; color:black; }
.expandable .details-list { position: absolute; width: 150px; margin: 0; padding: 5px; border: solid 1px #CBCBCB; background-color: #EFEFEF; z-index: 1000; }
.expandable .details-list p { margin: 10px; line-height: 18px; }
.expandable .normal-heading { font-weight: bold; }