/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td  {   margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline; } 
/* only inherit font stuff for form elements */ 
input,textarea,select  {   font: inherit; } 
body  { 
  line-height: 1.5;  } 
/* Tables still need 'cellspacing="0"' in the markup. */
table  { border-collapse: separate; border-spacing: 0; } caption, th, td  { text-align: left; font-weight: normal; } table, td, th  { vertical-align: middle; } 
/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after  { content: ""; } blockquote, q  { quotes: "" ""; } 
/* Remove annoying border on linked images. */
a img  { border: none; } 
/* added mediamatic */
td, th  { vertical-align: top; }
/* -------------------------------------------------------------- 
   
   $Id: grid_dyn.css 45727 2010-02-04 10:18:05Z bas $
   
   * Sets up an easy-to-use grid of 60 columns.
   
   Based on work by:
   * Nathan Borror     [playgroundblues.com]
   * Jeff Croft        [jeffcroft.com]
   * Christian Metts   [mintchaos.com]
   * Khoi Vinh         [subtraction.com]
   
   By default, the grid of blueprint is 950px wide, with 24
   columns spanning 30px, and a 10px margin between columns.

   If you need fewer or more columns, use this 
   formula to find the new total width: 
   Total width = (columns * 40) - 10

   The generated grid is 950px wide, with 60 columns 
   spanning 6px, and a 10px margin between columns.
   
   Read more about using a grid here:
   * subtraction.com/archives/2007/0318_oh_yeeaahh.php
   
-------------------------------------------------------------- */



/* A container should group all your columns. */
.container  {   width: 950px;
  margin: 0 auto;
 } 
/* Use this class on any div.span / container to see the grid. */
.showgrid  { 
  background: url(src/grid.png);  } 
.container .container  { 	width: auto; } 
/* Columns
-------------------------------------------------------------- */

/* Use this class together with the .span-x classes
   to create any composition of columns in a layout. */
   
.span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23, .span-24, .span-25, .span-26, .span-27, .span-28, .span-29, .span-30, .span-31, .span-32, .span-33, .span-34, .span-35, .span-36, .span-37, .span-38, .span-39, .span-40, .span-41, .span-42, .span-43, .span-44, .span-45, .span-46, .span-47, .span-48, .span-49, .span-50, .span-51, .span-52, .span-53, .span-54, .span-55, .span-56, .span-57, .span-58, .span-59, .span-60 {   float: left;
  margin-right: 10px;
 } 
/* The last column in a row needs this class. */
.last  { margin-right: 0; } 
/* Use these classes to set the width of a column. */
.span-1 { width: 6px; }
.span-2 { width: 22px; }
.span-3 { width: 38px; }
.span-4 { width: 54px; }
.span-5 { width: 70px; }
.span-6 { width: 86px; }
.span-7 { width: 102px; }
.span-8 { width: 118px; }
.span-9 { width: 134px; }
.span-10 { width: 150px; }
.span-11 { width: 166px; }
.span-12 { width: 182px; }
.span-13 { width: 198px; }
.span-14 { width: 214px; }
.span-15 { width: 230px; }
.span-16 { width: 246px; }
.span-17 { width: 262px; }
.span-18 { width: 278px; }
.span-19 { width: 294px; }
.span-20 { width: 310px; }
.span-21 { width: 326px; }
.span-22 { width: 342px; }
.span-23 { width: 358px; }
.span-24 { width: 374px; }
.span-25 { width: 390px; }
.span-26 { width: 406px; }
.span-27 { width: 422px; }
.span-28 { width: 438px; }
.span-29 { width: 454px; }
.span-30 { width: 470px; }
.span-31 { width: 486px; }
.span-32 { width: 502px; }
.span-33 { width: 518px; }
.span-34 { width: 534px; }
.span-35 { width: 550px; }
.span-36 { width: 566px; }
.span-37 { width: 582px; }
.span-38 { width: 598px; }
.span-39 { width: 614px; }
.span-40 { width: 630px; }
.span-41 { width: 646px; }
.span-42 { width: 662px; }
.span-43 { width: 678px; }
.span-44 { width: 694px; }
.span-45 { width: 710px; }
.span-46 { width: 726px; }
.span-47 { width: 742px; }
.span-48 { width: 758px; }
.span-49 { width: 774px; }
.span-50 { width: 790px; }
.span-51 { width: 806px; }
.span-52 { width: 822px; }
.span-53 { width: 838px; }
.span-54 { width: 854px; }
.span-55 { width: 870px; }
.span-56 { width: 886px; }
.span-57 { width: 902px; }
.span-58 { width: 918px; }
.span-59 { width: 934px; }
.span-60 { width: 950px;  margin: 0;}


/* Add these to a column to append empty cols. */
.append-1 { padding-right: 16px; }
.append-2 { padding-right: 32px; }
.append-3 { padding-right: 48px; }
.append-4 { padding-right: 64px; }
.append-5 { padding-right: 80px; }
.append-6 { padding-right: 96px; }
.append-7 { padding-right: 112px; }
.append-8 { padding-right: 128px; }
.append-9 { padding-right: 144px; }
.append-10 { padding-right: 160px; }
.append-11 { padding-right: 176px; }
.append-12 { padding-right: 192px; }
.append-13 { padding-right: 208px; }
.append-14 { padding-right: 224px; }
.append-15 { padding-right: 240px; }
.append-16 { padding-right: 256px; }
.append-17 { padding-right: 272px; }
.append-18 { padding-right: 288px; }
.append-19 { padding-right: 304px; }
.append-20 { padding-right: 320px; }
.append-21 { padding-right: 336px; }
.append-22 { padding-right: 352px; }
.append-23 { padding-right: 368px; }
.append-24 { padding-right: 384px; }
.append-25 { padding-right: 400px; }
.append-26 { padding-right: 416px; }
.append-27 { padding-right: 432px; }
.append-28 { padding-right: 448px; }
.append-29 { padding-right: 464px; }
.append-30 { padding-right: 480px; }
.append-31 { padding-right: 496px; }
.append-32 { padding-right: 512px; }
.append-33 { padding-right: 528px; }
.append-34 { padding-right: 544px; }
.append-35 { padding-right: 560px; }
.append-36 { padding-right: 576px; }
.append-37 { padding-right: 592px; }
.append-38 { padding-right: 608px; }
.append-39 { padding-right: 624px; }
.append-40 { padding-right: 640px; }
.append-41 { padding-right: 656px; }
.append-42 { padding-right: 672px; }
.append-43 { padding-right: 688px; }
.append-44 { padding-right: 704px; }
.append-45 { padding-right: 720px; }
.append-46 { padding-right: 736px; }
.append-47 { padding-right: 752px; }
.append-48 { padding-right: 768px; }
.append-49 { padding-right: 784px; }
.append-50 { padding-right: 800px; }
.append-51 { padding-right: 816px; }
.append-52 { padding-right: 832px; }
.append-53 { padding-right: 848px; }
.append-54 { padding-right: 864px; }
.append-55 { padding-right: 880px; }
.append-56 { padding-right: 896px; }
.append-57 { padding-right: 912px; }
.append-58 { padding-right: 928px; }
.append-59 { padding-right: 944px; }


/* Add these to a column to prepend empty cols. */
.prepend-1 { padding-left: 16px; }
.prepend-2 { padding-left: 32px; }
.prepend-3 { padding-left: 48px; }
.prepend-4 { padding-left: 64px; }
.prepend-5 { padding-left: 80px; }
.prepend-6 { padding-left: 96px; }
.prepend-7 { padding-left: 112px; }
.prepend-8 { padding-left: 128px; }
.prepend-9 { padding-left: 144px; }
.prepend-10 { padding-left: 160px; }
.prepend-11 { padding-left: 176px; }
.prepend-12 { padding-left: 192px; }
.prepend-13 { padding-left: 208px; }
.prepend-14 { padding-left: 224px; }
.prepend-15 { padding-left: 240px; }
.prepend-16 { padding-left: 256px; }
.prepend-17 { padding-left: 272px; }
.prepend-18 { padding-left: 288px; }
.prepend-19 { padding-left: 304px; }
.prepend-20 { padding-left: 320px; }
.prepend-21 { padding-left: 336px; }
.prepend-22 { padding-left: 352px; }
.prepend-23 { padding-left: 368px; }
.prepend-24 { padding-left: 384px; }
.prepend-25 { padding-left: 400px; }
.prepend-26 { padding-left: 416px; }
.prepend-27 { padding-left: 432px; }
.prepend-28 { padding-left: 448px; }
.prepend-29 { padding-left: 464px; }
.prepend-30 { padding-left: 480px; }
.prepend-31 { padding-left: 496px; }
.prepend-32 { padding-left: 512px; }
.prepend-33 { padding-left: 528px; }
.prepend-34 { padding-left: 544px; }
.prepend-35 { padding-left: 560px; }
.prepend-36 { padding-left: 576px; }
.prepend-37 { padding-left: 592px; }
.prepend-38 { padding-left: 608px; }
.prepend-39 { padding-left: 624px; }
.prepend-40 { padding-left: 640px; }
.prepend-41 { padding-left: 656px; }
.prepend-42 { padding-left: 672px; }
.prepend-43 { padding-left: 688px; }
.prepend-44 { padding-left: 704px; }
.prepend-45 { padding-left: 720px; }
.prepend-46 { padding-left: 736px; }
.prepend-47 { padding-left: 752px; }
.prepend-48 { padding-left: 768px; }
.prepend-49 { padding-left: 784px; }
.prepend-50 { padding-left: 800px; }
.prepend-51 { padding-left: 816px; }
.prepend-52 { padding-left: 832px; }
.prepend-53 { padding-left: 848px; }
.prepend-54 { padding-left: 864px; }
.prepend-55 { padding-left: 880px; }
.prepend-56 { padding-left: 896px; }
.prepend-57 { padding-left: 912px; }
.prepend-58 { padding-left: 928px; }
.prepend-59 { padding-left: 944px; }


/* Border on right hand side of a column. */
.border  {   padding-right: 4px;
  margin-right: 5px;
  border-right: 1px solid #eee; } 
/* Border with more whitespace, spans one column. */
.colborder  {   padding-right: 12px;
  margin-right: 13px;
  border-right: 1px solid #eee; } 

/* Use these classes on an element to push it into the 
   next column, or to pull it into the previous column. */

.pull-1 { margin-left: -16px; }
.pull-2 { margin-left: -32px; }
.pull-3 { margin-left: -48px; }
.pull-4 { margin-left: -64px; }


.push-0 { margin: 0 -0px 0 18px; float: right; }
.push-1 { margin: 0 -16px 0 18px; float: right; }
.push-2 { margin: 0 -32px 0 18px; float: right; }
.push-3 { margin: 0 -48px 0 18px; float: right; }
.push-4 { margin: 0 -64px 0 18px; float: right; }


/* Misc classes and elements
-------------------------------------------------------------- */

/* Use a .box to create a padded box inside a column.  */ 
.box  { 
  padding: 1.5em; 
  margin-bottom: 1.5em; 
  background: #eee;  } 
/* Use this to create a horizontal ruler across a column. */
hr  {   background: #ddd; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 
  height: .1em;
  margin: 0 0 1.45em;
  border: none;  } 
hr.space  {   background: #fff;
  color: #fff; } 
.clearfix:after, .container:after  {     content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; } 
.clearfix, .container  { display: inline-block; } 
* html .clearfix,
* html .container  { height: 1%; } .clearfix, .container  { display: block; } 
/* Regular clearing
   apply to column that should drop below previous ones. */

.clear  { clear:both; } 
/* skip link */
.skip  { 	display: block;
	left: -9999px;
	position: absolute;
	visibility: hidden; } 
/* footerStickAlt from Men in Blue to get the footer right */

html  { 
	height: 100%; } 

body  { 
	height: 100%;
	margin: 0 0; } 

#wrapper  { 
	position: relative;
	min-height: 100%; } 

* html #wrapper  { 
	height: 100%; } 

#wrapper-content  { 	padding: 0 0 120px 0; } 
#footer  { 	position: relative;
	margin: -90px auto 0;
	padding: 0; } 
.edit-page #footer  { 	margin-top: 16px;
	float: none;
	clear: both; } 
.left  { 	float: left; } 
.right  { 	float: right; } 
.align-justify   { text-align:justify; } 
.align-left      { text-align:left; } 
.align-center    { text-align:center; } 
.align-right     { text-align:right; } 
/* -------------------------------------------------------------- 
   
   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms
   
   Usage:
   * For text fields, use class .title or .text
   
-------------------------------------------------------------- */

label        { font-weight: normal; cursor: pointer; } 

/* Form fields
-------------------------------------------------------------- */

input.text, 
input.title,
textarea, 
select  { 	border: 1px solid #bbb;
	margin: 6px 0; } 
