html, body, select, input { font-family: Verdana; font-size: 8pt; }
html, body { padding:0; margin:0; }
td, th { text-align: left; padding: 3px;}
img { border: 0px; }
h1 { margin: 10px 5px; font-size: 200%; }
h2 { background-color: #eee; padding: 7px 30px; font-size: 150%; margin: 2px; }
h3 { padding: 5px 10px; font-size: 130%; }

a, a:visited, a:hover { text-decoration: none; font-weight: bold; color: #e87a12; }
a:hover { text-decoration: underline; }

#header { background-color: #272; color: #fff; font-size: 300%; padding: 10px; margin:0px; letter-spacing: 4px; border: 1px solid #000; text-align: center; }
#content { padding: 10px; border: 1px solid #000; border-top: 0px; }
#content1 { margin-left: 20px; }

div#navigation {
	margin: 10px 20px;
	padding: 10px 20px 10px 10px;
	border: 1px solid #ddd;
	background-color: #f9f9f9;
}

tr.unbilled { background-color: #fff6e3; }
tr.billed { background-color: #ffffff; }
tr.unbilled td, tr.billed td { vertical-align: middle; }
tr.ongoing .description { font-weight: bold; font-size: 140%; }

div#errors { color: red; background-color: #fee; border: 1px solid #f00; padding: 10px; }

table.agenda				{ border-spacing: 0px; }
table.agenda th				{ text-align: center; }
table.agenda td				{ width: 150px; height: 70px; padding: 10px; text-align: left; border-right: 1px solid #666; border-bottom: 1px solid #666; }
table.agenda td.left		{ border-left: 1px solid #666; }
table.agenda td.top			{ border-top: 1px solid #666; }
table.agenda td.outside		{ background-color: #eee; }
table.agenda td.dow0		{ background-color: #fee; }
table.agenda td.dow6		{ background-color: #efe; }
table.agenda td span.num	{ font-size: 175%; font-weight: bold; color: #ccc; }
table.agenda td span.entry	{ font-size: 90%; }
table.agenda .week			{ width: 30px; text-align: center; color: #666; vertical-align: middle; }

#bookkeeping { border-spacing: 0px; min-width: 900px; }
#bookkeeping td, #bookkeeping th { padding: 10px; }
#bookkeeping.resultreport td, #bookkeeping th { padding: 4px; }
#bookkeeping.resultreport { border: 1px solid #ddd; padding: 20px; margin-top: 20px;}
#bookkeeping .category_type_balance	{ background-color: #b7ffbe; }
#bookkeeping .category_type_income	{ background-color: #e0b7ff; }
#bookkeeping .money { text-align: right; font-family: Consolas, Courier New; }
#bookkeeping .lineright { border-right: 1px solid #444; }
#bookkeeping .softlineright { border-right: 1px solid #ddd; }
#bookkeeping .moneycolumn { width: 75px; text-align: right;}
#bookkeeping .tbalance_column { font-weight: bold; border-bottom: 2px solid #000; text-align: center; }
#bookkeeping .tbalance_totals { font-weight: bold; border-top: 2px solid #000; text-align: center; }
#bookkeeping .mutationheader { background-color: #777; color: #eee; }
#bookkeeping tr.future .mutationheader { background-color: #dbd; color: #000; }
#bookkeeping tr.future :not(.mutationheader) { background-color: #fef; color: #000; }
#bookkeeping tr.today .mutationheader { background-color: #ddb; color: #000; }
#bookkeeping tr.today :not(.mutationheader) { background-color: #ffe; color: #000; }
#bookkeeping input[type=text] { text-align: right; }
#bookkeeping .thicklinetop { border-top: 2px solid #444; }
#bookkeeping .linetop { border-top: 1px solid #444; }
#bookkeeping td.paddingbottom { padding-bottom: 20px; }