/* Site layout */

body {
	font: 10pt Verdana;
	background: #edf1f8;
}

/*body {font: 10pt Verdana; background: url(/achtergrondtest.jpg) top center fixed;}*/


#container {
	position: relative;
	width: 920px;
	margin: 0 auto;
	border: 1px solid #afafaf;
	border-top: none;
	background: white;
}

#header {
	padding: 20px 10px;
}
#header p {
	display: inline;
	border-bottom: 1px solid #afafaf;
	padding: 0 0 3px 3px;
	font-style: italic;
	font-size: 150%; 
	letter-spacing: .2em;
}

#menu {
	height: 40px;
}

#content {
	padding: 15px;
}

#footer {
	font-size: 80%;
	text-align: center;
}

#findform {
	position: absolute;
	top: 22px;
	right: 25px;
}
#findform input {
	padding: 5px;
	width: 200px;
	border: 1px solid #DDD;
}


/* defaults */

a {
	color: #1e3e74;
}
a:hover {
	text-decoration: none;
}
a.current {
	text-decoration: none;
	font-weight: bold;
}
a.current:hover {
	text-decoration: underline;
}

button {
	min-width: 145px;
	padding: 5px;
	border: 1px outset #CCC;
	background: white;
}
button:hover {
	border: 1px solid #888;
}
button:active {
	border: 1px inset #CCC;
}

h1 {
	font-size: 130%;
	letter-spacing: .2em;
	margin-bottom: 1em;
}

h2 {
	font-size: 110%;
	letter-spacing: .1em;
	margin-top: 15px;
}

h3 {
	font-size: 100%;
	letter-spacing: 0;
	margin-top: 10px;
}

p {
	margin: 1em;
}


/* Classes */

.itemsform {
	border: 1px solid black;
	width: 100%;
}
.itemsform input,
.itemsform textarea {
	padding: 3px;
	border: 1px solid black;
	width: 60px;
}
.itemsform textarea {
	border: 1px solid #CCC;
	min-height: 5em;
}
.itemsform td,
.itemsform th {
	min-width: 60px;
	padding: 5px;
	text-align: right;
	vertical-align: top;
	white-space: nowrap;
}
.itemsform .additem {
	cursor: pointer;
}
.itemsform .main,
.itemsform .main {
	text-align: left;
	width: 100%;
	white-space: initial;
}
.itemsform .main input,
.itemsform .main textarea {
	width: 98%;
}
.itemsform .num {
	width: 10px;
	min-width: 10px;
}
.itemsform .spacer {
	border-left: 1px solid black;
	border-right: 1px solid black;
	width: 10px;
}
.itemsform .text {
	padding: 9px 5px;
}
.itemsform tbody tr {
	border-top: 1px solid #ccc;
}
.itemsform tfoot tr {
	border-top: 1px solid black;
}
.itemsform thead tr {
	border-bottom: 1px solid black;
}

.showhidden {
	position: relative;
}
.showhidden > .hidden {
	display:none;
}
.showhidden:hover {
	position: absolute;
	background: white;
	outline: 1px solid black;
	padding: 8px;
	margin: -8px;
	z-index: 20;
}
.showhidden:hover > .hidden {
	display: initial;
}
.showhidden:hover > div.hidden {
	display: block;
	margin-top: 5px;
	line-height: 180%;
}
.showhidden:hover .showhidden:hover {
	position: relative;
	background: transparent;
	outline: none;
}

/* TODO: review */
div.box {
	width: 400px;
	padding: 10px;
	margin: 10px;
	border: 1px solid #DDD;
	float: left;
}
div.box h2 {
	margin: 0;
}
div.box br {
	line-height: 180%;
}
div.box .label {
	display: inline-block;
	min-width: 120px;
}

/* TODO: review */
div.datecontrol, 
div.submenu {
	margin: 10px;
	text-align: center;
	clear: both;
}
div.datecontrol p {
	margin: 5px;
}
div.pagecontrol {
	margin: 10px;
}

div[data-debug] {
	position: relative;
	border: 2px solid Blue;
	background: White;
	color: Black;
	padding: 3px;
	font-family: Courier New;
	text-align: left;
}
div[data-debug] pre {
	white-space: pre-wrap;
}

span.found {
	background: yellow;
	font-weight: bold;
}

span.inline {
	position: relative;
	z-index: 15;
}
span.inline img.inline {
	margin-bottom: -3px;
}

/* TODO: obsolete? */
ul.list {
	margin: 10px;
}
ul.list li {
	margin: 10px;
}




/* TODO */

table.totals {
	width: auto;
	margin-top: 20px;
}
table.totals th,
table.totals td {
	padding: 10px 15px;
	text-align: center;
}

table.ar td,
table.ar th {
	text-align: right;
}

table.itemdata {width: 100%;}
table.itemdata th {padding: 6px 4px; text-align: center;}
table.itemdata td {padding: 6px; text-align: right; vertical-align: top;}
table.itemdata th,
table.itemdata td {border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC;}
table.itemdata thead th,
table.itemdata tfoot td {border-top: 1px solid black; border-bottom: 1px solid black;}
table.itemdata tfoot td {font-weight: bold;}
table.itemdata th.fixed {width: 12%;}
table.itemdata td p {margin: 4px; font-size: 80%;}

div.ai_info {position: absolute; top:21px; left: 60pt; display: none; width: 400px; border: 1px solid Black; background: white; z-index: 10; text-indent: -10px; padding-left: 10px;}

/* Accountitems */

#settype {position: absolute; z-index: 200;}
#settype ul {position: relative; width: 200px; background: white; border: 1px solid black; padding: 5px;}
#settype li {margin: 0; padding: 5px; cursor: pointer;}
#settype li:hover {background: #EEEEEE;}

/* Specific pages */



input.num {text-align: right; width: 50px !important;}

#services {display: none; position: absolute; width: 300px; padding: 1em; background: white; border: 1px solid black; z-index: 5;}
#services div {padding: .2em;}
#services div:hover {background: #EEE;}

td.aiclick {cursor: pointer;}
td.aiclick:hover {background: white; border-left: 1px solid black; border-right: 1px solid black;}