/* -------------------------------------------------------------- 
  
   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; } 
/* select boxes in safari break when it inherites a woff font */
.isSafari select  { 	font-family:  Verdana, sans-serif;
	font-size: 12px; } 
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 58696 2012-01-26 11:03:46Z thijs $
   
   * 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;
	z-index: 2;
	width: 950px;
	margin: 0 auto; } 
.edit-page .wrapper  { 	overflow: hidden;
	padding-bottom: 24px; } 
#wrapper-header  { 	z-index: 3; } 
#wrapper-content  { 	margin-bottom: 24px; } 
#wrapper-footer  { 	padding: 0; } 
.edit-page #footer  { 	margin-top: 16px;
	float: none;
	clear: both; } 
.left  { 	float: left; } 
.right  { 	float: right; } 
.span-20  { 	width: 300px;
	min-height: 10px;
	margin-right: 25px; } 
.span-40  { 	width: 625px;
	margin-right: 25px; } 
.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; } 
.isIE input.date2char  { 
	width: 20px;  } 

.isIE input.date4char  { 
	width: 29px;  } 
 	  	
 	  	
input.title    { font-size: 18px; } textarea       { width: 390px; height: 250px; padding: 2px 5px;   line-height:17px;           /* Safari */ } 
.isIE input.text,  
.isIE input.title, 
.isIE textarea    { padding:3px 5px 2px; } 
  	  	
.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; } 



body {
	background: #fff;
	color: #000;
	font: 15px/24px Georgia, Times, serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal; 
    word-wrap: break-word; 
}

h1 { 
    font: bold 48px/57px Verdana, sans-serif;
}

h2,
h3 { 
    font: bold 24px/30px Verdana, sans-serif;
}

h4 { 
    font-size: 15px; 
    line-height: 24px; 
}

h5 { 
    font: bold 12px/18px Verdana, sans-serif;
}

h6 { 
    font-size: 13px;
}

h1 a, h1 a:hover,
h2 a, h2 a:hover,
h3 a, h3 a:hover,
h4 a, h4 a:hover,
h5 a, h5 a:hover
h6 a, h6 a:hover {
	border: none;
}

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

a {
	outline: none;
}

a:link.image,
a:visited.image,
a:hover.image
a:active.image {
	border: none;
}

textarea {
	resize: vertical;
}

/* Buttons */

a.button,
button,
input.submit,
input.button,
input.reset,
.edit-page .dialog button.add-attachment-image {
	display: block;
	float: left;
	width: auto;
	overflow: visible;
	margin: 0 3px 0 0;
	padding: 1px 6px; 
	font: normal normal 11px/16px "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	text-decoration: none;
	color: #333;
	cursor: pointer;
	white-space: nowrap;
	vertical-align: baseline;
	border: 1px solid #999;
	background-color: #ccc;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.isFF6up button {
	padding-top: 0;
	padding-bottom: 0;
}

a.button:hover,
input.submit:hover,
input.reset:hover,
button:hover,
a.button:active {
	color: #000;
	border-color: #333;
	background-color: #ccc;
}

button.inactive,
button.inactive:hover {
	color: #bbb;
	border-color: #bbb;
	background-color: #fff;
}

/* Icon main */
span.icon {
	/* Needed for right to left support */
	float: left;
	display: block;
	width: 0px;
	height: 0px;
	background: url(http://fast.mediamatic.nl/f/sjnh/image/base_ltr.png) 0px 20px no-repeat;	
}

/* Icons per type */

.login-button .icon,
.user-button .icon {
	background-position: 0 -320px;
	width: 10px;
	height: 11px;
	margin: 4px 6px 0 -1px;
}

.search-button .icon {
	background-position: 0 -720px;
	width: 10px;
	height: 10px;
}

.edit-button .icon {
	background-position: 0 -200px;
	width: 11px;
	height: 11px;
	margin: 3px 6px 0 0;
}

.chapeau-interest .icon {
	background-position: 0 -480px;
	width: 15px;
	height: 12px;
	margin: 2px 2px 0 0;
}

.chapeau-comments .icon {
	background-position: 0 -360px;
	width: 14px;
	height: 13px;
	margin: 4px 2px 0 0;
}

.chapeau-participant .icon {
	background-position: 0 -240px;
	width: 10px;
	height: 11px;
	margin: 3px 2px 0 0;
}

.chapeau-rating-boost .icon { 
	width: 14px; 
	height: 13px; 
	margin: 2px 3px 0 0;
	background-position: 0 -3200px;
}

.metadata-person-address-location .icon {
	background-position: 0 0;
	width: 14px;
	height: 13px;
}

.metadata-person-works_for .icon {
	background-position: 0 -2520px;
	margin-top: 4px;
	width: 12px;
	height: 12px;
}

.metadata-person-address-info .icon {
	background-position: 0 -2640px;
	margin-top: 3px;
	width: 14px;
	height: 11px;
}

.metadata-person-keywords .icon {
	background-position: 0 -2760px;
	margin-top: 4px;
	width: 12px;
	height: 12px;
}

.image.icon {
	background-position: 0 -1800px;
	width: 20px;
	height: 17px;
	margin: 5px 5px 5px 0;
}

.video.icon {
	background-position: 0 -1920px;
	width: 21px;
	height: 22px;
}

.edit-img-tags .icon {
	background-position: 0 -1440px;
	width: 15px;
	height: 15px;
	margin: 1px;
}

.img-zoomer-tool-fullscreen .icon {
	background-position: 0 -1560px;
	width: 12px;
	height: 12px;
	margin: 3px;
}

.shop-button .icon {
	width: 20px;
	height: 16px;
	background-position: 0 -1760px;
}

.acc-title .icon {
	background-position: 0 -920px;
	width: 6px;
	height: 10px;
	margin: 3px 6px 0 6px;
}

.acc-title:hover {
	background-color: #666;
}

.acc-title:hover .icon {
	background-position: 0 -1160px;
	width: 10px;
	height: 6px;
	margin: 6px 6px 0 6px;
}

.acc-content-open:hover .icon {
	background-position: 0 -1400px;
	width: 10px;
	height: 6px;
	margin: 8px 6px 0 6px;
}

/* all actions dialog */
.do-something-other .icon {
	background-position: 0 -2080px;
	width: 12px;
	height: 12px;
	margin: 1px -4px 0 4px;
	float: right;
}

.do-something-other:hover .icon {
	background-position: 0 -2120px;
}

.page-view #sidebar .list-metadata-wrapper {
	background: url(http://fast.mediamatic.nl/f/sjnh/image/list-metadata-pointer.png) -1px 13px no-repeat;
	margin: 0 0 32px -15px;
}

.page-view #sidebar .list-metadata {
	background-color: #ddd;
	padding: 12px;
	margin: 0 0 0 15px;
}

.page-view #sidebar .list-metadata-pointer-down {
	background: url(http://fast.mediamatic.nl/f/sjnh/image/list-metadata-pointer.png) 0 -392px no-repeat;
	display: block;
	height: 15px;
	width: 30px;
	float: right;
}

/* Buttons */

.isIE7x button { 
	line-height: 13px; 
}

.isIE7x a.button { 
	padding-bottom: 2px;
	line-height: 15px;
}

.do-something button,
.do-something button:hover,
.do-something .button,
.do-something .button:hover {
	color: #fff;
	background-color: #999;
}

button.next	.icon,
a.button.next .icon {
	margin-top: -3px;
}

.dialog-confirm button {
	margin-bottom: 0;
	color: #d12f19;
	border-color: #fbc2c4;
	background-color: #fbe3e4;
}

.dialog-confirm button:hover {
	color: #fff;
	border-color: #d12f19;
	background-color: #d12f19;
}

.button-fig {
	margin: 0;
	float: none;
}

.button-datepicker img,
.button-cc img,
.button-fig img,
.add-attachment button img,
.edit-page .fig img {
	margin: 0;
	width: auto;
	height: auto;
}

.button-fig img {
	width: 25px;
	height: 20px;
}

.edit-page button.button-datepicker,
.edit-page .button-cc, 
.button-fig {
	border: none;
	padding: 0 0 2px 0;
}

.edit-page button.button-datepicker:hover {
	background: none;
}

input.submit,
input.reset {
	line-height: 16px;
	padding: 1px 4px;
	overflow: visible;
	width: auto !important; 
	height: auto !important;
}

.block {
	display: block;
}

.inline {
	display: inline;
}

.hide {
	display: none;
}

.direction-wrapper {
    height: 100%;
}

blockquote { 
    margin: 9px; 
    color: #666; 
    font-style: italic; 
}

strong { 
    font-weight: bold; 
}

em,
dfn { 
    font-style: italic; 
}

sup, 
sub { 
    line-height: 0; 
}

address		{ 
    font-style: normal; 
    margin: 0 0 18px; 
}

dfn { 
    font-weight: bold; 
}

abbr, 
acronym { 
    border: none; 
}

pre,
code { 
    margin: 18px 0; 
    white-space: pre; 
}

pre,
code,
tt { 
    font: 12px 'Andale mono', 'Lucida Console', monospace;
    line-height: 1.5; 
}

.highlight { 
    background:#ff0; 
}

.added { 
    background:#060; 
    color: #fff; 
}

.removed { 
    background:#900; 
    color: #fff; 
}

.first { 
    margin-left:0;	
    padding-left:0; 
}

.last { 
    margin-right:0; 
    padding-right:0; 
}

.top { 
    margin-top:0;
    padding-top:0; 
}

.bottom { 
    margin-bottom:0;
    padding-bottom:0; 
}

.expl { 
    color: #999; 
}

caption { 
	background: #eee;
}

p.small,
em.small { 
    font-size: 10px;  
    margin-bottom: 18px; 
    line-height: 18px; 
}

.large { 
    font-size: 14px; 
    margin-bottom: 18px; 
    line-height: 24px;  
}


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

th, 
td {
	font-size: 12px;
	line-height: 18px; 
	font-weight: normal;
	padding: 3px 6px 3px 3px;
}
	
td .list-view-simple,
td .list-view-simple * {
	display: inline;
}
	
tr.even td { 
	background: #eee; 
}

tfoot { 
	font-style: italic; 
}

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

dt { 
    font-weight: bold; 
}

dd { 
    margin-left: 18px; 
} 

p { 
    margin: 0 0 18px; 
} 

p img { 
    float: left; 
    margin: 4px 8px 4px 0; 
} 

p img.right { 
    float: right; 
    margin: 4px 0 0 8px; 
}

a {
	color: #000;
	text-decoration: none;
	border-bottom: 1px dotted;
	outline: none;
}

a:active,
a:focus,
a:hover	{
	border-bottom: 1px solid;
	outline: 0;
}

strong { 
    font-weight: bold; 
}

#wrapper-header {
	margin-bottom: 24px;
}

#header-logo {
	float: right;
	margin: 6px 0 6px 6px;
}

#header-logo a {
	border: none;
}

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

.connections-person p {
	font-size: 12px;
	line-height: 18px;
}

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

.wrapper-date-location-item {
	margin: 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;
}

/*
 * 625		= (3x189)			+ (2x12)		+ (2x12)
 * span-40	= prev/next/title	+ outer padding	+ prev/next margins	
 */

.pager {
	display: block;
	color: #000;
	background: #eee;
	margin: 0 0 18px;
	padding: 0 12px;
	white-space: nowrap;
}

.pager a {
	border: none;
}

.pager .pager-first,
.pager .pager-prev,
.pager .pager-counter,
.pager .pager-title,
.pager .pager-next,
.pager .pager-last {
	display: block;
	font-weight: normal;
	margin-right: 12px;
}

.pager .pager-title {
	font-weight: bold;
	text-align: center;
	margin-right: 0;
}

.pager .pager-first,
.pager .pager-prev,
.pager .pager-counter,
.pager label.hideimage-checkbox {
	float: left;
}

.pager .pager-next,
.pager .pager-last {
	float: right;
	text-align: right;
}

.pager .pager-next {
	margin-right: 0;
}

.pager .pager-last {
	margin-right: 0;
	margin-left: 12px;
}

.pager.blog-pager {
	float: left;
	width: 601px;
}

.pager.blog-pager .pager-prev,
.pager.blog-pager .pager-title,
.pager.blog-pager .pager-next {
	width: 189px;
}

.pager.blog-pager .pager-title {
	float: left;
}

.pager.blog-pager .pager-next {
	margin-right: 0;
}

.pager .pager-first,
.pager .pager-last {
	display: none;
}

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

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 {
	float: none;
	display: block;
	margin: 0;
}

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

.doc-info {
	float: left;
}

