/*
html { font-family: sans; font-size: large; color: #333; }
body { padding: 2em; }
*/

table { margin: 2em 0 2em 0; border: 0; border-collapse: collapse; text-align: left; }
table.list { border-top: 3px solid black; border-bottom: 3px solid black; }
table.list thead { border-bottom: 1px solid #333; }
table.key { border: 1px solid #333; margin: 0; }
td { padding: 15px; }
tr.ana { border-top: 1px solid #ccc; }
tr.ana td { padding-bottom: 1em; padding-top: 1em; }
a { color: #339; }
button { margin: 1em; }
button { border: none; margin: 0 1em 1em 0; border-radius: 1ex; color: #333; background: #ddf; padding: 1ex; }
button:hover { background: #cce; }
button:active { color: white; }
#tabs { border: 0; }
.rivet { background: #cfc; }
.hot { background: #fbb; }
.default { background: #fee; }
.grey { color: #666; background: #ddd; font-size: normal; display: none; }
.grey a { color: #669; }
.black { color: #eee; background: #333; display: none; }
.black a { color: #99c; }
.hot.assigned { background: repeating-linear-gradient(135deg, #fbb, #fbb 10px, #bd7 10px, #bd7 20px); }
.default.assigned { background: repeating-linear-gradient(135deg, #fee, #fee 10px, #de9 10px, #de9 20px); }
.grey.assigned { background: repeating-linear-gradient(135deg, #ddd, #ddd 10px, #dfd 10px, #dfd 20px); }