/* -------------------------------------------------------------- 
  
   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,optgroup  {   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 49818 2010-09-27 13:27:28Z josias $
   
   * 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: 1px;
  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://static.mediamatic.nl/f/cgcz/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,
.add-part-image-button 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,
	.add-part-image-button  { 		border: none;
		padding: 0 0 2px 0;
 } 
	.button-fig,
	.add-part-image-button  { 		margin: 0;
 } 
	.button-fig  { 		float: none;
 } 	
	.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; } tl.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;
		 } 	
		
		/* 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; } 
.page-logon div.action.profile  { 	display: none !important; } 
.dialog .form-element input.openid-form  { 	background: #fff url(http://static.mediamatic.nl/f/cgcz/ima/openid-large.jpg) right no-repeat; } 
#action-logon-logon .form-inline-last a  {     font-size: 12px;
    line-height: 18px; } 
/* 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;
 } 
/* List view item thing */

.isIE7x .li-title  { 	 clear: both; } 
/* Context
-------------------------------------------------------------- */

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

		
/* avatar
---------------------------------------------------------- */		
		
.avatar  { 	clear: none;
	float: left;
	height: 102px;
	width: 55px;
	overflow: hidden;
	margin: 0 6px 6px 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
	---------------------------------------------------------- */
		

	/* metadata
	---------------------------------------------------------- */
	
	/* by default do not show the header for the tags */
	.metadata li  { 		display: inline;
		margin: 0;	
 } 	
	.metadata .selected  { 		font-weight: bold;
 } 
	.edit-page .list-metadata button  { 		clear: both;
 } 
	.edit-page .metadata  { 		background: none;
		border: none;
		padding: 0;
 } 	
	.edit-page .metadata:empty  { 		display: none;
 } 	
		.edit-page .metadata-tag  { 			height: auto;
			margin: 0 .25em 0 0 !important;
	 } 
	/* keyword picker */
	.edit-page .metadata.keywords-image-picker li  { 		margin: 0 12px 12px 0;
 } 
	.edit-page .keywords-image-picker li img  { 		display: block;
		margin: 0 0 3px;
 } 
	/* person page metadata */
	
	.list-metadata-person li,
	.list-metadata-person .list  { 		display: inline;
 } 	
	.list-metadata-person .metadata-person-address-location  { 		padding-left: 20px;
		background: url(http://static.mediamatic.nl/f/cgcz/image/person_metadata.gif) no-repeat 0 -60px;
 } 	
	.list-metadata-person .metadata-person-works_for  { 		padding-left: 20px;
		background: url(http://static.mediamatic.nl/f/cgcz/image/person_metadata.gif) no-repeat 0 -20px;
 } 	
	.list-metadata-person .metadata-person-address-info  { 		padding-left: 20px;
		background: url(http://static.mediamatic.nl/f/cgcz/image/person_metadata.gif) no-repeat 0 0;
 } 	
	.list-metadata-person .metadata-person-keywords .li-pos-1  { 		padding-left: 20px;
		background: url(http://static.mediamatic.nl/f/cgcz/image/person_metadata.gif) no-repeat 0 -40px;
 } 	
/* footer
-------------------------------------------------------------- */

	/* activity
	---------------------------------------------------------- */
	
	.activity  { 		margin: 0 0 6px 0;
 } 
		.activity a img,
		.design-by a img  { 			border: none;
	 } 					
		.activity .edit-cc  { 	 } 
			.isIE8x .activity .edit-cc  { 				height: 24px;	
		 } 
/* edit-page
-------------------------------------------------------------- */

.edit-page h5  { 	display: none; } 
	.edit-page .action .listbox h5,
	.edit-connection-box h5,
	.edit-page #address h5,
	.edit-page .org_pubdate 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;
 } 		
	.trustgroup-button-wrap  { 		margin: 12px 0;
 } 
	.trustgroup-dates .trustgroup-header  { 		width: 8.5em;
 } 
	.trustgroup-dates a.ui_actionbutton  { 		margin-right: .3em;
		border: none;
 } 		
		.trustgroup-dates a.ui_actionbutton img  { 			margin: 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,
	.add-part-image-button  { 		border: none;
		padding: 0 0 2px 0;
 } 	
	.edit-page a.button-datepicker  { 		border: none;
 } 	
		.button-fig,
		.add-part-image-button  { 			background: #fff url(http://static.mediamatic.nl/f/cgcz/image/camera.jpg) no-repeat left top;
			height: 18px;
			margin: 0 0 18px 0;
			padding: 0;
			text-indent: 26px;
			color: #999;
	 } 		
			.dialog-content.form-element .button-fig,
			.add-part-image-button  { 				margin: 0;
		 } 			
		.button-fig:hover,
		.add-part-image-button:hover  { 			background: #fff url(http://static.mediamatic.nl/f/cgcz/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: 8px 0 0 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 .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: 40px;
 } 	
	#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: #fff;
		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%; } 
.manage-new-list-action button  { 	margin: 0 0 18px; } 
/* 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/cgcz/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/cgcz/image/accordion.gif) 2px -230px no-repeat; } 
div.acc-content-open  { 
	background: #f00 url(http://static.mediamatic.nl/f/cgcz/image/accordion.gif) 2px -230px no-repeat;  } 
div.acc-content-open:hover  { 	background: #f00 url(http://static.mediamatic.nl/f/cgcz/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-content h3,
	.acc-content h4  { 		padding-bottom: 6px;
 } 
.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 .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;
 } 
.page-view .menu-editable .edit-cc,
.page-view .menu-editable .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;
 } 
.menu-editable .cc  { 	float: left; } 
.isIE7x .menu-editable .cc span  { 	display: block; } 
.cc a,
.cc a:hover,
.cc a:active  { 	border: none; } 
.edit-cc  { 	background-repeat: no-repeat;
	background-position: 0 45%; } 
	.page-view .edit-cc,
	.dialog-content .edit-cc  { 		background-repeat: no-repeat;
		background-position: 0 50%;
		text-indent: -9999px;
		display: inline-block;
 } 
	/* ie7 doesnt understand inline-block */
	.isIE7x .page-view .edit-cc,
	.isIE7x .dialog-content .edit-cc  { 		display: inline;
		zoom: 1;
 } 	
		.page-view .chapeau .edit-cc  { 			margin-right: -3px;
	 } 			
		/* ie7 doesnt understand inline-block */
		.isIE7x .page-view .chapeau .edit-cc  { 			display: inline;
			zoom: 1;
	 } 		
label .edit-cc  { 	float: left; } 
.cc-icons1  { 	width: 18px;  } 
.cc-icons2  { 	width: 33px;  } 
.cc-icons3  { 	width: 48px;  } 
.edit-page button .cc-icons1  { 	padding-left: 18px;  } 
.edit-page button .cc-icons2  { 	padding-left: 33px;  } 
.edit-page button .cc-icons3  { 	padding-left: 48px;  } 
.cc-by-nc-nd	 { background-image: url(http://static.mediamatic.nl/f/cgcz/image/cc/gray/by-nc-nd.png); } .cc-by-nc-sa	 { background-image: url(http://static.mediamatic.nl/f/cgcz/image/cc/gray/by-nc-sa.png); } .cc-by-nc		 { background-image: url(http://static.mediamatic.nl/f/cgcz/image/cc/gray/by-nc.png); } .cc-by-nd		 { background-image: url(http://static.mediamatic.nl/f/cgcz/image/cc/gray/by-nd.png); } .cc-by-sa		 { background-image: url(http://static.mediamatic.nl/f/cgcz/image/cc/gray/by-sa.png); } .cc-by			 { background-image: url(http://static.mediamatic.nl/f/cgcz/image/cc/gray/by.png); } .cc-cr			 { background-image: url(http://static.mediamatic.nl/f/cgcz/image/cc/gray/cr.png); } .cc-pd			 { background-image: url(http://static.mediamatic.nl/f/cgcz/image/cc/gray/pd.png); } 
.page-view .menu-editable .cc-by-nc-nd	 { background-image: url(http://static.mediamatic.nl/f/cgcz/image/cc/white/by-nc-nd.png); } .page-view .menu-editable .cc-by-nc-sa	 { background-image: url(http://static.mediamatic.nl/f/cgcz/image/cc/white/by-nc-sa.png); } .page-view .menu-editable .cc-by-nc		 { background-image: url(http://static.mediamatic.nl/f/cgcz/image/cc/white/by-nc.png); } .page-view .menu-editable .cc-by-nd		 { background-image: url(http://static.mediamatic.nl/f/cgcz/image/cc/white/by-nd.png); } .page-view .menu-editable .cc-by-sa		 { background-image: url(http://static.mediamatic.nl/f/cgcz/image/cc/white/by-sa.png); } .page-view .menu-editable .cc-by			 { background-image: url(http://static.mediamatic.nl/f/cgcz/image/cc/white/by.png); } .page-view .menu-editable .cc-cr			 { background-image: url(http://static.mediamatic.nl/f/cgcz/image/cc/white/cr.png); } .page-view .menu-editable .cc-pd			 { background-image: url(http://static.mediamatic.nl/f/cgcz/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://static.mediamatic.nl/f/cgcz/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/cgcz/image/throbberwait.gif) no-repeat scroll 19% 92% !important; } 
.event-info-new-thing .no-selection  { 	display: none; } 
a.datepicker-icon,
a.datepicker-icon:focus,
a.datepicker-icon:hover  { 	border: 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://static.mediamatic.nl/f/cgcz/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/cgcz/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: 6px;
	margin: 0;
	font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size: 11px;
	line-height: 18px; } 
	#ie6-upgrade h4  { 		color: #000;
		font-size: 14px;
		font-weight: bold;
 } 	
	#ie6-upgrade p  { 		margin: 0;
 } 	
	#ie6-upgrade a  { 		color: #000;
		text-decoration: none;
		border-bottom: 1px dotted #000;
 } 
		#ie6-upgrade a:hover  { 			background-color: transparent;
			border-bottom: 1px solid #000;
	 } 	
	
/* 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; } */


/* RTL support
------------------------------------------------------------- */
#content .rtl,
#content .rtl h1,
#content .rtl h2,
#content .rtl h3,
#content .rtl h4,
#content .rtl h5,
#content .rtl h6,
#content .rtl input,
#content .rtl textarea,
#content .rtl .caption,
#content .rtl .intro,
#sidebar .rtl h1,
#sidebar .rtl h2,
#sidebar .rtl h3,
#sidebar .rtl h4,
#sidebar .rtl h5,
#sidebar .rtl h6,
.listbox .rtl h1,
.listbox .rtl h2,
.listbox .rtl h3,
.listbox .rtl h4,
.listbox .rtl h5,
.listbox .rtl h6,
.listbox .rtl .intro,
.dialog .rtl input,
.dialog .rtl textarea,
.rtl .dv-title h1,
.rtl .li-title,
.list-view-item-thing.rtl .li-title,
.dv-part2.rtl .intro  { 	direction: rtl;
	font-style: normal !important; 
	text-align: right;
	unicode-bidi: embed; } 
/* align chapeaus to the right: */
#content .rtl .chapeau  { 	float: right; } 
/* align do-something buttons to the right */
#content .rtl .dv-title .do-something,
.rtl_pag #footer .listbox .do-something  { 	float: right;
	margin-right: 0; } 
/* make Arabic text slightly larger: */
#sidebar .rtl .intro  { 	font-size: 10pt; } 

/* put images in line with text: */
#content .rtl ul.fig li img  { 	float: right; }  
#content div.rtl div.caption  { 	clear: both; }         
#content div.rtl .img-wrapper  { 	left: auto;
	right: 0;
	float: right; }               

#content div.rtl div.attachment_actors  { 	clear: both; } 
/* reset RTL for various elements */
#content .rtl .chapeau,
#content .rtl #list_author,
#content .rtl .link-fig,
#content .rtl .list-actor,
#content .rtl .button-fig,
#content .rtl .help-text,
#content .rtl .do-something,
#content .rtl .button-link  { 	direction: ltr !important;
	text-align: left !important; } 
/* make ghost-annotations appear correctly in FF: */
.rtl .img-with-annotations .annotation  { 	direction: ltr !important;
	text-align: left !important;
	text-indent: 0px !important; } 
/* display Arabic text from EN versions of images on AR pages the right way: */
#content .rtl .dv_image  { 	direction: rtl;
	float: right; } 