/* Hide the explanation. Otherwise this has the be done 
 * with context in the labelfile which is too much of a hassle */
.doc-add .action-expl {
	display: none;
}

.date-leaf-wrapper {
	float: left;
}

.date-leaf-range {
    margin-right: 3px;
}

.date-leaf-range .date-sep {
    display: none;
}

.date-leaf {
	border: 1px solid #666;
	border-top-color: #c00;
	font: normal bold 1em Helvetica, Arial, sans-serif;
	text-align: center;
	color: #000;
	background-color: #fff;
}

.date-leaf.big {
	display: block;
	float: left;
	border-top-width: 8px;
	font-size: 12px;
	margin: 0 12px 6px 0;
	padding: 6px 9px 3px;
}

.date-leaf.big .date-part {
	display: block;
	line-height: 1.3em;
}

.date-leaf.big .date-part.day {
    font-size: 2em;
    line-height: 1em;
}

.date-leaf-small-wrapper {
    margin-right: 6px;
    float: left;
}

.date-leaf.small {
    border-top-width: 3px;
    font-size: 11px;
    display: block;
    float: left;
    padding: 1px 3px 0;
    margin-right: 4px;
    min-width: 12px;
}

.date-leaf-small-wrapper .date-part.day {
	margin-right: 3px;
}

.date-leaf-small-wrapper .date-part {
	float: left;
	margin-right: 3px;
}

.isIE .date-leaf.small {
    height: 13px;
}

.attachment .chapeau .daterange {
	float: none;
}
	
.attachment .chapeau .daterange * {
	display: inline;
	border: none;
	float: none;
	color: #999;
	margin: 0;
}

.time {
	display: none;
}

.info {
	font-size: 12px;
	line-height: 18px;
}

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

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

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

.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.open-search .form-element select {
	width: 250px;
}
		
.search-advanced-viewmode-disabled {
	filter:alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3;
}

/* turn off advanced search by default */
.search-advanced-type {
	display: none;
}

#open-search label .form-checkbox {
	float: left;
}

#open-search label .do-tooltip {
	margin-left: 6px;
}
	
.fn {
	visibility: hidden;
	display: none;
}

.chapeau .chapeau-part { 
	float: left; 
	margin-right: 6px;
}

.isIE7x .chapeau .chapeau-icon {
	width: 37px;
}

.chapeau-icon .icon,
.chapeau-icon .caption {
	float: left;
}

.chapeau .claim-profile {
	margin: 0 0 0 6px;
}

.chapeau-language-wrapper {
	float: right;
	padding-bottom: 1px;
	margin-left: 6px;
}

.chapeau-language-wrapper a.selected {
	border-style: solid;
}
		
.dv .intro img {
	float: none;
}

.body img {
	float: none;
}

.body p img {
	margin-right: 0;
}
			
.page-logon div.action.profile {
	display: none !important;
}

.dialog .form-element input.openid-form {
	background: #fff url(http://fast.mediamatic.nl/f/sjnh/ima/openid-large.jpg) right no-repeat;
}

#action-logon-logon .form-inline-last a {
    font-size: 12px;
    line-height: 18px;
}

/*
.wiki h3 { 
    font: bold 15px/24px Verdana, sans-serif; 
}
*/

.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-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;
}
	
.page-view .note .list-view-simple-thing img:hover,
.page-view .topic .list-view-simple-thing img:hover {
	margin: -43px -40px 0 0;
}

.edit-page .list-view-simple-thing {
	width: auto !important;
	margin-right: .25em;
}

.connections {
	margin: 0;
}

.connections .list li.topic,
.connections .list li.book {
	float: none
} 
	
.metadata li {
	display: inline;
	margin: 0;	
}

.metadata .selected {
	font-weight: bold;
}

.list-metadata {
	overflow: hidden;
}

li.metadata-person-group {
	float: left;
	margin-right: 4px;
}

li.metadata-person-group.metadata-person-keywords {
	float: none;
}

li.metadata-person-keywords li {
	float: left;
	margin-right: 3px;
}

li.metadata-person-group span.icon {
	margin-right: 4px;
}

li.metadata-person-group span.caption {
	display: block;
	float: left;
}

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

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

.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 #bar-thing-actions {
	height: auto;
	padding: 6px;
	color: #fff;
	background-color: #999;
}

.edit-page #bar-thing-actions p {
	margin-bottom: 0;
}

.edit-page #bar-thing-actions .action {
	overflow: hidden;
	float: left;
	display: block;
}

.edit-page #bar-thing-actions a.button,
.edit-page #bar-thing-actions button {
	color: #000;
	border-color: #000;
	background-color: #fff;
}

.edit-page #bar-thing-actions a.button:hover,
.edit-page #bar-thing-actions button:hover {
	color: #fff;
	border-color: #fff;
	background-color: #999;
}

.dv-title {
	margin: 0 0 12px;
	clear: both;
}

.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: 150px;
	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;
}

.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;
	position: relative;
} 

.add-attachment-wrapper .form-button {
	margin: 0;
}

.add-attachment .action-stage-wrapper {
	padding: 0;
}

.add-attachment label {
	padding-top: 6px;
	display: block;
}

.add-attachment-wrapper {
	float:left;
}

.edit-page .dialog form button.add-attachment-image,
.dialog form button.add-attachment-image,
.forum_addfigure button.add-attachment-image {
	font: normal normal 12px Verdana, sans-serif;
	color: #777;
	background-color: #fff;
	border: none;
	border-radius: none;	
}

.dialog button.add-attachment-image .icon.image,
.dialog button.add-attachment-image .icon.video,
.forum_addfigure button.add-attachment-image .icon.image,
.forum_addfigure button.add-attachment-image .icon.video {
	margin-right: 6px;
}

.dialog button.add-attachment-image span.caption,
.forum_addfigure button.add-attachment-image span.caption {
	float: left;
	display: block;
	margin-top: 7px;
}

.edit-page button.add-attachment-image span.icon,
.edit-page .dialog button.add-attachment-image span.icon {
	display: none;
}

.edit-page .dialog form button.add-attachment-image span.icon { 
	display: block; 
}

.edit-page .dialog .nested-action button.add-attachment-image span.caption {
	margin-top: 0;
}

.edit-page .dialog form button.add-attachment-image span.caption {
	margin-top: 7px;
}
	
.dialog-content .add-attachment-stage {
	margin: 0;
	padding: 0;
}
			
.add-attachment-stage .action-expl {
	display: none;
}

.edit-page a.button-datepicker {
	border: none;
}

.link-fig.add-attachment a {
    margin: 0 3px 0 0;
}

.edit-page .button-cc img {
	margin: 0;
	width: auto;
	height: 14px;
}
		
.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 .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 {
	float: left;
}

.daterange-coverage span {
	display: inline;
	height: auto;
	float: none;
	margin: 0;
	padding: 0;
	border: none;
	font-size: 13px;
	color: #111;
	font-weight: normal;
}

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

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

.figblock01 .link-fig {
	display: none;
}

.figblock02 .link-fig {
	display: none;
}

.person .figblock02 .link-fig {
	display: block;
}

.sortable-item {
	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;
}

#nn0 h1 {
	padding-left: 0px;
}

#nn0 input {
	margin: 2px 0;
	width: 96%;
	line-height: 1;
	font: inherit;
	font-size: 1em;
}

.span-40 #nn0 input {
	width: 625px;
}

.span-20 #nn0 input {
	width: 300px;
}

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

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

.managemythings td {
	padding-left: 0;
}

.managemythings td.edit {
	width: 30%;
}

.manage-new-list-action button {
	margin: 0 0 18px;
}

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

div.acc-title {
	cursor: pointer;
	background-color: #999;
	color: #fff;
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
	padding: 2px 6px 2px 0;
	border-bottom: 4px solid #fff;
}

.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-content td {
	background-color: #FFF;
}

.acc-login-left {
	float: left;
	width: 433px;
}

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

.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 9px 0 5px;
}

* 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;
}
	
.edit-page .toolbar button {
	float: none;
	display: inline;
	margin: 5px 0 5px 5px;
}
	
.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;
}

/*
 * menu
 */

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

.menu li {
	float: left;
}

.menu li a {
	display: block;
	padding: 2px 12px 4px;
	color: #fff;
	border: none;
}

.menu li img {
	margin: 0;
}

.menu li ul li {
	float: none;
	display: block;
}

.ui_menu li {
	position: relative;
}

.ui_menu li ul {
	display: none;
	position: absolute;
	margin: 0;
	width: 240px;
	border-style: solid;
	border-width: 0 1px 1px;
}

.ui_menu li ul li a {
	border-top-style: solid;
	border-top-width: 1px;
}

/*
 * bars:
 * o user bar
 * o thing actions bar
 * o nav bar
 * o theme bar
 * o footer bar
 */

.bar {
	font: 14px/18px Verdana, sans-serif; 
	color: #fff;
}

#bar-user,
#bar-user .menu,
#bar-user .menu li {
	background-color: #666;
}

#bar-user a.hover { 
	background-color: #333;
}

#bar-user .menu li ul,
#bar-user .menu li ul li a {
	border-color: #4d4d4d;
}

#bar-user #message-menu a#message-inbox {
	display: block;
	height: 18px;
}

#bar-user #message-menu a#message-inbox .icon {
	display: block;
	width: 14px;
	height: 11px;
	margin: 4px 2px 0;
	background-position: 0 -680px;
}

#bar-user #menu-auth {
	float: left;
}

#bar-user #menu-membership {
	float: right;
}

#bar-user #menu-membership a.facebook-logon {
    background-position: 4px 3px;
}

#bar-nav,
#bar-nav .menu,
#bar-nav .menu li {
	background-color: #ccc;
}

#bar-nav a.hover,
#bar-nav a.selected {
	background-color: #999;
}

#bar-nav .menu li ul,
#bar-nav .menu li ul li a {
	border-color: #b3b3b3;
}

#bar-nav #menu-nav {
	float: left;
}

#bar-nav  #search-simple {
	float: right;
}

#bar-nav a.home-button .icon,
#bar-theme .theme-home-button .icon {
	display: block;
	margin: 3px 6px 0 -3px;
	width: 14px;
	height: 13px;
	background-position: 0 -80px;
}

#bar-theme #theme-banner a {
	border-bottom: none;
}

#bar-theme #theme-banner img {
	display: block;
}

#bar-theme,
#bar-theme .menu ul {
	background-color: #333;
}

#bar-theme .menu ul,
#bar-theme .menu ul li a {
	border-color: #666;
}

#bar-theme .menu a.hover {
	background-color: #000;
}

#bar-footer {
	background-color: #666;
	color: #000;
}

#bar-footer a {
	color: #fff;
}

#bar-footer a:hover { 
	background-color: #333;
}

#bar-footer .menu li ul,
#bar-footer .menu li ul li a {
	border-color: #4d4d4d;
}

#wrapper-footer .activity {
	clear: both;
}

#thing-cc {
	float: left;
}

#thing-cc .icon-cc {
	margin: 2px 0 0 6px;
}

#wrapper-footer #thing-cc .icon-cc {
	margin: 4px 6px 0 0;
}

#thing-cc .caption {
	display: none;
}

.edit-page #cc-wrapper .caption {
	display: block;
	float: left;
}

.icon-cc {
	display: block;
	float: left;
	height: 16px;
	background-image: url(http://fast.mediamatic.nl/f/sjnh/image/creative-commons.png);
	text-indent: -9999px;
}

.icon-cc.cc-by-nc-nd,
.icon-cc.cc-by-nc-sa {
	width: 52px;
}

.icon-cc.cc-by-nc,
.icon-cc.cc-by-nd,
.icon-cc.cc-by-sa {
	width: 34px;
}

.icon-cc.cc-by,
.icon-cc.cc-pd,
.icon-cc.cc-cr {
	width: 16px;
}

.icon-cc.cc-by-nc-nd {
	background-position: 0px 0px;
}

.icon-cc.cc-by-nc-sa {
	background-position: 0px -120px;
}

.icon-cc.cc-by-nc {
	background-position: 0px -240px;
}

.icon-cc.cc-by-nd {
	background-position: 0px -360px;
}

.icon-cc.cc-by-sa {
	background-position: 0px -480px;
}

.icon-cc.cc-by {
	background-position: 0px -720px;
}

.icon-cc.cc-pd {
	background-position: 0px -1200px;
}

.icon-cc.cc-cr {
	background-position: 0px -1920px;
}

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

#search-simple {
	margin: 3px 3px 0;
	float: right;
    font-size: 12px;
}

#search-simple fieldset {
	display: inline;
	margin: 0;
	padding: 0 0 0 2px;
	float: left;
	border: none;
	background: #fff;
}

