terom@180: /*
terom@180:  * Tables
terom@180:  */
terom@180: table
terom@180: {
terom@180:     width: 80%;
terom@180: 
terom@180:     margin: auto;
terom@180:     padding: 0px;
terom@180: 
terom@180:     border-collapse: collapse;
terom@180:     border: 1px solid #aaa;
terom@180: 
terom@180:     font-size: small;
terom@180: }
terom@180: 
terom@180: /* A caption looks similar to a h2 */
terom@180: table caption 
terom@180: {
terom@180:     font-size: large;
terom@180:     font-weight: bold;
terom@180: 
terom@180:     padding: 0.5em;
terom@180:     margin: 0em 0em 0.5em;
terom@180: 
terom@180:     background-color: #e5e5e5;
terom@180:     border: 1px dashed #c5c5c5;
terom@180: }
terom@180: 
terom@180: /* Table header */
terom@180: thead tr
terom@180: {
terom@180:     background-color: #d0d0d0;
terom@180: }
terom@180: 
terom@180: thead
terom@180: {
terom@180:     border-bottom: 2px solid #aaa;
terom@180: }
terom@180: 
terom@180: /* Filter */
terom@180: tr.filter
terom@180: {
terom@180:     height: 1em;
terom@180: }
terom@180: 
terom@180: tr.filter td
terom@180: {
terom@180:     padding: 0em 1em;
terom@180: }
terom@180: 
terom@180: tr.filter td input
terom@180: {
terom@180:     display: block;
terom@180:     width: 100%;
terom@180: 
terom@180:     border: 0px;
terom@180:     padding: 0em; 
terom@180: 
terom@180:     background-color: #d0d0d0;
terom@180: 
terom@180:     font-family: inherit;
terom@180:     font-size: inherit;
terom@180: }
terom@180: 
terom@180: tr.filter td input:hover
terom@180: {
terom@180:     background-color: #e0e0e0;
terom@180: }
terom@180: 
terom@180: tr.filter td input:focus
terom@180: {
terom@180:     background-color: #ffffff;
terom@180: }
terom@180: 
terom@180: /* Rows */
terom@180: tr
terom@180: {
terom@180:     background-color: #e0e0e0;
terom@180: }
terom@180: 
terom@180: tr.alternate
terom@180: {
terom@180:     background-color: #c8c8c8;
terom@180: }
terom@180: 
terom@180: /* Link to tr with URL #foo fragment */
terom@180: tr:target
terom@180: {
terom@180:     background-color: #F5F3B8;
terom@180: }
terom@180: 
terom@180: /* Cells */
terom@180: td, th
terom@180: {
terom@180:     border: thin solid #ffffff;
terom@180: 
terom@180:     padding: 0.25em 1em;
terom@180:     
terom@180:     /* Do not normally wrap */
terom@180:     white-space: nowrap;
terom@180: }
terom@180: 
terom@180: thead a,
terom@180: tbody a
terom@180: {
terom@180:     display: block;
terom@180: }
terom@180: 
terom@180: th
terom@180: {
terom@180:     text-align: center;
terom@180: }
terom@180: 
terom@180: td.hilight
terom@180: {
terom@180:     font-weight: bold;
terom@180: }
terom@180: 
terom@180: /* Footer */
terom@180: tfoot
terom@180: {
terom@180:     border-top: 2px solid #aaa;
terom@180: }
terom@180: 
terom@180: tfoot tr
terom@180: {
terom@180:     text-align: center;
terom@180: }
terom@180: