/* GENERAL STYLING */  

.bi, 
.bi *,
.bi th {
	margin: 0;
	padding: 0;
	font-family: Verdana, Sans-Serif;
}

.bi, 
.bi a,
.bi ul li,
.bi th {
	list-style-type: none;
}



.bi {
	margin: auto;
	min-width: 1000px;
	max-width: 1250px;
}
/* font size */
.bi, .bi input,
.bi select {
	font-size: 11px; /* IE style overrides this */
	line-height: 1.273em !important;
}

.bi input {
	height: 1.6em; /* 16px*/ /* 1.455em*/ /* veranderd op 23-09-08 door francesca voor BIPD-2765*/
	vertical-align: middle;
	
}
/* paragraphs */
.bi p {
	margin-bottom: .5em;
}
/* css-less UA's */
/* used for displaying content only in non css agents */
.bi .no-css {
	display: none;
}
/* text and menu links */
.bi, 
.bi *,
.bi th,
.bi .related-concept h2 a,
.bi .faq h3 a,
.bi .classification-result h3 a,
.bi .case-tabs li a {
	color: #666666;
}
.bi .related-concept h2 a:hover,
.bi .faq h3 a,
.bi .classification-result h3 a,
.bi li.selected a:hover {
	text-decoration: none;
}
/* error */
.bi .error {
	color: #f00;
}

/* CONTROLS */

.bi input.btn {
	height: 2em;
	padding: 0 .5em;
	padding-bottom: .2em;
}
/* control color */
.bi input,
.bi select,
.bi option,
.bi .options label,
.bi textarea {
	font-size: 11px; /* IE style overrides this */
	color: #000;
	padding-left: 5px;
}

.bi .related-concept h2 {
	margin-bottom: 5px;
}
/* .bi .related-concept li {
	background: url(img/icon/link.gif) no-repeat left .2em;
	padding-left: 10px;
}*/

/* PAGE SHADOW */
#bi-container {
	background: url(img/gradient/page-shadow-left.gif) repeat-y scroll left;
	padding-left: 19px;
}
#bi-main {
	background: url(img/gradient/page-shadow-right.gif) repeat-y scroll right;
	padding-right: 19px;
}

.bi form {
	display: block;
}

#componentform form {
	padding-bottom: 2em;
}


/* HEADINGS */
.bi h1 {
	letter-spacing: 1px;
	font-size: 1.636em;
	line-height: 1.818em;
}
.bi h2,
.bi h3 strong {
	letter-spacing: 1px;
	font-size: 1.273em;
	line-height: 1.636em;
}
.bi h3,
.bi label,
.bi .heading {
	font-size: 1em;
	line-height: 1.273em;
	/* recmo margin-bottom: .7em; */
	font-weight: bold;
	margin-right: 15px;
	clear:left; /** Adding fo lining out the advanced search **/
}
.bi label {
	font-weight: normal;
}
.bi h4 {
	font-size: 1em;
}
.bi h5 {
	font-size: 1em;
	font-weight: normal;
}

.bi br + input.btn {
	margin-top: 10px;
	position: relative;
	left: -2px;
}

.bi address {
	font-style: normal;
}

/* IMAGES */
.bi img {
	border: 0;
}
.bi img.thumbnail {
	margin-left: 8px;
	float: right;
}
.bi .image {
	float: left;
	padding-right: 8px;
}
.bi .image .wide {
	float: none;
	width: 500px;
}
.bi .image p {
	text-align: right;
	font-style: italic;
}


/* LINKS */
.bi a,
.bi a:link,
.bi li.related-concept li.related-concept,
.bi .scope button,
.bi .results h3 a span {
	text-decoration: none;
	color: #0000CC;
}
.bi a:hover, .bi a:active {
	text-decoration: underline;
	/* evt border bottom maken in tint van tekst */
	/* border-bottom: 1px solid #7777EE; */
}

.bi .content .header,
.bi .content {
 clear: both;
 padding: 0 .818em;
}

#bi-main-content {
	padding-top: 2em;
	margin-right: 0;
	clear: none;
	padding-bottom: 20px;
	clear: left;
}
#bi-main-content li {
	padding: .2em 0;
}

.bi .menu li a,
.bi .menu li .see-also {
	display: block;
	line-height: 2em;
}
.bi .menu li .see-also a {
	display: inline;
}

.bi .menu li a.dictionary {
	display: inline;
}

.bi .menu li .title {

}

.bi .header a,
#bi-main-menu a {
	line-height: 2.636em;
	padding: 0 .8em .182em .8em;
}

#bi-main-menu {
	background: #E6E6E6 url(img/gradient/component-tabs.gif) repeat-x top left;
	clear: both;
	border-top: solid 1px #D6D6D6;
	border-bottom: solid 1px #A2A2A2;
	/* border-color: #D6D6D6 #A2A2A2 #999999 #D0D0D0; */
	margin-bottom: 8px;
}
/* enclose floated menu items */
/* overflow hidden cannot be used, because this will cause the border-top en border-bottom hover to be hidden */
#bi-main-menu:after {
	display: block;
	clear: both;
	content: " ";
}
#bi-main-menu li,
#bi-component-menu li {
	float: left;
}

#bi-main-menu a,
#bi-component-menu a {
	color: #666666;
}
#bi-component-menu {
	clear: both;
}
#bi-component-menu a {
	padding-left: 6px;
	padding-right: 6px;
	line-height: 1em;
	border-left: solid 1px #999999;
	position: relative;
	overflow: visible;
}
#bi-component-menu li.selected a {
	font-weight: bold;
}
#bi-component-menu li.first a,
#bi-component-menu li:first-child a {
	padding-left: 0;
	border-left: none;
}

#bi-main-menu li a {
	font-weight: bold;
}
#bi-main-menu li.selected a,
#bi-main-menu li.selected a:hover {
	color: #FFFFFF;
	background: #9A9A9A url(img/gradient/component-tab-selected.gif) repeat-x;
	border: none;
	margin: 0;
}
#bi-main-menu li a:hover {
	border-top: solid 1px #666666;
	border-bottom: solid 1px #666666;
	text-decoration: none;
	margin-top: -1px;
	margin-bottom: -1px;
}

.bi .header,
.bi .menu,
.bi .content,
.bi .quicklink {
	padding: 0 10px;
}
.bi .header {
	position: relative;
}
#logo {
	display: block;
	background: no-repeat top left;
	height: 80px; /* default values */
	width: 500px;
}
.bi .header .quicklink {
	position: absolute;
	bottom: 0;
	right: 0;
}

.bi .content {
	overflow: hidden;
}
.bi .content .content {
	margin-right: 10px;
	clear: left;
}
.bi .content .content .content {
	margin: 0;
	padding: 0;
}


/* SECTIONS */
/* important section */
/* placed here because IE6 doesn't properly handle class combinations */
.bi .section.important {
	border-color: #ffd6ae;
	background: #ffffe5;
	padding: 4px 8px 4px 8px;
	line-height: 1.8em;
	margin-top: 2px;
	margin-bottom: 1em;
}
.bi .section.important,
.bi .section.important * {
	color: #000;
}
.bi .section {
	border: solid 1px;
	border-color:  #D6D6D6 #A2A2A2 #A4AEB4 #D0D0D0;
	background: url(img/gradient/section-medium.gif) repeat-x;
	display: block;
	overflow: hidden;
}
.bi .section,
#bi-main-content li.section {
	padding: 7px 10px 7px 10px;
	margin-top: 13px;
	margin-bottom: 20px;
}
.bi .section .section {
	margin-bottom: 8px;
	margin-top: 16px;
}
.bi .tooltip,
.bi .emphasis {
	background-image: url(img/gradient/emphasis-medium.gif);
	background-color: #FFFFDA;
	padding-bottom: 4px;
	/*: 15px 0 15px 0;*/ /* hier mist het stukje voor de : , deze regel moet helemaal weggequote blijven omdat anders de uitlijning niet goed gaat.  francesca op 30 sept 08 voor BIPD-2778*/
	margin-left: 0px;
	line-height: normal;
}

/* remco: answer binnen empohasis */
.bi .answer .emphasis {
	margin-left: 20px;
}	
.bi .tooltip {
	padding: 6px;
	padding-bottom: 0;
}
.bi .small.section {
	background-image: url(img/gradient/section-small.gif);
}
.bi .large.section {
	background-image: url(img/gradient/section-large.gif);
}

.bi .faq {
	margin-left: 20px;
}

/* @todo: fix IE6 */
.bi .small.emphasis,
.bi .tooltip {
	background-image: url(img/gradient/emphasis-small.gif);
}
.bi .large.emphasis {
	background-image: url(img/gradient/emphasis-large.gif);
}
/* menu inside section */
.bi .section .menu {
	border: solid 1px #A4AEB4;
	margin-top: 10px;
	margin-bottom: 13px;
	padding-top: 4px;
	padding-bottom: 4px;
	background-color: #fff;
}


/* SIDEBAR */
#bi-sidebar {
	float: right;
	width: 20em;
	margin-right: 10px;
	margin-left: 30px;
}
#bi-sidebar li {
	padding: .5em 0;
}
#bi-sidebar h3 {
	margin-bottom: .5em;
}


#bi-history {
	clear: both;
}

.related-concepts {
	margin-bottom: 16px;
}
.left {
	width: 49.5%;
	float: left;
	margin-right: 10px;
}
.right {
	overflow: hidden;
}


/* TABLES */
.bi table {
	margin-bottom: 1em;
}

