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