#search-simple input.text {
	float: left;
	margin: 0 3px 0 0;
	padding: 1px;
	width: 100px;
	line-height: 1em;
}

#search-simple input.text,
#search-simple input.text:focus {
	border: none;
	padding: 1px;
	height: 15px;
	background: transparent;
}

#search-simple button {
	border: none;
	margin: 0;
	padding: 0;
	width: 20px;
	height: 18px;
	border: none;
	background: transparent;
}

#search-simple button span.caption {
	display: none;
}

#search-simple button.button-search-simple-opensearch {
	margin: 0 0 0 3px;
	padding: 0;
}

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

.help-area-wrapper {
	display: none;
}

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

.pubstate9 {
	text-decoration: line-through;
}

.event-opening-wrapper {
	display: none;
}

.event-info-left {
	float: left;
	margin: 0 12px 0 0;
}

.event-info-date_end {
	display: none;
}

.event-info-event-opening {
	display: none;
}

.date-wrapper {
	background: #f2f2f2;
	border: 1px solid #ddd;
	padding: 6px 0 6px 6px;
}

.event-date-wrapper,
.event-opening-wrapper,
.event-location-wrapper {
	margin: 0 0 18px 0;
}

.event-expl,
.event-expl-header,
.event-expl-error,
.ui-datepicker-status {
	color: #666;
	font-size: 12px;
	margin: 0;
}

.event-expl-header {
	color: #000;
}

.event-expl-error {
	color: #f00;
}

.error p {
	margin: 0;
}

.listbox hr {
	background-color: #999;
}

.date-start-time {
	display: none;
}

.event-start-time {
	display: none;
}

.event-info-new-thing {
	display: none;
	background: #f2f2f2;
	border: 1px solid #ddd;
	padding: 12px;
	margin: 12px 0 0 0;
}

.event-info-new-thing-loading {
	background: #f2f2f2 url(http://fast.mediamatic.nl/f/sjnh/image/throbberwait.gif) no-repeat scroll 19% 92% !important;
}

.event-info-new-thing .no-selection {
	display: none;
}

a.datepicker-icon,
a.datepicker-icon:focus,
a.datepicker-icon:hover {
	border: none;
}

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

.reactions-inactive {
	color: #000;
}
	
.reactions-active {
	color: #f00;
}

.forum .list-interest-subject h5 {
	display: block;
}
		
.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;
}

div.help-text {
	background-color: #fff8cc;
	width: 100%;
}
	
.help-text p {
	margin: 0;
	padding: 0 6px;
	color: #000;
	border: 1px solid #ddd;
	font-size: 11px !important;
	height: auto;
	line-height: 2;
	font-style: normal;
}

p.help-text {
	clear: both;
	margin: 0;
	padding: 4px 6px 5px 23px;
	color: #000;
	border: 1px solid #ddd;
	font-size: 11px !important;
	height: auto;
	line-height: 1.3;
	font-style: normal;
	background: #fff8cc url(http://fast.mediamatic.nl/f/sjnh/image/info.png) no-repeat 3px 3px;
}

a.ikrip-logo {
	border: none;
}

a.ikrip-logo:hover {
	border: none;
	text-decoration: none;
}

#dropdown-outside {
	position: relative;
	float: left;
	font-size: 14px;
	margin-right: 8px;
	width: 10em;
	z-index: 500; /* cover gmaps (contains high z-index values) and sifr */
}

#dropdown-inside {
	border: 1px solid #bbb;
	height: 18px;	
	padding: 0;
	overflow: hidden;
	background: #fff;
	width: 10em;
	background: #fff url(http://fast.mediamatic.nl/f/sjnh/image/search-filter-dropdown.gif) no-repeat 100% 0;
}

#dropdown-inside.expanded {
	border-color: #666;
}

#dropdown-inside ul {
	border-top: 1px solid #666;
	height: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}

#dropdown-current,
#dropdown-inside li {
	margin: 0;
	padding: 0 23px 0 5px;
	height: 18px;
	cursor: pointer;
	text-transform: lowercase;
}

#dropdown-inside li.hover,
#dropdown-inside li.selected {
	background: #eee;	
}

#dropdown-inside ul:hover li.selected {
	background-color: transparent;	
}

.inline-image-wrapper {
	position: relative;
	display: block;
}

.inline-image-wrapper,
.inline-image-wrapper img {
	display: block;
	margin: 0;
}

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

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

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

#ie-warning {
	padding: 6px;
	margin: 0;
	font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size: 11px;
	line-height: 18px;
	background-color: #eee;
}

#ie-warning h4 {
    color: #000;
    font-size: 14px;
    font-weight: bold;
}

#ie-warning p {
    margin: 0;
}

#ie-warning a {
    color: #000;
    text-decoration: none;
    border-bottom: 1px  #000;
}

#ie-warning a:hover {
	background-color: transparent;
	border-bottom: 1px solid #000;
}

.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 { 
	margin: 0 0 18px;  
}

#address address p,
#address .address p { 
	margin: 0; 
}

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

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

/* setting this to 100% ensures that the listing does not shrink with small elements */
#list_setmember {
	width: 100%;
	float: none;
}

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

.list-view-item li {
	padding: 0;
	margin: 0 0 24px;
}

.list-view-item div.icon {
	margin: 3px 6px 6px 0;
}

.list-view-item .no-icon div.icon {
	margin: 0;
}

.list-view-item div.icon,
.list-view-item div.icon a {
	display: block;
	float: left;
}

.list-view-item .intro p {
	margin: 0;
	display: inline;
}
			
.list-view-item .event .intro p.date-edge-time {
	margin: 0 3px 0 0;
}

.list-view-item .source-title img {
	margin: 0 1px -1px 0;
	float: none;
}

/* setting this color to the background color of the surrounding element prevents ghosting */
.list-view-item-thing {
	font-size: 12px;
	line-height: 18px;
	position: relative;
	background: #fff;
	overflow: hidden; /* to prevent long titles bleaking layout #8655 */
}

.list-view-item-thing h3 {
	font-size: 18px;
	line-height: 18px;
	clear: both;
	margin: 0 0 4px 0;
}

.list-view-item-thing h4 {
	font-size: 12px;
	line-height: 19px;
}

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

.ui-sortable-handle:hover {
	cursor: move;
}

.ui-unlinkable-handle:hover,
.ui-tag-handle:hover,
.ui-zoom-handle:hover {
	cursor: pointer !important;
}

.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://fast.mediamatic.nl/f/sjnh/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;
}

.list-view-item-thing-animate-content-hidden {
	display: block;
}

.list-view-item-thing-animate-content-hover .list-view-item-thing-animate-content-hidden {
	opacity: 0;
	height: 0;
}

.list-view-item-thing-content-wrapper .chapeau {
	line-height: 18px;
}

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

.list-view-item-thing-animate-content .list-view-item-thing-content-wrapper .intro {
	display: none;
}

.list-view-item-thing-animate-content,
.list-view-item-thing-animate-content-no-icon {
	height: 228px;
	width: 300px;
	background: #ccc;
}

.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 div.caption,
.page-view.layout-listitem-enabled .caption-inline {
	width: 288px;
	position: absolute;
	bottom: 0;
	background: url(http://fast.mediamatic.nl/f/sjnh/image/list-animated-content-bg.png);
}

.list-view-item-thing-animate-content .list-view-item-thing-content-wrapper {
    left: 0;
}

.list-view-item-thing-animate-content div.icon {
	margin: 0 !important;
}

.layout-listitem-enabled.page-view .fig div.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);
}

.layout-listitem-enabled.page-view .comment-body-wrapper .fig div.caption {
	height: auto;
	overflow: hidden;
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}

body.layout-listitem-enabled .fig div.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-ignore-animation div.caption {
	opacity: 1;
	height: auto;
	background: none;
	position: inherit;
	bottom: auto;
	left: auto;
	width: auto !important;
	color: #000;
	padding: 0;
    font-size: 12px;
}

.page-view.layout-listitem-enabled ul.fig li.fig-li-ignore-animation div.caption p.title a,
.page-view.layout-listitem-enabled ul.fig li.fig-li-ignore-animation div.caption span.caption-sep,
.page-view.layout-listitem-enabled ul.fig li.fig-li-ignore-animation div.caption p.caption-body {
	color: #000;
}

.page-view.layout-listitem-enabled ul.fig li.fig-li-ignore-animation div.caption p.title a:hover {
	color: #8C8C8C;
}

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

.layout-listitem-enabled .list-search-advanced li.list-view-item-thing:nth-child(odd) {
	margin-right: 25px;
}

.layout-listitem-enabled .list-search-advanced li.list-view-item-thing:nth-child(even) {
	margin-right: 0px;
}

/* IE7 and 8 do not support nth child selectors */
.isIE7x .list-search-advanced li.list-view-item-thing-animate-content,
.isIE8x .list-search-advanced li.list-view-item-thing-animate-content {
	margin-right: 12px;
}


/* Avatar */
body.person .list-avatar {
	width: 304px;
}
.avatar {
	display: block;
	float: left;
	overflow: hidden;
	position: relative;
	width: 70px;
	height: 72px;
	margin: 0 6px 6px 0;
}
.avatar a {
	border: none;
}
.avatar-overlay {
	background-image: url(http://fast.mediamatic.nl/f/sjnh/image/list-animated-content-bg.png);
	bottom: 0;
	left: 0;
	display: none;
	overflow: hidden;
	padding: 0 3px;
	position: absolute;
	width: 100%;
}

/* Facebook */
a.facebook-logon {
	padding-left: 26px !important;
	background: transparent url(http://fast.mediamatic.nl/f/sjnh/library/FacebookGraph/fb_icon.png) no-repeat;
}

div.form-element a.facebook-logon,
p a.facebook-logon {
    border: 0;
    background-position: 4px -116px;
}

p a.facebook-logon span {
    border-bottom: 1px dotted;
}

p a.facebook-logon:hover span {
	border-bottom: 1px solid;
}

div.form-element a.facebook-logon:hover,
p a.facebook-logon:hover {
    background-position: 4px -58px;
}

#FB_notice {
	padding: 6px;
}

/* Facebook connect button */

#fb_rounded_button_logon {
	cursor: pointer;
}

.fb_rounded {
	float: left; height: 46px; color: #fff;
}

.fbstart { 
	background: transparent url(http://fast.mediamatic.nl/f/sjnh/image/fb_icon_start_ltr.png) no-repeat;
	width: 46px;
}

.fbbody { 
	background: transparent url(http://fast.mediamatic.nl/f/sjnh/image/fb_icon_body.png) repeat-x;
}

.fbend { 
	background: transparent url(http://fast.mediamatic.nl/f/sjnh/image/fb_icon_end_ltr.png) no-repeat;
	width: 6px;
}

.fbcontent {
	margin: 10px;
}

#fb_disconnect {
	float: right;
	font-size: 12px;
}

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

.zebra-list .odd,
.zebra-list .even {
	border: 1px dotted #ccc;
	border-width: 0 0 1px;
	padding: 6px;
}

.zebra-list tr.odd td,
.zebra-list tr.even td {
	background: transparent;
}

.list-changes-contributors h5,
.list-changes-contributors a,
.list-changes-contributors .list-sep {
	opacity: 0.4;
}

.list-changes-contributors:hover *,
.list-changes-contributors a:hover, /* for IE7 */
.list-changes-contributors a:hover *, /* for IE8 */
.list-changes-contributors a:focus,
.list-changes-contributors a:active {
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE8 - must be first */
	filter: alpha(opacity=100);										 /* IE7 */
}

.cc-explanations th, 
.cc-explanations td {
    background: #ffffff;
}

.listbox {
	font-size: 12px;
	line-height: 18px;
	margin: 0 0 18px 0;
}

.listbox h5 {
	display: inline;
}

.list-avatar h5 {
	display: block;
}

.list-view-simple,
.list.metadata {
	display: inline;
}

.list-avatar .list-view-simple {
	display: block;
	overflow: hidden;
}

.list-view h5 {
	margin: 0 0 18px;
}

.dv .intro {
	font-size: 24px;
	line-height: 30px;
	font-weight: normal;
}

.dv-small {
	display: none;
	margin-bottom: 12px;
    display: block; 
	font-size: 12px;
	line-height: 18px;
}

.dv-small h3 {
	font-size: 18px;
	line-height: 18px;
	clear: both;
}

.dv-small h4 {
	font: bold 12px/18px Verdana, sans-serif;
	margin-top: 2px;
}

.dv-small .intro {
	font-size: 14px;
	line-height: 18px;
	display: block;
	margin-bottom: 12px;
}

#the-status-msg {
	font-size: 48px;
	line-height: 61px;
	margin: 0 0 0 .3em;
	font-style: italic;
	display: inline;
}

.comment-meta {
	line-height: 18px;
	font-size: 12px;
}

div.caption {
	font-size: 12px;
	line-height: 18px;
	display: block;
}

div.caption,
div.caption * {
	color: #000;
}

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

.source-title {
	padding: 0 2px;
	white-space: nowrap;
}

.org-pubdate {
	display: inline;
}

.metatypes {
	font-weight: bold;
	margin: 0 0 9px 0;
}

.list-view-item a,
.list-view-item a:focus,
.list-view-item a:hover,
.list-view-item a:active { 
    border: none; 
}

.document a {
	border: none;
}

.dv .chapeau,
.dv .chapeau a {
	font-size: 12px;
	line-height: 18px; 
}

li .chapeau {
	margin: 0;
	font-style: normal;
}

li .chapeau .city {
	font-style: italic;
}

.chapeau-comments-sep {
	margin: 0 3px;
}

.metadata .similar a,
.metadata-person .similar a {
	font-style: italic;
}

#add-status-message {	
	left: 10px;
    position: relative;
    top: 28px;
}