.bi table.simple {

}
.bi table tr {

}
.bi th,
.bi td {
	padding-right: 25px;
}
.bi th {
	text-align: left;
	border-bottom: 1px solid #999999;
	line-height: 2.818em;
	font-weight: normal;
}
.bi td {
	line-height: 2.455em;
	border-bottom: 1px solid #C9C9C9;
}
.bi tr th.sorted {
	font-weight: bold;
}
/* master view tables */
.bi .master th,
.bi .master td {
	padding: 0 10px;
}
.bi .master th,
.bi .master .header {
	border-top: 1px solid #D6D6D6;
	background: #E6E6E6 url(img/gradient/table-header.gif) repeat-x;
}
.bi .master td {
	border-top: 1px solid #E7E7E7;
	background-color: #FDFDFD;
}
.bi .master tr th.sorted {
	font-weight: bold;
}
.bi .master td.sorted {
	background-color: #F5F5F5;
}
.bi .master tr.highlighted td {
	font-weight: bold;
}
.bi .master tr.even td {
	background-color: #F9F9FD;
}
.bi .master tr.even td.sorted {
	background-color: #F2F2F5;
}
.bi .master tr th:first-child,
.bi .master th.first {
	border-left: 1px solid #D0D0D0;
	padding-left: 11px;
}
.bi .master tr th:last-child,
.bi .master th.last {
	border-right: 1px solid #A2A2A2;
}
.bi .master tr td:first-child,
.bi .master td.first {
	border-left: 1px solid #E5E5E5;
}
.bi .master tr td:last-child,
.bi .master td.last {
	border-right: 1px solid #D0D0D0;
}


.bi .calendar_button {
	margin-left: 6px;
}

/* SEARCH RESULTS */
form#bi-search {
	margin-bottom: 10px;
}
#bi-suggestion {
	color: #CC0000;
}
.bi .results .section {
	margin-top: 0;
	margin-bottom: 0;
}
/* title */
.bi .results h3 {
	margin-bottom: 0;
}
.bi .results h3 img {
	vertical-align: text-top;
}
.bi .results h3 a:hover {
	text-decoration: none;
}
.bi .results h3 a:hover span {
	text-decoration: underline;
}
/* recommendations results */
.bi .recommendations {
	margin-bottom: 10px;
}
/* abstract */
.bi .results .abstract {
	margin-left: 19px;
}
.bi .results a.bron {
	display: block;
	padding: 4px 0;
	color: #7F7FFF;
}
/* results header (sorting) */
.bi .master .header {
	margin-top: 16px;
	position: relative;
	left: -1px;
	width: 100%;
	padding: 0;
}
.bi .master .header .abstract {
	padding: 5px;
	margin-left: 0;
}
.bi .master .header .meta {
	position: relative;
	left: 14px;
}
.bi .master .result {
	background-image: none;
	background-color: #FFFFFF;
}
.bi .master .odd {
	background-color: #F8F8FF;
}
.bi .master .sub {
	padding-left: 23px;
}
.bi .master .result .meta {
/*	background-color: #F7F7F7;*/
}
/* relevance */
.bi .relevance {
	display: block;
	overflow: hidden;
}
.bi .relevance .bar {
	width: 50px;
	height: 5px;
	margin-top: .7em;
	margin-left: .5em;
	background-color: #CCCCCC;
	float: left;
}
.bi .relevance .text {
	float: left;
}
.bi .relevance .bar .reached {
	height: 100%;
	overflow: hidden;
	background-color: #009900;
	display: block;
}
/* abstract */
.bi .abstract {
	width: 70%;
	float: left;
	padding-right: 10px;
/*	margin-right: 17em;
	margin-left: 30px; */
}
/* meta information */
.bi .meta {
	display: block;
	line-height: 1.7em;
}
.bi .meta .date {
	display: block;
}
.bi .meta strong {
	font-weight: normal;
	color: #000;
}
/* page navigation */
.bi .paging {
	padding: .9em;
	overflow: hidden;
}
.bi .paging .title {
	float: left;
}
.bi .paging .pagenav {
	/* position: absolute; */
	float: left;
	width: 75%;
	text-align: center;
}
.bi .paging .page-nr {
	float: right;
}
.bi h2.page-nr {
	margin-top: 20px;
	margin-bottom: 11px;
}

/* PROGRESS BAR */
.bi .progress .scale,
.bi .progress .maximum {
	border: solid 1px;
}
.bi .progress .scale {
	border-color:#F5F5F5 #E8E8E8 #E5E5E5 #D0D0D0;
	width: 298px;
	height: 20px;
	background: url(img/gradient/progress-scale.gif) repeat-x;
}
.bi .progress .maximum, 
.bi .progress .reached {
	height: 100%;
}
.bi .progress .maximum {
	border-color: #D6D6D6 #A2A2A2 #999999 #D0D0D0;
	background: url(img/gradient/progress-maximum.gif) repeat-x;
	position: relative;
	top: -1px;
	left: -1px;
}
.bi .progress .reached {
	margin: 1px;
	background: url(img/gradient/progress-reached.gif) repeat-x;
}

