/* styleguide, all basic styles */

* {
	margin:0;
	padding:0;
}

html,
body {
	background:#FFF;
	color:#006;
	font-family:Arial,sans-serif;
	font-size:small;
}

#canvas {
	font-size:93%;
	line-height:1.5;
}

body.text-medium #canvas {
	font-size:105%;
}

body.text-large #canvas {
	font-size:125%;
}

/* blocks */

h1 {
	clear:both;
	margin:0 0 1em 0;
	color:#006;
	font-size:192%;
	font-weight:bold;
	line-height:1.15;
}

h2 {
	clear:both;
	margin:0 0 0.5em;
	background:transparent;
	color:#006;
	font-size:190%;
	font-weight:normal;
	line-height:1.2;
}

#main-content h2 {
    margin: 10px 0px 2px 0px;
}

.campaign h2{
    text-shadow: #000000 2px 2px 0;
}

h3 {
	margin:1.5em 0 .5em 0;	
	color:#000;
	font-size:105%;
	font-weight:bold;
	line-height:1.5;
	clear:both;
}

h4 {
	margin:0.7em 0;	
	color:#006;
	font-size:92%;
	font-weight:normal;
	line-height:1.5;
}

p {
	margin:0.5em 0 0.8em 0;
}

.campaign p{
    text-shadow: #000000 1px 1px 0;
}

address {
	margin:0.5em 0 1em 0;
	font-style:normal;
}

blockquote {
	margin:2em 3.5em;
}

hr {
	display:none;
}

/* lists */

ol {
	margin:0.5em 0 1em 2.3em;	
	list-style:decimal outside;
}

	ol li {
		margin:0 0 0.4em 0;
	}
	
ul {
	margin:0.5em 0 1em 1.9em;
	list-style:disc outside;
}

	ul li {
		margin:0 0 0.4em 0;
	}

	ol ol,
	ol ul,
	ul ol,
	ul ul {
		margin:0.5em 0 0 1.9em;	
	}

dl {
	margin:0.5em 0 1em 0;
}

	dt {
		display:block;
		margin:0;
		color:#006;
		font-size:100%;
		font-weight:bold;
		line-height:1.5;
	}
	
	dd {
		display:block;
		margin:0 0 0.5em 0;
	}
	
/* tables */

table {
	position:relative;
	top:2em;
	width:100%;
	margin:0 0 4.6em 0;
	padding:0;
	background:#F2F2F7;
	border:1px solid #FC3;
	border-collapse:collapse;
	color:#006;
	font-size:100%;
	line-height:1.35;
	empty-cells:show;
}

	caption {
		margin:0 -1px 0 0;
		padding:0.5em 1em;
		background:#FC3;
		text-align:left;
	}
	
	/* for FF */
	html:lang(en)>body caption,
	html:lang(nl)>body caption { margin:0 0 0 -1px; }
	
		caption strong {
			font-size:130%;
			font-weight:normal;
			line-height:1.4;
		}

	th,
	td {
		padding:0.4em 1em;
		background:#FFF;
		border:1px solid #FC3;
		color:#006;
		font-weight:normal;
		text-align:left;
		vertical-align:top;
	}

	thead th,
	thead td {
		background:#FFEBAD;
		font-weight:bold;
		vertical-align:bottom;
	}
	
	thead th.row {
		text-align:left;
	}
	
	tbody th {
		font-weight:normal;
		text-align:left;
	}
		
	tbody .attention td,
	tbody .attention th {
		font-weight:bold;
	}
	
	tfoot td {
		color:#4C4C94;
		text-align:left;
	}
	
	th.groupleader {
		text-align:left;
	}
	
	th.grouped {
		border:0 !important;
	}
	
	td.grouped {
		border-width:1px 0;
	}
	
	body.js-enabled thead tr.superlabels th,
	body.js-enabled thead tr.superlabels td {
		padding-bottom:0;
	}
	
	body.js-enabled thead tr th,
	body.js-enabled thead tr td {
		border-width:0 1px;
	}
		
	body.js-enabled tbody th,
	body.js-enabled tbody td {
		background:#FFF5D6;
	}
	
	body.js-enabled tbody .odd th,
	body.js-enabled tbody .odd td {
		background:#FFF;
	}

/* inline */

sup {
	line-height:0.1;
}

/* links */

a {
	color:#006;
	text-decoration:underline;
}

#content a:visited,
#content ul li a:visited,
#content .application .list-links a:visited {
	color:#4c4c94;
}

a:hover {
	text-decoration:underline;
}

	a * {
		cursor:pointer;
	}

/* images */

img {
	border:0;
	vertical-align:middle;
}

li a img.icon {
	margin-top:-1px;
}

img.left {
	float:left;
	clear:both;
	margin:0.3em 1.5em 1.5em 0;
}

img.right {
	float:right;
	clear:both;
	margin:0.3em 0 1.5em 1.5em;
}

img.center {
	display:block;
	clear:both;
	margin:0.3em auto 1.5em;
}

/* styles added by skranend Capgemini */
.list-links img.left {
    margin: 1em 1em 0 0;
}

/* styles for the current selected facets */
li.selected {
    display: block;
    clear: both;
}
li.title {
    list-style:none;
    margin-left: -5px;
}
li.disabled {
    display: none;
}
a.filter {
    background: url("../images/buttons/facet-close.png") no-repeat scroll 6px 6px #0060A9;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF !important; /*cant figure out why this needs !important, but it does */
    text-decoration: none;
    margin: 2px 0;
    padding: 6px 6px 3px 20px;
}
a.filter:hover {
    background: url("../images/buttons/facet-close.png") no-repeat scroll 6px 6px #2280B9;
}