body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:small;
	background-color: #FFFFFF;
	margin:0 10px 20px 10px;
	background-image:url(../images/background.png);
	background-repeat:repeat-x;
}
#top {
	border:0px;
	border-width: 0px 1px 1px 1px;
	background-image: url(../images/bg.png);
	height:140px;
}
#top .logo {
	background-image: url(../images/logo_bg.png);
	background-repeat: no-repeat;
	width:250px;
}
#top td { padding: 5px 10px; color: #FFFFFF; }

#title-container { position:absolute;top:10px;right:20px;font-weight:bold;font-size:xx-large; }
#title-container .shadow { text-align:right;color:#000000; }
#title-container .title { position:absolute;top:-1px;left:-1px;color:#FFFFFF; }

.button {
	position:relative;
	display: inline-block;
	font-size:1em;
	text-decoration: none;
	font-weight: bold;
	padding:0.2em 1em;
	
	border-radius: 5px;

	-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
	
	background-image: linear-gradient(bottom, rgba(255,255,255,.1), rgba(255,255,255,0) 28%, rgba(255,255,255,.4));
	background-image: -o-linear-gradient(bottom, rgba(255,255,255,.1), rgba(255,255,255,0) 28%, rgba(255,255,255,.4));
	background-image: -moz-linear-gradient(bottom, rgba(255,255,255,.1), rgba(255,255,255,0) 28%, rgba(255,255,255,.5));
	background-image: -webkit-linear-gradient(bottom, rgba(255,255,255,.1), rgba(255,255,255,0) 28%, rgba(255,255,255,.4));
	background-image: -ms-linear-gradient(bottom, rgba(255,255,255,.1), rgba(255,255,255,0) 28%, rgba(255,255,255,.4));
	
	color: #FFF !important;
	text-shadow: 2px 2px 2px #000;
	background-color: #1844b1;
	box-shadow: inset 0em 0.0em 0.3em #001b55, inset 0em -0.0em 0.2em #001b55, 0 0 2px rgba(255,255,255,.5);
	border:1px solid #202020;
	
	cursor: pointer !important;
	
}

.button:hover {
	background-color: #008400;
	color:#FFF !important;
	text-shadow: 2px 2px 2px #000 !important;
	box-shadow: inset 0em 0.0em 0.3em #5bc052, inset 0em -0.0em 0.2em #5bc052, 0 0 2px rgba(255,255,255,.5);
}

.button {
	-webkit-transition: all .15s ease-in-out;
	-moz-transition: all .15s ease-in-out;
	-o-transition: all .15s ease-in-out;
	-ms-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
}

#content {
	position:relative;
}

#content #menu {
	vertical-align:top;
	padding-right:10px;
}

#content #body {
	vertical-align:top;
}

#notice {
	background-image: url(../images/trans_orange.png);
	border: 1px solid #FFFFFF !important;
	padding:2px;
	font-weight: bold;
	width:400px;
	text-align: left;
}
#notice a {
	color: #FFFFFF !important;
}

form table tr td { padding:3px !important; }

table { border-collapse:collapse;  }
h1 { margin-top:0; }
h3 { margin:3px 0; }
form { margin:0; }
img { border: 0; }
a { color:#0f3bad; }
li { margin-bottom:10px; }

.verhuizing a {
	color: #FFCC00 !important;
}

input[type="text"], select {
	border: 1px solid #7F9DB9;
	padding: 2px;
}

.field_error, input.error, textarea.error {
	border: 2px solid red !important;
	background-color: #FFFFCC;
}

.focussed {
	background-color: #FFFFCC;
	border: 1px solid #7F9DB9;
	padding: 2px;
}

.error, .error a {
	color: red !important;
	font-weight: bold;
}

.notice, .notice a {
	color: #FF9900 !important;
	font-weight: bold;
}

.success, .success a {
	color: green !important;
	font-weight: bold;
}

#message {
	border: 1px solid black;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:1em;
	padding: 8px;
	background-color: #FFFFFF;
}

div .noticebox {
    background-color: #EFEFEF;
    border: 1px solid #F7AD1D;
    color: #000000;
    padding: 3px;
}

#message.error {
	border-color: red !important;
}

div .errorbox {
    background-color: #FFFFFF;
    border: 1px solid #FF0000;
    color: #FF0000;
    padding: 3px;
}

#message.normal {
	font-weight:bold;
}

.imgbtn {
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 3px;
	vertical-align: middle;
}

.check_label {
	margin-left:50px;
	display: block;
	margin-top: -18px;
}