/* FACETS */
#bi-sidebar .knowledgebank-context-contribution {
	margin: 10px 0;
	margin-top: 2px;
	margin-bottom: 6px;
	padding: 8px 0;
}

#bi-sidebar .facet {
	border-top: dashed 1px;
	margin: 10px 0;
	padding: 8px 0;
}
.bi .facet li {
	list-style-type: disc;
	margin-left: 16px;
}

.bi #bi-sidebar label {
 line-height: 2.1em;
}

/* NAVIGATION CONTENT */
.bi .content .header a {
	padding-left: 0;
}
.bi .top {
	float: right;
}
/* images in content */
.bi p img {
	float: left;
	clear: left;
	margin: 4px 10px 10px 0;
	border: solid 1px #CCCCCC;
}

#sourcebrowser-content-view p img {
	float: none;
}

.bi p img.wide {
	display: block;
	float: none;
	margin: auto;
	margin-bottom: 10px;
}
.bi p img.right {
	float: right;
	clear: right;
	margin: 4px 0 10px 10px;
}
/* icons */
.bi img.icon {
/*	margin-right: 6px;*/
}
.bi li img.icon {
	height: 18px;
	width: 18px;
}
.bi li li img.icon,
.bi .shallow li img.icon {
	height: 12px;
	width: 12px;
}
.bi img.icon {
	vertical-align: top;
}

.naarstap2
{
	text-align:center;
}

/* SCOPE */
#bi-scope {
	border-top: 1px dashed;
	border-bottom: 1px dashed;
	padding-bottom: 3px;
	line-height: 1.8em;
	margin: 10px 0;
	overflow: hidden;
}
#bi-scope h5 {
	width: 6em;
	float: left;
}
#bi-scope .facet-values {
	color: #000;
}


/* FAQ / EXPANDABLE */
.bi .faq .first,
.bi .faq:first-child,
.bi .actions h3 {
	border-bottom: dashed 1px;
	padding-bottom: 10px;
	margin-bottom: -3px;
}
.bi .faq .section,
.bi .actions .section {
	background: #E6E6E6 url(img/gradient/question.gif) repeat-x;
}
.bi .classification-result .section {
	background-image: url(img/gradient/emphasis-small.gif);
}
.bi .classification-result {
	position: relative;
}
.bi .classification-result img.mood {
	position: absolute;
	right: 11px;
}
.bi .inferred-values-group .resultValue,
.bi .inferred-values-group img.mood {
	float: right;
}

.bi .faq .section,
.bi .classification-result .section,
.bi #bi-main-content .classification-result .section.expanded .faq .section {
	height: 1.5em; /*misschien naar 2em omzetten ivm BIPD-2772, francesca 26 sep 08*/
	overflow: hidden;
}
.bi .classification-result .section {
	margin-right: 26px;
}
.bi .faq .section.expanded,
.bi .actions .section.expanded,
.bi #bi-main-content .classification-result .section.expanded .faq .section.expanded {
	height: auto;
	background-image: url(img/gradient/question-large.gif);
}

.bi .classification-result .section.expanded {
	overflow-x: scroll;
	
}

.bi .classification-result .section.expanded {
	height: auto;
	background-image: url(img/gradient/emphasis-medium.gif);
}
.bi .classification-result .emphasis.section.expanded .section {
	height: auto;
	overflow:visible;
}
.bi .faq h3.question a,
.bi .classification-result h3.class a {
	margin-bottom: 1em;
	padding-left: 20px;
	background: url(img/icon/expand.gif) no-repeat left .135em;
	padding-bottom: 3px;
	display: block;
}
.bi .faq .expanded h3.question a,
.bi .classification-result .expanded h3.class a {
	background-image: url(img/icon/collapse.gif);
}

/* link to popup */
.bi .help {
	background-image: url(img/icon/question-mark.gif);
	height: 16px;
	width: 16px;
	display: block;
}


.bi #assistent_tooltip {
	float: right;
}

.bi #cmfform #assistent_tooltip {
	margin-top: -2.6em;/* BIPD-2627: ouline the assistent*/ 
	
	
}

/* question-mark */
.bi h2 .help {
	float: right;
}

.bi #bi-main-content div.decision-result .section .answer,
.bi #bi-main-content div.calculator-result .section .answer {
	/*float: right;*/ /*Weggequite voor BIPD-2786, zie regel hieronder.*/
	text-align: right;/* nieuw toegevoegde regel, veranderd op 29sept 08 door francesca voor BIPD-2786, zie ook regel 852! */
	color: #000;

}
.bi #bi-main-content div.decision-result .section .heading,
.bi #bi-main-content div.calculator-result .section .heading {
	float: left;
	font-weight: normal;
	
}


/* BASKET */
.bi .basket .menu {
	height: 200px;
	overflow: auto;
}
.bi .basket .menu li * {
	line-height: 1em;
	padding: .25em 0;
	display: block;
}