#content .rtl .intro  { 	clear: both; 
	font-style: normal !important;
	text-align: left; } 
/* create some space between chapeau and link in search results */
.rtl .li-title h3 a  { float: left; } 
/* align heading in detailed view on the right side: */
.rtl .dv-title .do-something,
.rtl h2.with-action  { 
	direction: rtl;
	float: right; } 
.rtl h2.with-action  { 	margin-right: 6px; } 
/* align titles to the left, even if they are rtl, see #8183: */
.rtl .li-title  { 	float: left; } 
/* align titles to the left, even if they are rtl, see #8183: */
.dv-part2.rtl .intro,
.list-view-item-thing.rtl .li-title,
.list-view-item-thing.rtl .li-part2 .intro  { 	text-align: left; } 
/* ensure that titles align correctly, see #8183: */
.rtl .li-title h3,
.rtl .li-title h4  { 	text-align: left; } 
/* ensure that links dont shift, see #8183: */
.rtl h3 a  { 	border: 1px solid transparent; } 
.rtl h3 a:hover,
.rtl h3 a:active,  { 	border: 1px solid #000 !important; } 

/* aligns chapeaus to the left in listitems and only triggers on RTL: */
.listbox .list .rtl .li-part1  { 	text-align: left;
	float: left;  } 
.listbox .list .rtl .li-part2  { 	clear: both; } 
/* enables display of "Fans" on the right side, see #8183: */
.rtl_pag .set-metadata  { 	width: 100%; /* used to be 98% but that doesnt work for RTL, so overriding this: */ } 
.rtl_pag .connections  { 	float: right;
	text-align: right;   } 
/* handlelist widget:
------------------------------------------------------------- */

/* setting this to 100% ensures that the listing does not shrink with small elements */
#list_setmember  { 	width: 100%;
	float: none; } 
/* setting this color to the background color of the surrounding element prevents ghosting */
.list-view-item-thing  { 	position: relative;
	background: #ffffff;
	overflow: hidden; /* to prevent long titles bleaking layout #8655 */ } 
