/* -------------------------------------------------------------- 
  
   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 45728 2010-02-04 10:19: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; } fieldset     { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; } legend       { font-weight: bold; font-size:1.2em; } 

/* 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; } .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://static.mediamatic.nl/f/qpsh/image/button.png) left top repeat-x;
	font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size: 11px;
	line-height: 17px;
	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 */
	line-height: 16px;  /* Safari */ } 
*:first-child+html button[type]  { 	padding: 1px 4px;   /* IE7 */ } 
input.submit,
input.reset  { 	padding: 1px 4px;
	overflow: visible; } 
a.button,
a.button-alternative,
a.button-cancel  { 	line-height: 14px; } 
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;
	}
/* When anymeta:#5622 is fixed this can be removed */

#action div.message_sendspecial  { 	display: none; } 
/* end anymeta:#5622 */

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
---------------------------------------------------------- */

li .wrapper-date-location  { 	margin: 0; } 
.wrapper-date-location  { 	margin: 0 0 18px 0; } 	
	.wrapper-date-location .daterange-coverage,
	.wrapper-date-location .listbox,
	.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: 6px 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  { 			height: 36px;
	 } 
			.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;
	 } 		
		
	.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;
		 } 
			.body p span.caption  { 				display: block;
		 } 
				.body p span.caption span  { 					margin-right: 3px;
			 } 
		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;
	 } 		
/* 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 .list li  { 	float: left;
	margin: 0 6px 0 0; } 
.list-view-simple .list li a  { 	white-space: nowrap; } 
.list-view-simple .list li span.role  { 	display: none; } 
.list-view-simple .list li img  { 	float: left;
	height: 12px;
	margin: 2px 4px 0 0;
	width: 12px; } 
	.list-view-simple .list li img:hover  { 		height: 55px;
		margin: 0 -39px -45px 0;
		position: relative;
		width: 55px;
		z-index: 0;
 } 
	
/* 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;
 } 	
	/* fans in sets
	---------------------------------------------------------- */
	
	.set .list-interest-subject h5  { 		display: none;
 } 	
		.set .list-interest-subject ul.list li a  { 			color: #8c8c8c;
	 } 		
		.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  { 		padding: 0;
		border: none;
		background: none;
		color: #8c8c8c;
 } 
		.set ul.metadata li a  { 			color: #8c8c8c;
	 } 	
		.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 3px 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://static.mediamatic.nl/f/qpsh/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://static.mediamatic.nl/f/qpsh/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://static.mediamatic.nl/f/qpsh/ima/openid-large.jpg) left no-repeat; } 
	.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
-------------------------------------------------------------- */