/* APPLICATION INSTRUMENT */
.bi #componentform br.question-separator {
 /*display: none; wel displayen, hebben de ruimte nodig. zoeken naar ander oplossing */
}

.bi wizard .heading,
.bi .form .heading {
 padding-top: 3px;

}

/*.bi #componentform .heading.multichoice,*/
 .bi .result-values .heading.multichoice{
 padding-top: 0;
 width: 250px;
 float: left;
}

/* remco: tijdelijk uit: uniforme vormgeving, waarom anderds met multichoice???
.bi #componentform.form-tree .heading.multichoice{
 padding-top: 0;
 width: auto;
 float: none;
}

*/
.bi .result-values .readonly.answermultichoice{
 padding-top: 0; 
 float: right;
}

/* flat form */
.bi .form .questions {
 margin-top: 2.5em; /* some extra space between the intro text and the questions */
}

.bi .form ul li.section {
	border: none;
}

.bi .form .section {
 border: none !important;
 background: none !important;
 padding: 0 !important;
}

/* remco: tijdelijk uit , check op consequenties
.bi .form .answer {
 display: block;
}
*/
/* nested form */
.bi #componentform .question {
	position: relative;
	width: auto;
}

.bi #cmfform .question {
	position: relative; /* REMCO: tijdelijk uit voor issue2679*/
}

/* remco: fix formatting results in directe uitvoering question instument*/
.bi #cmfform .classification-result  .question,
.bi #cmfform .inferred-values-group .question {
	position: static;
}

.bi form.form-tree li.section {
	margin-left: 15px;
}
.bi .form-tree h3 {
	display: inline;
}
.bi form #answer_tooltip {
	/*position: absolute;
	right: 9px;
	top: 7px;*/
	
	/* remco: maak position relative! kijk of het dan ook nog in gewone situatie werkt
	tooltips bij awnsers hebben geen relative Parent element, dus alles moet relative */
	position: relative;
	top: -18px;	
	left: 85%;
	
}

.bi form #question_tooltip {
	position: absolute;
	top: 5px;
	right: 10px;
	float: right;
}

.bi .form .answer,
.bi .level-by-level .answer,
.bi .wizard .answer {
	width: auto;
	/*line-height: 2.1em;*/
	overflow: hidden;
	min-height: 60px;
	
}


.bi .form div.answer,
.bi .level-by-level div.answer,
.bi .wizard div.answer {
	overflow-x: auto;	
	min-height: 0px;
	position: relative;
}


/* remco: rare oplossing
.bi #cmfform .answermultichoice { */ /* 24 sept-08 .bi #cmfform .answermultichoice toegevoegd door francesca hieronder voor BIPD-2775 */
/*	float:left;
}*/

.bi #cmfform .answer, 
.bi #cmfform .answermultichoice, /* 24 sept 08 door francesca toegevoegd voor BIPD-2775 */
.bi #cmfform .readonly.answermultichoice {
	/*	position: relative; BIPD-2596,BIPD-2753 and a couple of other issues, 
  		the field are not correctly lined out or the fields are overlaying */
  		
	/*margin-left: 2.7em;*/
	/*clear: none;*/ /*25-sept-08 veranderd door francesca, als deze uitstaat dan staan de antwoorden onder de vragen ipv ernaast. workaround voor BIPD-2772 en BIPD-2557*/
	/* remco: make room for the assistent */
	right: 0px; /*was 25px, veranderd op 23 sept 08 door francesca voor BIPD-2776*/ /*en op 24 sept 08 door francesca voor BIPD 2772 zie ook regel 1649*/
	/*display: inline;*/ /*veranderd op 24 sept 08 door francesca voor BIPD-2774 (zie 2 regels hieronder voor nog een verandering voor dit BIPD)*/
  line-height: 2em;
	/*position: relative;*/ /*op 24 sept 08 veranderd door francesca voor BIPD 2772 zie regel 1649*/
	
	/* Start BIPD-2586 */
/* 	float: left;  */
  	/* Remco:nogmaal veranderd dit moet er wel inblijven. Indien de klanchten van 2586 terugkomen: gaarne op andere wijze oplossen*/
  	/*veranderd op 24 sept 08 door francesca voor BIPD-2774, weet helaas niet wat BIPF-2586 was en de gevolgen hiervan..*/
	/* End BIPD-2586 */
}


.bi .form-tree .answer {
	right: 30px;
	top: 2px;
	line-height: 2.1em;
}

.bi .form .answermultichoice,
.bi .level-by-level .answermultichoice,
.bi .wizard .answermultichoice {
	width: auto;	
	
	overflow: hidden;
	overflow-x: auto;
}
.bi #cmfform.wizard .answermultichoice {
	display: block;
}

.bi .wizard .answermultichoice select {
	width: auto;
	margin-left: 0px;
}