.status-message-button-wrapper {
    float: left;
}

body.person .dv-title h1 {
    float: left;
}

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

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

/***************************************
 * Autocompleter                       *
 ***************************************/

.autocomplete-menu {
	margin: 2px 0 0;
}

.autocomplete-menu ul {
	border: 1px solid #333;
}

.no-items ul {
	display: none
}

.autocomplete-cancel {
	background-color: #666;
	color: #fff;
}	

.autocomplete-selected {
	background-color: #f00;
	color: #fff !important;
}	

.autocomplete-selected .source-title {
	color: #fff !important;
}	

.autocomplete-action {
	background: #bbb;
	color: #000;
}

.autocomplete .progress {
	font-family: georgia, times, serif;
	font-size: 150%;
	width: 100%;
	padding: 2px;
}

.autocomplete .expl {
	color: #666;
	margin-bottom: 0;
}

input.throbbler {
	background: #f1f1f1 url(http://fast.mediamatic.nl/f/sjnh/image/throbberwait.gif) no-repeat 99% 50%;
	color: #aaa;
	border: 1px solid #ccc !important;
}

.autocomplete-dropdown {
	z-index: 10000;
	background: #fff;
}

.autocomplete-dropdown li {
	padding: 4px;
	width: auto !important;
	text-align: left;
	background-color: #fff;
	position: relative;
}

.autocompleter-expl {
	margin-left: 6px;
	margin-top: 12px;
}

.isIE .form-element input[type="checkbox"],
.isIE .form-element input[type="radio"] {
	margin-right: -2px;
}

.isIE div.ui-autocompleter-wrapper li.input-token button {
	padding: 0 0 0 18px;
	right: 3px;
}

.isIE div.ui-autocompleter-wrapper div.dropdown {
    border-left: 1px solid #999;
    border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}

.isIE div.ui-autocompleter-wrapper div.dropdown-full {
    border-left: none;
    border-right: none;
	border-bottom: none;
}

.isIE .datepicker-timesep {
	position: relative;
	top: -3px;
}
	
.isIE7x .form-element input {
	padding-top: 4px;
	height: 19px;
}
	
.isIE7x .form-element input[type="submit"] {
	padding-top: 1px;
}

.isIE7x .form-element input[type=file] { 
	height: 24px; 
	padding-top: 2px;
} 

.isIE7x div.ui-autocompleter-wrapper li.token {
	padding: 0 4px 1px;
}

.isIE7x .dialog-content {
	padding-bottom: 0;
}

.isIE7up div.ui-autocompleter-wrapper li.input-token input {
	padding-top: 2px;
}

.isIE7x .dialog,
.isIE8x .dialog {
	border: 1px solid #666;
}

.isIE8up input[type=checkbox] {
	position: relative;
	top: 2px;
}

.isIE8up .form-element input[type=file] { 
	height: 24px; 
} 
	 
.isIE8up .autocompleter-filter input[type=checkbox] { 
	height: 12px; 
} 

.isIE9x .autocomplete-dropdown li {
	padding: 2px 4px;
	height: 42px !important;
}

.autocomplete-dropdown li.even {
	background-color: #f2f2f2;
}

.autocomplete-action, 
.autocomplete-cancel {
	border-top: 2px solid #555;
	font-weight: bold;
	color: #000;
	background: #aaa;
}

.autocomplete-dropdown li.autocomplete-selected, 
.autocomplete-dropdown li.autocomplete-selected * {
	background-color: #666;
	color: #fff;
}	

.autocomplete-dropdown .title {
	float: left;
	width: 80%;
}

.autocomplete-dropdown .title img {
	width: 16px;
	height: 16px;
	margin: 0 3px 0 0;
}

.autocomplete-dropdown .title img:hover {
	margin: 0px -36px -38px 0px;
	position: relative;
	z-index: 9;
	height: 55px;
	width: 55px;
}

.autocomplete-dropdown .intro {
	float: left;
	clear: left;
	width: 75%;
	font-size: 11px;
	color: #666;
}

.autocomplete-dropdown .source-title {
	position: absolute;
	font-size: 11px;
	color: #999;
	right: 6px;
	top: 4px;
}

.autocomplete-dropdown .coverage {
	font-size: 11px;
	color: #999;
}

.autocomplete-button {
	margin: 6px 0 0;
	float: left;
}

.no-results .autocomplete-button {
	margin: 2px 0 0;
}


/***************************************
 *  Dialog                             *
 ***************************************/

.dialog {
	display: none;
	padding: 0;
	box-shadow: 0px 2px 15px rgba(0,0,0,.4);
	-webkit-box-shadow: 0px 2px 15px rgba(0,0,0,.4);
	-moz-box-shadow: 0px 2px 15px rgba(0,0,0,.4);
	z-index: 40000;
	position: absolute;
	width: 500px;
}

.dialog-content {
	color: #666;
	padding: 6px 18px 12px 6px;
	background-color: #fff;
	text-align: left;
	position: relative;
}

.dialog-loader-text {
	padding: 0 0 0 24px;
}

.dialog-close {
	padding: 0 3px;
	position: absolute;
	right: 5px;
	text-decoration: none;
	top: 0;
	font-size: 11px;
	line-height: 18px;
	font-family: "Lucida Grande", arial, sans-serif;
	cursor: pointer;
	color: #fff;
}

.dialog-close:hover {
	color: #000;
}

.loading {
	background: url(http://fast.mediamatic.nl/f/sjnh/image/throbberwait.gif) no-repeat 50% 50% !important;
	width: 16px;
	height: 16px;
	margin: 0 auto;
}

.dialog-template-wrapper {
	display: none;
	margin: 0;
}

.dialog-overlay {
	background-color: #fff;
	height: 100%;
	left: 0;
	min-height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
	opacity: 0.3;
	filter: alpha(opacity=30);
}

.dialog-drag-handle {
	height: 48px;
	cursor: move;
	position: relative;
	padding-bottom: 1px; /* match heights in ie6 + ie7 with action button */
	background-color: #666;
}

.dialog-drag-handle-text {
	color: #fff;
	margin: 0 24px 2px 8px;
	display: block;
	text-align: left;
	font-size: 32px;
	line-height: 1.4;
	font-family: "Lucida Grande", arial, sans-serif;
	overflow: hidden;
}

/* Some dialog action should not have this big header */
.dialog-liviewer .dialog-drag-handle {
	height: 19px;
}

.dialog-liviewer .dialog-drag-handle-text {
	font-size: 11px;
	line-height: 18px;
}
	
.action-date-picker .toggle-date-input {
	margin: 21px 0 0 0;
	display: block;
}

.dialog-content p.expl {
	margin-bottom: 12px;
	color: #777;
}

div.action {
	display: block;
	overflow: hidden;
}

div.action.gmaps_viewgeo {
	display: inline;
}

div.action.gmaps_viewgeo button {
	float: none;
}

.keywords .form-element textarea {
	height: 100px;
}

.keywords-error-amount {
	color: #f00;
}

.keyword-suggestions {
	font-size: 13px;
}

.keyword-suggestions-type {
	color: #000;
	margin-right: .25em;
}

a.keyword-suggestions-keyword {
	color: #777;
	padding: 1px .25em;
	margin: 0 .25em 0 -.25em;
	cursor: pointer;
	border: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
}

.keyword-suggestions-keyword:hover {
	background: #fff;
	color: #000;
}

.keyword-suggestions-keyword.selected,
.keyword-suggestions-keyword.selected:focus {
	background: #555;
	color: #fff;
}

.keyword-suggestions-tags {
    margin-top: 6px;
}

.keywords-image-picker textarea {
	height: 0 !important;
	border: none;
	padding: 0;
	margin: 0;
}

.keywords-suggestions-image-picker .keyword-suggestions-type {
	display: block;
}

.keywords-suggestions-image-picker a.keyword-suggestions-keyword {
	padding: 6px 6px 2px;
	margin: 0 6px 4px 0;
	float: left;
}

.keywords-suggestions-image-picker	 a.keyword-suggestions-keyword img {
	display: block;
	margin: 0 0 2px;
}

fieldset {
	background: none;
	padding: 0;
	margin: 0 0 24px 0;
	border: none;
}

.dialog fieldset:last-child,
.dialog fieldset.last,
.dialog .last {
	margin: 0;
}

.form-element-group,
.form-element {
	margin: 0 0 12px 0;
}

.form-element-last {
	margin: 0;
}

.form-inline-glue,
.form-element-glue {
	margin-bottom: 0;
}

.form-button {
	overflow: hidden;
	clear: both;
	margin: 0;
}

.form-button button {
	margin: 0 3px 6px 0;
}

.isIE7x .comment-keep-informed {
	clear: both;
	width: 100%;
}

.form-button .action-add-wrapper {
	margin: -1px 0 0;
}

.action-add-step-wrapper .form-button {
	float: right;
}

.form-inline-elements {
	overflow: hidden;
	margin: 0 0 12px 0;
}

.form-inline {
	width: 150px;
	margin: 0 10px 0 0;
	float: left;
}

.form-inline-last {
	margin: 0 !important;
}

.form-throbber {
	margin: 2px 0 0 0;
}

.form-inline-elements-inline .form-element,
.form-inline-elements-inline .form-inline,
.form-inline-elements-inline .form-element label,
.form-inline-elements-inline label {
	width: auto;
	float: left;
}

.form-inline-elements-inline .form-element label,
.form-inline-elements-inline label {
	margin: 0 6px 0 0;
}

.form-element input,
.form-element textarea,
.form-element select {
	width: 296px;
	border: 1px solid #ccc;
	padding: 2px 6px 0;
	margin: 0;
}

input.submit {
    margin-right: 3px;
}

.form-element input {
	height: 21px;
	padding: 1px 6px;
}

.form-inline select,
.form-inline textarea,
.form-inline input {
	width: 136px;
}

.form-element select {
	width: 310px;
	height: 25px;
	padding: 2px 0 0 4px;
	margin: 0;
}

.form-element select option[value] {
	color: #000;
}

.form-element textarea {
	height: 200px;
}
	
.form-element input[type="checkbox"],
.form-element input[type="radio"] {
	width: auto;
	margin: 0 3px 0 0;
	height: 14px;
	border: none;
}

.form-element input:focus,
.form-element textarea:focus,
.form-element select:focus {
	border-color: #555;
}

:invalid {  
	box-shadow: none;  
}

.span-40 .form-element input, 
.span-40 .form-element textarea {
	width: 100%;
} 

.span-40 .form-element select {
	width: 511px;
}

.span-40 .form-inline {
	width: 251px;
	margin: 0 10px 0 0;
}

#action-register-showform input,
#action-register-showform textarea {
	width: 296px;
}

#action-register-showform select {
	width: 310px
}

#action-register-showform .form-checkbox input {
	width: auto;
}

#action-register-showform .form-button {
	margin-bottom: 0;
}

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

.dialog #action-register-showform .form-button,
.dialog #action-logon-logon .form-button {
	float: left;
}

.dialog .form-button {
	margin-bottom: 12px;
	float: right;
}

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

.dialog .form-element input, 
.dialog .form-element textarea {
	width: 410px;
} 

.dialog .form-element select {
	width: 424px;
}

.dialog .form-element textarea {
	height: 150px;
}

.dialog .form-element textarea.short {
	height: 60px;
}

.dialog .form-inline {
	width: 208px;
	margin: 0 6px 6px 0;
}

.dialog .form-inline-auto {
	width: auto;
}

