/*

 */
body { font-family: Verdana, Arial, sans-serif; font-size: 13px; margin: 0; background: #f4f4f4; color: #222; }
a { color: #1a4f8b; }
#header { background: #2b3e50; color: #fff; padding: 8px 12px; }
#header a { color: #fff; }
#header .brand { font-weight: bold; margin-right: 20px; }
#header .user { float: right; }
form.inline, form.inline div { display: inline; }
#content { background: #fff; margin: 12px; padding: 12px; border: 1px solid #ccc; }
#footer { margin: 12px; color: #888; font-size: 11px; }
.flash { margin: 12px; padding: 8px; border: 1px solid; }
.flash-notice { background: #e6f4e6; border-color: #9c9; }
.flash-alert { background: #fbe9e9; border-color: #d99; }
table.list { border-collapse: collapse; width: 100%; }
table.list th, table.list td { border: 1px solid #ddd; padding: 4px 6px; text-align: left; vertical-align: top; }
table.list th { background: #eee; }
tr.done td { color: #888; }
tr.done td.title { text-decoration: line-through; }
.due-overdue { color: #b00; font-weight: bold; }
.due-soon { color: #c60; }
.due-none, .due-later, .due-done { color: #666; }
.prio-1 { color: #b00; font-weight: bold; }
.prio-3 { color: #888; }
.timestamps { font-size: 11px; color: #888; }
.errors { background: #fbe9e9; border: 1px solid #d99; padding: 6px 12px; margin-bottom: 10px; }
.filters { margin-bottom: 10px; }
.filters a.current { font-weight: bold; text-decoration: none; color: #222; }