@CHARSET "UTF-8";


html, body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Verdana;
	font-size: 12px; 
	background: url(../images/bg_c.gif) !important;
	background-repeat: repeat;
}
.center{ text-align:center;}
img { border: 0px; }

.toolbox { float: right; }
.toolbox a { margin-left: 5px; }
.tbl-dashboard {border:1px solid #eaeaea;width:100%;margin:0 auto 10px;text-align:left;background:#fff}
		.tbl-dashboard td,.tbl-dashboard th {border:1px solid #eaeaea;padding:3px;}
		.tbl-dashboard thead th,.tbl-dashboard thead td{background: #F2F2F2;padding-top:7px}
		.tbl-dashboard td,.tbl-dashboard th,.tbl-dashboard caption{padding:5px}
		.tbl-dashboard .even td,.tbl-dashboard .even th {background:#F2F2F2;}
		.tbl-dashboard tr:nth-child(even) {background: #F2F2F2;}
.pointer { cursor: pointer; }
.error { font-style: italic; color: #ff0000; }
.note { font-style: italic; font-size: 10px; font-weight: normal; }
	#main_nav {text-align:center;font-size:13px;float:right;margin-bottom:-20px;}
		#main_nav .nav_item {position:relative;display:block;margin:0 0 10px 10px;text-align:center;float:left;border:1px solid #ccc;background: #f2f2f2;background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2));background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);background: -o-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);background: linear-gradient(top, #ffffff 0%,#f2f2f2 100%);-webkit-box-shadow: inset 0px 0px 0px 1px #ffffff;-moz-box-shadow: inset 0px 0px 0px 1px #ffffff;box-shadow: inset 0px 0px 0px 1px #ffffff;border-radius:6px;}
		#main_nav .main_link {text-decoration:none;color:#222;display:block;padding:10px 10px;min-width:52px}
		#main_nav .main_link span {display:block;text-align:center;cursor:pointer}
		#main_nav .main_link .img_holder {height:30px;width:38px;padding-bottom:4px;background-repeat:no-repeat;background-position:center center}
		#main_nav .tick {display:none;position:absolute;bottom:-7px;left:50%;margin-left:-6px}
		#main_nav .nav_item:hover,#main_nav li.active {background:#fff}
		#main_nav .active .tick {display:block}

.auth-box {
	border: 1px solid #000;
	width: 300px;
	padding: 5px 25px;
	margin: 50px auto;
}

.wrapper {
	position: relative;
	width: 1210px;
	margin: auto;
	clear: both;
}
.content{border:1px solid #ccc;background:#fff;padding:16px 16px 20px;min-height:500px;border-radius:6px;}
.footer-spacer {
	clear: both;
	height: 18px;
	margin-top: 75px;
	background: #0e91c9;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#015e85', endColorstr='#0e91c9'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#015e85), to(#0e91c9));
	background: -moz-linear-gradient(top,  #015e85,  #0e91c9);
}

.header {
	position: relative;
	margin-top: 10px;
	height: 66px;
}

.auth-info {
	position: absolute;
	left: 10px;
	top: 10px;
}


.errors {
	clear: both;
	margin: 10px 0px 10px;
	background-color: #ffdfc0;
	border: 1px solid #c3c3c3;
	color: #ff0000;
	padding: 10px 0px 0px 10px;
}

.error-label { color: #f00; }
.error-field { border: 1px solid #ff0000; }
a.error-field { border: 1px solid #ff0000 !important; color: #f00 !important; }


table { border-spacing: 0px; }
table th, table td { font-size: 12px; }
table th { text-align: left; font-weight: bold; padding-right: 10px; }
table .td-move-up-down { width: 10px; text-align: center; vertical-align: middle; }

.tbl-td-valign-top td { vertical-align: top; }


h1 {
	color: #001581;
	font-size: 18px;
	margin-top: 0px;
	margin-bottom: 10px;
}
h2 { color: #0037b5; margin: 10px 0px 3px; font-size: 16px; }
h2 a { color: #001581; }
h3 { margin: 10px 0px 5px; color: #083c8c; font-weight: normal; }


a {
	text-decoration: none;
	color: #005aff;
}


.top-menu {
	height: 24px;
	background-color: #e6e6e6;
	margin: 0px 0px;
	padding: 0px;
}
.top-menu li {
	list-style: none;
	margin: 0px;
	float: left;
	position: relative;
	background-color: #e6e6e6;
}
.top-menu li a {
	display: block;
    padding: 4px 10px 4px;
}
.top-menu li ul { position: absolute; display: none; left: 0px; padding: 0px; margin: 0px; padding-bottom: 5px; background-color: #e6e6e6; }
.top-menu li:hover { background-color: #b0b0b0; }
.top-menu li:hover ul { display: block; }


#page-wrapper {
	position: relative;
	width: 1210px;
	margin: auto;
}

.content {
	clear: both;
}

.temp-message {
    border: 1px solid #555;
    text-align: center;
    width: 600px;
    font-style: italic;
    padding: 10px 0px;
    margin: 0px auto 20px auto;
    background-color: #FFFFCC;
}




/*** globale css onderdelen ***/
.foot-note { margin-top: 25px; }

.tbl-form th { text-align: left; font-weight: normal; }
.tbl-form textarea { width: 100%; height: 75px; }
.tbl-form input[type='text'] { width: 250px; }


.tablescroll_head, .tbl-list { width: 100%; }
.tablescroll_head th, .tbl-list th { text-align: left; vertical-align: top; color: #0072ff; }
.tablescroll_head thead th, .tbl-list thead th { border-bottom: 1px solid #f4f4f4; }
.tbl-list .row-no-0 td { padding-top: 5px; }

.tbl-list .select-row { background-color: #d8d8d8; }

.tbl-list td.actions { text-align: right; }
.tbl-list .row1 { background-color: #f4f4f4; }

.tbl-list tr:hover { background-color: #dedede; }
.tbl-list thead tr:hover { background-color: inherit; }

.tbl-list tbody.footer td { border-top: 1px solid #000; }


.item-list { clear: both; }
.item-list .item { clear: both; }
.item-list .actions { float: right; }


ul.link-list { margin-left: 5px; padding-left: 0px; }
ul.link-list li { list-style: none; background-image: url('/images/icon_arrow-right.png'); background-repeat: no-repeat; padding-left: 21px; background-position: 0px 1px; }




.customer-autologin-list li { list-style: none; padding-bottom: 5px; }
.customer-autologin-list li a { display: block; width: 300px; border: 1px solid #000; background-color: #FFF7E1; text-align: center; padding: 10px 0px; }
.customer-autologin-list li a:hover { background-color: #FFEEC2; }

.tbl-dashboard tr { line-height: 20px;}