.dialog .form-inline select,
.dialog .form-inline textarea,
.dialog .form-inline input {
	width: 194px;
}

.dialog .form-element input[type="checkbox"],
.dialog .form-element input[type="radio"] {
	width: auto;
}

.dialog .form-inline-glue,
.dialog .form-element-glue {
	margin-bottom: 0;
}

.add-part-gender .form-checkbox { 
	display: inline;
}

.form-element input.form-date-field {
	width: 31px;
	margin: 0 3px 0 0;
}

.form-element .ui-datepicker-trigger {
	position: relative;
	margin: 0 3px 0 0;
	top: 3px;
	display: block;
	float: left;
	cursor: pointer;
	width: 16px;
	height: 15px;
}

.form-datepicker-input-wrapper {
	overflow: hidden;
}

.form-element .datepicker-timesep {
	margin: 2px 3px 0 0;
}

.form-element label,
.form-group-label {
	margin: 0 0 2px 0;
	float: none;
	display: block;
	width: auto;
	font-weight: normal;
	cursor: pointer;
}

.form-calendar-range label {
    float: left;
    margin-right: 0.25em;    
}

.form-element label,
.form-element .expl-label,
.form-group-label,
.form-link span,
.form-link a {
	font-size: 12px;
	line-height: 18px;
}

.form-element-error a,
.form-element-error input,
.form-element-error textarea,
.form-element-error select,
.form-element-error label.form-checkbox,
.form-element-error label.form-radio,
.form-element-error .form-tooltip span,
.form-element-error .form-placeholder,
label.form-element-error span {
	color: #ff0000;
}

.form-highlight-skip {
	color: #666 !important;
}

label.form-element-error span,
.form-element-error .form-tooltip span {
    padding: 0 0 0 3px;
}

.form-element-advanced-search .form-tooltip,
#search-simple .form-tooltip {
	display: none !important;
}

.form-element-error input:focus,
.form-element-error textarea:focus {
	border: 1px solid #de0000;
}

.form-tooltip {
	background: transparent url(http://fast.mediamatic.nl/f/sjnh/image/form_tooltip.png) repeat-x 0 0;
	color: #999;
	padding: 10px 0 0 0;
	z-index: 9999;
}

.form-tooltip-text-message {
	margin: 0 0 0 3px;
	white-space: nowrap;
}

.ui-fileupload-wrapper .filetoken {
    font-family: Verdana, sans-serif;
    overflow: hidden; 
    padding: 5px 8px;
    background-color: #eee;
    color: #000;
    cursor: default;
    font-size: 11px;
}

.ui-fileupload-wrapper .filetoken span.delete-token {
    color: #999;
    margin-left: 5px;
    font-weight: bold;
    cursor: pointer;
}

.ui-fileupload-wrapper .filetoken span.delete-token:hover {
    color: black;
}

.span-40 .form-inline select,
.span-40 .form-inline textarea,
.span-40 .form-inline input {
	width: 239px;
}

.span-40 .form-element input[type="checkbox"],
.span-40 .form-element input[type="radio"] {
	width: auto;
}

.event-date-wrapper .ui-datepicker-trigger {
	cursor: pointer;
	float: left;
}

.lightbox-page .event-date-wrapper .ui-datepicker-trigger {
	float: right;
	margin: 7px 0 0 6px;
}

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

.ui-datepicker-div, 
.ui-datepicker-inline, 
#ui-datepicker-div {
	background: #fff url(http://fast.mediamatic.nl/f/sjnh/image/ffffff_40x100_textures_01_flat_0.png) 0 0 repeat-x;
	font-size: 12px;
	border: 4px solid #ddd;
	width: auto;
	padding: 2.5em .5em .5em .5em;
	position: relative;
}

.ui-datepicker-div, 
#ui-datepicker-div {
	z-index: 99999;
	display: none;
}

.ui-datepicker-inline {
	float: left;
	display: block;
}

.ui-datepicker-control {
	display: none;
}

.ui-datepicker-current {
	display: none;
}

.ui-datepicker-next, 
.ui-datepicker-prev {
	position: absolute;
	left: .5em;
	top: .5em;
	background: #e6e6e6 url(http://fast.mediamatic.nl/f/sjnh/image/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
}

.ui-datepicker-next {
	left: 14.6em;
}

.ui-datepicker-next:hover, 
.ui-datepicker-prev:hover {
	background: #dadada url(http://fast.mediamatic.nl/f/sjnh/image/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
}