.trustgroup  { 	margin: 0 0 18px 0;
	background: #fbfbfb;
	border: 1px solid #e7e7e7;
	padding: 4px; } 
	.trustgroup p  { 		margin: 0;
 } 	
	.edit-page h5  { 		display: none;
 } 		
		.edit-connection-box h5  { 			display: block;
	 } 		
	.edit-page .dv-title  { 		margin: 0 0 18px;
 } 	
	.edit-page .trustgroup p  { 		margin: 0 0 6px 0;
 } 	
	.trustgroup-header  { 		display: block;
		float: left;
		width: 99px;
 } 	
		.trustgroup-phone .trustgroup-header  { 			width: 80px;
	 } 		
	.trustgroup-cities .do_editinplace  { 		width: 200px;
		margin: 0;
 } 	
	.trustgroup .trust-action  { 		text-align: right;
		color: #8c8c8c;
		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: 36.2% !important;
		float: left;
		margin: 0 3px 0 0;
 } 	
	.trustgroup-email input.text,
	.trustgroup-website input.text  { 		width: 55% !important;
 } 	
		.trustgroup select  { 			margin: 0;
	 } 	
	.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://static.mediamatic.nl/f/qpsh/image/camera.jpg) no-repeat left top;
			height: 18px;
			margin: 0 0 18px 0;
			padding: 0;
			text-indent: 26px;
			color: #8c8c8c;
	 } 		
		.button-fig:hover  { 			background: #fff url(http://static.mediamatic.nl/f/qpsh/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 6px 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: #8c8c8c;
		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 .listbox,
	.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: #8c8c8c;
 } 
	.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;
		background: #f00;
		height: 3px;
 } 
		.dragging  { 			border: 1px dotted #000 !important;
			padding: 6px;
			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://static.mediamatic.nl/f/qpsh/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://static.mediamatic.nl/f/qpsh/image/accordion.gif) 2px -230px no-repeat; } 
div.acc-content-open  { 
	background: #f00 url(http://static.mediamatic.nl/f/qpsh/image/accordion.gif) 2px -230px no-repeat;  } 
div.acc-content-open:hover  { 	background: #f00 url(http://static.mediamatic.nl/f/qpsh/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 -2px 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 3px 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;
	margin-top: 3px; } 
.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: 15px;
	margin-top: 5px; } 
.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://static.mediamatic.nl/f/qpsh/image/cc/gray/by-nc-nd.png); } .cc-by-nc-sa	 { background-image: url(http://static.mediamatic.nl/f/qpsh/image/cc/gray/by-nc-sa.png); } .cc-by-nc		 { background-image: url(http://static.mediamatic.nl/f/qpsh/image/cc/gray/by-nc.png); } .cc-by-nd		 { background-image: url(http://static.mediamatic.nl/f/qpsh/image/cc/gray/by-nd.png); } .cc-by-sa		 { background-image: url(http://static.mediamatic.nl/f/qpsh/image/cc/gray/by-sa.png); } .cc-by			 { background-image: url(http://static.mediamatic.nl/f/qpsh/image/cc/gray/by.png); } .cc-cr			 { background-image: url(http://static.mediamatic.nl/f/qpsh/image/cc/gray/cr.png); } .cc-pd			 { background-image: url(http://static.mediamatic.nl/f/qpsh/image/cc/gray/pd.png); } 
.menu-editable p.cc-by-nc-nd	 { background-image: url(http://static.mediamatic.nl/f/qpsh/image/cc/white/by-nc-nd.png); } .menu-editable p.cc-by-nc-sa	 { background-image: url(http://static.mediamatic.nl/f/qpsh/image/cc/white/by-nc-sa.png); } .menu-editable p.cc-by-nc		 { background-image: url(http://static.mediamatic.nl/f/qpsh/image/cc/white/by-nc.png); } .menu-editable p.cc-by-nd		 { background-image: url(http://static.mediamatic.nl/f/qpsh/image/cc/white/by-nd.png); } .menu-editable p.cc-by-sa		 { background-image: url(http://static.mediamatic.nl/f/qpsh/image/cc/white/by-sa.png); } .menu-editable p.cc-by			 { background-image: url(http://static.mediamatic.nl/f/qpsh/image/cc/white/by.png); } .menu-editable p.cc-cr			 { background-image: url(http://static.mediamatic.nl/f/qpsh/image/cc/white/cr.png); } .menu-editable p.cc-pd			 { background-image: url(http://static.mediamatic.nl/f/qpsh/image/cc/white/pd.png); } 

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

.menu-path  { 	display: none; } 	
	ul.menu-path  { 		margin: 0 0 18px 0;
		color: #8c8c8c;
 } 
	
	ul.menu-path li a  { 		color: #8c8c8c;
		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://static.mediamatic.nl/f/qpsh/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://static.mediamatic.nl/f/qpsh/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; } 	
		
/* 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://static.mediamatic.nl/f/qpsh/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://static.mediamatic.nl/f/qpsh/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; } 
.inline-image-wrapper > a  { 	border: none; } 
/* 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; } 
#the-status-msg  { 	font-size: 48px;
	line-height: 54px;
	margin: 0 0 0 .3em;
	font-style: italic;
	display: inline;
	color: #bbb; } 
#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; } 
/* Default font settings. 18px baseline grid - v0.1 
-------------------------------------------------------------- */ 
   
body  { 
	color: #fff;
	font: 13px/18px verdana, tahoma, sans-serif;
	background: #000; } 
body.lightbox-page  { 	color: #000;
	background: #fff; } 
h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img  { 	margin: 0; } 
h1 a, h2 a, h3 a, 
h4 a, h5 a, h6 a  { 	border: none; } 
/* Headings - add bottom margin if the line-height isn't a multiple of 9px
-------------------------------------------------------------- */

h1,h2,h3,h4,.menu-nav   { font-weight: normal; color: #111; font-family: times, times new roman, georgia, serif } 
.blogposting h3, h1  { font-size: 33px;	line-height: 36px; color: #0ad; clear: both}
.blogposting h4, h2  { font-size: 33px; line-height: 36px; color: #9d9d9d; } #sidebar h1, h3  { font-size: 22px;	line-height: 22px; } #sidebar h2, h4, #sidebar .dv-small h3  { font-size: 22px;	line-height: 22px; } h5  { font-size: 13px;	font-weight: normal; } h6  { font-size: 13px;	font-weight: normal; } 
.list-view li  { 	font-size: 11px;
	line-height: 15px;
	color: #9d9d9d; } 
.list li h3  { 	position: relative; } 
	.list li.event h3  { 		margin: 0;
 } 	
	.list li h3 a,
	#sidebar h3 a,
	#sidebar h1 a  { 		color: #0ad;
		border: none !important;
		display: block;
 } 	
	.list li h3 a:hover,
	#sidebar h3 a:hover,
	#sidebar h1 a:hover,
	#sidebar a:hover  { 		color: #fff;
 } 
.list li h4,
#sidebar h4,
#sidebar h2,
#sidebar .dv-small h3  { 	color: #9d9d9d; } 
.dv .caption  { 	line-height: 20px; } 
.dv .intro  { 	line-height: 20px;
	font-weight: bold; } 
#sidebar .intro  { 	font-size: 11px;
	line-height: 15px;
	color: #999;
	font-weight: normal; } 
.dv .body  { 	line-height: 20px; } 
.daterange-coverage span  { 	font-size: 14px;
	color: #111;
	font-weight: normal; } 
/* Text elements
-------------------------------------------------------------- */

p            { margin: 0 0 18px; } 
p img,
li img 		 { float: left; margin: 4px 8px 4px 0; } 
p img.right  { float: right; margin: 4px 0 0 8px; } 
a            { color: #555; text-decoration: none; border-bottom: 1px dotted #0ad;}
a:hover      { color: #000; border-bottom: 1px dotted #000;}

.body a,
.dv-part2 .intro a  { 	color: #000; } 
.body a:hover,
.dv-part2 .intro a:hover,
.list-view-item a:hover  { 	background: #0ad;
	color: #fff;
	border-color: #0ad; } 

blockquote   { margin: 18px; color: #666; font-style: italic; } strong       { font-weight: bold; } em,dfn       { font-style: italic; } dfn          { font-weight: bold; } sup, sub     { line-height: 0; } 
abbr, 
acronym      { border: none; } address      { margin: 0 0 18px; } 				
del          { color:#666; } 
pre,code     { margin: 18px 0; white-space: pre; } 					
pre,code,tt  { font: 12px 'andale mono', 'lucida console', monospace; line-height: 1.5; } 

/* Search
-------------------------------------------------------------- */

.search-simple button  { 	font-size: 13px;
	font-weight: normal;
	font-family: Georgia, Times;
	color: #000;
	background: none;
	height: 15px; } 
.search-simple button:hover  { 	color: #666;
	background: none;
	border: none; } 
/* chapeau 
------------------------------------------------------ */

.chapeau  { 	color: #0ad;
	margin: 0 6px 0 0;
	float: left; } 
	.topic .chapeau  { 		float: none;
 } 	
	li .chapeau  { 		margin: 0 0 2px;
		float: none;		
 } 	
	li .chapeau .city  {  } 	
	.dv-part1 .chapeau  { 		line-height: 15px;
		font-size: 11px;
 } 
/* metadata
---------------------------------------------------------- */

ul.metadata  { } 
	ul.metadata a  { 		border: none;
		color: #0ad;
		display: block;
 } 	
	ul.metadata a:hover  { 		color: #fff;
 } 	
	ul.metadata .sep  { 		display: none;
 } 	
	
.span-60 ul.metadata  { 	font-size: 22px;
	line-height: 22px;
	background: #fff;
	padding: 7px 15px 10px; } 
	.span-60 ul.metadata a  { 		display: inline;
 } 	
		.span-60 ul.metadata li .sep  { 			display: inline;
			color: #0ad;
	 } 		
		.span-60 ul.metadata a.selected,
		.span-60 ul.metadata a:hover  { 			color: #000;
	 } 
/* metadata person
---------------------------------------------------------- */

.list-metadata-person li,
.list-metadata-person li a  { } 
/* Lists
-------------------------------------------------------------- */

li ul, 
li ol        { margin:0 18px; } 
ul, ol       { margin: 0 18px 18px; } 

ul           { list-style-type: disc; } ol           { list-style-type: decimal; } 
dl           { margin: 0 0 18px; } 
dl dt        { font-weight: bold; } dd           { margin-left: 18px; } 

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

table        { margin-bottom: 18px; width:100%; } th           { font-weight: bold; } th,td        { padding: 4px 10px 4px 5px; } tr.even td   { background: #eee; } tfoot        { font-style: italic; } caption      { background: #eee; } 

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

.small       { font-size: 10px;  margin-bottom: 18px; line-height: 18px; } .large       { font-size: 14px; margin-bottom: 18px; line-height: 24px;  } 
.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; } 
.expl 		 { color: #8c8c8c; } 

/* Footer styles
-------------------------------------------------------------- */

.activity,
.design-by  { 	color: #bbb; } .activity a, 
.design-by a  { 	color: #777; } 
/* comments 
--------------------------------------------------------- */	
.comment  { 	margin: 6px 0 27px; } 
.comment-content  { 	border: 1px solid #aaa;
	background: #eee;
	padding: 6px; } 
	.comment-form .comment-content  { 		background: #ccc;
 } 
.comment-actions  { 	margin: 0 0 6px; } 
	.comment-actions .do-something,
	.comment-actions .comment-admin-button,
	.comment-actions .comment-throbber  { 		margin-right: 6px;
 } 
.comment-meta  { 	padding: 12px 0 0;
	margin-top: -1px;
	background: url(http://static.mediamatic.nl/f/qpsh/image/forum-pointer-sprite.png) no-repeat 7px 0; } 
	.comment-date-sep  { 		float: left;
		margin-right: .25em;
 } 
	.comment-meta .comment-author  { 		float: left;
		margin: 0;
 } 	
		.comment-meta .comment-author .list li  { 			margin-right: 0;
	 } 		
		.comment-meta a  { 			border-bottom-width: 0;
	 } 		
		.comment-meta a:hover  { 			border-bottom-width: 1px;
	 } 
/* topic
--------------------------------------------------------- */
#forum .topic  { 	margin: 3px 0 18px;
	padding: 6px;
	border: 1px solid #aaa; } 
/* comment form
--------------------------------------------------------- */	
.comment-title-wrapper  { 	margin: 0 0 6px;
	 } 	input.comment-title  { 		font-size: 18px;
		font-family: georgia, serif;	
		padding: .3em 4px;
 } 
.comment-body-wrapper  { 	border: 1px solid #999;
	background: #fff;
	margin-bottom: 12px;
	overflow: hidden; } 
	.comment-content input.text,
	.comment-content textarea  { 		color: #999;
		border-color: #999;
		width: 526px;
 } 	
	.comment-content input.text:focus,
	.comment-content textarea:focus  { 		color: #000;
 } 	
	.comment-content textarea.comment-body  { 		background: none;
		height: 10em;
		padding: 5px;
		margin: 0;
		border-width: 0;
		overflow: auto;
 } 	
	.comment-body-wrapper textarea.comment-body  { 		border-bottom-width: 1px;
		resize: none;
 } 
	.comment-body-wrapper ul.fig  { 		margin: 6px;
 } 	
		.comment-body-wrapper li.link-fig,
		.comment-body-wrapper li.link-fig button  { 			margin: 0;
	 } 		
		.comment-body-wrapper ul.fig img  { 			max-width: 100%;
	 } 		
	.comment-fig .caption  { 		margin: 0;
 } 		
.comment-keep-informed  { 	float: left; } 
.comment-form .comment-meta  { 	background-position: 7px -100px; } 
.comment-form-field  { 	margin: 0 0 8px;
}
/* vlakken
-------------------------------------------------------------- */
#content  { 
	background: #fff;
	color: #000; } 

	#content .padding  { 
		padding: 10px 40px 16px 16px;
 } 

#sidebar .padding  { 
	padding: 0 2px 0 8px; } 

#sidebar .parent-set  { 
	display: none; } 

.page-view #sidebar .list-blogposting  { 
	display: none; } 

.page-home #sidebar .padding  { 
	padding-top: 27px; } 

.page-module #header,
.page-logon #header,
.container .container .span-60  { 
	background: none; } 

.page-module .span-60,
.page-logon .span-60  { 
	background: #fff;
	color: #000; } 

.page-module #footer .span-60,
.page-logon #footer .span-60,
.page-module-calendar .span-60  { 
	background: none; } 

#wrapper-content  { 
	margin: 0 auto;
	padding: 0 0 150px; } 

/* basic lists
-------------------------------------------------------------- */

.list  { 
	list-style: none;
	margin: 0;
	padding: 0; } 

	/* give all boxes a margin except the author list and lists with view_items */
	.listbox  { 
		margin: 0 0 18px 0;
 } 

	.list-view-item li  { 
		padding: 0;
		margin: 0 0 13px;
		border-bottom: 2px solid #fff;
		padding-bottom: 14px;
		width: 285px;
 } 
	
	.list-view-item li:last-child,
	.list-view-item li.last-child  { 
		border: none;
		padding-bottom: 0;
 } 

	.list-view-item .intro  { 
		display: inline;
		color: #8c8c8c;
 } 

		.list-view-item .intro, 
		.list-view-item .intro p  { 
			margin: 0;
			display: inline;
	 } 

	li .author  { 
		font-style: italic;
 } 

.list-document h3  { 
	position: relative;
	top: 7px; } 

.list-network h3,
.list-network h4  { 
	color: #fff; } 

.q_match  { 
	margin: 8px 0 0; } 

	.q_match li  { 
		margin: 0;
 } 

.dv .list-author  { 
	margin: 0 0 6px; } 

/* buttons
-------------------------------------------------------------- */

	/* 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;
	 } 


.module-message,
.page-module-message-list table  { 
	color: #000 !important; } 

/* Header
-------------------------------------------------------------- */

#header  { 
	margin: 0 0 24px; } 

/*
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;
 } 

		/* simple menu's like message / footer / language */
		.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: #000; } 

.menu-auth  { 
	float: left; } 

.menu-membership  { 
	float: right; } 
	
	
	.menu-auth li.li-pos-1 a  { 
		background: url(http://static.mediamatic.nl/f/qpsh/image/menu-icon.png) no-repeat 4px -263px;
		overflow: hidden;
		padding-left: 24px;
 } 
	
		.menu-auth li.li-pos-1 a:hover  { 
			background: #0ad url(http://static.mediamatic.nl/f/qpsh/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: #0ad;
			color: #fff;
	 } 
	

/* menu editable (view page) / menu edit (edit page)
---------------------------------------------------------- */

.menu-editable  { 
	background: #000 url(http://static.mediamatic.nl/f/qpsh/image/menu-icon.png) no-repeat 4px -150px;
	overflow: hidden;
	padding-left: 24px;
	clear: both; } 
		
	/*.menu-editable:hover  { 
		background: #000 url(http://static.mediamatic.nl/f/qpsh/image/menu-icon.png) no-repeat 4px -206px;
	}*/


	.menu-editable button,
	.menu-editable a.button-editable  { 
		color: #fff;
		background: #000;
		border: 1px solid #fff;
 } 
		
	.menu-editable button:hover,	
	.menu-editable a.button-editable:hover  { 
		color: #0ad;
		background: #000;
		border: 1px solid #0ad;
 } 
	
	.menu-editable p.buttons  { 
		padding: 3px 3px 3px 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: #0ad;
		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: #000;
	color: #0ad;
	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 navigation (navigation including simple-search)
---------------------------------------------------------- */

.nav-search-wrapper  { 
	background: #000;
	border-top: 2px solid #fff;
	margin-top: 3px; } 
	
.menu-nav  { 
	float: left;
	margin: 0;
	padding: 0;
	font-size: 16px; } 

	.menu-nav li  { 
		margin: 0;
 } 

	.menu-nav li.li-pos-1 a  { 
		background: url(http://static.mediamatic.nl/f/qpsh/image/menu-icon.png) no-repeat 4px -38px;
		overflow: hidden;
		padding-left: 24px;
 } 

		.menu-nav li.li-pos-1 a.selected,
		.menu-nav li.li-pos-1 a:hover  { 
			background: #0ad url(http://static.mediamatic.nl/f/qpsh/image/menu-icon.png) no-repeat 4px -94px;
	 } 
		
	.menu-nav li a  { 
		color: #fff;
		padding: 5px 12px;
 } 

		.menu-nav li a.selected,
		.menu-nav li a:hover,
		.menu-nav li a:focus  { 
			background-color: #0ad;
			color: #fff;
	 } 
	

/* menu language
--------------------------------------------------------- */

.nav-language-wrapper  { 
	float: right; } 

/*	
	.menu-language li a  { 
		border: none;
		color: #111;
 } 

		.menu-language li a.selected,
		.menu-language li a:hover,
		.menu-language li a:focus  { 
			background-color: none;
			color: #000;
	 } 
*/

/* menu-theme (basics)
---------------------------------------------------------- */

.menu-theme-box  { 
	padding: 0 0 18px 0; 
	margin: 0; } 

.menu-theme-box img  { 
	float: left;
	margin: 0 18px 0 0; } 

.menu-theme  { 
	background: none;
	float: left; } 

.menu-theme li.li-pos-0  { 
	display: block;
	padding: 0 0 9px 0; } 

.menu-theme li.li-pos-1  { 
	clear: left; } 


/* menu message
--------------------------------------------------------- */

/*
.menu-message li a  { 
	border: none;
	color: #111; } 
*/


/* menu-footer	
---------------------------------------------------------- */

/*
.menu-footer  { 
	list-style: none;
	padding: 0;
	margin: 0; } 

*/
	
/* 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 #0ad;
	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 #0ad;
 } 

.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: #0ad;
	color: #fff; } 

	.nav-personal-wrapper .do_menu li:hover a,
	.nav-personal-wrapper .do_menu .sfHover a,
	.nav-personal-wrapper .do_menu a:focus,
	.nav-personal-wrapper .do_menu a:hover,
	.nav-personal-wrapper .do_menu a:active  { 
		background-color: #0ad;
		color: #000;
 } 

	.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: #fff;
		color: #0ad;
 } 

/* 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: #0ad;
	color: #000;
	; } 

	.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: #0ad;
		color: #000;
		;
 } 

	.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: #fff;
		color: #0ad;
		;
 } 

/* 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: #0ad;
	color: #fff;
	padding: 5px 14px;
	display: block;
	; } 
				
	.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: #0ad;
		color: #fff;
		;
 } 

	.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: #fff;
		color: #000;
		;
 } 
	
/* Search Simple
------------------------------------------------------ */

.search-simple  { 
	margin: 4px 0 0;
	padding: 0 2px;
	background: #fff;
	font-size: 12px; } 

	.search-simple input,
	.search-simple input:focus  { 
		border: none;
 } 
	
	.search-simple button,
	.search-simple button:hover  { /* note: there is padding in style_is.css */
		background: #fff url(http://static.mediamatic.nl/f/qpsh/image/menu-icon.png) no-repeat 4px -377px;
		text-indent: -9999px;
		border: none;
		margin: 0;
		padding: 0;
		width: 20px;
 } 

		/* Search Advanced
		------------------------------------------------------ */
		.search-advanced  { 
			height: auto;
	 } 
		
		.search-advanced input.text,
		#dropdown-outside  { 
			font-size: 13px;
			font-family: arial, helvetica;
			color: #000;
			background: #fff;
	 } 
		
		.search-advanced input.text  { 
			float: left;
			margin: 0 6px 0 0;
			padding: 2px 4px 1px;
	 } 
		
		#dropdown-outside li.hover,
		#dropdown-outside li.selected  { 
			background: #0ad;
			color: #fff;
	 } 

/* Detailed view
-------------------------------------------------------------- */

	/* part1
	---------------------------------------------------------- */

	.dv-title  { 
		margin: 0 0 9px;
		clear: both;
 } 

	.page-home .dv-title  { 
		margin: 0 0 3px;
 } 

	/* figblock
	---------------------------------------------------------- */

	ul.fig li  { 
		margin: 0 0 14px;
 } 

		ul.fig li a,
		ul.fig li a:hover  { 
			border-bottom: none;
	 } 

		ul.fig li img  { 
			display: inline;
			margin: 0;
	 } 

		ul.fig .caption a,
		.info a  { 
			font-size: 11px;
	 } 
		
		ul.fig .caption a,
		.info a,
		.body a  { 
			color: #000;
			border-bottom: 1px dotted #0ad;
	 } 
		
		ul.fig .caption a:hover,
		.info a:hover,
		.body a:hover  { 
			color: #fff;
			background: #0ad;
	 } 

	/* pubdate
	------------------------------------------------------ */

	.org-pubdate  { 
		color: #bbb;
 } 


	/* body
	------------------------------------------------------ */

	.caption,
	.caption a,
	.inline-caption,
	.inline-caption a  { 
		color: #0ad;
 } 

		.caption p  { 
			margin: 0;
			display: inline;
			font-size: 11px;
	 } 

			.caption-sep  { 
				padding-right: .3em;
		 } 



	/* pager
	---------------------------------------------------------- */

	h5.pager  { 
		border-top: 5px solid #0ad;
		text-align: right;
		clear: both;
		font-weight: normal;
		line-height: 27px;
		margin: 0 0 18px;
		padding: 0 9px;
		background: #fff;
		color: #000;
		padding: 0 16px;
 } 
	
	h5.pager-blog  { 
		border: none;
		padding: 0;
		margin-right: -24px;
		border-bottom: 4px solid #0ad;
 } 

		
		h5.pager-blog a,
		h5.pager-blog span  { 
			width: 33.3%;
			float: left;
			display: block;
			color: #0ad;
	 } 
		
		h5.pager a  { 
			color: #0ad;
			border: none;
	 } 

		h5.pager a:hover  { 
			border: none;
			color: #000;
	 } 

		h5.pager-blog .pager-prev  { 
			text-align: left;
	 } 

		h5.pager-blog .pager-next  { 
			text-align: right;
	 } 

		h5.pager-blog span  { 
			text-align: center;
	 } 

	/* similar search
	---------------------------------------------------------- */
	.metatypes  { 
		color: #999;
		margin: 0;
		background: #fff;
		padding: 10px 16px 0;
		margin: 16px 0 0;
 } 

		.metatypes a  { 
			color: #8c8c8c;
	 } 


/* Context
-------------------------------------------------------------- */

	/* connections
	---------------------------------------------------------- */

	.connections-person  { 
 } 
	
	.list-context > h5  { 
		display: none;
 } 

	/* predicate-rest
	---------------------------------------------------------- */

	.dv .predicate-rest  { 
		display: none;
 } 


/* blog
-------------------------------------------------------------- */

li.blogposting  { 
	margin: 0 0 24px 0;
	width: auto; } 

	.blogposting .blog-chapeau  { 
		float: left;
		margin-right: 6px;
 } 

	.blogposting .listbox  { 
		margin: 6px 0 3px 0;
 } 

		li.blogposting h3 a:hover  { 
			color: #000;
	 } 

		li.blogposting h4  { 
			margin-top: -1px;
	 } 

		li.blogposting p.blog-date-by  { 
			margin: 14px 0 13px;
	 } 

			li.blogposting p.blog-date-by a  { 
		 } 

			li.blogposting p.blog-date-by a:hover  { 
		 } 

		li.blogposting .intro  { 
			font-weight: bold;
	 } 

		.blogposting .intro,
		.blogposting .body  { 
			display: block;
			color: #000;
			margin: 0 0 18px;
			font-size: 13px;
			line-height: 18px;
	 } 

		.blogposting .intro p  { 
			display: inline;
	 } 

		.blogposting ul.fig  { 
	 } 

			.blogposting ul.fig li  { 
				margin: 0;
		 } 

		.blogposting .body img  { 
			display: block;
			float: none;
	 } 

		.blogposting .footer  { 
			background: #F2F2F2;
			border: 1px solid #ddd;
			padding: 2px 5px 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:hover  { 
					color: #666;
			 } 


			.blogposting .info  { 
				font-size: 12px;
				margin: 0;
		 } 

				.blogposting .info a  { 
					text-decoration: none;
					border-bottom: 1px dotted #8c8c8c;
			 } 

			.blogposting .blog-comments a  { 
				margin: 0 3px 0 0;
		 } 

			.blogposting .link-icons  { 
				display: inline;
				height: 18px;
				margin: 0;
		 } 

				.blogposting .link-icons a  { 
					border: none;
					margin: 0;
					padding: 0;
			 } 

				.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: 16px; } 

.tagcloud  { 
	display: none; } 

	.tagcloud a  { 
		color: #7f7f7f;
 } 

	.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: 0;
	padding-left: 12px;
	background: #fff;
	color: #000; } 

	.calendar-search label,
	.calendar-search input,
	.calendar-search select  { 
		margin-bottom: 0;
		margin-top: 0;
 } 

	.calendar-search fieldset  { 
		margin: 0 6px 7px 0;
		padding: 0;
		border: none;
		float: left;
 } 

	.calendar-search label  { 
		font-weight: normal;
 } 

	.calendar-search p  { 
		display: inline;
 } 

	.calendar-search fieldset.period-buttons,
	.calendar-search fieldset.period-select  { 
		float: left;
		margin: 0 6px 0 0;
 } 


	/* resources
	---------------------------------------------------------- */

	 .connections .list-resources li  { 
	 	display: block;
	 } 


/* module contact
-------------------------------------------------------------- */

.contact-couple  { 
	background: #fff;
	border:1px dashed #bbb;
	float: left;
	display: block;
	height: 130px;
	margin: 7px 7px 21px 0;
	padding: 7px 7px 0; } 

	.contact-couple .date  { 
		float: left;
		font-size: 11px;
		padding: 30px 7px 7px;
		text-align: center;
		width: 66px;
		border: none;
 } 

	.contact-couple .avatar  { 
		margin: 0;
		padding: 0;
 } 

.avatar a  { 
	color: #0ad;
	border: none; } 
	
.avatar a:hover  { 
	background: #0ad;
	color: #fff;
	border: none; } 

/* date range
------------------------------------------------------ */
.event-date-icon-wrapper  { 
	margin: 4px 0; } 

.event-date-icon-wrapper img  { 
	margin: 0; } 

.daterange  { 
	float: left;
	margin: 0 6px 0 0;
	width: 50px;
	height: 88px;
	background: #fff url('http://static.mediamatic.nl/f/qpsh/image/dateleaf-sep.png') no-repeat 50% 50%;
	line-height: 15px; } 

.dv .daterange,
.page-module-managemythings .daterange  { 
	border: 1px solid #eee; } 

	.date,
	.datesep  { 
		display: block;
		float: left;
 } 

	.date  { 
		text-align: center;
		height: 44px;
		width: 50px
 } 

		.day  { 
			font-size: 14.5px;
			color: #0ad;
			display: block;
			padding: 6px 0 0;
			font-weight: bold;
	 } 

		.month,
		.year  { 
			font-size: 11px;
			line-height: 14px;
			color: #000;
			text-transform: lowercase;
	 } 

		.time  { 
			display: none;
	 } 

		.datesep  { 
			display: none;
	 } 

		.info  { 
			color: #8c8c8c;
	 } 

			.info a img  { 
				float: none;
				margin: 0;
		 } 

/* status updates
---------------------------------------------------------------- */
body.person #address  { 
	float: left; } 

body.person .metadata  { 
	float: left; } 

body.person h1  { 
	margin: 0 0 -1px; } 

#the-status-msg  { 
	font-size: 23px;
	line-height: 32px;
	position: relative;
	top: 1px; } 

.address-headline  { 
	margin: 0 0 18px;
	overflow: hidden; } 

.address-headline *  { 
	display: inline;
	color: #999; } 

	.address-headline a  { 
		color: #999;
 } 

	.address-group  { 
		padding-left: 18px;
		background-repeat: no-repeat;
		background-position: 0 0;
		float: left;
		margin-right: 9px;
 } 

	.address-location  { 
		background-image: url(http://static.mediamatic.nl/f/qpsh/image/address-location.png);
 } 

	.address-work  { 
		background-image: url(http://static.mediamatic.nl/f/qpsh/image/address-work.png);
 } 

	.address-info  { 
		background-image: url(http://static.mediamatic.nl/f/qpsh/image/address-info.png);
 } 

	.address-keywords  { 
		background-image: url(http://static.mediamatic.nl/f/qpsh/image/address-keywords.png);
 } 


.status-history  { 
	margin: 0 0 18px;
	clear: both; } 

	.status-history h3,
	.status-history h5,
	.status-meta,
	.status-date,
	.status-options  { 
		display: inline;
 } 

.status-history  { 
	padding: 0 9px 6px; } 

	.status-history .listbox  { 
		margin: 0;
 } 

	.status-history h3  { 
		line-height: 23px;
 } 

.status-text  { 
	border: 1px solid #ccc;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding: 8px; } 

.status-comments,
.status-meta,
.status-comments h6,
.status-comments a  { 
	color: #999; } 

.status-meta  { 
	font-size: 12px;
	font-style: italic; } 


	.status-comments h6,
	.status-image  { 
		margin: 9px 0 0;
		font-style: italic;
		font-size: 11px;
 } 

	.status-comments img  { 
		vertical-align: text-bottom;
 } 

	.status-comments p  { 
		margin: 0;
 } 

	.status-comments .comment  { 
		margin: 0 0 0 30px;
 } 

	.status-comments  { 
		font-size: 12px;
		font-style: italic;
 } 

	.status-options img  { 
		float: none;
		margin: 0 0 0 6px;
		vertical-align: text-top;
 } 
	
/* list-view-simple
----------------------------------------------------------------------------- */
.list-view-simple h5,
.list-view-simple li,
.list-view-simple li a  { 
	color: #0ad;
	line-height: 15px;
	font-size: 11px; } 

	.list-view-simple h5  { 
		float: left;
		margin-right: .3em;
 } 
	
	.list-view-simple li a  { 
		border-bottom-color: #0ad;
 } 
	
	.list-view-simple li a:hover  { 
		background: #0ad;
		color: #fff !important;
 } 
	
	.list-view-simple img  { 
		position: relative;
 } 
	
	.list-view-simple li span  { 
		margin-left: -1px;
 } 
	
	.connections-person .list-view-simple img  { 
		top: 2px;
 } 
	
.page-view #sidebar .list-view-simple  { 
 } 

	.page-view #sidebar .list-view-simple .list  { 
		margin-top: 4px;
		font-size: 11px;
		line-height: 16px;
 } 
	
	.page-view #sidebar .list-view-simple h5  { 
		font-size: 22px;
		line-height: 22px;
		float: none;
 } 
	
		.page-view #sidebar .list-view-simple li a  { 
			color: #999;
			border: none;
	 } 
		
		.page-view #sidebar .list-view-simple li a:hover  { 
			color: #fff;
	 } 
		
/* list-view-simple
----------------------------------------------------------------------------- */
#footer  { 
	font-size: 12px;
	line-height: 15px; } 

#footer .activity,
#footer .design-by,
#footer a  { 
	color: #555;
	border: none; } 

#footer a:hover  { 
	color: #999 !important; } 

/* cufon
----------------------------------------------------------------------------- */
.cufon  { 
	user-select: all;
	-moz-user-select: all;
	-webkit-user-select: all;
	-o-user-select: all; } 

/* hide empty cufon spaces not between text */
.cufon[alt=" "]  { 
	width: 0 !important; } 

/* homepage
----------------------------------------------------------------------------- */
body.page-home .list-home_set  { 
	display: none; } 

body.page-home #content  { 
	width: 630px;
	overflow: hidden; } 

body.page-home .dv-part1,
body.page-home .dv-part2  { 
	margin: -9px 0 15px -16px;
	background: #000;
	width: 630px; } 

body.page-home .dv-part1 h1  { 
	font-size: 55px;
	line-height: 78px;
	letter-spacing: 5px; } 

body.page-home .dv-part1 *,
body.page-home .dv-part2 *  { 
	color: #fff; } 

body.page-home .dv-part1  { 
	margin: -17px -16px 5px;
	padding: 10px 0 0;
	background: #000; } 

body.page-home .dv-part2 .intro p  { 
	font-size: 11px;
	line-height: 16px;
	color: #fff; } 

body.page-home #content  { 
	margin-top: -16px; } 

/* sidebar */
.page-home #sidebar .dv-small,
.page-view #sidebar .list-view-simple  { 
	display: block;
	border-bottom: 2px solid #fff;
	margin: 0 0 16px; } 

.page-home .list-network  { 
	padding: 0 0 16px; } 

/* set and lp pages
----------------------------------------------------------------------------- */
body.set #content-header .padding,
body.person #content-header .padding,
body.location #content-header .padding,
.search-header .padding,
body.institution #content-header .padding,
#module_message_send_frm  { 
	background: #fff;
	color: #000;
	margin: 0;
	padding: 8px 16px 16px; } 

body.set #wrapper-content > .span-20  { 
	margin-top: 16px; } 


body.person #wrapper-content > .span-20,
body.location #wrapper-content > .span-20,
body.institution #wrapper-content > .span-20  { 
	border-top: 8px solid #0af; } 

body.set #wrapper-content > .span-20.last,
body.person #wrapper-content > .span-20.last,
body.location #wrapper-content > .span-20.last,
body.institution #wrapper-content > .span-20.last  { 
	border-top: none; } 

#module_message_send_frm  { 
	padding-bottom: 40px; } 

.search-header-form  { 
	border-top: 8px solid #0ad;
	padding-top: 16px; } 

.match-header .padding  { 
	background: #000;
	padding: 0 0 16px; } 

/* module pages
----------------------------------------------------------------------------- */
.page-module-managemythings .list-view li  { 
	border: none;
	width: 302px;
	background: #000;
	padding: 8px; } 

.page-module-managemythings-new #content + .span-60 { 
	margin: 0 0 16px 16px; } 

.page-logon .container  { 
	margin: 0 18px; } 

.page-logon .dv-title  { 
	margin-top: 18px; } 

.page-logon .logon  { 
	margin: 0 0 18px; } 

div.acc-title,
div.acc-title:hover  { 
	background-color: #0ad; } 

/* keyword images
----------------------------------------------------------------------------- */
.keyword-images  { 
	padding: 18px 0 0;
	overflow: hidden;
	margin: 0 0 -8px;
	overflow: visible;
	position: relative; } 

.keyword-images-list li  { 
	margin: 0 12px 0 0;
	overflow: hidden;
	_width: 44px; } 


#sidebar .keyword-images  { 
	padding-top: 0;
	_width: 300px;
	overflow: hidden; } 

#sidebar > .keyword-images-list  { 
	width: 330px; } 

#sidebar .keyword-images-list li  { 
	margin-bottom: 8px;
	text-align: center; } 

	.keyword-image-wrap  { 
		height: 48px;
 } 

		.keyword-image-wrap a  { 
			border: none;
	 } 

			.keyword-image-wrap img  { 
				display: inline;
				margin: 0;
				float: none;
		 } 

		.keyword-title-wrap a,
		.list-tags .tag a  { 
			font-size: 11px;
			color: #0ad;
			border-color: #0ad;
	 } 
		
		.keyword-title-wrap a.selected,
		.keyword-title-wrap a:hover,
		.list-tags .tag a:hover  { 
			background: #0ad;
			color: #fff;
	 } 
		
		#header .list-tags  { 
	 } 
		
		.list-tags li  { 
			margin-right: .25em;
			color: #0ad;
	 } 
		
		.list-tags li  { 
			display: block;
			float: left;
	 } 
		
		.list-tags li.similar  { 
			margin-top: 3px;
	 } 
		
		#sidebar .keyword-similar .keyword-image-wrap  { 
			display: none;
	 } 
		
		.keyword-title-wrap a.selected:hover  { 
			color: #000;
	 } 

.metatypes,
.list-metadata,
body.edit-page .list-metadata img,
.list-metadata-person  { 
	display: none; } 

body.page-home #sidebar .list-metadata,
body.edit-page #sidebar .list-metadata  { 
	display: block; } 


/* video - vimeo
----------------------------------------------------------------------------- */
.video-play-vimeo  { 
	position: relative;
	display: block; } 

.video-play-vimeo img  { 
	position: absolute;
	margin: 0;
	left: 0; } 

.video-play-vimeo span  { 
	width: 38px;
	height: 38px;
	display: block;
	position: absolute;
	left: 18px;
	top: 25px;
	background: url(http://static.mediamatic.nl/f/qpsh/image/video-play-icon.png) no-repeat 0 0;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image/video-play-icon.png');  } 

/* person page
----------------------------------------------------------------------------- */
body.person #content  { 
	margin-right: 0; } 

body.person .span-20 .padding  { 
	padding: 10px 16px 16px;
	min-height: 300px; } 

body.person #content-header .padding  { 
	margin-right: 320px;
	padding-bottom: 0; } 

body.person .connections-person-column2  { 
	background: #fff;
	color: #000;
	padding-left: 10px; } 
	
	.connections-person .list-view-simple h5,
	.connections-person .list-view-simple h5 *  { 
		color: #0ad;
		border: none;
		font-size: 13px;
		line-height: 20px;
		float: none;
 } 
	
	.connections-person .list-view-simple h5 a:hover  { 
		color: #000;
 } 
	
	.connections-person .list-view-simple li,
	.connections-person .list-view-simple li a  { 
		color: #000;
		border: none;
		font-size: 13px;
		line-height: 20px;
 } 

	.connections-person .list-view-simple a:hover  { 
		color: #0ad;
 } 
	
/* institution page
----------------------------------------------------------------------------- */
body.institution .span-20  { 
	background: #fff;
	color: #000; } 

body.institution .span-20  { 
	margin-right: 0;
	padding-right: 10px; } 

body.institution .span-20 .padding  { 
	padding: 16px; } 


body.institution #sidebar .padding  { 
	background: #000; } 

	body.institution  .connections .list-view-simple h5,
	body.institution  .connections .list-view-simple h5 *  { 
		color: #0ad;
		border: none;
		font-size: 13px;
		line-height: 20px;
		float: none;
 } 
	
	body.institution  .connections .list-view-simple h5 a:hover  { 
		color: #000;
 } 
	
	body.institution  .connections .list-view-simple li,
	body.institution  .connections .list-view-simple li a  { 
		color: #000;
		border: none;
		font-size: 13px;
		line-height: 20px;
 } 

	body.institution .connections .list-view-simple a:hover  { 
		color: #0ad;
 } 


/* action dialog button
----------------------------------------------------------------------------- */
.dialog  { 
	box-shadow: 0 2px 25px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0 2px 25px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0 2px 25px rgba(0, 0, 0, .5); } 

.dv-title .do-something  { 
	margin-top: 7px; } 

/* do something button general */
.do-something button,
.do-something button.status   { 
	border-color: #000;
	background-color: #111;
 } 

/* button */
.do-something .do-something-text button,
.do-something .do-something-text button.status   { 
	border-color: #000;
	background-color: #111;
 } 

.do-something button.do-something-other   { 
	background-color: #fff;
	color: #000;
 } 

.do-something .do-something-text button:hover,
.do-something .do-something-text button.status:hover,
.do-something button.do-something-other:hover,
.dialog-drag-handle   { 
	background-color: #000;
	border-color: #000; } 

.dialog-content  { 
	border: 1px solid #000;
	border-top: none; } 

.dialog-close  { 
	font-weight: normal; } 

/* forum */


.comment_form H5,
.forum h5  { 
	margin-bottom: 6px; } 

li.topic .chapeau,
li.note .chapeau  { 
	color: #8c8c8c;
	background: none;
	margin: 0;
	padding: 0; } 

li.topic h3 a:hover,
li.note h3 a:hover  { 
	color: #00AADD; } 

.comment-content input.text, 
.comment-content textarea  { 
	width: 550px; } 

.comment-meta  { 
	font-size: 11px;
	line-height: 15px; } 

.num-reactions a  { 
	color: #999; } 

.num-reactions-active a  { 
	color: #f00; } 


/* edit page
----------------------------------------------------------------------------- */
body.edit-page  { 
	background: #000 url(http://static.mediamatic.nl/f/qpsh/image/editpage.png) repeat-y 50% 0;
	color: #000; } 

body.edit-page .dv-title  { 
	background: none;
	padding: 0; } 

.edit-page .figblock02 .link-fig  { 
	display: block; } 

.edit-page .dv-title h1  { 
	float: none; } 

.edit-page .editable-area  { 
	clear: both; } 

.edit-page .container  { 
	background: #fff; } 

.edit-page .list-view-item li img  { 
	max-width: 290px; } 

.edit-page .list-view-simple  { 
	margin: 0 0 18px; } 

.edit-page #content .padding  { 
	padding: 0; } 

.edit-page .do_editinplace textarea,
.edit-page .do_editinplace input  { 
	max-width: 100%; } 

.edit-page #footer  { 
	color: #fff;
}