.ui-sortable-handle:hover  { 	cursor: move; } 
.ui-unlinkable-handle:hover,
.ui-tag-handle:hover,
.ui-zoom-handle:hover  { 	cursor: pointer; } 
.ui-sortable-helper  { 	-moz-box-shadow: 3px 3px 3px #888888;
	-webkit-box-shadow: 3px 3px 3px #888888;
	box-shadow: 3px 3px 3px #888888; } 
.ui-state-highlight  { 	background: #ffffff;
	border: 1px dashed #000000 !important;
	color: #000000 !important;
	text-align: center !important; } 
.handlelist-toolbar  { 	position: absolute;
	right: 0;
	top: 6px;
	display: none; } 
/* sprite generation information at anymeta:#7902 */
span.handlelist-toolbar-icon-unlink,
span.handlelist-toolbar-icon-unlink:hover,
span.handlelist-toolbar-icon-zoom,
span.handlelist-toolbar-icon-zoom:hover,
span.handlelist-toolbar-icon-drag,
span.handlelist-toolbar-icon-drag:hover,
span.handlelist-toolbar-icon-tag,
span.handlelist-toolbar-icon-tag:hover  { 	background-image: url(http://static.mediamatic.nl/f/cgcz/image/handlelist_sprite.png);
	background-repeat: no-repeat;
	float: left;
	height: 20px;
	margin: 0 6px 0 0;
	text-indent: -9999px;
	width: 20px;  } 
span.handlelist-toolbar-icon-unlink  { 
	background-position: 0 -200px;  } 
span.handlelist-toolbar-icon-unlink:hover  { 
	background-position: 0 -240px;  } 
span.handlelist-toolbar-icon-zoom  { 
	background-position: 0 -80px;  } 

span.handlelist-toolbar-icon-zoom:hover  { 
	background-position: 0 -280px;  } 

span.handlelist-toolbar-icon-drag  { 	background-position: 0 0;  } 

span.handlelist-toolbar-icon-drag:hover  { 
	background-position: 0 -40px; } 

span.handlelist-toolbar-icon-tag  { 
	background-position: 0 -120px; } 

span.handlelist-toolbar-icon-tag:hover  { 
	background-position: 0 -160px;  } 

.handlelist-additem  { 	width: 100%;
	position: absolute;
	left: 0;
	clear: both;
	border: none;
	margin: 8px 0 0 0; } 
.handlelist-additem-button-trigger  { 	border: 1px dashed transparent;
	display: block; 
    height: 18px; } 
.handlelist-additem-button  { 	border: 1px dashed #333;
	display: none;
    height: 18px; } 
.handlelist-additem-button button  { 	background: transparent none no-repeat;
    border: 0;
	text-align: center;
	width: 100%; } 
.ui-sortable embed  { 	position: relative;
	top: 32px; } 
/* Animate content
------------------------------------------------------------- */
.list-view-item-thing-animate-content-hidden  { 	opacity: 0;
	height: 0;
	display: block; } 
.list-view-item-thing-animate-content .list-view-item-thing-content-wrapper,
.list-view-item-thing-animate-content-no-icon .list-view-item-thing-content-wrapper  { 	padding: 6px 12px; } 

.list-view-item-thing-animate-content .list-view-item-thing-content-wrapper .intro  { 	display: block; } 
.list-view-item-thing-animate-content,
.list-view-item-thing-animate-content-no-icon  { 	height: 228px;
	width: 300px;
	background: #bfbfbf; } 
.list-view-item-thing-animate-content-no-icon  { } 
.list-view-item-thing-animate-content .list-view-item-thing-content-wrapper,
.list-view-item-thing-animate-content-no-icon .list-view-item-thing-content-wrapper,
.page-view.layout-listitem-enabled .fig .caption,
.page-view.layout-listitem-enabled .caption-inline  { 	width: 276px;
	background: url(http://static.mediamatic.nl/f/cgcz/image/list-animated-content-bg.png);
	position: absolute;
	bottom: 0;
	left:0; } 
.page-view.layout-listitem-enabled.isIE8up .caption-inline .title  { 	display: block;
	float: left; } 
/* IE6 cannot find the height of an absolute postioned element. Position set to relative. Reset in javascript */
.isIE6x .list-view-item-thing-animate-content .list-view-item-thing-content-wrapper,
.isIE6x .list-view-item-thing-animate-content-no-icon .list-view-item-thing-content-wrapper,
.page-view.layout-listitem-enabled.isIE6x .caption,
.page-view.layout-listitem-enabled.isIE6x .caption-inline  { 	position: relative;
	visibility: hidden; } 
.list-view-item-thing-animate-content .icon  { 	margin: 0 !important; } 
/* hide animated intro's/captions */
.list-view-item-thing-animate-content-hover .li-part2,
.layout-listitem-enabled.page-view .fig .caption,
.layout-listitem-enabled.page-view .caption-inline  { 	height: 0;
	overflow: hidden;
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0); } 
body.layout-listitem-enabled .fig .caption,
body.layout-listitem-enabled .caption-inline  { 	padding: 6px 12px; } 
/* START Temporary fix for video controls caption hover issue, see Anymeta:#7840 */

.page-view.layout-listitem-enabled ul.fig li.fig-li-object div.caption  { 	opacity: 1;
	height: auto;
	background: none;
	position: inherit;
	bottom: auto;
	left: auto;
	width: auto !important;
	color: #000;
	padding: 0;
    font-size: 12px; } 
	.isIE.page-view.layout-listitem-enabled  ul.fig li.fig-li-object div.caption  { 		filter: alpha(opacity=100);
		position: relative;
 } 	
	.isWebkit.page-view.layout-listitem-enabled  ul.fig li.fig-li-object div.caption  { 		margin: 12px 0 0 0;
 } 	
	.page-view.layout-listitem-enabled ul.fig li.fig-li-object div.caption p.title a,
	.page-view.layout-listitem-enabled ul.fig li.fig-li-object div.caption span.caption-sep,
	.page-view.layout-listitem-enabled ul.fig li.fig-li-object div.caption p.caption-body  { 		color: #000;
 } 	
	.page-view.layout-listitem-enabled ul.fig li.fig-li-object div.caption p.title a:hover  { 		color: #8C8C8C;
 } 
/* END temp fix Anymeta:#7840 */

.list-view-item-thing-animate-content-hover .intro  { 	height: auto !important; } 	

.list-search-advanced li.list-view-item-thing-animate-content  { 	float: left;
	margin-right: 15px; } 
.list-search-advanced li.list-view-item-thing:nth-child(odd)  { 	margin-right: 30px; } 
.list-search-advanced li.list-view-item-thing:nth-child(even)  { 	margin-right: 0px; } 
/*
.list-search-advanced li .li-part2,
.list-search-advanced .caption.clearfix,
.list-search-advanced .caption-inline  { 	height: auto;
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
	filter: alpha(opacity=1); } */


/* Show the daterange as an inline element */
.list-view-item-thing-animate-content .daterange  { 	float: left; } 
	.list-view-item-thing-animate-content .date,
	.list-view-item-thing-animate-content .day,
	.list-view-item-thing-animate-content .month,
	.list-view-item-thing-animate-content .year,
	.list-view-item-thing-animate-content .datesep  { 		background: none;
		margin: 0 3px 0 0;
		display: block;
		float: left;
		border: none;
		padding: 0;
		height: auto;
		width: auto;
		font-size: inherit;
		line-height: inherit;
		color: inherit;
		font-weight: inherit;
 } 
	.list-view-item-thing-animate-content .date,
	.list-view-item-thing-animate-content .daterange  { 		margin: 0;
 } 	
	.list-view-item-thing-animate-content .day  { 		padding: 0;
		display: block;
		float: left;
		text-align: center;
		width: 16px;
 } 
/* Chapeau Icons
------------------------------------------------------------- */

.list-view-item-thing-animate-content .daterange .day  { 	background: url(http://static.mediamatic.nl/f/cgcz/image/list-item-sprite.png) no-repeat 0 -2px;
	padding-right: 1px; } 
	.isIE7up .list-view-item-thing-animate-content .daterange .day  { 		padding-right: 3px;
 } 
.chapeau-part  { 	margin-right: 4px; } 
.chapeau-comments  { 	background: url(http://static.mediamatic.nl/f/cgcz/image/list-item-sprite.png) no-repeat 0 -31px;
	padding-left: 18px; } 
  	.dv-blog  .chapeau .chapeau-comments  { 		background: none;
		padding-left:0;
 } 
.chapeau-interest  { 	background: url(http://static.mediamatic.nl/f/cgcz/image/list-item-sprite.png) no-repeat 0 -63px;
	padding-left: 20px; } 
.chapeau-participant  { 	background: url(http://static.mediamatic.nl/f/cgcz/image/list-item-sprite.png) no-repeat -2px -95px;
	padding-left: 15px; } 
/* Facebook
------------------------------------------------------------- */

/* facebook logon link */
div.form-element a.facebook-logon,
p a.facebook-logon  {     padding-left: 26px;
    background: transparent url(http://static.mediamatic.nl/f/cgcz/library/FacebookGraph/fb_icon.png) no-repeat 4px -116px;
    background-repeat: no-repeat;
    border: 0; } 
p a.facebook-logon span  {     border-bottom: 1px dotted #999999; } 
div.form-element a.facebook-logon:hover,
p a.facebook-logon:hover  {     background-position: 4px -58px; } 
#fb_disconnect  { 
 	float: right; 
	font-size: 12px;  } 
/* facebook menu */

.nav-personal-wrapper li a.facebook-logon  {     padding-left: 26px;
    background: transparent url(http://static.mediamatic.nl/f/cgcz/library/FacebookGraph/fb_icon.png) no-repeat 4px 3px;
    background-repeat: no-repeat; } 
.nav-personal-wrapper li a.facebook-logon:active,
.nav-personal-wrapper li a.facebook-logon:hover  {     background-position: 4px -55px; } 
/* FIX TO BE PORTED OVER TO STYLE.CSS AT A LATER DATE; SEE #7945 */

#nav li.li-pos-1 ul.ul-lvl-1 li a  { 	background-image: none;
	padding-left: 24px; } 
/* fixes misalignment in "I dont need an invoice" label: */
.form-item-invoice label  { 
	display: inline; } 
/* fixes misalignment for copy in gray boxes: */
#billing-information h6  { 	padding-left: 4px;	 } 
/* fixes nigh-invisible copy in gray boxes: */
#billing-information h6 label,
#billing-information h6 .expl  { 	color: #ffffff; } 
/* Default font settings. 18px baseline grid - v0.1 
-------------------------------------------------------------- */ 
   
body  { 
	color: #111;
	font: 14px/18px Georgia, Times, serif;
	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,h5,h6  { font-weight: normal; color: #111; } 
h1  { font-size: 75px;	line-height: 56px; margin: 0 0 -7px; } /* cufon styles */
h2  { font-size: 18px;	line-height: 27px; font-style: italic; } h3  { font-size: 18px;	line-height: 27px; } h4  { font-size: 14px;	line-height: 27px; } h5  { font-size: 14px;	font-weight: normal; font-style: italic; } h6  { font-size: 14px;	font-weight: normal; } 
.edit-page h1  { 	line-height: 96px;
	margin: 0; } 
.list-view-item li h3, .dv-small h3  { 	font-size: 16px;
	line-height: 18px;
	clear: both; } 
	.list-view-item li.event h3  { 		margin: 0;
 } 

	.list-view-item li h4, .dv-small h4  { 		font-size: 14px;
		line-height: 18px;
 } 	
	.list-view-item .li-title-no-subtitle  { 		margin: 0 0 3px;
 } 
	.list-view .list li h4,
	.list-view .list li h3  { 		display: inline;
		margin: 0 3px 0 0;
 } 	
	.list-view .list li h3  { 		font-size: 14px;
		line-height: 18px;
		text-transform: uppercase;
 } 	
		.list-view .list li h3 a:hover  { 			background: #777;
			color: #fff;
	 } 		
		.set-info h3 a:hover  { 			background: #777;
			color: #fff;
			font-size: 32px;
			line-height: 25px;
			height: 25px;
	 } 
	
	.list-view .list li h4  { 		font-style: italic;
		font-size: 14px;
		line-height: 18px;
 } 	
.list-view-simple  { 	font-size: 12px;
	line-height: 18px; } 
.list-view-simple h5  { 	line-height: 18px; } 
.list-actor h5  { 	font: 12px Georgia, Times, serif;
	display: inline;
	margin: 0 .25em 0 0; } 
.person h5  { 	font-size: 24px; } 
.dv .intro  { 	font-size: 18px;
	line-height: 27px;
	font-weight: normal; } 
.page-home .dv .intro  { 	font-size: 45px;
	line-height: 54px;
	font-style: italic; } 
.caption  { 	font-size: 12px;
	line-height: 18px; } 
.daterange-coverage span  { 	font-size: 14px;
	color: #111;
	font-weight: normal; } 
#the-status-msg  { 	font-size: 48px;
	line-height: 61px;
	margin: 0 0 0 .3em;
	font-style: italic;
	display: inline;
	color: #bbb; } 
.comment-meta  { 	color: #999;
	line-height: 18px;
	font-size: 12px; } 
.source-title  { 	padding: 0 2px;
	white-space: nowrap; } 
h3.tour-head  { 	font-size: 18px;	
	line-height: 27px; 
	font-style: normal;
	margin: 0 0 18px 0;
	color: #939598; } 	
	.tour-location,
	.tour-tags  { 		background: url(http://static.mediamatic.nl/f/cgcz/image/person_metadata.gif) no-repeat 0 -60px;
		padding-left: 12px;
		position: relative;
		top: 3px;
		left: -3px;
 } 	
	.tour-tags  { 		background-position: 0 -40px;
 } 
	h3.tour-head em  { 		margin-right: 9px;
 } 
	h3.tour-head a  { 		border-bottom: 1px dotted #ccc;
		color: #939598;
 } 	
	h3.tour-head a:hover  { 		color: #000;
 } 	
	h3.tour-head span,
	h3.tour-head span a  { 		color: #939598;
		font-style: italic;
 } 
/* trustgroup exceptions
-------------------------------------------------------------- */

.edit-page .trustgroup-dates a.date-edge,
.edit-page .trustgroup select  { 	color: #555; } 
/* Text elements
-------------------------------------------------------------- */

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

.list-view-item a,
.list-view-item a:focus,
.list-view-item a:hover,
.list-view-item a:active  { border: none; } 
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; } address		 { font-style: normal; color: #555}

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; } 

/* chapeau 
------------------------------------------------------ */

.chapeau,
.chapeau a  { 	color: #939598;
	font-style: italic;
	margin: 0 9px 12px 0;
/* 	float: left; removed because messes up forum chapeau */
	font-size: 18px; } 
	.topic .chapeau  { 		float: none;
 } 	
	li .chapeau  { 		font-family: Verdana, arial, sans-serif;
		text-transform: uppercase;
		margin: 0;
		font-style: normal;
		float: none;
		font-size: 12px;
		line-height: 18px;
 } 	
	li .chapeau .city  { 		font-style: italic;
 } 

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

/*
ul.metadata  { 	padding: 6px 9px 10px;
	background: #f2f2f2;
	border: 1px dotted #ddd; } */

ul.metadata li.similar a  { 	font-style: italic;
	border-bottom: 1px dotted #666; } 
/* 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: 0 0 18px 0; 
	width: 100%;  } 
	th  { 
		font-family: "Lucida grande", arial, sans-serif; 
		font-weight: normal; 
		background: #666; 
		color: #fff;
		font-size: 11px;
		padding: 3px 6px 3px 3px;
		line-height: 22px;
 } 	
	td  { 
		padding: 3px 6px 9px 3px; 
		border-bottom: 1px dotted #ccc;
		line-height: 22px;
 } 	
		td .list-view-simple,
		td .list-view-simple *  { 			display: inline;
	 } 	
	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; } 
/* Small info sections
-------------------------------------------------------------- */

.info  { 	color: #999;
	font-size: 12px;
	line-height: 18px; } 
	.info a  { 		color: #999;
		border-bottom: 1px dotted #999;
		text-decoration: none;
 } 	
	.info a:hover  { 		color: #333;
		border-bottom-color: #333;
 } 	
		.info a img  { 			float: none;
			margin: 0;
	 } 

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

.activity,
.design-by  { 	color: #bbb; } .activity a, 
.design-by a  { 	color: #777; } 

/* custom list items
-------------------------------------------------------------- */

.list-view li.set,
.q_match li.set,
.list-view li.attachment,
.q_match li.attachment,
ul.list li.city_favourites,
ul.list li.gallery  { 
	width: 310px;
	height: 310px;
	position: relative;
 } 


.q_match li.set img,
.q_match li.attachment img,
.list-view li.set img  { 
	margin: 0;
	display: block;
	top: 0;
	left: 0;
 } 

.list-view li,
.q_match li  { 
	width: 150px;
	height: 310px;
	overflow: hidden;
	margin: 0 0 20px 10px;
	float: left;
	position: relative;
 } 

	.list-view li .item-fadeout,
	.q_match li .item-fadeout  { 
		position: absolute;
		bottom: -5px;
		width: 150px;
		height: 35px;
		background: transparent url(http://static.mediamatic.nl/f/cgcz/image/gradient_white.png) no-repeat;
 } 


	.list-view li .item-fadeout span a,
	.q_match li .item-fadeout span a  { 
		position: absolute;
		right: 0;
		top: 17px;
		font-size: 10px;
		font-family: Verdana, arial, sans-serif;
		color: #bbb;
		background: #fff;
		display: block;
 } 

	.list-view li .item-fadeout span a:hover,
	.q_match li .item-fadeout span a:hover  { 
		color: #000;
 } 


ul.list li .set-info p.author  { 
	margin: -60px;
	display: block;
	float: left;
	font-style: italic;
	color: #ddd;
	font-family: Verdana, arial, sans-serif;
	font-size: 11px;
 } 

.list-view li a,
.list-view li a:hover  { 
	border-width: 0;
 } 

.list-view li a.button,
.list-view li a.button:hover  { 
	border-width: 1px;
 } 

	.list-view li a.wrap-icon  { 
		position: relative;
 } 

	.list-view li a.wrap-icon .guide  { 
		position: absolute;
		top: 0;
		width: 50px;
		background: transparent url(http://static.mediamatic.nl/f/cgcz/image/trans-white.png) repeat;
 } 

	.list-view li a.wrap-icon .item-date  { 
		position: absolute;
		top: 0;
		width: 50px;
		height: 150px;
		background: transparent url(http://static.mediamatic.nl/f/cgcz/image/trans.png) repeat;
 } 

		.list-view li a.wrap-icon .item-date .daterange  { 
			margin: 0;
	 } 

		.list-view li a.wrap-icon .item-date .date  { 
			background: none;
			border: none;
			color: #fff;
			height: 61px;
			margin: 0;
			padding: 2px 0 0 6px;
			text-align: left;
			width: 50px;
			font-family: Verdana, arial, sans-serif;

	 } 

		.list-view li a.wrap-icon .item-date .day,
		.list-view li a.wrap-icon .item-date .month,
		.list-view li a.wrap-icon .item-date .year  { 
			color: #fff;
			font: normal bold 16px/13.5px arial, sans-serif;
			text-transform: uppercase;
	 } 

		.list-view li a.wrap-icon .item-date .datesep  { 
			color: #fff;
			display: block;
			font-size: 23px;
			margin: 0;
			padding: 3px 0 5px 6px;
			text-align: left;
			width: auto;
	 } 

.list-view li img  { 
	float: none;
	display: block;
 } 

.list-view li h3 img  { 
	display: inline;
 } 

.list-view .list  { 
	margin-left: -10px;
 } 

.location.edit-page .list-located_in  { 
	display: none;
 } 

.edit-page .list-setmember li  { 
	width: 308px;
	height: 308px;
	margin:  0 0 40px 10px !important;
	border: none;
	padding: 0;
	background: #fbfbfb;
	border: 1px solid #e7e7e7;
 } 

.edit-page .list-setmember li .edit-manage-wrapper  { 
	padding: 3px;
	border-bottom: 1px solid #e7e7e7;
	margin: 0 0 6px 0;
	background: #f3f3f3;
 } 

.edit-page .list-setmember li .edit-list-item-wrapper  { 
	width: 147px;
	float: left;
	padding: 0px 3px 3px;
 } 

.edit-page li img,
.edit-page .list-view li.set img  { 
	margin: 0;
 } 

.sortable-item-placeholder  { 
	padding: 0;
	margin:  0 0 20px 10px !important;
	float: left;
	width: 147px;
	background: red !important;
	height: 3px !important;
	display: block;
	border: none !important;
 } 

	.edit-page .dragging  { 
		border: 1px solid #e7e7e7;
		background: #f3f3f3 !important;
		padding: 0 !important;
		margin: 0 !important;
		width: 310px !important;
		height: 310px !important;
		position: absolute;
		display: none;
		overflow: hidden;
		z-index: 999;
 } 

	.list-author .list-view-simple .person  { 
		color: #999;
		border-color: #ccc;
		font-size: 18px;
 } 

		.list-author ul.list li.person a:hover  { 
			color: #000;
	 } 

		.list-author ul.list li img  { 
			float: left;
			height: 17px;
			margin: 2px 4px 0 0;
			width: 17px;
	 } 

			.list-view-simple .list li img:hover  { 
				height: 55px;
				margin: 0 -34px -36px 0;
				position: relative;
				width: 55px;
				z-index: 10;
		 } 

			.dv-part2 .list-view-simple .list li img:hover  { 
				margin: 0 -39px -40px 0;
		 } 

.dv-part1 .list-view-simple  { 
	line-height: 18px;
	margin: 0 9px -9px 0 !important;
	padding: 0 0 9px;
	float: left;
 } 

.edit-page .dv-part1 .list-view-simple  { 
	margin: 0 0 9px 0;
 } 

.dv-part1  { 
	margin: 0 0 9px;
 } 

.dv-part1 p.chapeau  { 
	line-height: 18px;
	margin: 0 9px 0 0;
	padding: 0;
	float: left;
 } 

div.download  { 
	margin: 0 0 9px;
 } 

div#corner_notice  { 
	display: none !important;
 } 

/* sorry */
.list-view-simple  { 
	margin: 0 0 18px !important;
 } 

	.list-view-simple .list  { 
		margin-left: 0  !important;
 } 

	.list-view-simple li  { 
		width: auto !important;
		height: auto !important;
 } 


/* custom list item content for sets
------------------------------------------------------------- */
/*
body.set .connections  { 
	display: none;
 } 
*/

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

#map .set-info-wrapper  { 
	display: block;
 } 

.set-info-wrapper  { 
	width: 310px;
	position: absolute;
	background: #000;
	bottom: 0;
	background: url(http://static.mediamatic.nl/f/cgcz/image/opacity-black.png);
	z-index: 999;
 } 

.set-info-wrapper h4  { 
	position: relative;
	top: 0;
 } 

.set-info  { 
	padding: 9px;
 } 

	.set-info h3,
	.set-info h4,
	.set-info a  { 
		color: #fff;
 } 

	.set-info a:hover,
	.set-info a:focus,
	.set-info a:active  { 
		border: none;
 } 

.set-info .chapeau  { 
	font-size: 11px;
	margin: 0 3px 0 0;
	display: block;
	float: left;
 } 

.list li .set-info h3  { 
	font-size: 32px;
	line-height: 27px;
	padding-right: 3px;
 } 

	.list li .set-info h4  { 
		font-size: 14px;
		font-style: italic;
		position: relative;
		top: 1px;
 } 


	/* set chapeau */
	.set-info-top  { 
		color: #000;
		padding: 0 0 2px;
		left: 0;
		padding: 4px;
		position: absolute;
		top: 0;
		width: 302px;
		font: italic bold 10px/14px Verdana,arial,sans-serif;
		background: url(http://static.mediamatic.nl/f/cgcz/image/opacity-white.png);
 } 

	.set-info-type  { 
		font-size: 19px;
 } 

/* 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-author,
		.list-view  { 
			margin: 0;
	 } 

	li .intro  { 
		display: block;
 } 

		li .intro p  { 
			color: #8c8c8c;
			margin: 0;
			display: inline;
			/* stops text from wrapping up wierdly */
			float: left;
	 } 

	li.event .event-date-icon-wrapper  { 
		margin: 9px 0;
 } 

	li.event .intro p  { 
		display: block;
 } 

	li.event p.location-date-info  { 
		margin: 0 3px 0 0;
		float: left;
 } 

	li .author  { 
		font-style: italic;
 } 

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

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

#header  { 
	margin: 0 0 27px;
 } 



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

#header  { 
	margin: 0 0 27px;
 } 


/*
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,
.menu-editable  { 
	list-style: none;
	margin: 0;
	font-family: verdana, arial;
	font-size: 12px;
 } 


	.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: #369;
	position:relative;
	z-index:10999;
 } 

.menu-auth  { 
	float: left;
 } 

.menu-membership  { 
	float: right;
 } 


	.menu-auth li.li-pos-1 a  { 
		background: url(http://static.mediamatic.nl/f/cgcz/image/menu-icon.png) no-repeat 4px -263px;
		overflow: hidden;
		padding-left: 24px;
 } 

		.menu-auth li.li-pos-1 a:hover  { 
			background: #fff url(http://static.mediamatic.nl/f/cgcz/image/menu-icon.png) no-repeat 4px -319px;
	 } 

	.nav-personal-wrapper li  { 
		margin: 0;
 } 

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

	@media screen and (-webkit-min-device-pixel-ratio:0) { 
		.nav-personal-wrapper li a  { 
			padding: 3px 12px;
	 } 
 } 

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


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

.menu-editable  { 
	background: #eb0431 url(http://static.mediamatic.nl/f/cgcz/image/menu-icon.png) no-repeat 4px -150px;
	overflow: hidden;
	padding-left: 24px;
 } 

	/*.menu-editable:hover  { 
		background: #eb0431 url(http://static.mediamatic.nl/f/cgcz/image/menu-icon.png) no-repeat 4px -206px;
	}*/


	.menu-editable button,
	.menu-editable a.button-editable  { 
		color: #eb0431;
		background: #fff;
		border: 1px solid #eb0431;
 } 

	@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: #eb0431;
		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: #eb0431;
	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 navigation (navigation including simple-search)
---------------------------------------------------------- */

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

        .menu-nav li  { 
                margin: 0;
                height: 24px;
        } 

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

/*
        .menu-nav li.li-pos-1 a,
        .menu-nav li.li-pos-1 a:hover,
        .menu-nav li.li-pos-1 a:active,
        .menu-nav li.li-pos-1 a:focus  { 
                background: url(http://static.mediamatic.nl/f/cgcz/image/logo_pdz.png) no-repeat 0 -1px; 
                color: #999;
                overflow: hidden;
                padding-left: 92px;
                margin-left: 0;
                text-indent: -9999px;
           
        } 
*/
       
/*
        .page-home .menu-nav li.li-pos-1 a,
        .page-home .menu-nav li.li-pos-1 a:focus,
        .page-home .menu-nav li.li-pos-1 a:active,
        .page-home .menu-nav li.li-pos-1 a:hover  { 
                background: url(http://static.mediamatic.nl/f/cgcz/image/logo_pdz_home.gif) no-repeat 0px 0px; 
                text-indent: -9999px;
                width: 950px;
                height: 175px;
                margin:4px 0;
                padding:0;
                border: none;
        } 
*/
       
/*
        .page-home .li-pos-2 a  { 
                margin-left: 0;
        } 
       
*/

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


	.menu-nav li a  { 
		color: #999;
		padding: 2px 12px 4px;
 } 

	@media screen and (-webkit-min-device-pixel-ratio:0) { 
		.menu-nav li a  { 
			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: #fff;
                        color: #333;
                } 

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

.nav-language-wrapper  { 
	float: right;
 } 

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

/*
	.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: 18px 0 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://static.mediamatic.nl/f/cgcz/image/menu-theme.png) repeat;
	z-index:100;
	position: relative;
	margin-top: -24px;
 } 

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

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

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

.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;
	z-index: 10997;
 } 


/* 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 #fff;
	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 #fff;
		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: #fff;
	color: #333;
 } 

	.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: #fff;
		color: #369;
 } 

	.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: #666;
 } 

/* 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: #fff;
	color: #333;
	border-top: 1px dotted #999;
	padding:3px 10px 3px 22px;
	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: #fff;
		color: #369;
		border-top: 1px solid #fff;
 } 

	.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: #666;
		border-top: 1px solid #999;
 } 

/* 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: none;
	background-color: #fff;
	color: #999;
	/* padding: 0 0 4px 22px; */
	display: block;
	border-top: 1px dotted #999;
	padding:3px 10px 3px 22px;
 } 

	.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: #369;
		color: #fff;
		border-top: 1px dotted #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: #ddd;
		color: #999;
		border-top: 1px dotted #999;
 } 

	/* menu nav
	---------------------------------------------------------- */
/*
	.menu-nav li.li-lvl-0  { 
		padding: 4px 0;
 } 
*/

	.menu-nav li a  { 
		background: #fff url(http://static.mediamatic.nl/f/cgcz/image/menu_bg.jpg) no-repeat;
		text-transform: uppercase;
		font-weight: bold;
		padding: 0px 10px 3px 22px;
		background-position: 0 -62px;
		margin-top: 3px;
		color: #999;
 } 
	
    .nav-search-wrapper .do_menu ul a:focus,
    .nav-search-wrapper .do_menu ul a:hover,
    .nav-search-wrapper .do_menu ul a:active  { 
         border-bottom: 1px solid #000;
         margin-bottom: -1px;
    } 
    
    .nav-search-wrapper .do_menu ul a  { 
    	margin-top: 0;
    } 


	.menu-nav li a:hover,
	.menu-nav li a:active,
	.menu-nav li a:focus  { 
		background: none;
		background: #fff url(http://static.mediamatic.nl/f/cgcz/image/menu_bg.jpg) no-repeat;
		background-position: 0 -62px;
		color: #000;
		padding: 0px 10px 3px 22px;
 } 


		.menu-nav li.li-pos-1 a,
		.menu-nav li.li-pos-1 a:active,
		.menu-nav li.li-pos-1 a:focus,
		.menu-nav li.li-pos-1 a:hover  { 
			background: none;
			padding: 0px 9px 3px 0 !important;
	 } 

		.menu-nav li.li-pos-2 a,
		.menu-nav li.li-pos-2 a:active,
		.menu-nav li.li-pos-1 a:focus,
		.menu-nav li.li-pos-2 a:hover  { 
			background-position: 0 3px;
			padding: 0px 10px 3px 22px;
	 } 


		.menu-nav li.li-pos-3 a,
		.menu-nav li.li-pos-3 a:active,
		.menu-nav li.li-pos-1 a:focus,
		.menu-nav li.li-pos-3 a:hover  { 
			background-position: 0 -13px;
			padding: 0px 10px 3px 22px;
	 } 

		.menu-nav li.li-pos-4 a,
		.menu-nav li.li-pos-4 a:active,
		.menu-nav li.li-pos-1 a:focus,
		.menu-nav li.li-pos-4 a:hover  { 
			background-position: 0 -31px;
			padding: 0px 10px 3px 21px;
	 } 

		.menu-nav li.li-pos-5 a,
		.menu-nav li.li-pos-5 a:active,
		.menu-nav li.li-pos-1 a:focus,
		.menu-nav li.li-pos-5 a:hover  { 
			background-position: 0 -47px;
			padding: 0px 10px 3px 22px;
	 } 

		.menu-nav li.li-pos-6 a,
		.menu-nav li.li-pos-6 a:active,
		.menu-nav li.li-pos-1 a:focus,
		.menu-nav li.li-pos-6 a:hover  { 
			background-position: 0 -62px;
			padding: 0px 10px 3px 22px;
	 } 

		.menu-nav li.li-pos-7 a,
		.menu-nav li.li-pos-7 a:active,
		.menu-nav li.li-pos-1 a:focus,
		.menu-nav li.li-pos-7 a:hover  { 
			background-position: 0 -79px;
			/* padding: 0 10px 0 22px; */
	 } 


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

.search-simple  { 
	margin: 3px 0 0;
	border: 1px solid #999;
	font-size: 12px;
	font-family: verdana;
 } 

	.search-simple fieldset  { 
		padding: 0 2px;
		background: #fff !important;
		float: left;
 } 

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

	.search-simple button.button-search-simple-opensearch  { /* note: there is padding in style_ie.css */
		margin: 0 0 0 3px;
		padding: 0;
 } 

/* Search Advanced
------------------------------------------------------ */
/*
.search-advanced  { 
	height: 20px;
	margin: 9px 0 18px;
 } 

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

*/

/* content area
-------------------------------------------------------------- */

#content.span-40 .padding .dv-padding,
.list-home_list  { 
	padding: 0 80px 0 0;
 } 

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

	/* part1
	---------------------------------------------------------- */

	.dv-title  { 
		margin: 0 0 12px;
		clear: both;
 } 
	
	.dv-title .do-something-header-wrapper  { 
		margin: 10px 0 0;
 } 

	/* figblock
	---------------------------------------------------------- */

	ul.fig li  { 
		margin: 0 0 18px;
 } 

		ul.fig li a,
		ul.fig li a:hover,
		.inline-image-wrapper a,
		.inline-image-wrapper a:hover  { 
			border-bottom: none;
	 } 

		ul.fig li img  { 
			display: inline;
			margin: 0;
	 } 

	/* pubdate
	------------------------------------------------------ */

	.org-pubdate  { 
		color: #bbb;
 } 


	/* body
	------------------------------------------------------ */

	.caption  { 
		color: #8c8c8c;
		display: block;
 } 

		.caption p  { 
			margin: 0;
			display: inline;
	 } 

		.caption p.title  { 
			margin: 0 .25em 0 0;
			float: left;
	 } 

	/* pager
	---------------------------------------------------------- */

	h5.pager  { 
		background: #F2F2F2;
		border: 1px solid #ddd;
		display: block;
		clear: both;
		font-weight: normal;
		line-height: 27px;
		margin: 0 0 18px;
		padding: 0 9px;
 } 

		h5.pager-blog a,
		h5.pager-blog span  { 
			width: 33%;
			float: left;
			display: block;
			border: none;
			color: #555;
	 } 

		h5.pager-blog 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  { 
		font-weight: bold;
		color: #8c8c8c;
		margin: 18px 0 9px 0;
		clear: both;
 } 

		.metatypes a  { 
			color: #8c8c8c;
	 } 

	/* Content padding for 
	---------------------------------------------------------- */				
	
	#content.span-20 .padding { 
		padding-right: 10px;
 } 
	

/* Context
-------------------------------------------------------------- */

	/* connections
	---------------------------------------------------------- */

	/* predicate-rest
	---------------------------------------------------------- */

	.dv .predicate-rest  { 
		display: none;
 } 

	/* metadata
	---------------------------------------------------------- */
	ul.metadata  { 
		background: none;
		border: none;
		padding: 0;
 } 

		ul.metadata li,
		ul.metadata li a  { 
			color: #999;
			font-size: 18px;
			line-height: 27px;
	 } 

		ul.metadata li a.selected  { 
			color: #000;
	 } 


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

li.blogposting  { 
	margin: 0 0 48px 0;
 } 

	.blogposting .listbox  { 
		margin: 6px 0 3px 0;
 } 

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

		li.blogposting h4  { 
			font-size: 18px;
			line-height: 24px;
			font-style: normal;
			margin: 0 0 6px 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 solid #333;
		 } 

		li.blogposting .intro  { 
			display: block;
			color: #000;
			font-size: 15px;
			line-height: 24px;
			margin-bottom: 12px;
	 } 

		li.blogposting .intro p  { 
			font-style: italic;
			display: inline;
			color: #000;
	 } 

		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:hover  { 
					color: #666;
			 } 


			li.blogposting .info  { 
				font-size: 12px;
				margin: 0;
		 } 

				li.blogposting .info a  { 
					margin: x;
					text-decoration: none;
					border-bottom: 1px solid #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;
 } 

	.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;
 } 

	.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;
 } 


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

.forum  { 
	margin-top: 24px 0 0 0;
 } 

#forum p  { 
	margin-bottom: 12px;
 } 

#forum .caption p  { 
	margin-bottom: 0;
 } 

.list-notes li  { 
	display: block;
 } 


	/* commentform
	--------------------------------------------------------- */

	.comment_form input.text  { 
		font-size: 16px;
		font-style: italic;
		padding: 2px;
 } 

	.comment_form textarea,
	.comment_form input.text  { 
		border: 1px solid #8c8c8c;
		display: block;
		margin: 0;
		width: 99%;
 } 

	.comment_form input.text  { 
		border: 1px solid #8c8c8c;
		display: block;
		margin: 0;
		width: 98%;
		padding: 2px 4px;
 } 

	.comment_form textarea  { 
		width: 98.5%;
		padding: 0;
		margin: 0;
 } 

	.comment_form input.checkbox  { 
		border: none;
		clear: left;
		display: inline;
		width: auto;
 } 

	.expl  { 
		color: #8c8c8c;
 } 


	/* comments
	--------------------------------------------------------- */
/*
	#forum  { 
		width: 550px;
 } 
*/
	
	.dv-forum .comment  { 
		margin-bottom: 9px;
 } 
	
	.dv-forum .comment-content input.text,
	.dv-forum .comment-content textarea  { 
		width: 526px;
 } 
	
		.dv-forum .comment-content  { 
			background: #bcd7f3;
			border-color: #bcd7f3;
	 } 
	
		.dv-forum .comment-form .comment-content  { 
			background: #369;
			border-color: #369;
			color: #fff;
	 } 
		
	#forum .topic,
	.dv .forum .topic  { 
		border: 1px solid #ccc;
		margin: 5px 0 18px;
		padding: 6px;
 } 
	
	.dv-forum h3.comment-title  { 
		margin-bottom: 5px;
 } 

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

	li.topic .chapeau,
	li.note .chapeau  { 
		margin: 0;
		padding: 0;
		background: none;
 } 

	li.topic,
	li.note  { 
		border: none;
		padding: 0;
		display: block !important;
		background: #f3f3f3;
		position: relative;
 } 

	.text-block-wrapper  { 
		height: 160px;
		overflow: hidden;
 } 

	.no-img  { 
		height: 310px;
		overflow: hidden;
 } 

	li.topic  { 
		background: #eee;
 } 

	.list-view li .topic-item-fadeout  { 
		top: 130px !important;
 } 

		.list-view li .topic-item-fadeout span a  { 
			top: 12px !important;
	 } 

	.forum .comment .btm  { 
		border: none;
		margin: 0;
 } 

	.note .btm img.nonauthoritative-icon,
	.topic .btm img.nonauthoritative-icon  { 
		opacity: .4;
 } 

	.topic-gray  { 
		color: #c8c8c8;
		font-size: 12px;
 } 


	/* resources
	---------------------------------------------------------- */

	 .connections .list-resources li  { 
	 	display: block;
	 } 

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

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

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

/* date range
------------------------------------------------------ */

.dv li .daterange  { 
	float: left;
	margin: 0;
 } 

	li .daterange  { 
		margin: 4px 0 0 0;
 } 

	li .date,
	li .datesep  { 
		display: block;
		float: left;
 } 

	li .date  { 
		color: #fff;
		background: #aaa;
		margin: 0 6px 0 0;
		padding: 0;
		text-align: left;
		width: 50px;
		height: 71px;
		font: normal bold 13px/12px arial, sans-serif;
		text-transform: uppercase;
 } 

		li .day  { 
			display: block;
			margin: 6px 4px 4px;
			padding: 0;
	 } 

		li .month,
		li .year  { 
			margin: 3px 4px;
			display: block;
	 } 

		.time  { 
			display: none;
	 } 

		li .datesep  { 
			color: #ccc;
			margin: 0;
			padding: 23px 0 0;
			text-align: left;
			width: 12px;
			display: none; /* for the common */
	 } 

		.info  { 
			color: #8c8c8c;
	 } 

			.info a  { 
				color: #8c8c8c;
				border-bottom: 1px solid #8c8c8c;
				text-decoration: none;
		 } 

				.info a img  { 
					float: none;
					margin: 0;
			 } 

	.daterange-action  { 
		float: left;
 } 

.dv-part1 .wrapper-date-location  { 
	margin: 18px 0 0;
 } 

.dv-part1 .wrapper-date-location .daterange-coverage,
.dv-part1 .wrapper-date-location .sep  { 
	float: left;
	margin-right: .25em;
 } 

	#the-status-msg  { 
		margin: 0;
		clear: both;
		float: left;
 } 

	#status-message-wrapper input  { 
		line-height: 1.35em !important;
		color: #bbb !important;
		font-size: 48px !important;
		font-style: italic !important;
 } 


.inline-image-wrapper a,
.inline-image-wrapper a:hover  { 
	border: none;
 } 


/* google maps
------------------------------------------------------ */

.googlemaps .mini  { 
	overflow: hidden;
 } 

.googlemaps .mini .mapwindow-content .listbox ul  { 
	width: auto;
	padding: 3px;
 } 

.googlemaps .mini .mapwindow-content.multiple li  { 
	border: none;
	margin: 0 0 10px 10px;
 } 

.googlemaps .mini .mapwindow-bottom  { 
	padding: 0 0 28px 0;
 } 

.googlemaps .mini  { 
	height: 400px;
 } 

	.googlemaps .mini .mapwindow-wrapper  { 
		width: 172px;
 } 

.googlemaps .mini .mapwindow-title  { 
	height: 16px;
 } 

.googlemaps .mini .mapwindow-close  { 
	right: 2px;
	top: -3px;
 } 


/* google maps - big
------------------------------------------------------ */
.mapwindow-content  { 
	height: 330px !important;
 } 

.mapwindow-content .listbox ul  { 
	width: 110%;
 } 

.mapwindow-content.multiple li  { 
	border: none;
	margin: 0 0 10px 0;
 } 

.mapwindow-wrapper  { 
	width: 358px;
 } 

.googlemaps-mapwindow  { 
	width: 360px;
 } 

/* Your contributions
------------------------------------------------------ */

tr.even td,
tr.odd td  { 
	background: #fff;
	border-bottom: 1px solid #ccc;
	margin: 9px 0;
 } 

.action .daterange,
.action .button-datepicker  { 
	border: none;
 } 


/* Flapper
------------------------------------------------------ */

.dv-title .do-something  { 
	margin-top: 4px;
	outline: 2px solid #fff;
 } 

	.do-something button,
	.dialog-drag-handle  { 
		border: 1px solid #369 !important;
		background-color: #369;
 } 
	
	.do-something .right-side button, 
	.do-something button.right-side  { 
		color: #369;
 } 

	.action .action-expl,
	.action-daterange  { 
		font-size: 12px;
		position: relative;
		top: 1px;
 } 

.dialog-content  { 
	border: 1px solid #ddd;
 } 

ul.f_attachment_select_ul  { 
	margin: 0;
 } 

.lightbox-add-attachment-moreoptions li.attachment  { 
	width: 320px;
	height: 320px;
	border: none;
	margin: 0 10px 0 0;
 } 

	/* Do Something button override 
	------------------------------------------------------ */
	
	.do-something .do-something-text button:hover, 
	.do-something .do-something-text button.status:hover, 
	.do-something .single-action button:hover, 
	.do-something .secondary-action button:hover  { 
		background-color:#336699;
		background-position:0 -40px;
		color:#FFFFFF;
		z-index:1;
 } 
	
	/* Bullet points override
	------------------------------------------------------ */
	
	.list-view-item .blogposting li  { 
    	margin: 0;
 } 
	
/* accordion
---------------------------------------------------------------- */

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

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

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

.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: #369;
 } 

/* 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: #369;
	color: #fff;
 } 

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

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

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

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

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

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


.claimed-info ul  { 
	float: left;
	margin: 1px 10px 0 0;
 } 

#status-message-wrapper  { 
	margin: 10px 0 0 0;
 } 

/* 4.14 overrides
---------------------------------------------------------------- */

.city .num-reactions  { 
	padding: 0;
 } 

.comment-form .form-element label, 
.comment-form .form-group-label  { 
	color: #fff;
 } 

.list-has_type  { 
	display: none;
 } 

/*.search-advanced-horizontal select  { 
	width: 150px;

	padding-top: 1px;
	height: 21px;

}*/

.form-element input.datepicker-second,
.form-element input.datepicker-minute, 
.form-element input.datepicker-hour, 
.form-element input.datepicker-day, 
.form-element input.datepicker-month  { 
	width: 40px !important;
 } 

.form-element input.datepicker-year  { 
	width: 45px !important;
 } 

/* 4.14 search horizontal
---------------------------------------------------------------- */

.searchresult .span-20,
.searchresult .span-40  { 
	width: 100%; 
	margin: 0;
 } 

.searchresult .span-20 div,
.searchresult .span-20 button,
.searchresult .form-inline-elements-inline *  { 
	float: none !important;
	display: inline;
 } 

.searchresult .search-advanced-type label  { 
	display: none !important;
 } 

.searchresult .form-element select  { 
	padding: 0;
	width: auto;
	height: auto;
 } 

.form-element-advanced-search  { 
	margin-right: 8px;
 } 
.search-advanced  { 
	margin:0;
 } 

/* inline styles from the mms_travel module
---------------------------------------------------------------- */

.guide-me-wrapper textarea  { 
	margin: 0;
	height: 140px;
 } 

	.guide-me-wrapper .for-item input  { 
		margin: 0 3px 0 0;
 } 

.guide-me-wrapper label  { 
	font-style: italic;
	display: block;
 } 

.guide-me-wrapper .datepicker-timesep  { 
	display: none;
 } 

/* make filter / input fields same height, see mms-travel:#166 */
.searchresult .form-element select  { 
	width: auto;
	height: 25px;
	padding-top: 2px; 
 } 

/* hiding radio and search buttons, see mms-travel:#165 */
/* .search-advanced-vertical, not enugh classes to make this work - eveline gives approval for it to show on all pages. */
.metatypes  { 
	display: none; 
 } 

/* hiding city and separator in certain pages, see mms-travel:#173 */
span.chapeau-address span.city  { 
	display: none;
 } 

/* hiding second representation of author, see mms-travel:#172 */
/*
span.chapeau-author span.list-author span.list-view-simple  { 
	display: none;
 } 
*/

/* make setitems look more like the common: */
ul#list_setmember li.list-view-item-thing div.item-fadeout  { 
	display: none;
 } 

/* display red cross in NTW on the right side:  */
p img, li img  { 
float:none;
margin:0;
 } 

/* hide "hide images", see mms-travel:#178" */
.hideimage-checkbox  { 
	display: none;
 } 

.handlelist-additem  { 
    border: medium;
    bottom: -32px !important;
    clear: both;
    left: 0;
    margin: 8px 0 0;
    position: absolute;
    width: 100%;
 } 

/* make headers re-appear in edit pages */
.listbox h5  { 
	display: block;
 } 

/* fixes Spacing problem in search pages (six column layout), see mms-travel:#178 */
.list-search-advanced li.list-view-item-thing:nth-child(odd)  { 
        margin-right: 0;
 } 

/* guide page chapeau #179 */
.dv-part1 .chapeau .list-view-simple  { 
	float: none;
	margin: 0 !important;
	padding: 0;
 } 

.dv-part1 div.list-author  { 
	display: none;
 } 

/* display chapaeu in correct color: */
.set-info .chapeau  { 
	color: #999999
 } 

/* hide chapeau parts that are not needed: */

li.list-view-item-thing.attachment .set-info .chapeau .chapeau-sep,
li.list-view-item-thing.attachment .set-info .chapeau .chapeau-author  { 
	display: none;
 } 


/* display h3 in set-info in correct color: */
.page-editable .list li .set-info h3  { 
	color: #000000;
	font-size: 14px;
 } 

.page-editable .list li .set-info h4  { 
	color: #999999;
	font-size: 14px;
 } 

/* hide author in listpublishes */ 
.listpublish .chapeau .chapeau-author .list-author .list-view-simple .list-view-simple-thing  { 
	display: none;
 } 

/* make fadeout reappear for search results: */
.list-view li .item-fadeout, .q_match li .item-fadeout  { 
	display: block !important;
	float: left !important; 
 } 

/* style chapeau in listpublishes: */
.listpublish .chapeau  { 
	display: block !important;
 } 

.listpublish .chapeau .chapeau-author,
.listpublish .chapeau .chapeau-type .chapeau-sep  { 
	display: none;
 } 

.listpublish .chapeau .chapeau-type  { 
	display: inline; 
 } 

.listpublish .list-view li  { 
	overflow: hidden;
 } 

/* style chapeau in sets: */
.set .chapeau  { 
	display: block !important;
 } 

.set .chapeau .chapeau-author,
.set .chapeau .chapeau-type .chapeau-sep  { 
	display: none;
 } 

.set .chapeau .chapeau-type  { 
	display: inline; 
 } 

/* fixes incorrect mapheight thingamajig: */
.mapwindow-content  { 
	overflow-x: hidden;
	overflow-y: auto;
 } 

/* fix incorrect height of text in middle column, see mms-travel:#182 */
.listbox .list-view-simple,
.listbox .list-view-simple-thing,
.connections-person #bio, 
.connections-person #address, 
.connections-person .bio  { 
	font-size: 12px;
 } 

/* comment list items, see mms-travel#181 */

li.note img,
li.note .item-fadeout  { 
	display: none !important;
 } 

li.note .text-block-wrapper  { 
	height: auto;
 } 

li.note .topic-item-fadeout  { 
	top: auto !important;
 } 

li.note .topic-gray  { 
	color: #000;
 } 

/* style handleList items better: */
/*
.set .list-view-item-thing .fig  { 
	padding: 6px;
 } 
*/

.set .list-view-item-thing .set-info h3,
.set .list-view-item-thing .set-info h4  { 
	display: block !important;
 } 

/*
.set .list-view-item-thing .set-info-top,
.set .list-view li.set img  { 
	position: inherit;
 } 
*/

.set .list-view-item-thing .set-info-type  { 
	display: none;
 } 

.set .list-view-item-thing .set-info-top-text  { 
	margin-left: 4px
 } 

/* fix search bar styling on guides page */
.googlemaps-summary  { 
    float: left;
    margin: 12px 0 18px;
 } 

/* display h3 on homepage in bigger letters: */
.page-home .list li .set-info h3,
.page-editable .list li .set-info h3  { 
	font-size: 32px;
 } 

/* display h3 on listpublishes in bigger letters: */
.set .list li .set-info h3,
.listpublish .list li .set-info h3  { 
	font-size: 24px;
 } 

/* display author on set pages: */
.set .chapeau .chapeau-author  { 
	display: inline;
 } 

/* display fadeout correctly in various pages: */
.city_favourites .list-view li,
.article .list-view li,
.attachment .list-view li,
.location .list-view li,
.city .list-view li,
.person .list-view li,
.set .list-view li,
.listpublish .list-view li  { 
   overflow: hidden !important;
 } 

/* display author name in edit page in correct size: */
.edit-page .list-author .list-view-simple .person,
.page-editable .list-author .list-view-simple .person,
.set .list-author .list-view-simple .person   { 
	font-size: 12px !important;
 } 

/* prevent OpenCI icon from breaking lines: */
.listbox .list-view-simple .list-view-simple-thing img  { 
	display: inline;
 } 

/* display author on edit-page in small letters: */
.edit-page .chapeau .chapeau-author .list-view-simple-thing  { 
	font-size: 12px;
 } 

/* Chapeau Icons
------------------------------------------------------------- */
.isIE li .chapeau span  { 
    padding-top: 0;
    padding-bottom: 3px;
 } 

.isIE7x li .chapeau  { 
    margin-bottom: 1px;
 } 

.isWebkit .chapeau-comments,
.isIE .chapeau-comments  { 
    background: url(http://static.mediamatic.nl/f/cgcz/image/list-item-sprite.png) no-repeat 0 -32px;
 } 

.isWebkit .chapeau-interest,
.isIE .chapeau-interest  { 
    background: url(http://static.mediamatic.nl/f/cgcz/image/list-item-sprite.png) no-repeat 0 -64px;
 } 

.isWebkit .chapeau-participant,
.isIE .chapeau-participant  { 
    background: url(http://static.mediamatic.nl/f/cgcz/image/list-item-sprite.png) no-repeat -2px -96px;
 } 

.isWebkit .chapeau span  { 
    padding-top: 0;
    padding-bottom: 3px;
 } 

/* beautify styling of images in handlelist items */
.handlelist-item .fig  { 
	margin: 6px;
 } 

/* stop author and reactions appearing twice */
li .intro p.author,
li p.num-reactions  { 
	display: none;
 } 

.isIE .searchresult #content  { 
	margin: 0 0 12px 0;
 } 

.isIE8x .searchresult .form-element select  { 
	padding:0 0 3px 0;
 } 

/* show additem button: */
.edit-page .list-view li  { 
    overflow: visible !important;
 } 

/* removes chapeau icons from edit pages: */
.edit-page .chapeau-comments,
.edit-page .chapeau-participant,
.edit-page .chapeau-interest  { 
	background: none;
	padding-left: 0;
 } 

/* solve issue with comment li title and text swapping positions */
li.note div.topic-intro h3  { 
	float: left;
 } 
	
	li.note div.topic-intro p  { 
		clear: both;
 } 
	
.dv-blog .chapeau-comments  { 
	background: none !important;
	padding-left:0 !important;
 } 

/* fix style anomaly in IE7: */
.isIE7x .chapeau .chapeau-author .list-author  { 
	position: relative;
	top: 12px; 
}