.bi .form-tree input.txt,
.bi .wizard select.answer,
.bi .level-by-level select.answer,
.bi .form select.answer {
	line-height: 1.2371em;
	width: auto;
	min-height: 0px;
	padding-left: 0px;
}

.bi form .questions input.answer {
	min-height: 0px;
	max-width: 100%;
	padding-left: 0px;
	margin-bottom:0;
	
}

.bi .form-tree .readonly {
	font-weight: bold;
}
.bi form.form-tree .root-question .root,
.bi form.form-tree ul.questions {
	margin-left: 0;
}
.bi .form-tree .collapse {
	padding-left: 20px;
	display: inline;
}
.bi .form-tree .collapse button {
	padding-left: 10px;
}
.bi .form-tree span.answer {
	right: 10px;
	top: auto;
	bottom: 2px;
}
.bi .form-tree .uninferable {
	font-style: italic;
}

/*remco: tijdelijk uit, positioneren niet nodig 
.bi .level-by-level .answer {
	position: relative;
    float: right;
    line-height: 2em;
	right: 20px;
}


*/.bi .level-by-level .answers li a {
  float: left;
  padding-right: 5px;
}


/* irrelevant question */
.bi .irrelevant * {
	color: #B5B5B5 !important;
}
.bi .irrelevant .help {
	background-image: url(img/icon/question-mark-irrelevant.gif);
}


/* CONTROL BUTTONS */
#bi-main-content .btn {
	/* width: 80px; */ /* min-width doesn't work, fixed width is error prone due to scaling or larger text inside button */
}
.bi .controls {
	text-align: right;
	margin-bottom: 5px;
}
#bi-main-content input.btn {
	margin-left: 5px;
}
.bi .controls .delete-control {
  float: left;
  margin-left: 0;
}
/* scope manipulation buttons (styled as link) */
.bi .scope button {
	border: none;
	background: none;
	cursor: pointer;
	margin-top: -1px;
	text-align: left;
}
.bi .expand {
	display: block;
	clear: both;
	border-top: dashed 1px #666666;
	margin-top: 13px;
	padding-top: 3px;
	padding-bottom: 3px;
	line-height: 2em;
}

/* remco: margin om scrollbalk in ie ruimte te geven */
.bi .expand.scope {
	margin-bottom: 10px;
}

.bi .expand button {
	float: left;
	clear: left;
}
.bi .scope button:hover {
	text-decoration: underline;
}

/* TOOLTIP */
.bi .tooltip {
	position: absolute;
	cursor: pointer;
	width: 220px;
	display: none;
}
.bi .visible {
	display: block !important;
}

.bi .answers li {
	margin-bottom: .5em;
}

.bi .content span.readonly.answer {
	display: block;
	clear:right; /* was left veranderd op 29sept 08 door francesca voor BIPD-2786, zie ook regel 852! */
}

/* APPLICATION INSTRUMENT RESULT */
.bi .answers .menu {
	overflow-y: scroll;
	height: 235px;
}

.bi .answers #answers-sidebar .menu {
	height: 220px;
	overflow-y: auto;
	min-height: 220px;
}

.bi #answers-sidebar {	
	height: 235px;
}

/* maak afgeleide waarden groep horizontaal te scrollen */

.bi .inferred-values-group ul.inferred-values .emphasis.section {
	overflow-x: auto;
}


/* @todo: create classname for this for IE6 (applicationinstruments.xslt, expanded question template) */
.bi #bi-main-content div.result-values li.root {
	padding-left: 0;
	margin: 10px 0 0 0;
}
.bi #bi-main-content div.result-values .section {
	background-image: none;
	border: none;
	margin: 0 20px 0 20px;
}
.bi #bi-main-content div.result-values .section .answer {
	float: right;
	color: #000;
}
.bi #bi-main-content div.result-values .section .heading {
	float: left;
	font-weight: normal;
}
.bi #bi-main-content div.result-values .section strong {
	font-weight: normal;
}
.bi li.question {
	clear: left;
	/*overflow-x: auto;*/  /* weggequote ivm warning in mozilla (BIPD-2778) en issue BIPD-2800, veranderd op 26 sept 08 (francesca)*/
}

.bi a.active {
	font-weight: bold;
	color: #000;
}

/* advanced search */
.bi fieldset {
	border: none;
}
.bi .facet legend {
	position: relative !important;
	left: -.5em;
	display: block;
}
/* switch between advanced and regular search */
.bi .switch {
	float: right;
	position: relative;
	top: -4em;
}

.bi form br.question-separator {
	clear: left; /* make floated elements start on a new line */
}
.bi form input.txt,
.bi form textarea,
.bi form select {
	margin-bottom: 10px; /* minimal distance between two lines in a form */
	/*vertical-align: top;*/
	
}

