html,body { height:100% }
body {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10pt;background:#fff
}
p { margin-bottom:1em; }
hr { height:1px;border:0;border-top:1px solid #333 }


/* Headers
----------------------------------------------- */
h1,h2,h3,h4,h5,h6 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif }
h1 { font-size:4em }
h2 { font-size:3.5em }
h3 { font-size:3em }
h4 { font-size:2.5em }
h5 { font-size:2em }
h6 { font-size:1.5em }

/* Forms
----------------------------------------------- */
.form th, .form td, .newtodoform td { padding:0 10px 3px 10px;vertical-align:top }
.form th { text-align:center;border-bottom:1px solid #666 }
.form th.first, .form td.first, .newtodoform th.first, .newtodoform td.first {
    padding-left:0;vertical-align:top
}
.form th.todoheader { text-align:left;padding-left:0 }
.form td.first, .newtodoform td.first { text-align:right }
label { cursor:pointer;cursor:hand }
input, select, textarea { font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1em }
input.checkbox { width:13px; height:13px }
textarea { padding:0 }
input:focus, select:focus, textarea:focus { background:#ffc }
input.button:focus {}

ul, ol { margin-bottom:1em }
ul li { list-style-type:disc }
ol li { list-style-type:decimal }
li { margin:0 0 5px 25px }
ul.inline { display:inline }
ul.inline li { display:inline;margin:0 3px 0 0 }
ul.inline li.wiki { margin:0 5px 0 0 }

table.smalltable { margin-bottom:7px !important }
.smalltable tr, .smalltable td { padding:0 4px 3px 4px !important;vertical-align:top !important }
.smalltable tr.first, .smalltable td.first { text-align:right !important }

/* Shortcut classes
----------------------------------------------- */

/* Alignment */
.left { text-align:left }
.center { margin-left:auto; margin-right:auto; text-align:center }
.right { text-align:right }
.top { vertical-align:top }
.middle { vertical-align:middle }
.middle10 { vertical-align:10% }
.bottom { vertical-align:bottom }

/* text appearance */
.error { color:red;font-weight:bold }
.nav, .nav li { display:inline }
.small, .category { font-size:.75em }
.large { font-size:1.25em }
.bold, .bold a { font-weight:bold }
.italic, .italic a { font-style:italic }
.thin, .thin a { font-weight:normal }
.linethrough { text-decoration:line-through }
.inline { display:inline }
.category { color:#093 }
.separator { color:#999 }

/* spacing */
.wrap { white-space:normal }
.nowrap { white-space:nowrap }
.nospace { padding:0;margin:0 }
.hide { display:none }

/* Priority coloring
----------------------------------------------- */
.priority1, .priority2, .priority3, .priority4, .priority5,
.priority6, .priority7, .priority8, .priority9 { padding:0 5px }
.priority10 { padding:0 2px }
.priority1, .priority3, .priority4, .priority5, .priority8, .priority9, .priority10 { color:#fff }
.priority1 { background:#0c3 }
.priority2 { background:#0ff }
.priority3 { background:#00f }
.priority4 { background:#c0f }
.priority5 { background:#f00 }
.priority6 { background:#0f6 }
.priority7 { background:#0cf }
.priority8 { background:#60c }
.priority9 { background:#f0f }
.priority10 { background:#f39 }
.tag { color:#093 }
a.tag { color:#093 }
.todocolor { background:#def }
.themecolor, .navbox .title { background:#9cf }
.themeborder, .navbox .listing { border:2px solid #9cf }
.selected-todo {
    background:#c00;
    color:#fff;
    padding-bottom:1px;
    font-weight:bold
}
.tt { margin-right:6px }
.todoform-row { background:#fc6;font-size:12pt }
.notes {
    padding:5px;
    border:1px dotted #666;
    margin:0 5px 5px 0
}
.category { vertical-align:10%;background:#eee;padding:0 2px }
.category, .category a { color:#c60 }

/* Common sections
----------------------------------------------- */
#wrapper { height:100%;width:100% }
#topsitelink { margin-right:15px;font-weight:bold }
#header { padding:0 10px 3px 10px;margin-bottom:5px;border-bottom:1px solid #999 }
#headernav { width:100% }
#header h4, #header h5, #header h6 { margin-right:1em;display:inline }
#content { margin:0 10px }
#footer {
    font-size:.75em;
    text-align:center;
    vertical-align:bottom;
    margin-top:25px
}
#footer a { font-weight:normal }
#todos th, #toptodos-container th { text-align:center }
#todos td, #toptodos-container td {
    padding:4px;
    text-align:left;
    vertical-align:middle
}
#listdetail { width:100% }
#listdetail th { white-space:nowrap }
.navbox { margin-top:10px }
.navbox h6 { display:inline;margin-left:5px }
.navbox .listing { padding-right:3px }
.navbox .listing ul { margin:5px 3px 8px 0 }
.navbox .listing li { margin-left:4pt;list-style:none }