.ui-datepicker-next a, 
.ui-datepicker-prev a {
	text-indent: -999999px;
	width: 1.3em;
	height: 1.4em;
	display: block;
	font-size: 1em;
	background: url(http://fast.mediamatic.nl/f/sjnh/image/888888_7x7_arrow_left.gif) 50% 50% no-repeat;
	border: 1px solid #d3d3d3;
	cursor: pointer;
}

.ui-datepicker-next a {
	background: url(http://fast.mediamatic.nl/f/sjnh/image/888888_7x7_arrow_right.gif) 50% 50% no-repeat;
}

.ui-datepicker-prev a:hover {
	background: url(http://fast.mediamatic.nl/f/sjnh/image/454545_7x7_arrow_left.gif) 50% 50% no-repeat;
}

.ui-datepicker-next a:hover {
	background: url(http://fast.mediamatic.nl/f/sjnh/image/454545_7x7_arrow_right.gif) 50% 50% no-repeat;
}

.ui-datepicker-prev a:active {
	background: url(http://fast.mediamatic.nl/f/sjnh/image/222222_7x7_arrow_left.gif) 50% 50% no-repeat;
}

.ui-datepicker-next a:active {
	background: url(http://fast.mediamatic.nl/f/sjnh/image/222222_7x7_arrow_right.gif) 50% 50% no-repeat;
}

.ui-datepicker-header select {
	border: 1px solid #d3d3d3;
	color: #555555;
	background: #e6e6e6;
	font-size: 1em;
	line-height: 1.4em;
	position: absolute;
	top: .5em;
	margin: 0 !important;
}

.ui-datepicker-header option:focus, 
.ui-datepicker-header option:hover {
	background: #dadada;
}

.ui-datepicker-header select.ui-datepicker-new-month {
	width: 7em;
	left: 2.2em;
}

.ui-datepicker-header select.ui-datepicker-new-year {
	width: 5em;
	left: 9.4em;
}

table.ui-datepicker {
	width: 15.5em;
	text-align: right;
}

table.ui-datepicker td {
	padding: 0;
}

table.ui-datepicker td a {
	padding: .1em .2em .1em .2em;
	display: block;
	color: #555555;
	background: #e6e6e6 url(http://fast.mediamatic.nl/f/sjnh/image/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
	cursor: pointer;
	border: 1px solid #ffffff;
}

table.ui-datepicker td a:hover {
	border: 1px solid #999999;
	color: #212121;
	background: #dadada url(http://fast.mediamatic.nl/f/sjnh/image/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
}

table.ui-datepicker td a:active {
	border: 1px solid #dddddd;
	color: #222222;
	background: #ffffff url(http://fast.mediamatic.nl/f/sjnh/image/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x;
}

table.ui-datepicker .ui-datepicker-title-row td {
	padding: .3em 0;
	text-align: center;
	font-size: .9em;
	color: #222;
}

table.ui-datepicker .ui-datepicker-title-row td a {
	color: #222;
}

.ui-datepicker-cover {
	display: none;
	display/**/: block;
	position: absolute;
	z-index: -1;
	filter: mask();
	top: -4px;
	left: -4px;
	width: 193px;
	height: 200px;
}

.ui-datepicker-today {
	font-weight: bold;
}

.ui-datepicker-unselectable {
	color: #eee;
}

.ui-datepicker-other-month {
	color: #8c8c8c !important;  
}

table.ui-datepicker td.ui-datepicker-current-day a {
    color: white;
    background: red;
}

.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: 32px;
}

.form-element input.datepicker-year {
	width: 50px; 
}

.datepicker-timesep {
	float: left;
	margin: 0 3px 0 -3px;
}

.form-element select.datepicker-accuracy {
	width: 86px;
}

.form-datepicker-input-wrapper label.datepicker-bc {
	margin-left: .25em;
	display: inline;
	float: none;
}

#search-advanced-form .datepicker-day, 
#search-advanced-form .datepicker-month, 
#search-advanced-form .datepicker-year,
#search-advanced-form .ui-datepicker-trigger {
	display: block !important;
}

.form-element label.datepicker-accuracy-label {
	float: left;
	padding: 3px 6px 0 3px;
}

div.ui-autocompleter-wrapper ul.list {
    position: relative;
    overflow: hidden; 
    height: auto !important; 
    height: 1%;
    width: 294px;
    border: 1px solid #ccc;
    cursor: text;
    min-height: 1px;
    z-index: 999;
    margin: 0;
    padding: 0;
    background-color: #fff;
}

.totals-box div.ui-autocompleter-wrapper ul.list {
	width: 250px;
}

.dialog div.ui-autocompleter-wrapper ul.list {
	padding: 0 3px;
    width: 416px;
}

.dialog div.ui-autocompleter-wrapper-imagepicker ul.list {
    width: 716px;
}

.form-element-error div.ui-autocompleter-wrapper ul.list {
    border-color: #f00;
}

div.ui-autocompleter-wrapper.focus ul.list {
    border-color: black;
}

div.ui-autocompleter-wrapper ul.list {
    list-style-type: none;
}

div.ui-autocompleter-wrapper ul.list li input {
    border: 0;
    padding: 0;
    background-color: white;
    margin: 1px 0 0;
    min-width: 200px;
}

div.ui-autocompleter-wrapper li.token {
	background-color: #eee;
	color: #000;
	cursor: default;
	float: left;
	height: auto !important;
	line-height: 1;
	margin: 2px 4px 1px 0;
	overflow: hidden;
	padding: 3px 4px;
}

.notification {
	display: none;
}

div.ui-autocompleter-wrapper li.token p {
    display: inline;
    padding: 0;
    margin: 0;
}

div.ui-autocompleter-wrapper li.token span.delete-token {
    cursor: pointer;
}

div.ui-autocompleter-wrapper li.token span.delete-token img {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

div.ui-autocompleter-wrapper li.selected-token {
    background-color: #999999;
    color: #fff;
}

div.ui-autocompleter-wrapper li.selected-token span.delete-token {
    color: #fff;
}

div.ui-autocompleter-wrapper li.input-token {
    float: left;
    height: 24px;
}

.dialog-confirm {
	position: absolute;
	padding: 3px;
	margin: -4px 0 0 0;
	background: #f2f2f2;
	border: 1px solid #bbb;
	filter:alpha(opacity=0);
	-moz-opacity: 00;
	opacity: 0;
	z-index: 50000;
}

.dialog-confirm span {
	color: #f00;
	padding: 0 3px;
	float: left;
	line-height: 1.4;
}

.dialog-liviewer {
	width: 300px;
}

.dialog-liviewer .dialog-content {
	margin: 0 auto;
	padding: 0;
	max-height: 228px;
	-ms-overflow-y: auto;
	overflow-x: hidden;
	overflow-y: auto;
	border: none;
}

.dialog-liviewer .dialog-content .list-view-item li:last-child {
	margin: 0;
}

.dialog-liviewer .listbox {
	overflow:hidden;
	position:relative;
}

.dialog-liviewer .listbox:last-child {
	margin-bottom: 0;
}

.action-help,
.action-offstage {
	background: #eee;
	border-top: 1px solid #ccc;
	color: #777;
	margin: 0 -18px -12px -6px;
	padding: 6px 12px 6px 6px;
	font-size: 12px;
	line-height: 18px;
}

.do-something .clearfix:after {
	content: '';
	clear: none;
	display: none;
}

.do-something button.do-something-other {
    margin-left: -6px;
    color: #999;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-bottomleft: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background-color: #fff;
}

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

.do-something .do-something-text {
	float: left;
}
	
.do-something div.action {
	float: left;
}

div.ui-autocompleter-wrapper div.dropdown ul li.selected-dropdown-item {
    background-color: #F2F2F2;
}

div.ui-autocompleter-wrapper .autocompleter-filter {
	margin: 0 0 3px;
}

div.ui-autocompleter-wrapper .autocompleter-filter select {
	width: 120px;
	height: 20px;
	padding: 0 0 0 2px;
}

div.ui-autocompleter-wrapper .autocompleter-filter select,
div.ui-autocompleter-wrapper .autocompleter-filter label,
div.ui-autocompleter-wrapper .autocompleter-filter span {
	display: inline;
	margin: 0 6px 0 0;
	font-size: 12px;
	line-height: 18px;
}

div.ui-autocompleter-wrapper div.dropdown ul.image-picker li {
	float: left;
}

div.ui-autocompleter-wrapper div.dropdown ul.image-picker li.selected-dropdown-item {
    background-color: #fff;
}

div.ui-autocompleter-wrapper div.dropdown ul.image-picker .title img,
div.ui-autocompleter-wrapper div.dropdown ul.image-picker .title img:hover {
	height: auto;
	width: auto;
	margin: 0 6px 6px 0;
}

div.ui-autocompleter-wrapper .autocompleter-content button,
div.ui-autocompleter-wrapper .autocompleter-content div {
	float: left;
}

div.ui-autocompleter-wrapper .autocompleter-content .action-stage-wrapper {
	border: none;
	padding: 0;
}

div.ui-autocompleter-wrapper div.dropdown ul li.dropdown-item {
	cursor: pointer;
	position: relative;
}

div.ui-autocompleter-wrapper div.dropdown ul.image-picker li.dropdown-item {
	border: none;
}

div.ui-autocompleter-wrapper div.dropdown ul .title {
	width: 55%;
	display: block;
}
	
div.ui-autocompleter-wrapper li.token img,
div.ui-autocompleter-wrapper div.dropdown ul .title img {
	height: 12px;
	width: 12px;
	margin: 0 3px 0 0;
	position: relative;
	float: none;
}

div.ui-autocompleter-wrapper li.token .delete-token img {
	height: 10px;
	width: 11px;
}
	
div.ui-autocompleter-wrapper div.dropdown ul .title img:hover {
	height: 55px;
	width: 55px;
	margin: 0 -40px -43px 0;
	z-index: 1;
}

div.ui-autocompleter-wrapper div.dropdown ul .coverage,
div.ui-autocompleter-wrapper div.dropdown ul .intro {
    font-size: 11px;
    line-height: 18px;
	display: block;
	width:100%;
}

div.ui-autocompleter-wrapper div.dropdown ul .source-title {
    font-size: 11px;
    line-height: 18px;
	position: absolute;
	right: 6px;
	top: 9px;
	width: auto;
}

div.ui-autocompleter-wrapper div.dropdown .dropdown-pager {
	margin: 0 -1px;
	padding: 3px 6px 6px;
}

div.ui-autocompleter-wrapper div.dropdown .dropdown-pager a,
div.ui-autocompleter-wrapper div.dropdown .dropdown-pager span {
	margin: 0 3px 0 0;
	text-decoration: none;
	border: none;
}

.dialog div.ui-autocompleter-wrapper div.dropdown {
    width: 423px;
    z-index: 9999;
}

.dialog div.ui-autocompleter-wrapper div.dropdown-full {
    z-index: 9998;
}

.dialog div.ui-autocompleter-wrapper-imagepicker div.dropdown {
    width: 722px;
}

div.ui-autocompleter-wrapper div.dropdown p {
    margin: 0;
    padding: 5px;
    font-weight: bold;
    color: #777;
}

div.ui-autocompleter-wrapper div.dropdown ul {
    margin: 0;
    padding: 0;
}

div.ui-autocompleter-wrapper div.dropdown ul li em {
    font-weight: bold;
    font-style: none;
}

div.ui-autocompleter-wrapper .autocompleter-content .action-expl {
	display: none;
	margin: 0;
}

div.ui-autocompleter-wrapper .autocompleter-content {
	margin: 12px 0;
	padding: 0 6px;
	background: #FFF;
}

div.ui-autocompleter-wrapper .dropdown-full .autocompleter-content {
	padding: 0 6px 0 0;
}


div.ui-autocompleter-wrapper li.input-token button {
	position: absolute;
	right: 0;
	top: 2px;
	background: #fff url(http://fast.mediamatic.nl/f/sjnh/image/menu-icon.png) no-repeat 4px -376px;
	border: none;
	margin: 0;
	padding: 0 0 0 16px;
	height: 18px;
}

div.ui-autocompleter-wrapper div.dropdown {
    position: absolute;
    background-color: #fff;
    width: 294px;
    overflow: hidden;
    cursor: default;
    z-index: 1;
	-webkit-box-shadow: 0px 6px 15px rgba(0,0,0,.4);
	-moz-box-shadow: 0px 6px 15px rgba(0,0,0,.4);
	box-shadow: 0px 6px 15px rgba(0,0,0,.4);
}

div.ui-autocompleter-wrapper div.dropdown-full {
	position: relative;
	border: none;
    cursor: default;
	box-shadow: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.dialog .notification li {
	margin: 0 0 6px 0;
}

.menu div.action {
	display: inline;
}

.dv-forum div.action {
	overflow: visible;
}

.dialog-content .action-stage-wrapper {
	display: block;
	clear: both;
    margin: 0;
    border-color: #fff;
	border-style: dashed;
	border-width: 1px 0;
	overflow: hidden;
}

.dialog-content .nested-action {
    padding: 0;
    border-width: 0px;
}

.dialog-content .highlighted > .action-stage-wrapper {
    border-color: #333;
	margin: 0 0 12px;
	min-height: 20px;
	padding: 6px 0;
}
	    
.dialog-content .action-stage-wrapper .action-combined.highlighted:first-child:last-child {
	border-color: #fff;
}
	    	
div.action-combined:last-child {
    margin: 0;
}

.dialog-content .ui-datepicker-trigger {
	margin: 0 6px 0 0;
	cursor: pointer;
	float: left;
	display: block;
}

.dialog-content .daterange,
.dialog-content .button-datepicker {
	float: left;
	margin: 0 3px 0 0;
}
	
.action button.disabled,
.dialog-content button.disabled {
	color: #aaa;
}

.dialog-content .action-expl {
	margin: 0 6px 0 0;
	float: left;
	display: block;
}

.action-hovering,
.dialog-action-hovering {
	background: #f00;
	color: #fff;
}

h1 span.do_actiondialog {
	cursor: pointer;
	display: block;
}
		
.dv-title .do-something {
	margin: 6px 9px 0 0;
}

.do-something .clearfix {
	display: inline;
	float: none;
}

.do-something-header-wrapper {
	margin-bottom: 12px;
}

.dialog-loader {
	color: #fff;
	position:absolute;
	right: 60px;
	top: 0;
	width: 10px;
	font: 11px/18px "Lucida Grande", arial, sans-serif;
}

.dialog .notice,
.dialog .error,
.dialog .success {
    margin: 0 0 3px 0;
    border-color: #333;
}

.show-first .action .action-expl,
.show-first .action button span.unlink-marker,
.show-first .action button.secondary,
.show-first .action .action-daterange,
.show-first .action .notice {
	display: none !important;
}

.action .signup-notice { 
	float: left; 
 	margin: 0 3px 0 0; 
} 

.action .unlink-message {
	color: #ff0000;
}

/* in list item */
.list-view .event span.notice {
	display: block;
	float: left;
	margin: 0 0 3px 0;
}

/* Add margin to action help if it's preceded by action-offstage */
.action-offstage + .action-help, 
.action-offstage + * + .action-help {
	margin-top: 12px;
}

/***************************************
 * Edit in place                       *
 ***************************************/

.editinplace-submit,
.editinplace-cancel {
	font-size: 11px;
	font-style: normal;
}

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

/* quit specific because needs to overrule blueprint ( which is loaded afterwards ) */
.do_editinplace input.editinplace-input {
	margin: 0 0 6px;
	padding: 0;
	width: 100% !important;
}

.editinplace-active:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.editinplace-active { 
    display: inline-block;
    display: block;
    margin: 0 0 18px;
}

* html .editinplace-active { 
    height: 1%; 
}

.editinplace-active .ui-resizable-s {
	border-top: 1px solid #ddd;
	height: 4px !important;
}

* html .do_editinplace .ui-resizable-s {
	display: none !important;
}

.editinplace-active .help-text p {
	margin: 0 !important;
}

/***************************************
 *  Image annotations                  *
 ***************************************/

.img-wrapper {
	clear: both;
	position: relative;
}

.img-wrapper img {
	display: block;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	float: none!important;
	position: absolute; /*needed for safari*/
	left: 0;
	top: 0;
}	

.edit-page .annotation {
	display: block;
	cursor: move;
	position: absolute !important;
}

span.annotation-label {
	padding: .1em .4em;
	top: -9999px;
	position: absolute;
	color: #666;
	background-color: #fff;
	font-size: 11px;
	z-index: 100;
	margin-left: 20px;
}
	
.annotation,
.annotation:hover {
	display: block;
	position: absolute;
	border: 2px solid #444 !important;
	text-decoration: none;
	z-index: 98;
	outline: none;
	top: 45%;
	left: 45%;
	overflow: visible !important;
	background: none transparent;
}

/* note: this element is opacity 0 in IE */
.annotation span.drag {
	display: block;
	text-indent: -9999px;
	width: 3px;
	height: 3px;
	border: 2px solid #fff;
}

.annotation.new,
.annotation.hovered,
.annotation.new:hover,
.annotation.hovered:hover {
	border-color: yellow !important;
	z-index: 9990 !important;
}

span.no-actor-linked {
	border: 1px dotted #333 !important;
}

span.no-actor-linked span.drag {
	border: 1px dotted #fff !important;
}
	
.deletingAnnotation,
.deletingAnnotation:hover {
	border: 3px solid #f00 !important;
}

.deletingAnnotation span {
	visibility: hidden;
}
	
.popup-overlay {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: #f1f1f1;
	z-index: 999999;
}
	
.img-actor-selector {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999999;
}

.img-actor-selector.with-shadow {
	padding: 0 9px 11px 0;
	background: url(http://fast.mediamatic.nl/f/sjnh/image/shadow.png) 100% 100% no-repeat;
}
	
.img-actor-selector iframe {
	display: none;
}

.img-actor-selector .window-close {
	position: absolute;
	top: 0;
	right: 6px;
	width: 16px;
	height: 18px;
	background: url(http://fast.mediamatic.nl/f/sjnh/image/kw-close.gif) 0 0 no-repeat;
	text-indent: -9999px;
	cursor: pointer;
}

.img-actor-selector-ul {
	border: 1px solid #ccc;
	padding: 10px;
	margin: 0;
	clear: left;
	list-style: none;
	height: 1%;
	width: 250px;
	min-height: 100px;
	position: relative;
	margin-top: -3px;
	background: #fff url(http://fast.mediamatic.nl/f/sjnh/image/throbberwait.gif) 50% 50% no-repeat;
}

.img-actor-selector-ul * {
	text-align: left;
}

.img-actor-selector-ul .padding {
	background: #fff;
	width: auto !important;
}

.img-actor-selector-ul .padding label {
	display: none;
}

.img-actor-selector-ul input {
	margin: 0 0 10px;
}

.img-actor-selector-ul h1 {
	font-size: 20px;
	line-height: 1;
	margin-bottom: 7px;
}

.img-actor-selector-ul p {
	margin-bottom: 0;
}

.img-actor-selector .autocomplete-box {
	position: relative;
	padding: 0;
	background-color: #fff;
}

.img-actor-selector .expl {
	font-size: 11px;
	line-height: 1.3em;
}

.img-actor-selector input.text {
	width: 247px !important;
	padding: 2px 1px;
	float: none!important;
}

.img-actor-selector .autocomplete-bar,
.img-actor-selector .autocomplete .intro,
.img-actor-selector .autocomplete-button {
	display: none;
}

.img-actor-selector .autocomplete-menu {
	position: static;
	width: 250px !important;
	clear: left;
}

.img-actor-selector #autocomplete-throbberwait {
	margin-top:9px;
	position:absolute;
	right:12px;
}

.img-actor-selector .autocomplete-dropdown .title {
	float: none;
	width: auto;
}

.img-actor-selector .autocomplete-menu .title img {
	float: left !important;
	margin-right: 3px !important;
}

.img-actor-selector .autocomplete-dropdown .source-title {
	position: static;
	display: block;
	line-height: 1;
	padding: 0;
}

.img-actor-selector-ul li {
	display: block !important;
	float: none !important;
}

.help-text.success-msg {
	color: green !important;
}

.help-text.error-msg {
	color: #f00 !important;
}

div.ui-resizable-handle {
	width: 7px!important;
	height: 7px!important;
}

.img-actor-selector-ul .help-text {
	width: auto;
}
	
.actorMsg {
	position: absolute;
	z-index: 9999;
}
	
.no-annotation li {
	cursor: move;
}

.no-annotation li:hover {
	background-color: #FFF8CC;
}
	
.new-actor-button {
	margin-top: 10px;
}
	
li.li-as-annotation {
	display: block;
	position: absolute;
	border: 1px dotted #999 !important;
	text-decoration: none;
	z-index: 999999999;
	outline: none;
	padding: 0;
	margin: 0;
	width: 47px;
	height: 52px!important;
	text-indent: -9999px;
	background: none !important;
}

li.li-as-annotation * {
	display: none;
}

li.li-as-annotation span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	text-indent: -9999px;
	width: 45px;
	height: 50px;
	padding: 0;
	margin: 0;
	border: 1px dotted #fff !important;
}
		
.temp-actor-list {
	margin: 6px 0 12px !important;
	font-size: 12px;
}

.attachment.edit-page .list-actor {
	display: none;
}
.attachment.edit-page .list-annotations {
	display: block;
}

/***************************************
 * Image zoomer                        *
 ***************************************/


.img-toolbar {
	display: none;
	position: absolute;
	z-index: 100;
	top: 0;
	left: 0;
	width: 100%;
	min-width: 210px;
	padding: 0;
}

a.edit-img-tags {
	padding: 0;
	margin: 9px;
	color: #333 !important;
	display: block;
	cursor: pointer;
	border: none !important;
	text-decoration: none !important;
	color: #fff !important;
	height: 27px;
	overflow: hidden;
	float: left;
}

a.edit-img-tags span.caption {
	float: left;
}

a.edit-img-tags .icon-background {
	float: left;
}

body.edit-page .img-toolbar {
	float: left;
	height: 27px;
	display: block;
	margin-left: 24px;
	padding-right: 3px;
}

.img-zoomer-tools {
	position: absolute;
	top: 9px;
	right: 9px;
}

.img-no-zoom .img-zoomer-tools,
.img-no-zoom .loading-toolbar {
	display: block !important;
}

span.img-zoomer-tool-fullscreen {
	position: absolute;
	right: 0;
	display: block;
	width: 100px;
}

.full-screen-img {
	position:absolute !important;
	z-index:9999999999;
}

.loading-toolbar {
	float:right;
	width:20px;
	height:20px;
	margin:9px;
	background: url(http://fast.mediamatic.nl/f/sjnh/image/throbberwait_small.gif) 0 0 no-repeat;
}

.img-toolbar .icon-background {
	display: block;
	background-color: #fff;
	width: 17px;
	height: 17px;
	margin: 0 6px;
	cursor: pointer;
}

.img-toolbar .caption {
	float: right;
	color: #fff;
	font: normal 13px/15px helvetica, arial, sans-serif;
	padding-bottom: 3px;
	text-shadow: 1px 1px 1px #000;
	-ms-filter: Shadow(Color=#333333, Direction=135, Strength=2);
	filter: Shadow(Color=#333333, Direction=135, Strength=2);
	cursor: pointer;
}

.img-zoomer-tool-fullscreen span.caption {
	float: left;
}

.img-zoomer-tool-fullscreen .icon-background {
	float: right;
}

/***************************************
 * Lightbox                            *
 ***************************************/

body.module-gmaps-map-list {
	margin: 0;
}

.dialogbox {
	background: #fff;
}

.dialogbox-edge-add input.text {
	margin: 0;
}

.dialogbox-trust a.button {
	float: none;
	display: block;
}

/* ie6 ie7 */
* html .dialogbox-trust a.button {
	width: 12em;
	text-align: left;
}

.dialogbox-trust a.button-cancel {
	margin-top: 6px;
}

/***************************************
 * Tooltip                             *
 ***************************************/

.tooltip {
	position: absolute;
	display: none;
	background: #f2f2f2;
	border: 1px solid;
	border-color: #ccc;
	color: #666;
	padding: 2px 4px 2px 8px;
	font-size: 12px;
	margin: 0 0 0 10px;
	min-height: 14px;
	text-align: left;
	z-index: 9999;
	line-height: 18px;
}

.tooltip-arrow {
	background: transparent url(http://fast.mediamatic.nl/f/sjnh/image/arrow.png) no-repeat 50% 50%;
	display: block;
	height: 16px;
	left: -15px;
	position: absolute;
	width: 16px;
	top: 0;
}

.moreoptions {
	font-size: .85em;
}

/***************************************
 * Utils                               *
 ***************************************/

.ajax_notice input {
	background: #fff url(http://fast.mediamatic.nl/f/sjnh/ima/throbberwait.gif) no-repeat 100% 0; 
}
	
.isIE #bio .trustgroup-gender .ajax_notice input {
	background: none;
}

.required_field_title a {
	color: red;
	text-decoration: none;
}

.required_field {
	background-color: #f00;
}

#corner_notice {
	background: #eee;
	border: 1px solid #ccc;
	margin: 1em 1em 0 0;
	position: fixed;
	display: none;
	top: 0;
	right: 0;
	padding: .2em;
}

.upload-buttons {
	margin: 6px 0 0;
}

.dialogbox-edge-add-attachment {
	padding: 0 8px 8px 0;
	background: url(http://fast.mediamatic.nl/f/sjnh/image/shadow.png) right bottom !important;
}

.dialogbox-edge-add-attachment-content {
	background: #fbfbfb; 
	border: 1px solid #bbb; 
	padding: 16px; 
}

.dialogbox-edge-add-attachment span.expl {
    display: block;
    margin: 0 0 6px;
    width: 278px;
}

* html .dialogbox-edge-add-attachment {
	width: 340px;
}

a.cancel-add-attachment,
a.cancel-add-attachment img {
	width: auto;
	display: block;
	float: left;
}

.upload-wrapper {
	margin:0 0 6px 0;
}

#ajax_edit_attachment img {
	margin: 6px 0;
}

#ajax_edit_attachment label {
	display: block;
}

#ajax_edit_attachment input,
#ajax_edit_attachment textarea {
	margin: 0;
}

#ajax_edit_attachment textarea {
	height: 50px;
}

.cnrs {
	position: absolute;
	width: 6px;
	height: 6px;
	background: 0 0 no-repeat;
	z-index: 9999;
	font-size: 1px !important;
	overflow: hidden;
	border: none !important;
}
.cnr_nw {
	left: 0;
	top: 0;
	background-position: left top;
}
.cnr_ne {
	right: 0;
	top: 0;
	background-position: right top;
}
.cnr_sw {
	left: 0;
	bottom: 0;
	background-position: left bottom;
}
.cnr_se {
	right: 0;
	bottom: 0;
	background-position: right bottom;
}

/***************************************
 * Unlink                              *
 ***************************************/

#throbberwait img {
	width: auto;
	height: auto;
}

#link_overlay {
	position: absolute;
	z-index: 100;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	min-height: 100%;
	background-color: #FFF;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

.link-holder {
	text-align: left;
}

.unlinking {
	color: #f00 !important;
}

.unlink-marker {
	margin: 0;
	color: #f00;
	background: none;
	padding: 0;
	position: relative;
}

button .unlink-marker {
	margin: 0 -2px;
}

.unlink-marker a {
	z-index: 200;
	text-decoration: none;
	border: none !important;
}

.unlink-marker a:hover {
	background: none !important;
}	
		
.unlink-marker a img,
.unlink-marker a img:hover {
	float: none !important;
	width: 11px !important;
	height: 10px !important;
	margin: 0 !important;
	padding: 0 !important;
	display: inline !important;
	height: 1%;
}
		
.unlink-confirm {
	position: absolute;
	padding: 3px;
	margin-top: -2px;
	margin-right: 2px;
	margin-left: -3px;
	background: #f2f2f2;
	border: 1px solid #bbb;
	filter:alpha(opacity=90);
	-moz-opacity: 0.90;
	opacity: 0.90;
}

.unlink-confirm span {
	color: #f00;
	padding: 0 3px;
	float: left;
	line-height: 1.4;
}
	
.unlink-confirm button {
	margin-bottom: 0;
}

/* no js */

#no-js {
	margin: 0 0 12px;
	padding: 6px;
	font-size: 12px;
	background-color: #eee;
}

#no-js p {
	margin-bottom: 0;
}


/***************************************
 * Browser specific styles             *
 ***************************************/

.isWebkit.page-view.layout-listitem-enabled  ul.fig li.fig-li-ignore-animation div.caption {
	margin: 12px 0 0 0;
}

.isWebkit .ui-fileupload-wrapper input[type=file] {
	border: none;
}

.isWebkit div.ui-autocompleter-wrapper li.input-token button {
	background-position: 4px -377px;
	padding: 0 0 0 18px;
	right: 3px;
	top: 3px;
}

.isIE hr {
    margin: -8px auto 11px;
}

.isIE #search-simple {
	height: 18px;
	overflow: none;
	padding: 0;
}

.isIE #search-simple .ui_form {
	padding: 0;
	line-height: 21px;
}