.bi form .heading {
	width: 25em;
	float: left;
	/* Start BIPD-2586 */
	/*line-height: 1.2em;*/
	line-height: 2em;
	/* End BIPD-2586 */
	padding-top: .2em;
	display: block;
}

.bi #bi-main-content form#cmfform .heading {
	/*width: auto;*/ /* Was al weggequote... verandering heeft invloed op BIPD-2680. francesca 30 sept 08*/
	min-height: 0px;
}


.bi form#cmfform.form-tree .heading,
#componentform .heading {
	width: auto;
	/*float: none;*/ /* weggequote om uitlijn-probleem te verhelpen. Zie in mijn issue document pag. 2 BIPD-2667. (francesca) op 30 sept 2008 */

}

.bi form#cmfform.level-by-level .heading,
.bi form#cmfform.wizard .heading {
	float: left;
	width: 30%;
}

.bi form#cmfform.wizard .answer {
	min-height: 0px;
}

#componentform .heading { /* answer on the next line, room for question-mark */
	padding-right: 30px;
}


/*.bi #bi-main-content .form-tree .heading,*/
.bi #bi-main-content .wizard .heading,
.bi #bi-main-content .level-by-level .heading
 { /* question on the next line */
	/* bi-main-content for increasing specificity relative to componentform */
	/*min-height: 50px;*/
	float:left;
	/*width:30%;*/
	max-width: 50%;
	width:30%;
}
.bi #bi-main-content .form .heading {
	min-height: 50px;
float:left;
width:33%;
}

.bi #bi-main-content #bi-search label.heading,
.bi #bi-main-content #bi-search label .heading,
.bi #bi-main-content #bi-search .facet .heading {
	min-height: 0px;
	width: 20%;
	padding-left: 0px;
	color: #666666;
}

.bi #bi-main-content #bi-search .options {
	margin-top: 10px;
}


.bi #bi-main-content #bi-search .facet span.heading {
	float: left;
	width: 20%;
	min-height: 0px;
}

/*.bi #bi-main-content #bi-search label.heading,*/
.bi #bi-main-content #bi-search span.heading {
	float: none;
	min-height: 0px;
	width: auto;
}


.bi .heading {
	font-weight: bold;
}



.bi .options {
	overflow: hidden;
}

/* CASE MANAGEMENT */
/* states */
.bi .states {
	text-align: right;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px dashed;
}
.bi .states .state, .bi .section .state {
	background: url(img/icon/state-separator.gif) no-repeat left .4em;
	padding-left: 8px;
	padding-right: 2px;
}
.bi .states .first {
	background-image: none;
	padding: 0; /* er stond 'none', dit gaf een warning in mozilla. Dus heb er 0 van gemaakt. francesca 26 sep 08 voor BIPD-2778*/
}
.bi .states .future {
	color: #999999;
}
/* tabs */
.bi .case-tabs {
	width: 15em;
	padding: 0;
	float: left;
	margin-top: 0 !important;
	margin-right: 15px;
}
.bi #bi-main-content .case-tabs li {
	padding: 0;
}
.bi .case-tabs li a {
	padding: 0 10px;
}
.bi .case-tabs li.selected a {
	background: #5D5DD1 url(img/gradient/case-tab.gif) repeat-x;
	color: #FFF;
}
/* details */
.bi .details {
	overflow: hidden;
	float: left;
	max-width: 70%;
}

.bi .assistent {

	z-index: 6;
}

#userform {
	float: left;
}

.bi .attention {
	margin-bottom: 2em;
}

/* stressed text (benadrukt) */
.bi span.stress {
	text-decoration: underline;
}

.bi .break {
	clear:both;
}

.bi .content li.unordered {
	list-style-type: disc;
	margin-left: 16px;
}

.bi .content li.ordered {
	list-style-type: decimal;
	margin-left: 24px;
}

/* Matrix */
.matrix-x-axis-types {
float:left;
width: 33%;
}
.matrix-y-axis-types {
float:left;
width: 33%;
}
.matrix-property-types {
float:left;
}

.matrix-submit {
padding-top: 15px;
margin-bottom: 15px;
clear:both;
}

.assistent {
font-style: italic;
/*padding-left:2.7em;*/
}

.bi .scrollpane{overflow:scroll;}

.context-projection-img {
   overflow: auto;
}

.projection-nav-img {
	overflow:auto;
}

.bi .section.classification-result .section span.resultValue {float:right;}

div.offscreen {
	position: relative;
	left: -99999px;
 	height: 0px;
}

form.simple-search-form {
   padding-top: 10px;
}

.bi .section span.current {
	font-weight:bold;
	color:#666666;
}

.bi input.upload {
	height: 1.85em;
}

/* Source browser */
div#knowledge-navigation{
  width:150px;
  float:left;
  height:100%;
margin-right:10px;
}

div#sourcebrowser-content-view{
  height:100%;
  overflow:hidden;
}

.sourcebrowser-subsection{
	padding-left : 7px;
}