table td.icon_link { height:80px; color:#001776; }
table td.icon_link a { text-decoration: none; color:#001776; }

.nobold { font-weight: normal !important; }

.menu_wrapper {
	border:1px solid #000000;
	background-image: url(../images/bg_hor_200px.png);
	background-repeat:repeat-y;
	color: #071c53;
}
.menu_wrapper h3 a { color: #cddbff !important; text-decoration: none; padding: 0 3px; }
.menu_wrapper a.navItem { color:#c6ddff; }
.menu_wrapper .navItem {
	display: block;
	background-image: url(../images/bg_hor_200px_blue.png);
	padding:3px 6px 3px 6px;
	font-weight: bold;
	text-decoration: none;
	border-top:1px solid #8dc4f2;
	border-bottom:1px solid #001789;
}
.menu_wrapper a.navItem:hover, #current_page {
	background-image: url(../images/bg_hor_200px_hi_blue.png);
	color:#FFFFFF;
}

.table_wrapper { border: 1px solid;padding: 5px 3px; width:auto; }
.table_wrapper a { margin:0; }
.table_wrapper h2 { margin:0; }
.table_wrapper form, .table_wrapper table { margin:3px 0; }
.table_wrapper table { width:100%; }
.table_wrapper table.datagrid { border-collapse:collapse;margin:10px auto 3px auto;width:100%;border:1px solid; margin-bottom:5px; }
.table_wrapper table tr th { height:20px; text-align:left; }
.table_wrapper table tr td { height:20px;padding: 3px 3px; }
.table_wrapper table.bordered * { border: 0px solid #919191; }
.table_wrapper table.bordered tr th { border-right-width: 1px; }
.table_wrapper table.bordered tr td { border-top-width: 1px; border-right-width: 1px; }

.table_wrapper.light { background-color:#e6f1ff; border-color: #000000; }
.table_wrapper.light.difference { background-color:#cad5ef; border-color: #000000; }
.table_wrapper.light table { color: #000000; }
.table_wrapper.light h2 { color: #001776; }
.table_wrapper.light h3 { color: #3d518e; }
.table_wrapper.light a { font-weight:normal; color: #0f3bad; }
.table_wrapper.light table.datagrid { border:1px solid; border-color: #ededed #767676 #767676 #ededed; }
.table_wrapper.light table.datagrid a { color: #000000; }
.table_wrapper.light table.datagrid tr td img { vertical-align: text-bottom; }
.table_wrapper.light table.datagrid tr:hover td,
.table_wrapper.light table.datagrid tr:hover td a { background-color: #498bff !important; color: #FFF !important; }
.table_wrapper.light table.datagrid tr.head th {	background-color: #dbdbdb; border-bottom: 1px solid #919191; }
.table_wrapper.light table.datagrid tr.odd {	background-color: #e0ebff; }
.table_wrapper.light table.datagrid tr.even { background-color: #ccd5e9;}

.table_wrapper.dark { background-color: #1844b1;border-color: #000000;color: #FFFFFF; }
.table_wrapper.dark table { color: #000000; }
.table_wrapper.dark h2 { color: #FFFFFF; }
.table_wrapper.dark a { font-weight:bold; color: #FFFFFF; }
.table_wrapper.dark table.datagrid { border:1px solid; border-color: #001776 #5b6fe4 #5b6fe4 #001776; }
.table_wrapper.dark table.datagrid a { color: #000000; }
.table_wrapper.dark table.datagrid tr td img { vertical-align: text-bottom; }
.table_wrapper.dark.hovercol table.datagrid .hover,
.table_wrapper.dark table.datagrid tr:hover td,
.table_wrapper.dark table.datagrid tr:hover td a { background-color: #498bff; color: #FFF; }
.table_wrapper.dark table.datagrid tr.head th {	padding-left:3px; background-color: #dbdbdb; border-bottom: 1px solid #919191; }

.table_wrapper.dark table.datagrid tr.odd.nohover:hover td {	background-color: #e0ebff !important; }
.table_wrapper.dark table.datagrid tr.even.nohover:hover td {	background-color: #ccd5e9 !important; }

.table_wrapper.dark table.datagrid .odd {	background-color: #e0ebff; }
.table_wrapper.dark table.datagrid .even { background-color: #ccd5e9;}
.table_wrapper.dark table.datagrid tr.no_items:hover td,
.table_wrapper.dark table.datagrid tr.no_items td { background-color: #e0ebff !important; height:40px; text-align: center; color:#001776 !important; font-weight:bold;}

.categories { width:100%; }
.categories td { padding:20px !important; }
.categories td .icon { vertical-align: middle; }
.categories td .icon_tekst { font-size:18px; font-weight: bold; }

.page_links { clear:both; }
.page_links a {	font-weight: normal !important;	text-decoration: none; }
.page_links a:hover { text-decoration: underline; }
.page_links a.current { font-weight: bold !important; text-decoration: underline; }

.clear { clear:both; }

.deleted, .deleted a {
	color: #B0B0B0 !important;
	text-decoration: line-through;
}
.deleted a {
	text-decoration: line-through underline;
}

img.ui-datepicker-trigger {
	vertical-align: middle;
	padding:3px;
}