.isIE #search-simple input.text {
	height: 17px;
	line-height: 15px;
	padding: 1px 2px 0;
	margin: 0;
	overflow: none;
}

.isIE.page-view.layout-listitem-enabled  ul.fig li.fig-li-ignore-animation div.caption {
	filter: alpha(opacity=100);
	position: relative;
}

.isIE .edit-page .toolbar .link_form_wrapper input,
.isIE .edit-page .toolbar .youtube_form_wrapper input {
	margin-bottom: 6px;
}

.isIE .annotation,
.isIE .annotation:hover {
	border-width: 2px !important;
	border-style: ridge !important;
	border-color: #ccc !important;
}

.isIE .annotation.new,
.isIE .annotation.hovered {
	border-color: yellow !important;
}

.isIE span.no-actor-linked {
	border: 2px dotted #ccc !important;
}

.isIE .img-actor-selector-ul {
	width: 250px;
}

.isIE7 sup {
    vertical-align: text-top;
}

.isIE7 sub {
    vertical-align: text-bottom;
}

.isIE7x #search-simple input.text {
	padding: 0px 2px;
	line-height: 17px;
}

.isIE7x .list-view-simple-thing {
    zoom: 1;
}

.isIE7x p code {
    white-space: normal;
}

.isIE7x .li-title {
	 clear: both;
}

/* hide FB cross-domain communication div: */ 
.isIE7x #fb-root,
.isIE8x #fb-root {
	display: none;
}

.isIE8up.page-view.layout-listitem-enabled div.caption-inline .title {
	display: block;
	float: left;
}

.isIE7x .list-changes-contributors h5 { 
	width: 100%; 
}

.isIE7x .list-changes-contributors h5,
.isIE7x .list-changes-contributors a,
.isIE7x .list-changes-contributors img,
.isIE7x .list-changes-contributors span {
	filter: alpha(opacity=40);
}

/* ie7 doesnt understand inline-block */
.isIE7x .page-view .edit-cc,
.isIE7x .dialog-content .edit-cc,
.isIE7x .page-view .chapeau .edit-cc {
	display: inline;
	zoom: 1;
}

.isIE8x .activity .edit-cc {
	height: 24px;	
}

.isIE8x .list-changes-contributors,
.isIE8x .list-changes-contributors img {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"
}

/***************************************
 *  Mobile devices                     *
 ***************************************/

#qr-image {
    margin-bottom: 24px;
}

#qr-image a {
	border: none;
	float: left;
}

#qr-image img {
	border: 1px solid #eee;
}

/*
 * by mirrored we mean rtl content within ltr context or vice versa
 */

.mirrored {
	text-align: right;
}

/*
 * set text direction explicitly since Janus doesn't flip the direction property
 */
body.ltr .mirrored {
	direction: rtl;
}

body.rtl .mirrored {
	direction: ltr;
}

/***************************************
 * Footer				               *
 ***************************************/

.page-module-openid-provider-logon #wrapper-header,
.page-module-openid-provider-logon #wrapper-footer {
	display: none;
}

.page-module-openid-provider-logon #wrapper-content {
	padding-top: 18px;
}

.activity-userinfo {
	float: left;
	width: 625px;
}

.activity-views {
	float: right;
	text-align: right;
	width: 300px;
}

.activity a img,
.design-by a img {
	border: none;
}

/*
 * mirrored sprite
 */