.sourcebrowser-toc-subitems{
	padding-left : 7px;
}

.sourcebrowser-navigation-source {
	letter-spacing: 1px;
	font-size: 1.273em;
	line-height: 1.636em;
}

.bi #sourcebrowser #sourcebrowser-navigation-options {
	border: 1px solid #A4AEB4;
	max-height: 1em;
	position: relative;
	background-color: #fff;
	height:20px;
}

#sourcebrowser-navigation-options-previous {
	float: left;

}

#sourcebrowser-navigation-options-previous .sourcebrowser-section-link {
	background-image: url(img/sourcebrowser/pijltje_links.gif);
	background-position:center left;
	background-repeat: no-repeat;
	padding-left: 15px;	
	text-align: left;
}

#sourcebrowser-navigation-options-next {
	float: right;

	
}
 
#sourcebrowser-navigation-options-next .sourcebrowser-section-link {	
	background-image: url(img/sourcebrowser/pijltje_rechts.gif);
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 15px;
	margin-right: 15px;
}

#sourcebrowser-navigation-options-up {
	position: absolute;
	text-align: center;
	left: 40%
}

#sourcebrowser-navigation-options-up .sourcebrowser-section-link a {
	background-image: url(img/sourcebrowser/pijltje_boven.gif);
	background-position: left 5px;
	background-repeat: no-repeat;
	padding-left: 15px;		
	margin-right: 45px;
}

/* Remove border for small.section in sourcebrowser view
	re-attach borders on appropiate blocks
 */

.bi #sourcebrowser .small.section,
.bi #sourcebrowser .large.section,
.bi #sourcebrowser .section  {
	border: none;
	background-image: none;
	padding-right: 0px;
}

 .bi #sourcebrowser #section-holder {
 }

/*
.content-blokje h1 {
	margin-top: -20px;
	
	margin-bottom: 20px;	

}
*/
.bi #sourcebrowser #knowledge-navigation {
	border: 1px solid #A4AEB4;
	background-color: #fff;
	padding-left: 5px;
	padding-top: 5px;
}


#sourcebrowser-content-view-no-navigation{
	padding: 10px;
	border: 1px solid #A4AEB4;
	background-color: #fff;
	margin-top:16px;
}


.bi #sourcebrowser #sourcebrowser-content-view .sourcebrowser-source-block{
  background-image: url(img/sourcebrowser/gradient.gif);
  background-repeat: repeat-x;
  background-color: #f6f6f7;
	border: 1px solid #A4AEB4;
	padding-left: 5px;
	padding-top: 10px;  
}

.sourcebrowser-subsection-blocks{
  padding-left:10px;
}

.sourcebrowser-section-block{
	padding-top: 10px;  
}

.bi #sourcebrowser #sourcebrowser-content-view .sourcebrowser-section-block .content-blokje {
  background-image: url(img/sourcebrowser/gradient.gif);
  background-repeat: repeat-x;
  background-color: #f6f6f7;
	border: 1px solid #A4AEB4;
	padding-left: 5px;
}

.bi #sourcebrowser #sourcebrowser-content-view .sourcebrowser-section-block .section {
margin-top: 0px;
margin-bottom: 0px;

}


.bi #sourcebrowser #sourcebrowser-content-view .sourcebrowser-section-block h2,
.bi #sourcebrowser #sourcebrowser-content-view .sourcebrowser-section-block .subitems {
	
	/*
	position: relative;
	top: -1em;
	background-color: #fff;
*/
}


#sourcebrowser-subsections-as-links .sourcebrowser-section-link {
	display: inline;
}

a.toc-item-selected {
	background-color: Blue;
	color:white !important; /** Always color white**/
}

ol.legal-lower-alpha {
  display: block; 
  list-style-type: lower-alpha !important;
  margin: 10px 40px; 
} 


ol.legal-upper-alpha{
  display: block;
  list-style-type: upper-alpha;
  margin: 10px 40px;
}

ol.legal-lower-roman{
  display: block;
  list-style-type: lower-roman;
  margin: 10px 40px;
}

ol.legal-upper-roman{
  display: block;
  list-style-type: upper-roman;
  margin: 10px 40px;
}


ol {
  display: block;
  list-style-type: decimal;
  margin: 10px 40px;
}

.bi #cmfform .answers.section .readonly.answer {
  position: static; /* was static; veranderd naar relative op 24 sept 08 door francesca voor BIPD 2772*/
  margin-left: 0em;
}

.bi span.readonly-memo {
	display: block;
	float: left;
}

/* MWI Toont de mceEditor nu met een rand erom heen, dit is voor de gebruikers veel duidelijker */
.mceEditor {
	border-bottom: 1px solid #a5acb2;
	border-left: 1px solid #a5acb2;
	border-top: 1px solid #a5acb2;
	border-right: 1px solid #a5acb2;
}

.bi a.irrelevant {color:#B5B5B5;}