input.text-default,
textarea.text-default  { 	color: #bbb } 
input.text:focus, input.title:focus,
textarea:focus, select:focus,
input.text-auto:focus  {   border: 1px solid #666; } 
input.text, 
input.title  { 
  width: 390px; 
  padding: 2px 5px;
  line-height: 17px; /* Safari */ } 
input.text-auto  { 	margin: 3px 0;
	width: auto;
  	padding: 2px 5px;
  	line-height: 17px; /* Safari */
	border: 1px solid #bbb; } 
input.date2char,
input.date4char  { 	margin: 3px 0;
  	padding: 2px 5px;
  	line-height: 17px; /* Safari */
	border: 1px solid #bbb; } 
input.date2char  { 	width: 38px; } 
input.date4char  { 	width: 46px; } 
input.title    { font-size: 18px; } textarea       { width: 390px; height: 250px; padding: 2px 5px;   line-height:17px;           /* Safari */ } 

.form-item  { 	margin: 0 6px 12px 0;
	padding: 0; } 
	.form-item input  { 		margin: 0 6px 0 0;
		vertical-align: text-top;
 } 
	.form-item label  { 		float: none;
		display: inline;
		width: auto;
		font-size: 13px;
 } 
.form-item-block  { 	margin: 0 0 6px 0;
	padding: 0; } 
	.form-item-block input  { 		margin: 6px 0;
 } 
	.form-item-block label  { 		display: block;
 } 
	input.unfocused  { 		color: #ccc;
 } 	
	input.input-error  { 		color: #f00;
		border: 1px solid #f00 !important;
 } 

/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice, 
.success     { margin: 0 0 18px 0; } 
.notification ul  { list-style: none; margin: 0; } 
li .error,
li .notice, 
li .success     { margin: 0; } 
.error       { color: #ff0000; background: #ffe7e7; } .notice      { color: #514721; background: #FFF6BF; } .success     { color: #5cbb42; background: #e7ffe1; } .form-error  { color: #ff0000; } .error a     { color: #8a1f11; } .notice a    { color: #514721; } .success a   { color: #264409; } 
a.button,
a.button-alternative,
a.button-cancel,
button,
input.submit,
input.reset,
input.file  { 	display: block;
	float: left;
	margin: 0 3px 0 0;
	padding: 2px 6px; 
	border: 1px solid #ccc;
	border-color: #999 #858585 #666 #858585;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background: #ccc url(http://fast.mediamatic.nl/f/sjnh/image/button.png) left top repeat-x;
	font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size: 11px;
	line-height: 16px;
	text-decoration: none;
	font-weight: normal;
	color: #333;
	cursor: pointer;
	white-space: nowrap;
	vertical-align: baseline; } 			
button  { 	width: auto;
	overflow: visible;
	padding: 1px 4px;   /* IE6 */  } 
button[type]  { 	padding: 1px 4px;   /* Firefox */ } 
input.submit,
input.reset  { 	line-height: 16px;
	padding: 1px 4px;
	overflow: visible;
	width: auto !important; 
	height: auto !important; } 
.isOpera input.submit,
.isOpera input.reset  { 	padding: 2px 4px 3px; } 
/* !important is used to overrule the input text element styling */

/*
.isMac.isSafari button  { 	padding: 1px 4px px; } */

.isWin.isSafari a.button,
.isWin.isSafari a.button-cancel,
.isWin.isSafari a.button-alternative  { 	padding: 2px 4px 4px; } 
.isIE6x a.button,
.isIE6x a.button-cancel,
.isIE6x a.button-alternative  { 	padding-bottom: 6px; } 
.isIE7x a.button,
.isIE7x a.button-cancel,
.isIE7x a.button-alternative  { 	line-height: 17px; } 
.isIE7x input.submit,
.isIE7x input.reset  { 	line-height: 16px; /* IE7 */ } 
a.button,
a.button-alternative,
a.button-cancel  { 	line-height: 14px; } 
.isGecko.isWin a.button,
.isGecko.isWin a.button-alternative,
.isGecko.isWin a.button-cancel,
.isGecko.isUnix a.button,
.isGecko.isUnix a.button-alternative,
.isGecko.isUnix a.button-cancel  { 	line-height: 13px; } 
button img, 
a.button img,
button.cancel img, 
a.button-cancel img,
button.alternative img,
a.button-alternative img  { 	margin: 0 3px -3px 0 !important;
	padding: 0;
	border: none;
	float: none; } 
/* Button colors
-------------------------------------------------------------- */

a.button:hover,
a.button-alternative:hover,
a.button-cancel:hover,
input.submit:hover,
input.reset:hover,
button:hover  { 	color: #000;
	background-color: #ccc;
	border: 1px solid #000;
	text-decoration: none; } 
a.button:active  { 	color: #000;
	background-color: #ccc;
	border: 1px solid #000;
	text-decoration: none; } 

/* cancel
-------------------------------------------------------------- */

a.button-cancel,
button.cancel  { 	background: #fbe3e4;
	border:1px solid #fbc2c4;
	color: #d12f19; } 
a.button-cancel:hover, 
button.cancel:hover  { 	background: #d12f19;
	border:1px solid #d12f19;
	color: #fff; } 
a.button-cancel:active  { 	background: #d12f19;
	border: 1px solid #d12f19;
	color: #fff; } 

/* alternative
-------------------------------------------------------------- */

a.button-alternative,
button.alternative  { 	background-color: #e6efc2;
 	border: 1px solid #c6d880;
  	color: #529214; } 
a.button-alternative:hover, 
button.alternative:hover  { 	background-color: #529214;
 	border: 1px solid #529214;
  	color: #fff; } 
a.button-alternative:active  { 	background-color: #529214;
 	border: 1px solid #529214;
  	color: #fff; } 
/* special buttons / edit page 
-------------------------------------------------------------- */

.button-datepicker img,
.button-cc img,
.button-fig img  { 	margin: 0;
	width: auto;
	height: auto; } 
.button-fig img  { 	width: 24px;
	height: 18px; } 
	.edit-page button.button-datepicker,
	.edit-page .button-cc, 
	.button-fig  { 		border: none;
		padding: 0 0 2px 0;
 } 
	.button-fig  { 		float: none;
		margin: 0;
 } 	
	.edit-page button.button-datepicker:hover  { 		background: none;
	}
body  { 	background: #fff;
	color: #000; } 
a  { 	outline: none; } 
.block  { 	display: block; } 
.inline  { 	display: inline; } 
.hide  { 	display: none; } 

/* person list item subtitle
---------------------------------------------------------- */

li.person span.subtitle  { 	display: block;
	font-size: 14px; } 
/* story
---------------------------------------------------------- */

.wrapper-date-location-item  { 	margin: 0; } 
.wrapper-date-location  { 	margin: 0 0 18px 0; } 	
	.wrapper-date-location .daterange-coverage,
	.wrapper-date-location .listbox,
	.wrapper-date-location .listbox .list-view-simple,
	.wrapper-date-location .listbox ul,
	.wrapper-date-location .sep  { 		display: inline;
 } 	
	.wrapper-date-location .list li  { 		display: inline;
		float: left;
		margin: 0;
		padding: 0;
 } 
/* figblock
---------------------------------------------------------- */

ul.fig  { 	margin: 0 0 18px 0;
	padding: 0;
	list-style: none; } 
	
	ul.fig li  { 		float: none;
		display: block;
 } 	
		ul.fig li img  { 			float: none;
			display: block;
			margin: 0;
	 } 


/* list item document 
---------------------------------------------------------- */

.doc-icon  { 	display: block;
	float: left; } 
.doc-info  { 	float: left; } 

/* predicate-rest 
---------------------------------------------------------- */
	
.predicate-rest ul.list li  { 	display: inline; } 	
	
	/* Search 
	---------------------------------------------------------- */
		
		/* Search Simple
		------------------------------------------------------ */
	
		.search-simple  { 			float: right;
	 } 		
		.search-simple fieldset  { 			border: none;
			margin: 0;
			padding: 0;
			display: inline;
	 } 		
		.search-simple input.text  { 			float: left;
			margin: 0 3px 0 0;
			padding: 1px;
			width: 100px;
	 } 
		
		
		/* Search Advanced
		------------------------------------------------------ */
		.search-advanced  { 			margin: 0 0 12px;
	 } 
		.search-advanced fieldset  { 			margin: 0;
			padding: 0;
			border: none;	
			clear: both;
	 } 			
		.search-advanced input.checkbox  { 			margin: 0;
			padding: 0;
	 } 		
		.search-advanced p  { 			margin: 0;
			padding: 0;
			display: inline;
	 } 		
		.search-advanced-horizontal div,
		.search-advanced-horizontal label  { 			float: left;
			clear: none;
			margin: 0 3px 0 0;
	 } 		
		.search-advanced-horizontal .form-element-advanced-search  { 			margin-right: 9px; 
	 } 
		
		.search-advanced-horizontal .search-advanced-type label  { 			display: none;
	 } 
		.search-advanced-horizontal select  { 			width: 100px;
	 } 		
		.search-advanced-viewmode-disabled  { 			filter:alpha(opacity=30);
			-moz-opacity: 0.3;
			opacity: 0.3;
			/* display: none !important; */
	 } 
	.dv-small  { 		display: none;
 } 
	

	/* part1
	---------------------------------------------------------- */
	
	.fn  { 		visibility: hidden;
		display: none;
 } 	
	.chapeau .claim-profile  { 		margin: 0 0 0 6px;
 } 	

	/* part2
	---------------------------------------------------------- */
		
		/* intro
		------------------------------------------------------ */
		
		.dv .intro img  { 			float: none;
	 } 
		/* body 
		------------------------------------------------------ */
		
		.body img  { 			float: none;
	 } 
			.body p img  { 				margin-right: 0;
		 } 
		div.download  { 			margin: 0 0 1.5em 0;
	 } 		
			div.download .cc  { 				float: left;
		 } 			
				div.download .cc a  { 					float: left;
					margin-right: .3em;
					height: 18px;
					overflow: hidden;
			 } 		
			div.download .cc .edit-cc  { 				padding: 0;
				display: block;
				overflow: hidden;
				text-indent: -999em;
		 } 			
				div.download .cc-icons1  { width: 13px; } 				div.download .cc-icons2  { width: 28px; } 				div.download .cc-icons3  { width: 43px; } 
	
		
		/* labels 
		------------------------------------------------------ */
		.edit .labels  { 			margin: 2em 0 0 0;
	 } 			
		.label div.q_a  { 			display: block;
			margin: 0 0 2em 0;
	 } 		
		.label div.q_a div.question  { 			display: block;
	 } 		
		.label  { 			margin: 0 0 18px 0;
	 } 		
		/* for now - ticket 4036 */
		.labels-institution  { 			display: none;
	 } 
/* Action logon specific styles 
  (on top of default form elements)
---------------------------------------------------- */

#action-logon-logon form  { 	margin-bottom: 30px; } 
#action-logon-logon .form-inline-elements  { 	margin-bottom: 0; } 
		
/* Wiki: Table of contents
------------------------------------------------------ */

.wikitoc2  { 	margin-left: 1em; } 
.wikitoc3  { 	margin-left: 2em;
	list-style: circle outside; } 
.wikitoc4  { 	margin-left: 3em;
	list-style: square outside; } 
wikitoc5  { 	margin-left: 4em; } 

/* list-view-simple 
------------------------------------------------------ */
.list-view-simple-thing  { } 
	.list-view-simple-thing img  { 		height: 12px;
		width: 12px;
		margin: 0 3px 0 0;
		position: relative;
		float: none;
 } 	
	.page-view .list-view-simple-thing img:hover  { 		height: 55px;
		width: 55px;
		margin: 0 -40px -43px 0;
		z-index: 1;
 } 	
	.edit-page .list-view-simple-thing  { 		width: auto !important;
		margin-right: .25em;
 } 
/* Context
-------------------------------------------------------------- */

	/* connections
	---------------------------------------------------------- */
	
	.connections  { 		margin: 0;
 } 
	.connections .list li.topic,
	.connections .list li.book  { 		float: none
 } 

		
/* avatar
---------------------------------------------------------- */		
		
.avatar  { 	clear: none;
	float: left;
	height: 108px;
	width: 55px;
	overflow: hidden;
	margin: 0 6px 0 0 !important; } 		
	.avatar img  { 		margin: 0 0 2px 0;
		padding: 0;
 } 
			
		.avatar a  { 			display: block;
			border: none;
	 } 
							
		.avatar a:hover  { 			background: #eee;
			color: #666;
	 } 	

	.avatar span  { 		font-size: 11px;
		line-height: 14px;
		word-wrap: break-word;
 } 	
	
	/* fans in sets
	---------------------------------------------------------- */
	
	.set .list-interest-subject h5  { 		display: none;
 } 	
		.set .list-interest-subject ul.list li a  { 			color: #999;
	 } 		
		.set .list-interest-subject ul.list li a:hover  { 			color: #333;
	 } 	

	/* metadata
	---------------------------------------------------------- */
	
	/* by default do not show the header for the tags */
	.list-metadata h5  { 		display: none;
 } 	
	.set ul.metadata  { 		border: none;
		background: none;
		color: #999;
 } 
		.set ul.metadata li a  { 			color: #999;
	 } 	
		.set ul.metadata li a:hover  { 			color: #333;
	 } 	
		.metadata li  { 			display: inline;
			margin: 0;	
	 } 		
		.metadata .selected  { 			font-weight: bold;
	 } 	
	.edit-page .list-metadata h5  { 		display: block;
 } 
		.edit-page .list-metadata button  { 			clear: both;
	 } 
	.edit-page .metadata  { 		background: none;
		border: none;
		padding: 0;
 } 	
		.edit-page .metadata-tag  { 			height: auto;
			margin: 0 .25em 0 0 !important;
	 } 
	/* person page metadata */
	
	.list-metadata-person li,
	.list-metadata-person .list  { 		display: inline;
 } 	
	.list-metadata-person .metadata-person-group  { 		padding: 0 0 0 18px;
		margin: 0 6px 0 0;
		background: #fff url(http://fast.mediamatic.nl/f/sjnh/image/person_metadata.gif) no-repeat 0 -60px;
 } 	
		.list-metadata-person .metadata-person-works_for  { 			background-position: 0 -20px;
	 } 		
		.list-metadata-person .metadata-person-address-info  { 			background-position: 0 0;
	 } 
		.list-metadata-person .metadata-person-keywords  { 			background-position: 0 -40px;
	 } 	
/* Logon / Register
-------------------------------------------------------------- */

.logon-account  { } 
	.logon-account h3  { 		margin-bottom: 4px;
 } 	
	.logon-account label  { 		color: #000;
		font-weight: normal;
		margin: 0;
		padding: 0;
 } 	
	.logon-account-openci hr  { 		margin: 12px 0;
		color: #000;
		background-color: #000;
 } 
	.logon-account select,
	.logon-account input.text  { 		margin: 2px 0;
		line-height: 1;
		padding: 2px 2px 2px 4px; 
 } 	
	#sistersite select  { 		padding: 1px 2px;
		width: 330px;
 } 
/*
#sistersite  { 	background: #fff url(http://fast.mediamatic.nl/f/sjnh/image/openci14.gif) no-repeat 0 9px; } 	
	#sistersite select  { 		background: none;
		padding: 1px 2px;
		margin-left: 18px;
		width: 330px;
 } */	

.openid-form  { 	padding: 6px 6px 6px 24px;
	width: 300px;
	margin: 6px 6px 6px 0;
	border: 1px solid #bbb; 
	background: #f6f6f6 url(http://fast.mediamatic.nl/f/sjnh/ima/openid-large.jpg) left no-repeat; } 
	.logon-account .logon  { 		width: 83% !important;
 } 
.register fieldset p  { 	float: left;
	margin-right: 12px; } 
.logon fieldset input.text,
.register fieldset input.text  { 	width: 320px; } 
.register fieldset  { 	margin: 0 0 18px; } 
.register fieldset p  { 	margin: 0 9px 0 0; } 
.register fieldset p.error  { 	float: none; } 
/* footer
-------------------------------------------------------------- */

	/* activity
	---------------------------------------------------------- */
	
	.activity  { 		margin: 0 0 6px 0;
 } 
		.activity a img,
		.design-by a img  { 			border: none;
	 } 		
		.activity span.edit-cc  { 			float: left;
			padding-right: 6px;
	 } 			
		.activity .cc a  { 			padding: 0 6px 0 0;	
	 } 
/* edit-page
-------------------------------------------------------------- */

.edit-page h5  { 	display: none; } 
	.edit-connection-box h5,
	.edit-page #address h5,
	.edit-page #bio h5  { 		display: block;
 } 
.edit-page .dv-title  { 	margin: 0 0 18px; } 
	.edit-page .trustgroup .editinplace-active p  { 		margin: 0 0 6px 0;
 } 
.trustgroup  { 	margin: 0 0 18px 0;
	background: #fbfbfb;
	border: 1px solid #e7e7e7;
	padding: 4px; } 
	.trustgroup p  { 		margin: 0;
 } 	
	.trustgroup-header  { 		display: block;
		float: left;
		width: 100px;
		margin: 0 6px 0 0;
		color: #999;
 } 	
		.trustgroup-phone .trustgroup-header  { 			width: 80px;
	 } 
	.trustgroup .trust-action  { 		text-align: right;
		color: #999;
		font-size: 12px;
 } 	
	.trustgroup .trust-action a.button  { 		float: none;
		display: inline;
		margin: 0;
 } 	
	/* overrule display block in address edit blocks */
	.trustgroup span.do_editinplace  { 		display: inline;
 } 
	.trustgroup input.text  { 		width: 170px !important;
		float: left;
		margin: 0 3px 0 0;
 } 	
	.trustgroup-email input.text,
	.trustgroup-website input.text  { 		width: 55% !important;
 } 	
		.trustgroup select  { 			width: 180px;
			margin: 0;
	 } 
	.trustgroup-birth-decease .trustgroup-header  { 		width: auto;
 } 
	.trustgroup-birth-decease p  { 		margin: 0 0 12px;
 } 
	.trustgroup-birth-decease select  { 		width: 260px !important;
 } 		
	.place_on_map  { 		margin: 12px 0;
 } 	
	.edit-page #sidebar button ul.fig,
	.edit-page ul.fig li  { 		margin-bottom: 18px;
		float: none;
 } 

	.edit-page ul.fig li.link-fig  { 		margin-bottom: 0;
 } 
	
	.edit-page button.button-datepicker,
	.edit-page .button-cc, 
	.button-fig  { 		border: none;
		padding: 0 0 2px 0;
 } 	
	.edit-page a.button-datepicker  { 		border: none;
 } 	
		.button-fig  { 			background: #fff url(http://fast.mediamatic.nl/f/sjnh/image/camera.jpg) no-repeat left top;
			height: 18px;
			margin: 0 0 18px 0;
			padding: 0;
			text-indent: 26px;
			color: #999;
	 } 		
		.button-fig:hover  { 			background: #fff url(http://fast.mediamatic.nl/f/sjnh/image/camera.jpg) no-repeat left bottom;
			border: none;
			color: #666;
	 } 
		.edit-page .button-cc img  { 			margin: 0;
			width: auto;
			height: 14px;
	 } 
		.edit-page .button-datepicker:hover  { 			border: none;
	 } 		
		.button-fig img  { 			margin: 0;
			width: 25px;
			height: 20px;
	 } 		
	.edit-page .list-head-wrapper h5  { 		float: left;
		margin: 0 6px 0 0;
 } 	
	.edit-page .chapeau  { 		margin: 0 .25em 6px 0;
		float: none;
 } 	
	.edit-page .chapeau-button-wrap  { 		width: 100%;
 } 	
		.edit-page .chapeau-button-wrap .chapeau  { 			margin: 0;
			float: left;
	 } 	
	.edit-page .chapeau-button-wrap a.button  { 		float: right;
		margin: 0;
 } 	
	.edit-page #header  { 		height: auto;
		margin: 0 0 18px;
 } 	
	.edit-page .connections .list li  { 		float: left;
 } 
	.edit-page .list-view-simple li  { 		color: #999;
		float: left;
		height: auto;
		margin: 0 3px 0 0 !important;
 } 
	.edit-page .listbox.list-setmember  { 		border: none !important;
 } 
		.edit-page .list-setmember li  { 			border: 1px solid #ddd;
			margin: 0 0 24px !important;
			padding: 6px;
	 } 	
	.edit-page .daterange-coverage,
	.edit-page .edit_blog_posting  { 		margin: 0 0 18px 0;
		background: #fbfbfb;
		border: 1px solid #e7e7e7;
		padding: 3px;
 } 	
	.edit-page .listbox ul,
	.edit-page .daterange-coverage ul,
	.edit-page .edit_blog_posting ul,
	.edit-page .list-head-wrapper  { 		float: left;
 } 	
	.edit-page .list-date-edge-item ul  { 		float: none;
 } 	
	.edit-page .list-date-edge-item  { 		margin: 0 0 18px 0;
		background: none;
		border: none;
		padding: 0;
 } 	
	.edit-page .list-date-edge-item ul li.location-item  { 		margin: 0 0 18px 0 !important;
		background: #fbfbfb;
		border: 1px solid #e7e7e7;
		padding: 6px;
 } 	
	.edit-page .location-item-edit-buttons  { 		margin: 6px 0 0 0;
 } 	
	.edit-page .daterange-coverage  { 		display: block;
 } 
		.edit-page .daterange-coverage h5  { 			display: block;
	 } 
		li .daterange-coverage .daterange  { 			margin: 0;
	 } 
		.daterange-coverage span  { 			display: inline;
			height: auto;
			float: none;
			margin: 0;
			padding: 0;
			border: none;
	 } 
		.edit-page .list-author  { 			margin: 0;
	 } 		
		.edit-page .edit_blog_posting p  { 			clear: both;
			margin: 0;
	 } 		
		.edit-page .edit_blog_posting hr  { 			display: none;
	 } 	
	.edit-page .daterange  { 		color: #999;
 } 
	.edit-page .dv .body,
	.edit-page .dv .intro  { 		margin: 0 0 18px 0;
		clear: both;
 } 	
	.edit-page h5.location-predicate  { 		margin: 0;
		display: block;
 } 
	.edit-page .list-located_in ul,
	.edit-page .list-author ul,
	.edit-page .list-actor ul,
	.edit-page .list-located_in ul,
	.edit-page .list-interest ul,
	.edit-page .list-about ul,
	.edit-page .list-works_for ul,
	.edit-page .list-lived ul,
	.edit-page .list-member ul,
	.edit-page .list-resource ul,
	.edit-page .list-visitor ul,
	.edit-page .list-setmember ul,
	.edit-page .predicate-rest ul  { 		float: left;
 } 
	.edit-page.story .list-located_in  { 		float: none;
		display: block;
 } 	
	/* wrap around internal float */
	.edit-page .list-about  { 		overflow: hidden;
 } 	
	.edit-page ul.fig  { 		margin: 0;
 } 	
	input#max_attendance  { 		float: left;
		padding: 1px 5px; 
		width: 30px;
 } 	
	#max_attendance_label  { 		display: block; 
		float: none; 
		width: auto;
 } 	
	/* show first add attachment button only for persons */
	.figblock01 .link-fig  { 		display: none;
 } 
	/* show second add attachment button only for persons */
	
	.figblock02 .link-fig  { 		display: none;
 } 
		.person .figblock02 .link-fig  { 			display: block;
	 } 

	.sortable-item  { 		background: none;
		float: none;
		list-style: none;
		text-align: left;
		width: auto;
 } 			
	.sortable-item-placeholder  { 		padding: 0;
		margin: 12px 0;
		float: none !important;
		background: #f00;
		list-style: none;
		height: 2px;
 } 	
		.list-view-simple .sortable-item-placeholder  { 			background: '#f00';
			display: inline !important;
			padding-left: 2px;
			height: 1em;
	 } 	
		.dragging  { 			outline: 1px dotted #000;
			background: #fff;
			display: block;
	 } 		
	.tooltip-marker  { 		font-weight: normal;
		color: #f00;
		cursor: help;
 } 

/* making a new thing 
-------------------------------------------------------------- */

#nn0 h1  { 	padding-left: 0px; } 
#nn0 input  { 	margin: 2px 0;
	width: 96%; } 
#nn0_overlay  { 	position: absolute;
	z-index:100;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	min-height:100%;
	background-color: #ccc;
	filter:alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3; } 

/* block users
-------------------------------------------------------------- */

.btn-disabled, .btn-disabled:hover  { 	color: #ccc !important;
	background: #fff !important;
	cursor: default !important;
	border: 1px solid #ccc !important; } 
.dv .action-offensive  { 	border: none;
	padding: 2px 0 0 0; } 
.dv .action-offensive:hover  { 	background: #fff;
	color: #666; } 

/* manage my things
-------------------------------------------------------------- */

.managemythings td  { 	padding: 9px; } .managemythings td.edit  { 	width: 30%; } 

/* module openid
-------------------------------------------------------------- */

/* hide header and footer */

.page-module-openid-provider-logon #header,
.page-module-openid-provider-logon #footer  { 	display: none; } 
.page-module-openid-provider-logon #wrapper-content  { 	margin-top: 18px; } 

/* module message
-------------------------------------------------------------- */

.module-message .menu  { 	margin-bottom: 18px;	 } 
.module-message-link  { 	float: left; } 
.module-message-link span  { 	display: block;
	margin: 2px 6px 0 0;  } 
.module-message-list-notread td  { 	font-weight: bold; } 
.module-message-recipient-box  { 	margin: 0 0 18px 0; } 
.module-message-recipient  { 	background: #eee;
	border: 1px solid #aaa;
	-moz-border-radius: 6px;
	padding: 3px; } 
.module-message-edit-form p  { 	margin: 0 0 6px 0; } 
/* module contact
-------------------------------------------------------------- */

.module-contact-link  { 	float: left; } 
.module-contact-link span  { 	display: block;
	margin: .1em .3em 0 0;  } 
.module-contact-list td.prs  { 	width: 10%; } 
.module-contact-list td.cnt  { 	width: 60%; } 
.module-contact-list td.cnf  { 	width: 30%; } 
/* module snapshot
-------------------------------------------------------------- */

.module-snapshot-lbox-addtext div  { 	float: left; } 
.module-snapshot-lbox-addtext img  { 	margin-right: 1em; } 
.module-snapshot-lbox-addtext input.text,
.module-snapshot-lbox-addtext textarea  { 	width: 300px; } 
.module-snapshot-lbox-addtext textarea  { 	height: 118px; } 

/* accordion
-------------------------------------------------------------- */

div.acc-title  { 	cursor: pointer;
	background: #f00 url(http://fast.mediamatic.nl/f/sjnh/image/accordion.gif) 0px -6px no-repeat;
	color: #fff;
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
	padding: 2px 6px 2px 22px;
	border-bottom: 4px solid #fff; } 
div.acc-title:hover  { 	background: #f00 url(http://fast.mediamatic.nl/f/sjnh/image/accordion.gif) 2px -230px no-repeat; } 
div.acc-content-open  { 
	background: #f00 url(http://fast.mediamatic.nl/f/sjnh/image/accordion.gif) 2px -230px no-repeat;  } 
div.acc-content-open:hover  { 	background: #f00 url(http://fast.mediamatic.nl/f/sjnh/image/accordion.gif) 2px -114px no-repeat;  } 
.acc-content-inside  { 	padding: 1em;
	border: 1px solid #000;
	margin-bottom: 4px; } 
	.acc-content-inside fieldset  { 		margin: 0 0 12px 0;
		padding: 0;
		border: none;
 } 
.acc-content  { 	padding: 0;
	margin: 0; } 
.acc-login-left  { 	float: left;
	width: 433px; } 

/* nonauthoritative 
-------------------------------------------------------------- */

/* show only the img */
img.nonauthoritative-icon  { 	float: none !important;
	margin: 0 0 0 2px !important;
	padding: 0 !important;
	width: 11px !important;
	height: 11px !important; } 
a:hover img.nonauthoritative-icon:hover,
a img.nonauthoritative-icon:hover  { 	width: auto !important;
	height: auto !important; } 
ul.fig img.nonauthoritative-icon  { 	display: inline; } 
/* show link and img */
a.nonauthoritative-link  { 	display: inline !important; } 

/*	Editor Toolbar
-------------------------------------------------------------- */

.editinplace-input  { 	background: none !important; } 
.ui-wrapper  { 	padding: 0 !important;
	margin: 0 0 18px 0 !important;
	width: 100% !important;
	background: none !important; } 
	.ui-wrapper textarea  { 		border: solid #e0e0e0;
		border-width: 0 1px 1px 1px;
		position: relative;
		top: -2px;
		background: none !important;
		padding: 0 0 0 5px; /* padding right causes weirdness when overflowing */
 } 	
	* html .ui-wrapper textarea  { 		_width: 98% !important;
 } 
.toolbar  { 	background: #f8f8f8;
	border: 1px solid #e0e0e0;
	border-right-color: #ccc;
	border-bottom-color: #ccc;
	padding: 0;
	margin: 0;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 6px; } 	
	.edit-page .toolbar button  { 		float: none;
		display: inline;
		margin: 5px 0 5px 5px;
 } 	
/*
	.edit-page .toolbar button:active,
	.edit-page .toolbar button:focus,
	.edit-page .toolbar button:hover  { 		color: #333;
		border: 1px solid #bbb;
		border-right-color: #e0e0e0;
		border-bottom-color: #e0e0e0;
		background: #fff;
 } */
	.youtube_form_wrapper,
	.link_form_wrapper  { 		padding: 6px;
 } 	
		.youtube_form_wrapper input,
		.link_form_wrapper input  { 			width: 150px;
			font-size: 11px;
			color: #444;
			margin: 0 .25em 0 0;
	 } 		
			.youtube_form_wrapper button,
			.link_form_wrapper button  { 				float: none;
				display: inline;
		 } 	
	.wysiwyg-help  { 		float: right !important;
		margin: -25px 6px 0 !important;
 } 	

/*	sIFR
-------------------------------------------------------------- */

.sIFR-flash  { 	visibility: visible !important;
	margin: 0;
	padding: 0; } 
.sIFR-replaced, .sIFR-ignore  { 	visibility: visible !important; } 
.sIFR-alternate  { 	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden; } 
.sIFR-replaced div.sIFR-fixfocus  { 	margin: 0px; 
	padding: 0px; 
	overflow: auto; 
	letter-spacing: 0px; 
	float: none; } 
.sIFR-active object  { 	display: block; } 
.sIFR-dummy  { 
	width: 0px;
  	height: 0px;
  	margin-left: 42px !important;
  	z-index: 0; } 

/* menu-editable
---------------------------------------------------------------- */

.menu-editable div.action  { 	display: inline;
	float: left;
	padding: 2px 0; } 
.save-this-page  { 	padding-top: 2px;
	float: left; } 
.menu-editable button  {     color: #f00;
    background-color: #fff; } 
	.menu-editable button:hover  {         color: #fff;
        background-color: #f00;
 } 
.menu-editable p.edit-cc,
.menu-editable p.edit-trust  { 	line-height: 14px;
	margin-top: 5px; } 
	.isGecko.isWin .menu-editable p.edit-cc,
	.isGecko.isWin .menu-editable p.edit-trust  { 		line-height: 14px;
 } 
.edit-cc  { 	background-repeat: no-repeat;
	background-position: 0 40%; } 
label .edit-cc  { 	float: left; } 
.cc-icons1,
.menu-editable p.cc-icons1  { 	padding-left: 18px;	 } 
.cc-icons2,
.menu-editable p.cc-icons2  { 	padding-left: 33px;	 } 
.cc-icons3,
.menu-editable p.cc-icons3  { 	padding-left: 48px;	 } 
.cc-by-nc-nd	 { background-image: url(http://fast.mediamatic.nl/f/sjnh/image/cc/gray/by-nc-nd.png); } .cc-by-nc-sa	 { background-image: url(http://fast.mediamatic.nl/f/sjnh/image/cc/gray/by-nc-sa.png); } .cc-by-nc		 { background-image: url(http://fast.mediamatic.nl/f/sjnh/image/cc/gray/by-nc.png); } .cc-by-nd		 { background-image: url(http://fast.mediamatic.nl/f/sjnh/image/cc/gray/by-nd.png); } .cc-by-sa		 { background-image: url(http://fast.mediamatic.nl/f/sjnh/image/cc/gray/by-sa.png); } .cc-by			 { background-image: url(http://fast.mediamatic.nl/f/sjnh/image/cc/gray/by.png); } .cc-cr			 { background-image: url(http://fast.mediamatic.nl/f/sjnh/image/cc/gray/cr.png); } .cc-pd			 { background-image: url(http://fast.mediamatic.nl/f/sjnh/image/cc/gray/pd.png); } 
.menu-editable p.cc-by-nc-nd	 { background-image: url(http://fast.mediamatic.nl/f/sjnh/image/cc/white/by-nc-nd.png); } .menu-editable p.cc-by-nc-sa	 { background-image: url(http://fast.mediamatic.nl/f/sjnh/image/cc/white/by-nc-sa.png); } .menu-editable p.cc-by-nc		 { background-image: url(http://fast.mediamatic.nl/f/sjnh/image/cc/white/by-nc.png); } .menu-editable p.cc-by-nd		 { background-image: url(http://fast.mediamatic.nl/f/sjnh/image/cc/white/by-nd.png); } .menu-editable p.cc-by-sa		 { background-image: url(http://fast.mediamatic.nl/f/sjnh/image/cc/white/by-sa.png); } .menu-editable p.cc-by			 { background-image: url(http://fast.mediamatic.nl/f/sjnh/image/cc/white/by.png); } .menu-editable p.cc-cr			 { background-image: url(http://fast.mediamatic.nl/f/sjnh/image/cc/white/cr.png); } .menu-editable p.cc-pd			 { background-image: url(http://fast.mediamatic.nl/f/sjnh/image/cc/white/pd.png); } 

/* menu-path 
---------------------------------------------------------------- */

.menu-path  { 	display: none; } 	
	ul.menu-path  { 		margin: 0 0 18px 0;
		color: #999;
 } 
	
	ul.menu-path li a  { 		color: #999;
		border-bottom: none;
 } 	
		ul.menu-path li a:hover  { 			color: #666;
			border-bottom: none;
	 } 	
		ul.menu-path li span.active  { 			color: #000;
	 } 

/* edit page help-functions
---------------------------------------------------------------- */

.help-area-wrapper  { 	display: none; } 
	.help-area  { 		padding: 2px 2px 2px 25px;
		background: #fff8cc url(http://fast.mediamatic.nl/f/sjnh/image/info.png) no-repeat 5px 5px;
		width: auto;
		border: 1px solid #ddd;
		margin: 0 0 18px 0;
 } 		
		.help-area p  { 			margin: 0;
			padding: 0;
			color: #000;
	 } 
/* pubstate classes
---------------------------------------------------------------- */

.pubstate9  { 	text-decoration: line-through; } 
/* events info page
---------------------------------------------------------------- */

/* for now */
.event-opening-wrapper  { 	display: none; } 
.event-info-left  { 	float: left;
	margin: 0 12px 0 0; } 
.event-info-date_end  { 	display: none; } 
.event-info-event-opening  { 	display: none; } 
.date-wrapper  { 	background: #f2f2f2;
	border: 1px solid #ddd;
	padding: 6px 0 6px 6px; } 
.event-date-wrapper,
.event-opening-wrapper,
.event-location-wrapper  { 	margin: 0 0 18px 0; } 
.event-expl,
.event-expl-header,
.event-expl-error,
.ui-datepicker-status  { 	color: #666;
	font-size: 12px;
	margin: 0; } 
	.event-expl-header  { 		color: #000;
 } 	
	.event-expl-error  { 		color: #f00;
 } 
.error p  { 	margin: 0; } 
.listbox hr  { 	background-color: #999; } 
.date-start-time  { 	display: none; } 
.event-start-time  { 	display: none; } 
.event-info-new-thing  { 	display: none;
	background: #f2f2f2;
	border: 1px solid #ddd;
	padding: 12px;
	margin: 12px 0 0 0; } 
.event-info-new-thing-loading  { 	background: #f2f2f2 url(http://fast.mediamatic.nl/f/sjnh/image/throbberwait.gif) no-repeat scroll 19% 92% !important; } 
.event-info-new-thing .no-selection  { 	display: none; } 

/* forum-activity
--------------------------------------------------------- */	
		
.num-reactions  { 	padding: 0 0 0 .4em; /* simulate a space, we cannot do it with spaces and display:inline because they are ignored in IE */
	display: inline;
	white-space: nowrap; } 
.dv .num-reactions  { 	padding: 0; } 
/* inactive styles could also be put in num-reactions */
.reactions-inactive  { 	color: #000; } 	
.reactions-active  { 	color: #f00; } 
.forum .list-interest-subject h5  { 	display: block; } 		
/* edit attachment page 
---------------------------------------------------------------- */
	
	.edit_attachment_wrapper  { 		margin-bottom: 18px;
 } 	
	.attachment_actors  { 		clear: left;
 } 	
	.attachment_actors h5  { 		display: block;
		clear: left;
		line-height: 2;
		color: #000;
 } 	
	.attachment_actors ul  { 		margin-bottom: 0;
		float: none;
 } 	
	.attachment_actors ul li  { 		float: none;
		white-space: nowrap;
 } 	
	.attachment_content  { 		margin: 0 0 18px;
 } 	
	.attachment_content .help-text  { 		display: none;
		width: auto;
 } 	
	.attachment_content button  { 		margin-top: 10px;
 } 	
	.edit-page .add_att_simple  { 		clear: both;
 } 	
	.attachment_actors .unlink-confirm  { 		border: 1px solid #000;
 } 	
	.attachment_actors .listbox  { 		background: none;
		border: 0;
		padding: 0;
 } 	
	.actors-without-annotations  { 		background: #f1f1f1;
		padding: 5px;
 } 	
	.replace_image_form  { 		display: none;
		margin-bottom: 18px;
 } 	
	button.replace_image_form_button  { 		margin-bottom: 18px;
 } 
/* help text 
---------------------------------------------------------------- */	
	
	div.help-text  { 		background-color: #fff8cc;
		width: 100%;
 } 	
		.help-text p  { 			margin: 0;
			padding: 0 6px;
			color: #000;
			border: 1px solid #ddd;
			font-size: 11px !important;
			height: auto;
			line-height: 2;
			font-style: normal;
	 } 		
		p.help-text  { 			clear: both;
			margin: 0;
			padding: 4px 6px 5px 23px;
			color: #000;
			border: 1px solid #ddd;
			font-size: 11px !important;
			height: auto;
			line-height: 1.3;
			font-style: normal;
			background: #fff8cc url(http://fast.mediamatic.nl/f/sjnh/image/info.png) no-repeat 3px 3px;
	 } 

/* ikrip 
---------------------------------------------------------------- */	

a.ikrip-logo  { 	border: none; } 
a.ikrip-logo:hover  { 	border: none;
	text-decoration: none; } 
/* search dropdown
---------------------------------------------------------------- */	
#dropdown-outside  { 	position: relative;
	float: left;
	font-size: 14px;
	margin-right: 8px;
	width: 10em;
	z-index: 500; /* cover gmaps (contains high z-index values) and sifr */ } 
#dropdown-inside  { 	border: 1px solid #bbb;
	height: 18px;	
	padding: 0;
	overflow: hidden;
	background: #fff;
	width: 10em;
	background: #fff url(http://fast.mediamatic.nl/f/sjnh/image/search-filter-dropdown.gif) no-repeat 100% 0; } 
#dropdown-inside.expanded  { 	border-color: #666; } 
#dropdown-inside ul  { 	border-top: 1px solid #666;
	height: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden; } 
#dropdown-current,
#dropdown-inside li  { 	margin: 0;
	padding: 0 23px 0 5px;
	height: 18px;
	cursor: pointer;
	text-transform: lowercase; } 
#dropdown-inside li  { } 
#dropdown-inside li.hover,
#dropdown-inside li.selected  { 	background: #eee;	 } 
#dropdown-inside ul:hover li.selected  { 	background-color: transparent;	 } 

/* images in body text
----------------------------------------------------------- */
.inline-image-wrapper,
.inline-image-wrapper img  { 	display: block;
	margin: 0; } 
	.inline-image-wrapper > a  { 		border: none;
 } 	

/* media in narrow columns
---------------------------------------------------- */
.span-20 object.wiki-youtube,
.span-20 embed.wiki-youtube  { 	width: 310px;
	height: 264px; } 
.span-20 object.wiki-vimeo,
.span-20 embed.wiki-vimeo  { 	width: 310px;
	height: 174px; } 
.span-20 object.wiki-slideshare,
.span-20 embed.wiki-slideshare  { 	width: 310px;
	height: 259px; } 
/* status messages
---------------------------------------------------- */

body.person .dv-title h1  { 	float: left; } 
	.edit-page .dv-title h1  { 		float: none !important;
 } 
.add-status-message-wrapper input.loading  { 	height: auto;
	background-position: 99% 50% !important } 
.add-status-message-wrapper  { 	clear: both; } 
#status-message-wrapper .status-editable:hover  { 	background: #fff8cc;
	cursor: pointer; } 
#add-status-massage  { 	margin: 24px 0 0 12px;	 } 

/* ie6 notice
----------------------------------------------------------- */

#ie6-upgrade  { 	padding: 5px 10px; } 
#ie6-upgrade h4  { 	color: #000;
	font-weight: bold; } 
#ie6-upgrade a  { 	color: #000;
	text-decoration: underline;
	border: none; } 
	#ie6-upgrade a:hover  { 		border: none;
		color: #444;
 } 	
	
/* list question in poll 
------------------------------------------------------------- */

.page-view .list-question .dv  { 	margin: 0 0 12px; } 
.page-view .list-question li  { 	margin: 0 0 12px;
	color: #4D4D4D; } 
.page-view .list-question li input  { 	margin: 0 6px;
	float: left } 
.page-view .list-question li label  { 	display: table; } 
/* address */

#address address,
#address .address  { 
	margin: 0 0 18px;   } 
#address address p,
#address .address p  { 
	margin: 0;  } 
/* bio */

#bio  { 
	margin: 0 0 18px;   } 
.bio .bio-header  { 	display: none; } 
#bio p  { 
	margin: 0;  } 
.edit-page .trustgroup-decease  { 	margin-top: 6px; } 
.bio-name span  { 	margin: 0 3px 0 0; } 
/* bio for persons (not users) */
.dv .period-location-person  { 	margin: 0 0 12px; } 
.dv .bio,
.dv .bio p,
.list-view-item div.bio  { 	display: inline; } 
ins  { background-color:lightgreen;
	text-decoration: none;
 } /* del  { background-color:orange; } */
/* -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default typography.
      
-------------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body  { 
  font-size: 11pt;
  color: #000; 
  background: #fff;
  font-family: Georgia, Times, serif;
  line-height: 16pt;
 } 
/* menu */

.menu li,
.menu li a,
h5.pager  { 
	font: 14px/18px Georgia, Times, serif;
 } 

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6  { font-weight: normal; color: #000; font-style: italic;}

h1  { font-size: 50pt; 	line-height: 54pt; } 
h2  { font-size: 18pt; 	line-height: 22pt; } 
h3  { font-size: 15pt; 	line-height: 16pt; } 
h4  { font-size: 15pt;	line-height: 20pt; } 
h5  { font-size: 10pt; 	line-height: 15pt; } 					

h6  { 
	background: #7f7f7f;
	color: #fff;
 	font-size: 12pt;
	font-style: italic;
	font-weight: normal;
	margin-bottom: 6pt;
	padding: 1px 0;
 } 

.dv-small h3  { 
	font-size: 20px; 
	line-height: 21.3px;
	margin: 0;
 } 

h5  { 
	color: #099; 
	font-style: italic; 
 } 

.edit-page .body h5  { 
	display: block;
 } 

h5 a  { 
	color: #099; 
	font-style: italic;
 } 

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img  { 
  margin: 0;
 } 

.dv-title h1,
.dv-title h2  { 
	margin: 0;
 } 

.listpublish h3 a  { 
	border: none;
 } 

.listpublish h3 a:hover  { 
	border-bottom: 1px solid #000;
 } 

.event h1, 
.person h1  { 
	font-style: normal;
 } 

h3 a  { 
	border: none;
 } 
.source-title  { 
    padding: 0 2px; 
    white-space: nowrap; 
 } 
 	

li .intro p  { 
	margin: 0;
	color: #8c8c8c;
	font-size: 9pt;
	line-height: 12pt;
	font-style: normal;
	display: inline;
 } 
	

/* metadata person
---------------------------------------------------------- */

.list-metadata-person li,
.list-metadata-person li a  { 
	color: #8e8e8e;
	font-style: italic;
 } 

/* Text elements
-------------------------------------------------------------- */

p             			   { margin: 0 0 1em 0;}
p img					   { float: left;  margin: 3px 6px 0 0; padding: 0; } 
p img.right, li img.right  { float: right; margin: 3px 0 0 6px; } 

a:focus, 
a:hover      { color: #000; border-bottom: 1px solid  #000; text-decoration: none;}
a            { color: #000; border-bottom: 1px dotted #bbb; text-decoration: none; } 

blockquote   { margin: 1em; color: #666; font-style: italic; } 
strong       { font-weight: bold; } 
em,dfn       { font-style: italic; } 
dfn          { font-weight: bold; } 
sup, sub     { line-height: 16pt; } 

abbr, 
acronym      { border-bottom: 1px dotted #666; } 
address      { margin: 0 0 1.5em; font-style: italic; } 
del          { color:#666; } 

pre,code     { margin: 1em 0; white-space: pre; } 
pre,code,tt  { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol        { margin: 0 1em; } 
ul, ol       { margin: 0 1em 1em 1em; } 

ul           { list-style-type: disc; } 
ol           { list-style-type: decimal; } 

dl           { margin: 0 0 1em 0; } 
dl dt        { font-weight: bold; } 
dd           { margin-left: 1em;}


.list-view-item li h4 .date-edge-item-person  { 
	display: block; 
 } 
 	       
.list-view-item li h4 .date-edge-item-person .person-born-deceased-sep  { 
	margin: 0 3px; 
 } 

.list-view-item .li-title-no-subtitle  { 
	margin: 0 0 3px; 
 } 


/* Tables
-------------------------------------------------------------- */

table  { 
	margin: 0 0 18px 0; 
	width: 100%; 
 } 

th  { 
	font-weight: normal; 
	background: #E20074; 
	color: #fff;
	font-size: 14px;
	padding: 0 9px 0 3px; 
 } 

td  { 
	padding: 3px 9px 9px 3px; 
	border-bottom: 1px dotted #ccc;
 } 

	td .listbox  { 
		margin: 0;
 } 

tr.even td  { 
	background: #eee; 
 } 

tfoot  { 
	font-style: italic; 
 } 

caption  { 
	background: #eee;
 } 

/* Misc classes
-------------------------------------------------------------- */

.small       { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; } 
.large       { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; } 
.hide        { display: none; } 

.quiet       { color: #666; } 
.loud        { color: #000; } 
.highlight   { background:#ff0; } 
.added       { background:#060; color: #fff; } 
.removed     { background:#900; color: #fff; } 

.first       { margin-left:0; padding-left:0; } 
.last        { margin-right:0; padding-right:0; } 
.top         { margin-top:0; padding-top:0; } 
.bottom      { margin-bottom:0; padding-bottom:0; } 


/* wiki
-------------------------------------------------------------- */

.wiki h1  { font-size: 50pt; 	line-height: 50pt; margin: 0 0 4pt 0; } 
.wiki h2  { font-size: 18pt; 	line-height: 18pt; margin: 0 0 4pt 0; } 
.wiki h3  { font-size: 15pt; 	line-height: 18pt; margin: 0 0 4pt 0; } 
.wiki h4  { font-size: 12pt;		line-height: 18pt; margin: 0 0 4pt 0; } 
.wiki h5  { font-size: 11pt; 	line-height: 15pt; margin: 0 0 4pt 0; } 					

/* Header
-------------------------------------------------------------- */

#header  { 
	margin: 0 0 16pt;
 } 

/*
menu	
	default / personal / edit / navigation

	background
	color
	
		hover
			background
			color
		
	submenu
		background	
		color
	
		hover
			background
			color
























*/

/* menu's
---------------------------------------------------------- */

/*
	menu-personal
		menu-auth
		menu-membership
	menu-nav
	menu-language
	menu-theme
*/

.menu  { 
	list-style: none;
	margin: 0;
 } 

	.menu li  { 
		float: left;
 } 

		.menu li  { 
			margin: 0 12px 0 0;
	 } 

		.menu li a  { 
			display: block;
			border: none;
			padding: 0;
	 } 

			.menu li a:focus,
			.menu li a:hover  { 
		 } 

		.menu li img  { 
			margin: 0;
	 } 
	
	/* sub navigation */
	.menu li ul li  { 
		float: none;
		display: block;
 } 

	.menu li ul.ul-lvl-1  { 
		display: none;
 } 


/* menu personal (top bar - auth navigation and membership)
---------------------------------------------------------- */
	
.nav-personal-wrapper  { 
	background: #E20074;
	position:relative; 
 	z-index:501;
 } 

.menu-auth  { 
	float: left;
 } 

.menu-membership  { 
	float: right;
 } 

	.menu-auth li.li-pos-1 a  { 
		background: url(http://fast.mediamatic.nl/f/sjnh/image/menu-icon.png) no-repeat 4px -263px;
		overflow: hidden;
		padding-left: 24px;
 } 
	
/*
		.menu-auth li.li-pos-1 a:hover  { 
			background: #eff0f1 url(http://fast.mediamatic.nl/f/sjnh/image/menu-icon.png) no-repeat 4px -319px;
	 } 
*/
		
	.nav-personal-wrapper li  { 
		margin: 0;
 } 

	.nav-personal-wrapper li a  { 
		color: #fff;
		padding: 3px 12px;
 } 

		.nav-personal-wrapper li a.selected,
		.nav-personal-wrapper li a:hover,
		.nav-personal-wrapper li a:focus  { 
			background-color: #eff0f1;
			color: #E20074;
	 } 
	

/* menu editable (view page) / menu edit (edit page)
---------------------------------------------------------- */

.menu-editable  { 
	background: #b20c54 url(http://fast.mediamatic.nl/f/sjnh/image/menu-icon.png) no-repeat 4px -150px;
	overflow: hidden;
	padding-left: 24px;
 } 
		
	/*.menu-editable:hover  { 
		background: #b20c54 url(http://fast.mediamatic.nl/f/sjnh/image/menu-icon.png) no-repeat 4px -206px;
	}*/

	.menu-editable button,
	.menu-editable a.button-editable  { 
		color: #b20c54;
		background: #fff;
		border: 1px solid #b20c54;
 } 
		
	@media screen and (-webkit-min-device-pixel-ratio:0) { 
		.menu-editable button  { 
			line-height: 16px;
	 } 
 } 
		
	.menu-editable button:hover,	
	.menu-editable a.button-editable:hover  { 
		color: #fff;
		background: #b20c54;
		border: 1px solid #fff;
 } 
	
	.menu-editable p.buttons  { 
		padding: 2px 0;
		margin: 0;
		border-right: none;
 } 
	
	.menu-editable p  { 
		margin: 0;
		float: left;
		display: inline;
		margin: 6px 6px 0 0;
		padding: 0 6px 0 0;
		color: #fff;
		font-weight: normal;
		font-size: 13px;
		line-height: 15px;
 } 

	.menu-editable p img  { 
		float: left;
		margin: 0 1px 0 0;
		padding: 0;
 } 

.menu-edit-wrapper  { 
	background: #b20c54;
	color: #fff;
	padding: 6px;
 } 

	.menu-edit-part1  { 
		margin: 0 0 6px;
 } 
	
		.menu-edit-part1 li  { 
			padding: 0 6px 0 0;
			margin: 0;
	 } 
		
		.menu-edit-part1 button img  { 
			width: auto;
			height: auto;
			padding: 0;
			margin: 0;
	 } 

.menu-editable p.edit-cc  { 
	margin:5px 6px 5px 0;
 } 
	
		
/* menu navigation (navigation including simple-search)
---------------------------------------------------------- */

.nav-search-wrapper  { 
	background: #000;
	position:relative; 
 	z-index: 500;
 } 
	
.menu-nav  { 
	float: left;
	margin: 0;
	padding: 0;
 } 

	.menu-nav li  { 
		margin: 0;
 } 

	.menu-nav li.li-pos-1 a.selected,
	.menu-nav li.li-pos-1 a  { 
		background: url(http://fast.mediamatic.nl/f/sjnh/image/menu-icon.png) no-repeat 4px -39px;
		color: #fff;
		overflow: hidden;
		padding-left: 24px;
 } 

		.menu-nav li.li-pos-1 a:hover  { 
			background: #eff0f1 url(http://fast.mediamatic.nl/f/sjnh/image/menu-icon.png) no-repeat 4px -95px;
	 } 

	.menu-nav li a  { 
		color: #fff;
		padding: 3px 12px;
 } 

		.menu-nav li a.selected,
		.menu-nav li a.selected:hover,
		.menu-nav li a.selected:focus,
		.menu-nav li a:hover,
		.menu-nav li a:focus  { 
			background-color: #eff0f1;
			color: #000;
	 } 
	

/* menu language
--------------------------------------------------------- */

.nav-language-wrapper  { 
	float: right;
	margin: 3px 0;
 } 

	.menu-language li  { 
		margin: 0 3px 0 21px;
 } 

		.menu-language li a  { 
			padding: 0;
	 } 

		.menu-language li a.selected,
		.menu-language li a:hover,
		.menu-language li a:focus  { 
			border-bottom: 1px solid #000;
	 } 

/* menu-theme (basics)
---------------------------------------------------------- */

.menu-theme li  { 
	margin:0;
 } 

.menu-theme-box img  { 
	float: left;
	z-index: 0;
	position: relative;
 } 

.menu-theme  { 
	background-color: #000;
	float: left;
	width:100%;
	height:24px;
 } 

.menu-theme-banner  { 
	background-color: none;
	background: url(http://fast.mediamatic.nl/f/sjnh/image/menu-theme.png) repeat;
	z-index:100;
	position: relative;
	margin-top: -24px;
 } 

.menu-theme li a  { 
	padding: 3px 12px;
	color: #EEE;
 } 

.menu-theme li.li-pos-0 a  { 
	padding-left:24px;
	background:url(http://fast.mediamatic.nl/f/sjnh/image/menu-icon.png) no-repeat scroll 4px -38px transparent;
 } 

.menu-theme li.li-pos-0 a:hover  { 
	background:url(http://fast.mediamatic.nl/f/sjnh/image/menu-icon.png) no-repeat scroll 4px -92px transparent;
 } 


/* dropdown menu styles
--------------------------------------------------------- */

.do_menu ul  { 			/* dropdown styling */
	width: 238px;
 } 

ul.do_menu li li:hover ul,
ul.do_menu li li.sfHover ul,
ul.do_menu li li li:hover ul,
ul.do_menu li li li.sfHover ul  { 
	left: 239px; 		/* match ul width */
 } 

.do_menu li:hover ul,
.do_menu li.sfHover ul  { 
	top: 24px; 		/* match top ul list item height: font-size + any padding on the li or a */
	border: 1px solid #eff0f1;
	border-width: 0 1px 1px 1px;
	cursor: pointer;
 } 

	.nav-personal-wrapper .do_menu li:hover ul,
	.nav-personal-wrapper .do_menu li.sfHover ul  { 
		border: 1px solid #eff0f1;
		border-width: 0 1px 1px 1px;
 } 

.do_menu ul li.li-lvl-0  { /* add padding to the top of the submenu here */
	padding-top: 0;
 } 

/* parent <a> while its submenu is being shown */

.do_menu li:hover a,
.do_menu .sfHover a,
.do_menu a:focus,
.do_menu a:hover, 
.do_menu a:active  { 
	background-color: #eff0f1;
	color: #000;
 } 

	.nav-personal-wrapper a:focus,
	.nav-personal-wrapper a:hover,
	.nav-personal-wrapper a:active,
	.nav-personal-wrapper .do_menu li:hover a,
	.nav-personal-wrapper .do_menu .sfHover a  { 
		background-color: #eff0f1;
		color: #E20074;
 } 

	.nav-theme-wrapper .do_menu li:hover a,
	.nav-theme-wrapper .do_menu .sfHover a,
	.nav-theme-wrapper .do_menu a:focus,
	.nav-theme-wrapper .do_menu a:hover,
	.nav-theme-wrapper .do_menu a:active  { 
		background-color: #EEE;
		color: #000;
 } 

/* submenu <a> hover style */
.do_menu li:hover li:hover a,
.do_menu li:hover li.sfHover a,
.do_menu li:hover li:hover a:focus,
.do_menu li:hover li:hover a:hover,
.do_menu li:hover li:hover a:active,
.do_menu li:hover li:hover li:hover a,
.do_menu li:hover li:hover li.sfHover a,
.do_menu li:hover li:hover li:hover a:focus,
.do_menu li:hover li:hover li:hover a:hover,
.menu li:hover li:hover li:hover a:active  { 
	background-color: #eff0f1;
	color: #000;
	border-top: 1px solid #eff0f1;
	overflow: hidden;
 } 

	.nav-personal-wrapper .do_menu li:hover li:hover a,
	.nav-personal-wrapper .do_menu li:hover li.sfHover a,
	.nav-personal-wrapper .do_menu li:hover li:hover a:focus,
	.nav-personal-wrapper .do_menu li:hover li:hover a:hover,
	.nav-personal-wrapper .do_menu li:hover li:hover a:active,
	.nav-personal-wrapper .do_menu li:hover li:hover li:hover a,
	.nav-personal-wrapper .do_menu li:hover li:hover li.sfHover a,
	.nav-personal-wrapper .do_menu li:hover li:hover li:hover a:focus,
	.nav-personal-wrapper .do_menu li:hover li:hover li:hover a:hover,
	.nav-personal-wrapper .menu li:hover li:hover li:hover a:active  { 
		background-color: #eff0f1;
		color: #E20074;
		border-top: 1px solid #eff0f1;
 } 

	.nav-theme-wrapper .do_menu li:hover li:hover a,
	.nav-theme-wrapper .do_menu li:hover li.sfHover a,
	.nav-theme-wrapper .do_menu li:hover li:hover a:focus,
	.nav-theme-wrapper .do_menu li:hover li:hover a:hover,
	.nav-theme-wrapper .do_menu li:hover li:hover a:active,
	.nav-theme-wrapper .do_menu li:hover li:hover li:hover a,
	.nav-theme-wrapper .do_menu li:hover li:hover li.sfHover a,
	.nav-theme-wrapper .do_menu li:hover li:hover li:hover a:focus,
	.nav-theme-wrapper .do_menu li:hover li:hover li:hover a:hover,
	.nav-theme-wrapper .menu li:hover li:hover li:hover a:active  { 
		background-color: #EEE;
		color: #000;
		;
 } 

/* submenu <a> styling when not being hovered. needs this to overwrite the previous styling */
.do_menu li:hover li a,
.do_menu li:hover li:hover li a,
.do_menu li:active li a,
.do_menu li:active li:active li a,
.do_menu li:focus li a,
.do_menu li:focus li:focus li a,
.do_menu li.sfHover li a,
.do_menu li.sfHover li.sfHover li a  { 
	background-color: #000;
	color: #eff0f1;
	display: block;
	border-top: 1px dotted #eff0f1;
 } 
				
	.nav-personal-wrapper .do_menu li:hover li a,
	.nav-personal-wrapper .do_menu li:hover li:hover li a,
	.nav-personal-wrapper .do_menu li:active li a,
	.nav-personal-wrapper .do_menu li:active li:active li a,
	.nav-personal-wrapper .do_menu li:focus li a,
	.nav-personal-wrapper .do_menu li:focus li:focus li a,
	.nav-personal-wrapper .do_menu li.sfHover li a,
	.nav-personal-wrapper .do_menu li.sfHover li.sfHover li a  { 
		background-color: #E20074;
		color: #eff0f1;
		border-top: 1px dotted #eff0f1;
 } 

	.nav-theme-wrapper .do_menu li:hover li a,
	.nav-theme-wrapper .do_menu li:hover li:hover li a,
	.nav-theme-wrapper .do_menu li:active li a,
	.nav-theme-wrapper .do_menu li:active li:active li a,
	.nav-theme-wrapper .do_menu li:focus li a,
	.nav-theme-wrapper .do_menu li:focus li:focus li a,
	.nav-theme-wrapper .do_menu li.sfHover li a,
	.nav-theme-wrapper .do_menu li.sfHover li.sfHover li a  { 
		background-color: #000;
		color: #EEE;
		;
 } 
	
/* Search Simple
------------------------------------------------------ */

.search-simple  { 
	margin: 3px 3px 0;
	padding: 0 2px;
	background: #fff;
	font-size: 13px;
 } 

	.search-simple input.text,
	.search-simple input.text:focus  { 
		border: none;
		padding: 2px 1px 1px;
		height: 15px;
 } 
	
	.search-simple button,
	.search-simple button:hover  { /* note: there is padding in style_is.css */
		background: #fff url(http://fast.mediamatic.nl/f/sjnh/image/menu-icon.png) no-repeat 4px -377px;
		text-indent: -9999px;
		border: none;
		margin: 0;
		padding: 0;
		width: 20px;
		height: 18px;
 } 
	

/* basic lists
-------------------------------------------------------------- */

.listbox  { 
	margin: 0 0 16pt 0;
 } 

	.listbox .list-presented_at,
	.listbox .module_contact_list_public  { 
		margin: 0 0 12pt 0;
 } 

.list  { 
	list-style: none;
	margin: 0;
	padding: 0;
 } 

	.comment-author  { 
		margin: 0;
 } 

	.context .list li.person,
	.list-view-item li  { 
		padding: 0;
		margin: 0 0 16pt 0;
 } 
		
	.list li h3  { 
		margin: 0;
 } 

		.list li.event h3,
		.list li.person h3  { 
			font-style: normal;
	 } 
	
	/* by default dv-small is hidden 
	 * So better hide the complet li
	 * Then mms:#4097 is fixed too
	 */
	li.fixedcontext_dv_small  { 
		display: none;
 } 
	
	/*
	li.fixedcontext_dv_small .dv-small h3  { 
		color: #000;
 } 
	
		li.fixedcontext_dv_small .intro p  { 
			font-size: 11pt;
			line-height: 16pt;
	 } 
	*/
	
	.list li h4,
	.dv-small h4  { 
		font-size: 10pt;
		line-height: 12pt;
		margin: 0;
 } 
	
	.list-presented_at .list li  { 
		margin: 0;
 } 

	li .author  { 
		font-size: 9pt;
		font-style: italic;
		display: inline;
 } 

	li .chapeau  { 
		color: #8c8c8c;
		font-size: 9pt;
		line-height: 10pt;
		margin: 0;
		font-style: normal;
 } 
	
	li .chapeau .city  { 
		font-style: italic;
 } 
	
	li.person  { 
		margin: 0;
 } 
	
		/* TODO: Check if this li.list-view-item can't be the default
		 *		 Then the .searchresult and .list-setmember are not needed
		 */
		.list-view-item li.person h3,
		.contributions li.person h3,
		.list-setmember li.person h3,
		.searchresult li.person h3  { 
			font-size: 16pt;
	 } 

			.list-view-item li.avatar a,
			.contributions li.avatar a,
			.list-setmember li.avatar a,
			.searchresult li.avatar a  { 
				display: block;
				height: 55px;
		 } 
			
			.page-module-contact li.avatar a,
			.list-avatar li.avatar a  { 
				height: 86px;
		 } 
	
			.list-view-item li.avatar a:hover,
			.contributions li.avatar a:hover,
			.list-setmember li.avatar a:hover,
			.searchresult li.avatar a:hover  { 
				background:#099;
				border:0px solid #009999;
				color:#FFFFFF;
		 } 
		
			li.person h3 img  { 
				margin: 0 0.3em 0 0;
		 } 
	
	li.person span.subtitle  { 
		display: block;
		font-style: italic;
		font-size: 10pt;
		line-height: 12pt;
 } 
	
	.list-contributors  { 
		margin-bottom: 25px;
 } 
	
	.list-contributors  { 
		margin-bottom: 25px;
 } 
	
	.icon  { 
		float: left;
 } 
	
	.icon a  { 
		border: none;
 } 
	
	.list-view-item .icon img  { 
		margin: 3px 6px 0 0;
 } 
	
	.list-view-item .event .icon  { 
		float: none;
		overflow: hidden;
 } 
	
	.list-view-item .event .icon img  { 
		float: left;
 } 
	
	/* figblock
	---------------------------------------------------------- */

	ul.fig li  { 
		margin: 6pt 0px 12pt;
 } 


	/* searchresult listitems
	---------------------------------------------------------- */

	.list-view-item li,
	.contributions li,
	.list-setmember li,
	.searchresult li  { 
		margin: 0 0 24pt 0;
 } 	



/* buttons
-------------------------------------------------------------- */

	/* button .cancel
	---------------------------------------------------------- */

	a.button-cancel, button.cancel  { 
		border: 1px solid #E20074;
		background-color: #fff;
		color: #E20074;
 } 
	
	button.cancel:hover, 
	a.button-cancel:hover  { 
		background-color: #E20074;
		border: 1px solid #E20074;
		color: #fff;
 } 

	a.button-cancel:active  { 
		background-color: #E20074;
		border: 1px solid #E20074;
		color: #fff;
 } 


	/* button .alternative
	---------------------------------------------------------- */
	
	a.button-alternative, button.alternative  { 
		border: 1px solid #333;
		background-color: #fff;
		color: #333;
 } 
	
	button.alternative:hover, 
	a.button-alternative:hover  { 
		background-color: #333;
		border: 1px solid #333;
		color: #fff;
 } 

	a.button-alternative:active  { 
		background-color: #333;
		border: 1px solid #333;
		color: #fff;
 } 

	/* button status
	---------------------------------------------------------- */

	button.status,
	button.status:hover  { 
		border: 1px solid #bbb;
		background: #fff;
		color: #bbb;
 } 

		.module-contact-link button.status,
		.module-contact-link button.status:hover  { 
			border: 1px solid #fff;
			background: #fff;
			color: #099;
	 } 


	/* predicate-rest 
	---------------------------------------------------------- */
	
	.predicate-rest ul.list li  { 
		display: inline;
 } 

		.dv .predicate-rest  { 
			display: none;
	 } 
	
/* Search Advanced
------------------------------------------------------ */

.search-advanced input.text  { 
	font-size: 14px;
	height: 18px;
	float: left;
	margin: 0 6px 0 0;
	padding: 0 4px;
 } 

.form-datepicker-input-wrapper .form-tooltip  { 
	display: none !important;
 } 

.search-advanced-horizontal select  { 
	width: 130px;
 } 


/* content area
-------------------------------------------------------------- */
#content.span-40 .padding .real-padding  { 
	padding: 0 80px 0 0;
 } 

/* Detailed view
-------------------------------------------------------------- */

.dv  { } 

.dv-title  { 
	/* clear org-pubdate */
	clear: both;
	margin: 0 0 6pt 0;
 } 

	.dv-title .clearfix,
	.dv-title h2  { 
		margin: 0 0 6pt 0;
 } 

	/* remove margin from the bottom of the action button - so the h2 can wrap around */
	.dv-title .action-stage-wrapper  { 
		margin: 0 !important;
 } 
	
	.dv-title .do-something,
	.dv-title h2  { 
		padding-top: 6pt;	
 } 
	
.dv-small  { 
	margin: 0 0 24px 0;
	color: #8c8c8c;
	font-size: 9pt;
	line-height: 12pt;
	display: block;
 } 

.dv-small .dv-title  { 
	margin: 0 0 10pt;
 } 

	.dv-small h3  { 
		font-size: 15pt;
		line-height: 16pt;
		margin: 0;
 } 

		.dv-small h4 a  { 
			color: #099;
			font-size: 1.1em;
			font-style: italic;
			border: none;
	 } 

		.dv-small h4 a:hover  { 
			color: #099;
			border-bottom: 1px solid #000;
	 } 
		
	/* 	
		By fixing #4286 ( anymeta4.3.2 ) the dv-small came back in.
		For now hide th dv-small for the home_list
		Later on this should be reviewed. mms ticket #3828 is mentioning about this
	*/
	.list-home_list .dv-small  { 
		display: none;
 } 

.home_list  {  } 

	.dv span.tooltip  { 
		border: none;
		color: #E20074;
		background: none;
		padding: 0 0 0 5pt;
 } 
	
	/* part1
	---------------------------------------------------------- */
	
	.fn  { 
		visibility: hidden;
		display: none;
 } 
	
		
		/* chapeau 
		------------------------------------------------------ */
		
		.chapeau,
		.chapeau a  { 
			color: #099;
			font-style: italic;
			margin: 0;
	 } 
		
		.dv-part1 .chapeau  { 
			float: left;
			margin-right: .3em;
	 } 
		
		.chapeau-comments-sep  { 
		    margin: 0 3px;
	 } 
		
			
		/* list-author / list-actor 
		------------------------------------------------------ */
		
		.list-author p.chapeau,
		.list-actor p.chapeau,
		.list-author .institution .intro,
		.list-actor .institution .intro  { 
			display: none;
	 } 
		
		.list-author,
		.list-actor  { 
			margin: 0;
	 } 

			li.blogposting .list-author  { 
				float: none;
		 } 

		.list-actor  { 
			margin: 1em 0;
	 } 

		.list-actor h3,
		.list-author h3  { 
			font-size: 10pt;
			white-space: nowrap;
	 } 
		
		.list-author h5  { 
			margin: 0;
			padding: 0;
	 } 

		.list-actor h5,
		.list-actor h5.header  { 
			margin: 0 4px 0 0;
			padding: 0;
			line-height: 1.1;
	 } 
		
			.list-author .list-view-simple a,
			.list-actor .list-view-simple a  { 
				color: #7f7f7f;
				text-transform: uppercase;
				font-family: arial, helvetica, sans-serif;
				border: none;
				font-style: normal;
				font-weight: bold;
				white-space: nowrap;
		 } 
			
			.list-author .list-view-simple a:hover,
			.list-actor .list-view-simple a:hover  { 
				border-bottom: 1px solid #bbb;
		 } 

			
		.list-author .list-view-simple .role,
		.list-actor .list-view-simple .role  { 
			font-style: normal;
			display: none;
	 } 
		
				
		/* pubdate
		------------------------------------------------------ */
		
		.org-pubdate  { 
			color: #7F7F7F;
			font-family: arial,helvetica,sans-serif;
			font-style: normal;
			font-weight: bold;
			text-transform: uppercase;
			float: left;
			line-height: 16pt;
	 } 

		/* date range 
		------------------------------------------------------ */
		
		.daterange  { 
			float: left;
			margin: 0;
	 } 
			.date,
			.datesep  { 
				display: block;
				float: left;
		 } 
		
			.date  { 
				border: 1px solid #ccc;
				color: #8c8c8c;
				background: #fff;
				margin: 3px 6px 0 0;
				padding: 0;
				text-align: center;
				width: 50px;
				height: 64px;
		 } 
			
				.day  { 
					color: #f00;
					display: block;
					font-size: 20px;
					margin: 6px 0 4px;
					padding: 0;
					font-weight: bold;
					font-family: Arial, verdana;
			 } 		
				
				.month,
				.year  { 
					margin: 3px 0;
					font-size: 11px;
					line-height: 12px;
					display: block;
					font-weight: bold;
			 } 
				
				/* date edit in lightbox */
				#module_ajax_edit_date_frm .day,
				#module_ajax_edit_date_frm .month,
				#module_ajax_edit_date_frm .year  { 
					font-family:Georgia,Times,serif;
					font-weight: normal;
			 } 
				
				.time  { 
					display: none;
			 } 
				
				.datesep  { 
					color: #8C8C8C;
					font-size: 14px;
					margin: 0;
					text-align: left;
					/*
					padding: 23px 0 0 0;
					width: 14px;
					*/
			 } 

				.info  { 
					color: #8c8c8c;
					margin: 0 1em 0 0;
					line-height: 18px; 
			 } 
				
					.info a  { 
						color: #8c8c8c;
						/*border: none;*/
						/*text-decoration: underline;*/
				 } 
					
						.info a img  { 
							float: none;
							margin: 0;
					 } 
		
		/* action
		------------------------------------------------------ */
		
		/* CAN BE REMOVED AFTER 4.14 *
		
		.dialog .form-element select  { 
			width: 424px;
			height: 22px;
	 } 
		
			.dialog .form-inline select  { 
				width: 194px;
		 } 

			/* /CAN BE REMOVED AFTER 4.14 *
			
			.action .daterange,
			.action .button-datepicker  { 
				float: left;
				margin: 0 3px 0 0;
		 } 
	
				.action .date  { 
					border: none;
					color: #8c8c8c;
					font-weight: normal;
					height: auto;
					margin: 0;
					padding: 0;
					text-align: right;
					width: auto;
			 } 
	
					.action .date .day,
					.action .date .month,
					.action .date .year,
					.action .date .time,
					.action .datesep  { 
						display: inline;
						font-family: arial,helvetica,serif;
						font-size: 9pt;
						font-weight: bold;
						line-height: 8pt;
						margin: 0;
						padding: 0;
				 } 		
					
					.action .date .day  { 
						color: #f00;
				 } 		
	
					.action .date .month,
					.action .date .year  { 
				 } 
					
					.action .date .time  { 
						color: #f00;
						font-weight: normal;
				 } 
					
					.action .datesep  { 
						width: 15px;
				 } 
				
	

			/* intro 
			------------------------------------------------------ */
			
			.dv .intro  { 
				font-size: 15pt;
				font-style: italic;
				line-height: 24pt;
		 } 

			.dv .intro p  { 
				margin: 0 0 6pt 0;
		 } 
					
			.dv-small .intro p  { 
				margin: 0 0 10pt 0;
				color:#000000;
				font-size:9pt;
				line-height:12pt;
		 } 
					
					
	/* part2
	---------------------------------------------------------- */
		
		/* body (see wiki styles in typography css)
		------------------------------------------------------ */
		
		.body img  { 
			float: none;
			margin: 0;
			border: none;
			display: block;
	 } 

		.caption  { 
			font-size: 9pt;
			color: #8c8c8c;
	 } 

		.caption-sep  { 
			margin-right: 3pt;
	 } 

			.caption .title  { 
				color: #000;
		 } 
			
			.caption a  { 
				color: #8c8c8c;
				border-bottom: 1px dotted #8c8c8c
		 } 

			.caption a:hover  { 
				border-bottom: 1px solid #8c8c8c;
		 } 

			.caption p  { 
				display: inline;
		 } 
		
		.download  { 
			margin: 0 0 1em 0;
	 } 
		
			.download .cc  { 
				margin: 1px 0 0;
		 } 
			

		/* labels 
		------------------------------------------------------ */
		
		label  { 
			font-weight: normal;
	 } 
		
		.edit .labels  { 
			margin: 2em 0 0 0;
	 } 
			
		.label div.q_a  { 
			display: block;
			margin: 0 0 2em 0;
	 } 
		
		.label div.q_a div.question  { 
			display: block;
			color: #8C8C8C;
	 } 
		
		/* Table of contents
		------------------------------------------------------ */

		.wikitoc2  { 
			margin-left: 1em;
	 } 
		
		.wikitoc3  { 
			margin-left: 2em;
			list-style: circle outside;
	 } 
		
		.wikitoc4  { 
			margin-left: 3em;
			list-style: square outside;
	 } 
		
		wikitoc5  { 
			margin-left: 4em;
	 } 

	
	
	/* pager
	---------------------------------------------------------- */
	
	h5.pager   { 
		background: #ccc;
		color: #7f7f7f;
		display: block;
		font-style: normal;
		margin: 9pt 0;
		padding: 3px 4px;
 } 

		h5.pager a  { 
			color: #fff;
			border: none;
			font-style: normal;
	 } 
		
			h5.pager a:hover  { 
				color: #fff;
				border-bottom: 1px solid #fff;
		 } 
	
	
	/* similar search
	---------------------------------------------------------- */
	.metatypes  { 
		font-family: arial, helvetica, sans-serif;
		text-transform: uppercase;
		font-weight: bold;
		color: #7f7f7f;
		margin: 0 0 .5em 0;
 } 

		.metatypes a  { 
			color: #7f7f7f;
	 } 
	
	
/* Context
-------------------------------------------------------------- */

	/* connections
	---------------------------------------------------------- */
	
	.connections  { 
		margin: 0;
 } 
	
	.connections-person  { 
		margin-top: .5em;
 } 

		.avatar  { 
			height: 95px;
			width: 55px;
			margin: 0 .5em .5em 0 !important;
			padding: 0;
			line-height: 1;
	 } 
		
		.avatar:hover,
		.avatar:hover a  { 
			background: #099;
			color: #fff;
	 } 
		
			.avatar img  { 
				margin: 0 0 .2em 0;
				padding: 0;
		 } 
			
			.avatar span  { 
			/*	font-size: .8em; */
		 } 
			
				.avatar a  { 
					font-size: 8pt;
					border-bottom: none;
					display: block;
					display: block;
					height: 95px;
					width: 55px;
					overflow: hidden;
			 } 
								
				.avatar a:hover  { 
					border-bottom: none;
					background: #099;
					color: #fff;
			 } 	

	/* set overrule base */
	.set .list-interest-subject h5,
	.edit-page .body h5  { 
		display: block;
 } 
	
	.set ul.metadata  { 
		padding: 3pt 5pt;
		background:#CCCCCC none repeat scroll 0 0;
		border:medium none;
		color:#7F7F7F;
 } 
	
	.set .list-interest-subject ul.list li a  { 
		color: #000;
 } 

	/* metadata
	---------------------------------------------------------- */

	#header .list-metadata  { 
		margin: 0;
 } 
	
	.set-metadata .list-metadata,
	#sidebar .list-metadata  { 
		display: none;
 } 
	
	.edit-page #sidebar .list-metadata  { 
		display: block;
 } 

		.edit-page .metadata-tag  { 
			margin:0 3pt 3pt 0 !important;
	 } 
	
		.listpublish #header .list-metadata  { 
			display: none;
	 } 

	.metadata,
	.tagcloud  { 
		margin: 0 0 .5em 0;
		background: #ccc;
		border: none;
		color: #7f7f7f;
		display: block;
		padding: .2em;
		font-style: normal;
		font-weight: bold;
		letter-spacing: .1em;
		text-transform: uppercase;	
 } 
	
		#header .metadata  { 
			margin: 0;
			padding: 3px 5px 5px;
	 } 

	.metadata li  { 
		display: inline;	
		font-size: 9pt;
		line-height: 12pt;
 } 

		.metadata li a  { 
			color: #7f7f7f;
			border: none;
			font-style: normal;
			font-weight: bold;
	 } 
		
		.metadata li a:hover  { 
			color: #7f7f7f;
			border-bottom: 1px solid #7f7f7f;
	 } 

		.metadata li a.selected  { 
			color: #fff;
			border: none;
			font-style: normal;
			font-weight: bold;
			background: #099;
	 } 

		.metadata li.similar a  { 
			background:#fff;
			margin: 0 3px 0 0;
			padding: 2px 6px 1px; 
			border: 1px solid #ccc;
			-moz-border-radius: 2px;
			-webkit-border-radius: 2px;
			font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
			font-size: 11px;
			line-height: 14px;
			text-decoration: none;
			font-weight: normal;
			color: #7F7F7F;
			cursor: pointer;
			white-space: nowrap;
			vertical-align: baseline;
			text-transform: capitalize;
			letter-spacing: normal;
	 } 

			.metadata li.similar a:hover  { 
				background: #7F7F7F;
				color: #fff;
		 } 
	
		/* edit-page metadata
		------------------------------------------------------ */
		
		.edit-page .metadata  { 
			background: #ccc;
			padding: .5em;
	 } 
		
		.edit-page .metadata li  { 
			color: #7f7f7f;
			font-family: arial, helvetica, sans-serif;
			letter-spacing: 1pt;
			text-transform: uppercase;
			margin: 0 3pt 3pt 0;
			font-size: 10pt;
			line-height: 10pt;
			font-style: normal;
			font-weight: bold;
			display: block;
			float: left;
	 } 
	
	
	/* list_set (for example on the homepage)
	---------------------------------------------------------- */
	
	.list_set  { 
		margin: 2em 0 0 0;
 } 

		.list_set li  { 
			margin: 0 0 2em 0;
	 } 

			.list_set li .chapeau  { 
				color: #8c8c8c;
		 } 
			 
			.list_set li .rating  { 
				color: #8c8c8c;
				font-size: 1em;
				padding: 0 1em 0 0; 
		 } 

/* Register
-------------------------------------------------------------- */

.register fieldset p  { 
	float: left;
	margin-right: 12pt;
 } 

	.logon fieldset input.text,
	.register fieldset input.text  { 
		width: 320px;
 } 
	
	.register fieldset  { 
		margin: 0 0 18px;
 } 
	
	.register fieldset p  { 
		margin: 0 9px 0 0;
 } 

	.register fieldset p.error  { 
		float: none;
		display: table;
 } 

/* footer
-------------------------------------------------------------- */

	/* activity
	---------------------------------------------------------- */
	
	.activity  { 
		margin: 0 0 .5em 0;
 } 
	
	.activity,
	.design-by  { 
		color: #bbb;
		font-size: 9pt;
 } 
	
		.activity a, 
		.design-by a  { 
			color: #bbb;
			font-size: 1em;
	 } 
		
		.activity a:hover,
		.design-by a:hover  { 
			border-bottom: 1px solid #bbb;
	 } 
		
		.activity a img,
		.design-by a img  { 
			border: none;
	 } 
		
		.cc a  { 
			padding: 0 5px 0 0;	
	 } 
		

/* manage my things
-------------------------------------------------------------- */

.managemythings td  { 
	padding: 1em;
 } 
.managemythings td.edit  { 
	width: 30%;
 } 


/* blog
-------------------------------------------------------------- */

.dv-blog  { 
	margin-top: 0;
 } 

.dv-blog-title h4  { 
	margin-bottom: 6px;
 } 

.dv-blog .blog-poster  { 
	font-size: 12px;
	margin-bottom: 6px;
 } 

.blog-metadata  { 
	font-size: 12px;
 } 

.blog-metadata a  { 
	color: #000;
 } 

.blog-metadata a:hover  { 
	color: #8C8C8C;
 } 

.blog-comments  { 
	font-size: 12px;
 } 

.blog-comments a  { 
	border-bottom: 1px dotted #8C8C8C;
 } 

.blog-comments a:hover  { 
	border-bottom: 1px solid #8C8C8C;
 } 

/*   Why was this taken out?
li.blogposting  { 
	margin: 0 0 48px 0;
 } 

	.blogposting .listbox  { 
		margin: 0 0 3px 0;
 } 
		
		li.blogposting h3  { 
			font-size: 36px; 
			line-height: 38px;  
	 } 

			/* #3822 *
			li.blogposting .wiki h3  { 
				font-size: 15pt;
				line-height: 18pt;
		 } 

		li.blogposting h4  { 
			font-size: 18px; 
			line-height: 24px;  
			font-style: normal;
			margin: 0 0 6px 0;
	 } 
		
			li.blogposting .wiki h4  { 
				font-size: 12pt;
				line-height: 18pt;
				margin: 0 0 4pt 0;
		 } 

		li.blogposting p.blog-date-by  { 
			color: #8C8C8C;
			font-size: 12px;
			margin: 0 0 6px 0;
	 } 
		
			li.blogposting p.blog-date-by a  { 
				color: #8c8c8c;
		 } 
			
			li.blogposting p.blog-date-by a:hover  { 
				color: #333; 
				border-bottom: 1px dotted #333;
		 } 

		li.blogposting .intro  { 
			color: #000;
			display: block;
	 } 

		li.blogposting .intro p  { 
			color: #000000;
			display: block;
			font-size: 12pt;
			font-style: italic;
			line-height: 18pt;
			margin-bottom: 12px;
	 } 
		
		li.blogposting .intro p.author  { 
			float: left;
			margin: 0 6px 0 0;
	 } 
		
		li.blogposting ul.fig  { 
			margin: 0 0 16px 0;
	 } 
		
			li.blogposting ul.fig li  { 
				margin: 0;
		 } 
		
		li.blogposting .body img  { 
			display: block;
			float: none;
	 } 
	
		li.blogposting .footer  { 
			background: #F2F2F2;
			border: 1px solid #ddd;
			padding: 0 5px;
	 } 
	
			.blogposting .blog-metadata ul.list li  { 
				display: inline;
				color: #666;
		 } 
			
				.blogposting .blog-metadata ul.list li a  { 
					color: #000;
					border: none;
			 } 

				.blogposting .blog-metadata ul.list li a.selected,
				.blogposting .blog-metadata ul.list li a.selected:hover  { 
					background: #099;
					color: #fff;
			 } 

				.blogposting .blog-metadata ul.list li a:hover  { 
					color: #666;
			 } 
	
		
			li.blogposting .info  { 
				font-size: 12px;
				margin: 0;
		 } 
			
				li.blogposting .info a  { 
					text-decoration: none;
					border-bottom: 1px dotted #8c8c8c;
			 } 

			li.blogposting .blog-comments a  { 
				margin: 0 3px 0 0;
		 } 
			
			li.blogposting .link-icons  { 
				display: inline;
				height: 18px;
				margin: 0;
		 } 

				li.blogposting .link-icons a  { 
					border: none;
					margin: 0;
					padding: 0;
			 } 

				li.blogposting .link-icons img  { 
					margin: 0 3px 0 0;
					position: relative;
					top: 3px;
			 } 

		.feed  { 
			margin : 0 0 18px;
	 } 
		
			.feed img  { 
				vertical-align: top;
				margin-top: 1px;
		 } 

/* tagcloud */

.tagcloudbox button  { 
	margin-bottom: 15px;
 } 

.tagcloud  { 
	display: none;
 } 

	.tagcloud a  { 
		color: #7f7f7f;
		line-height: 1;
 } 
	
	.tagcloud .tags .size0  { font-size: 0.9em; } 
	.tagcloud .tags .size1  { font-size: 1.3em; } 
	.tagcloud .tags .size2  { font-size: 1.6em; } 
	.tagcloud .tags .size3  { font-size: 1.9em; } 
	.tagcloud .tags .size4  { font-size: 2.2em; } 
	.tagcloud .tags .size5  { font-size: 2.5em; } 


/* Calendar 
------------------------------------------------------------- */

.calendar-search  { 
	margin-top: 40px;
 } 

	.calendar-search label,
	.calendar-search select  { 
		margin: 0 .5em 0 0;
 } 

	.calendar-search input  { 
		margin: 1px .5em 0 0;
 } 

	.calendar-search fieldset  { 
		margin: 0 0 3px 0;
		padding: 0;
		border: none;
 } 

	.calendar-search label  { 
		font-weight: normal;
 } 
	
	.calendar-search option  { 
		font-size: .95em;
 } 

	.calendar-search p  { 
		display: inline;
 } 

	.calendar-search fieldset.period-buttons,
	.calendar-search fieldset.period-select  { 
		float: left
 } 


/* forum 
------------------------------------------------------------- */

.forum  { 
	margin: 2em 0 0 0;
 } 

	body.forum  { 
		margin: 0;
 } 

input.comment-title  { 
	font-size: 15pt !important;
	line-height: 21pt !important;
	height: 21pt !important;
	font-style: italic;
 } 

.connections .module_forum_list_reactions .list-notes li  { 
	display: block;
 } 

#forum h5  { 
	color: #000;
	font-size: 12pt;
 } 


	/* resources
	---------------------------------------------------------- */
	
	.connections .list-resource li  { 
		display: block;
		margin: 0 0 24pt;
 }  
	

/* lightbox weirdness fix */
.lightbox-add-attachment-moreoptions input#uploadfile_uri  { 
	float: left;
 } 
			
/* edit-page
-------------------------------------------------------------- */

.edit-page h1 input  { 
	font-family: Georgia,times,serif;
	display: inline;
	font-size: 50pt;
	line-height: 48pt;
	margin: 2px 0;
 } 

.editinplace-hover  { 
	background: #fff2bc;
	cursor: pointer;
	color: #000;
 } 

.trustgroup  { 
	font-size: 10pt;
 } 

	.trustgroup p  { 
		margin: 0;
 } 
	
	.trustgroup span  { 
		font-weight: none;
 } 

	.trustgroup-header  { 
		width: 100px;
 } 

	.trust-action .button  { 
		font-family: Georgia,Times,serif;
		border: none;
		font-weight: normal;
		padding: 0;
		text-transform: lowercase;
		font-size: 9pt;
 } 

		.trust-action .button:hover  { 
			border: none;
			padding: 0;
	 } 

	.trustgroup-im  { 
		display: none;
 } 

	.edit-page ul.fig  { 
		margin: 0 0 1em 0;
 } 

		.edit-page ul.fig .caption p  { 
			margin: 0;
	 } 

	.edit-page .list-author ul.list li span,
	.edit-page .list-actor ul.list li span  { 
		color: #7f7f7f;
		text-transform: uppercase;
		font-family: arial, helvetica, sans-serif;
		border: none;
		font-style: normal;
		font-weight: bold;
 } 

	.edit-page .list-author ul.list li a, 
	.edit-page .list-actor ul.list li a  { 
		color:#E20074;
 } 
	
	.edit-page .list-author ul.list li img,
	.edit-page .list-actor ul.list li img  { 
		float: none;
		display: inline;
		margin-top: 2px;
 } 
	
	.unlink-marker a,
	.unlink-confirm span  { 
		color: #E20074 !important;
 } 


/* module preferences
-------------------------------------------------------------- */

.page-preferences strong  { 
	font-weight: normal;
 } 

/* module message
-------------------------------------------------------------- */

.module-message .menu  { 
	margin-bottom: 20px;	
 } 

.module-message-link  { 
	float: left;
 } 

	.module-message-link span  { 
		margin: 0 6pt 0 0; 
 } 

/* module contact
-------------------------------------------------------------- */

.module-contact-link span  { 
	margin: 0 6pt 0 0; 
 } 

.contact-couple  { 
	background: #fff;
	border:1px dashed #bbb;
	float: left;
	display: block;
	height: 130px;
	margin: 7px 7px 21px 0;
	padding: 7px 0 0 7px;
 } 
	
	.contact-couple .date  { 
		float: left;
		font-size: 90%;
		padding: 30px 7px 7px;
		text-align: center;
		width: 65px;
		border: none;
 } 
	
	.contact-couple .avatar  { 
		width: 55px;
		float: left;
		margin: 0;
		padding: 0;
 } 

/* accordion
---------------------------------------------------------------- */

div.acc-title  { 
	font-size: 11pt;
 } 

div.acc-title,
div.acc-title:hover,
div.acc-content-open,
div.acc-content-open:hover  { 
	background-color: #E20074; 
	color: #fff;
 } 

	.acc-content h3  { 
		margin-bottom: 12pt;
 } 


/* ajax stuff
-------------------------------------------------------------- */

body #corner_notice  { 
	background: #eee;
	border: 1px solid #ccc;
	margin: 1em 1em 0 0;
 } 


/* google adds 
-------------------------------------------------------------- */

.google-ads  { 
	margin: 6pt 0;
 } 

	.google-ads-content  { 
		width: 950px;
 } 

		.google-ads-content div  { 
			float: left;
	 } 

		.google-ads-expl  { 
			margin-left: 6pt;
	 } 
		/*
		.google-ads-expl  { 
			font-size: 9pt;
			height: 90px;
			line-height: 11pt;
			width: 70px;
	 } 
		*/
		.google-ads-expl,
		.google-ads-expl a  { 
			color: #E20074;
	 } 
	
		.google-ads-expl .padding  { 
			font-size: 18pt;
			line-height: 22pt;
			margin: 0pt;
			width: 210px;
	 } 
		
		
/* "kom je ook?" hack nov 2008 */

.person .menu-edit-part2 li button  { 
	display: none  !important;
 } 

.person .menu-edit-part2 li.save-this-page button  { 
	display: block !important;
 } 

.keywords-with-img label  { 
	padding: 0;
 } 

.keywords-with-img label input  { 
	display: inline;
	margin: 0 0 0 6px;
	width: auto;
 } 

li.event .intro p  { 
	display: inline !important;
 } 

.num-reactions  { 
	font-size: 9pt;
 } 

/* map search */
#infowindow-title  { 
	background: #E20074;
 } 

#infowindow-content.multiple li  { 
	border-bottom-color: #E20074;
 } 

#dropdown-outside  { 
	line-height: 17px;
	width: 140px !important;
 } 

.list-looks_after-subject ul.list li  { 
	display: block;
 } 

.mapwindow-title  { 
	background-color: #E20074;
 } 


/* 	Dirty hack
 	BVR: The fluid layout breaks when layout is nested: 60% columns inside 60% columns
 	Added classes to restyle for mediamatic. Needs a clear solution soon
 	-------------------------------------------------------------- */
 

.set .set-metadata  { 
	width: 98%;
	margin: 0 0 6pt;
 } 

.set .set-section  { 
	width: 48%;
 } 

/* status messages 
-------------------------------------------------------------- */
body.person .dv-title h1  { 
	margin-right: .2em;
 } 

#the-status-msg  { 
	font-size: 50pt;
	line-height: 54pt;
	font-style: italic;
	color: #bbb;
 } 

.inline-image-wrapper  { 
	font-size: 9pt;
 } 

.inline-image-wrapper a,
.inline-image-wrapper a:hover  { 
	border: dotted #8C8C8C !important;
	border-width: 0 0 1px 0 !important;
	color: #8C8C8C;
 } 

/* ikpoll
-------------------------------------------------------------- */
.list-view li.question .chapeau,
body.question h1  { 
	color: #ed1e24;
 } 

body.question #sidebar .list-metadata  { 
	display: none;
 } 

body.question #sidebar .list-has_answer  { 
	display: none;
 } 

body.question #content .daterange-coverage  { 
	display: none;
 } 

body.question .daterange-coverage span  { 
	color: #000;
	font: normal 11pt georgia, sans-serif;
 } 

	body.question .daterange-coverage abbr  { 
		padding-right: .3em;
 } 


.poll-detail-box  { 
	height: 61px;
	background: #ed1e24;
	color: #fff;
	line-height: 24px;
	font-size: 24px;
	text-align: center;
	overflow: hidden;
	margin: 0 4px 12px 0;
	float: left;
	padding: 0 36px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
 } 

	.poll-detail-box strong  { 
		font-family: arial, sans-serif;
		display: block;
		padding: 6px 0 0;
 } 
	
	#bargraph  { 
		clear: both;
		height: 450px;
 } 
	
	

.list-view li.question .icon-wrapper  { 
	position: relative;
	display: block;
	margin-top: 4px;
	min-height: 45px;
	border: none;
 } 

.list-view li.question .icon-wrapper *  { 
	margin: 0;
	padding: 0;
	border: none;
	float: none;
 } 

.list-view li.question .poll-numvotes  { 
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	width: 94px;
	height: 45px;
	background: url(http://fast.mediamatic.nl/f/sjnh/image/module_ikpoll_numvotes.png) no-repeat 0 0;
	text-align: center;
	font-size: 16px;
	line-height: 1em;
 } 

	.list-view li.question .poll-numvotes strong  { 
		padding: 7px 0 0;
		display: block;
		font-family: arial, helvetica, sans-serif;
 } 

.list-view li.question .intro  { 
	display: block;
	clear: both;
	margin: 4px 0 0;
 } 

/* dialog */

#page .dialog  { 
/*	width: 550px !important; */
	margin-top: .5px;
 } 

fieldset  { 
	background: none !important;
 } 

/* #3946: do not show the dating ( birthdate ) accuracy */

body.dating .accuracy  { 
	display: none;	
 } 


/* action dialog colors
---------------------------------------------------------------- */

.dv-title .do-something  { 
	margin: 4px 4px 0 0;
 } 

.dv-blog .do-something .single-action  { 
	margin-right: 0;
 } 

/* left + right button */
.form-button-highlite button,
.do-something button,
.do-something button.status  { 
	background-color: #E20074;
 } 

.form-button-highlite button,
.do-something button,
.do-something button.status,
.form-button-highlite button:hover,
.do-something button:hover,
.do-something button.status:hover  { 
	border-color: #E20074;
 } 

/* left */
.form-button-highlite button,
.do-something .do-something-text button,
.do-something .do-something-text button.status  { 
	color: #fff;
 } 

/* left hovers */
.form-button-highlite button:hover,
.do-something .do-something-text button:hover,
.do-something .do-something-text button.status:hover,
.do-something .single-action button:hover  { 
	background-color: #E20074;
	color: #fff;
 } 

/* right */
.form-button-highlite,
.do-something button.do-something-other  { 
	background-color: #fff;
	color: #E20074;
 } 

.do-something button.do-something-other:hover  { 
	background-color: #E20074;
	color: #fff;
 } 

.action button span  { 
	color: #b20c54;
	background-color: #fff;
 } 

.action button:hover span  { 
	color: #fff;
	background-color: #b20c54;
 } 

/* Action dialog itself
---------------------------------------------------------------- */

.dialog-drag-handle  { 
	background-color: #E20074;
	border: 1px solid #E20074;
 } 

.dialog-drag-handle-text  { 
	color: #fff;
 } 

#action-logon-logon form  { 
	margin-bottom: 30px;
 } 

#action-logon-logon .form-inline-elements  { 
	margin-bottom: 0;
 } 

.comment-content,
.comment-body  { 
	overflow: hidden;
 } 

/* Share social media
--------------------------------------------------------------------- */
.social-media-button  { 
	margin-left: 3px;
	float: left;
 } 

social-media-wrapper  { 
	margin-right: 10px;
 } 

/* Shopping cart
--------------------------------------------------------------------- */

table.shoppingcart-lite  { 
	margin: 0;
 } 

.dialog-content .form-element  { 
	padding-bottom: 4px;
 } 

/* 4.14 upgrade
--------------------------------------------------------------------- */

/* by request of http://trac.mediamatic.nl/anymeta/wiki/AnyMeta4.14 */
.list-view-item .no-icon .icon  { 
    margin: 0;
 }