.mirrored span.icon {
	background-image: url(http://fast.mediamatic.nl/f/sjnh/image/base_rtl.png);
}

/*
 * mirrored thing content
 */

.mirrored .do-something button,
.mirrored .do-something a.button,
.mirrored .do-something .do-something-text {
	float: right;
}
	
.mirrored .do-something div.action {
	float: left;
}

/*
 * mirrored list items
 */

.mirrored .chapeau .chapeau-part,
.mirrored .chapeau-icon {
	float: right;
	margin: 0 0 0 6px;
}

.mirrored .chapeau-icon .icon,
.mirrored .chapeau-icon .caption {
	float: right;
}

.mirrored .daterange,
.mirrored .date-leaf-small-wrapper,
.mirrored .date-leaf.small,
.mirrored .date-leaf-small-wrapper .date-part {
	float: right;
}

.mirrored .date-leaf-range {
	margin: 0 0 0 3px;
}

.mirrored .date-leaf-small-wrapper {
	margin: 0 0 0 6px;
}

.mirrored .date-leaf.small {
	margin: 0 0 0 4px;
}

.mirrored .date-leaf.big {
	margin: 0 0 6px 12px;	
}

.mirrored .chapeau-language-wrapper {
	float: right;
	margin: 0 6px 0 0;
}

.mirrored .chapeau-interest .icon {
	margin: 2px 0 0 2px;
}

.mirrored .chapeau-comments .icon {
	margin: 4px 0 0 2px;
}

.mirrored .chapeau-participant .icon {
	margin: 3px 0 0 2px;
}

.mirrored .chapeau-rating-boost .icon { 
	margin: 2px 0 0 3px; 
}

/*
=============================================================================
Carousel
=============================================================================
*/

.ui_carousel {
	position: relative;
	width: 625px;
	height: 481px;
}

.ui_carousel .list {
	position: relative;
}

.ui_carousel .list-view-item-thing {
	display: none;
	position: absolute;
}

.ui_carousel .list-view-item-thing:first-child {
	display: block;
}

.ui_carousel .list-view-item-thing-animate-content {
	width: 625px;
	height: 474px;
}

.ui_carousel .list-view-item-thing-animate-content p {
	margin-bottom: 0;
}

.ui_carousel .list-view-item-thing-content-wrapper {
	width: 613px;
}

.carousel-pager {
	background-color: #fff;
	display: none; /* Do not display when javascript is not loaded yet */
	padding: 3px 0 3px 3px;
	position: absolute;
	top: 6px;
	right: 6px;
	z-index: 10;
}

.carousel-pager a {
	background-color: #ccc;
	border: none;
	border-radius: 6px;
	color: #fff;
	display: block;
	float: left;
	margin-right: 3px;
	text-align: center;
	text-indent: -9999px;
	width: 8px;
	height: 8px;
}

.carousel-pager a.activeSlide,
.carousel-pager a:hover {
	background-color: #666;
	-webkit-transition: background-color 0.5s ease-in-out;
	transition: background-color 0.5s ease-in-out;
}

/*
=============================================================================
	UI selectmenu
=============================================================================
*/

.ui-selectmenu,
.ui-selectmenu-menu {
	padding-right: 15px;
	font: 11px "Lucida Grande", Tahoma, Arial, Verdana, sans-serif
}

.ui-selectmenu.ui-state-default {
	border: 1px solid #ccc;
}

.ui-widget .ui-icon {
	width: 14px;
	height: 12px;
	background: url(http://fast.mediamatic.nl/f/sjnh/image/base_ltr.png) 0 20px no-repeat;
}

/* select menu arrow dropdown */
.ui-selectmenu.ui-state-default .ui-selectmenu-icon {
	background-position: 0 -1075px;
}

/* select menu arrow dropdown inverted */
.ui-selectmenu.ui-state-default.ui-state-active .ui-selectmenu-icon {
	background-position: 0 -1155px; /* -80px */
}

.ui-selectmenu.ui-state-default .ui-selectmenu-status {
	padding-right: 0;
}

.ui-selectmenu-menu.ui-widget-content li a {
	padding-right: 0;
}

.ui-selectmenu.ui-state-default .ui-selectmenu-status,
.ui-selectmenu-menu.ui-widget-content li a {
	padding-left: 6px;
}

.ui-selectmenu.ui-state-default.ui-selectmenu-hasIcon .ui-selectmenu-status,
.ui-selectmenu-menu.ui-widget-content li.ui-selectmenu-hasIcon a {
	padding-left: 16px;
}

/* select menu icon left */
.ui-selectmenu.ui-state-default .ui-selectmenu-status .ui-icon {
	margin-top: -6px;
}

/* position the dropdown over the completometer */
.ui-selectmenu-menu-dropdown {
	position: absolute;
	z-index: 2;
}

/* select menu hover */
.ui-selectmenu.ui-state-default.ui-state-hover {
	border-color: #000;
}

/* select menu active */
.ui-selectmenu.ui-state-default.ui-state-active {
	color: #fff;
	border-color: #000;
	background-color: #666;
}

/* select menu options */
.ui-selectmenu-menu.ui-widget-content {
	margin-top: 1px;
	border: 1px solid #000;
	border-top: none;
	background-color: #fff;
}

/* select menu options selected item */
.ui-selectmenu-menu.ui-widget-content li.ui-selectmenu-item-selected a {
	font-weight: bold;
}

.ui-selectmenu-menu.ui-widget-content li,
.ui-selectmenu-menu.ui-widget-content li a {
	border: none;
}

	




/******* html elements *******/

body {
	font-family: georgia, times, serif;
	font-size: 15px;
	line-height: 21px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: georgia, times, serif;
	font-weight: normal;
	font-style: italic;
}

h1 {
	font-size: 68px;
	line-height: 81px;
}

h2 {
	font-size: 40px;
	line-height: 52px;
}

h5 {
	font-size: 15px;
	color: #099;
}

h6 {
	background-color: #000;
	color: #fff;
	padding: 0 6px;
	margin-bottom:6px;
}

h6 a {
	color: #fff;
}

h1 a:hover {
	border-bottom: 3px solid #000;
}

h3 a:hover {
	border-bottom: 2px solid #000;
}

/****** menu *******/

.bar {
	font-family: georgia, times, serif;
}

#bar-user,
#bar-user .menu li {
	background-color: #e20074;
}

#bar-user .menu li a.hover { 
	background-color: #b20c54;
}

#bar-user .menu li ul,
#bar-user .menu li ul li a {
	border-color: #cc0069;
}

#bar-nav,
#bar-nav .menu li {
	background-color: #000;
}

#bar-nav .menu li a.hover,
#bar-nav .menu li a.selected {
	background-color: #666;
}

#bar-nav .menu li ul,
#bar-nav .menu li ul li a {
	border-color: #333;
}

#bar-theme .menu,
#bar-theme .menu ul {
	background-color: #000;
}

#bar-theme .menu ul,
#bar-theme .menu ul li a {
	border-color: #333;
}

#bar-theme .menu a:hover {
	background-color: #666;
}

#footer .menu-footer {
	margin-top: 6px;
}

#bar-footer {
	background-color: #ccc;
}

#bar-footer a:hover {
	background-color: #999;
}

.edit-page #bar-thing-actions {
	background-color: #b20c54;
}

/******* dialog *******/

.dialog-drag-handle {
	background-color: #e20074
}

/******* metadata *******/

/* all this metadata stuff is taken from the old styles */

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

#header .metadata {
	margin: 0;
	padding: 3px 5px 5px;
}

#header .list-metadata {
	margin-bottom: 0;
}

#header .list-metadata h5 {
	display: none;
}

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

.metadata li {
	display: inline;	
	font-size: 12px;
	line-height: 18px;
}

.metadata li a {
	border: none;
	font-style: normal;
	font-weight: bold;
	color: #999;
}

.metadata li a:hover {
	border-bottom: 1px solid #7f7f7f;
}

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

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

.metadata .similar a:hover {
	background: #7F7F7F;
	color: #fff;
}

.metadata .similar a {
	font-style: normal;
}

/******* enable search advanced *******/

.search-advanced-type { 
	display: block; 
} 

/******* chapeau *******/

.dv .chapeau {
	margin-bottom: 6px;
}

.dv .chapeau,
.dv .chapeau a {
	font-size: 15px;
	line-height: 20px;
	font-style: italic;
}

.chapeau, .chapeau a {
	color: #099;
}

/******* detailed *******/

.page-home .thing_content .dv-title {
	margin-bottom: 0;
}

.page-home h1 {
	font-size: 82px;
}

.page-home .thing_content h6 {
	margin-bottom: 18px;
}

.do-something button.do-something-other,
#shop-price h2,
.checkout-order-total {
	color: #e20074;
}

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

.dv .intro {
	font-size: 20px;
	font-style: italic;
}

.dv-blog h4 {
	font-size: 26px;
	line-height: 40px;
}

.dv .vcard {
	font-size: 15px;
	line-height: 21px;
}

.pager {
	color: #000;
	font-style: italic;
	background-color: #eee;
}

.pager.blog-pager {
	background-color: #eee;
}

.pager.blog-pager .pager-title {
	font-weight: normal;
}

.list-view-simple-wrapper {
	font-size: 15px;
	line-height: 21px;
}

.list-view-item-thing-content-wrapper h3 a:hover {
	border-bottom: 2px solid #000;
}

.list-view-item-thing-animate-content,
.list-view-item-thing-animate-content-no-icon {
	background-color: #eee;
}

#wrapper-content .metadata li a {
	font-size: 15px;
	font-weight: normal;
	line-height: 1.4;
}

/******* misc *******/

.date-leaf {
	border-top-color: #b20c54;
}

#the-status-msg {
	position: relative;
	top: -6px;
	font-size: 68px;
	line-height: 84px;
	color: #ccc;
}

/******* list items *******/

.listbox .completometer-message {
	font-size: 15px;
}

li .chapeau * {
	font-size: 12px !important;
	line-height: 1.4 !important;
}

.list-view-item h3 {
    font-size: 26px;
    line-height: 30px;
}

.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 div.caption, .page-view.layout-listitem-enabled .caption-inline {
	width: 276px;
	background-color: #fff;
	margin: 6px;
	padding: 6px;
}

.list-view-item-thing.list-view-item-thing-animate-content .comment-meta .comment-icon {
	position: absolute;
	top: -5px;
	left: 18px;
}

.comment-meta {
    font-size: 15px;
    line-height: 21px;
}

.bio .bio-header {
	display: block;
	float: left;
}

.caption-inline {
	font: normal normal 12px/18px Georgia, Times, serif;
}

/******* buttons *******/

.do-something button, .do-something .button {
	background: #e20074;
	border-color: #b20c54;
}

.do-something button:hover, .do-something .button:hover {
	background: #cc0e60;
	border-color: #660730;
}

/******* blog posts *******/

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

/****** arabic ********/

.lang-ar * {
	font-family: "themixarab-webfont", Verdana, sans-serif;
	font-style: normal;
}

.lang-ar home {
	line-height: 90px;
}

.lang-ar pre, 
.lang-ar code, 
.lang-ar tt { 
	font: 12px "Fedra Arabic Book", "Andale mono", "Lucida Console", monospace; 
}

.lang-ar th, 
.lang-ar td { 
	font-family: "Fedra Arabic Book", Georgia, Times, serif; 
}

.lang-ar .forum_addfigure button.add-attachment-image span.caption {
	margin-top: 10px;
}

.lang-ar a.button,
.lang-ar button,
.lang-ar input.submit,
.lang-ar input.button,
.lang-ar input.reset {
	font-size: 12px;
	padding: 2px 6px 0;
}

.lang-ar .thing_content p {
	font-family: "Fedra Arabic Book", Georgia, Times, serif;
	line-height: 24px;
}

.lang-ar .dv .intro p {
	font-size: 22px;
	line-height: 24px;
}

.lang-ar .menu li a {
	padding: 3px 12px;
}

.lang-ar .form-element label,
.lang-ar .form-element .expl-label,
.lang-ar .form-group-label,
.lang-ar .form-link span,
.lang-ar .form-link a {
	font-size: 13px;
}

body.rtl .mirrored h1,
body.rtl .mirrored h2,
body.rtl .mirrored h3,
body.rtl .mirrored h4,
body.rtl .mirrored h5,
body.rtl .mirrored h6,
body.rtl .mirrored h1 a,
body.rtl .mirrored h2 a,
body.rtl .mirrored h3 a,
body.rtl .mirrored h4 a,
body.rtl .mirrored h5 a,
body.rtl .mirrored h6 a,
body.rtl .mirrored .chapeau *,
body.rtl .mirrored .intro *,
body.rtl .mirrored .fig .caption *,
body.rtl .mirrored .dv-blog .blog-permalink,
body.rtl .mirrored .dv-blog .blog-footer .blog-metadata,
body.rtl .mirrored .body *,
body.rtl .mirrored .vcard .event-time,
body.rtl .mirrored .vcard .title,
body.rtl .mirrored .vcard .title a,
body.rtl .mirrored .vcard .address .street-address,
body.rtl .mirrored .vcard .address .postal-code,
body.rtl .mirrored .vcard .address .locality,
body.rtl .mirrored .vcard .address .tel,
body.rtl .mirrored .vcard .address .website a {
	font-family: Georgia, Times, serif;
	font-style: italic;
}