/* 
	CSS from jquery.ui.resizable.css 
	modified width, height, positioning and color
*/ 
.ui-resizable  { position: relative;}
.ui-resizable-handle  { position: absolute;font-size: 0.1px;z-index: 99999; display: block; background: #aaa; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle  { display: none; } .ui-resizable-n  { cursor: n-resize; height: 7px; width: 100%; top: 0; left: 0; } .ui-resizable-s  { cursor: s-resize; height: 7px; width: 100%; bottom: 0; left: 0; } .ui-resizable-e  { cursor: e-resize; width: 7px; right: 0; top: 0; height: 100%; } .ui-resizable-w  { cursor: w-resize; width: 7px; left: 0; top: 0; height: 100%; } .ui-resizable-se  { cursor: se-resize; width: 12px; height: 12px; right: 0; bottom: 0; } .ui-resizable-sw  { cursor: sw-resize; width: 12px; height: 12px; left: 0; bottom: 0; } .ui-resizable-nw  { cursor: nw-resize; width: 12px; height: 12px; left: 0; top: 0; } .ui-resizable-ne  { cursor: ne-resize; width: 12px; height: 12px; right: 0; top: 0;}




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

#menu-auth .login-button .icon,
#menu-auth .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 {
	position: relative;
}

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

.page-view #sidebar .metadata-pointer {
	border-style: solid;
	display: block;
	position: absolute;
	width: 0;
	height: 0;
}

.page-view #sidebar #metadata-left {
	border-color: transparent #ddd;
	border-width: 12px 12px 12px 0px;
	top: 12px;
	left: -12px;
}

.page-view #sidebar #metadata-bottom {
	border-color: #ddd transparent;
	border-width: 12px 12px 0px 12px;
	bottom: -12px;
	right: 12px;
}

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

p img.right { 
    float: right;
}

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

.fb_iframe_widget {
	margin-bottom: 24px;
}

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

.pager {
	display: block;
	color: #000;
	background: #eee;
	margin: 0 0 24px;
	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: left;
	text-align: right;
}

.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;
	float: right;
}

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

.pager label.hideimage-checkbox {
	text-transform: lowercase;
}

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

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

.date-leaf-range .date-leaf-small-wrapper.dtend .date-part.year {
	margin-right: 0px;
}

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

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

.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,
.search-advanced-horizontal.open-search .form-element input[type="text"] {
	width: 250px;
}
		
.search-advanced-viewmode-disabled {
	filter:alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3;
}

/* turn off extra fields in advanced search by default */
.search-advanced-form-extended {
	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;
}

/*
.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 .selected {
	font-weight: bold;
}

.metadata-person {
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 18px;
}

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

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

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

.metadata-person .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 .list-metadata .keywords-wrapper {
	margin-bottom: 6px;
}

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

.contact_link button {
	margin: 0 3px 6px 0;
}

.contact_link button {
	margin: 0 3px 6px 0;
}

.trustgroup.trustgroup-gender .trustgroup-header {
	width: auto;
}

.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 {
	color: #777;
	background-color: #fff;
	border: none;
	border-radius: none;
}

button.add-attachment-image.disabled.loading {
	background-color: transparent;
}

.comment-body-wrapper button.add-attachment-image.loading,
.comment-body-wrapper button.add-attachment-image.disabled {
	background-image: none;
	border: 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;
	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 .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 {
	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;
}

.dv .action-offensive {
	border: none;
	padding: 2px 0 0 0;
}

.dv .action-offensive:hover {
	background: #fff;
	color: #666;
}

.managemythings td {
	padding: 0;
}

.managemythings td.content {
	width: 324px;
}

.managemythings td.content ul {
	width: 300px;
}

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

.managemythings .activity-userinfo {
	width: auto;
}

.manage-my-things-actions {
	background-color: #ddd;
	padding: 6px;
	margin-right: 24px;
	margin-bottom: 24px;
}

.manage-my-things-actions .thing-actions-group {
	float: none;
}

#delete-selection {
	overflow: hidden;
}

#delete-selection button {
	margin-bottom: 24px;
}

#sidebar.manage-my-things-actions #thing-actions-secondary,
#sidebar.manage-my-things-actions #thing-actions-secondary .action {
	margin-bottom: 0;
}

#thing-actions-tertiary.thing-actions-group .action {
	margin-bottom: 0;
}

.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 0 4px;
	padding: 2px 6px 2px 0;
}

.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 {
	cursor: pointer;
	display: block;
	padding: 2px 12px 4px;
	color: #fff;
	border: none;
	white-space: nowrap;
}

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

.menu li ul li a span {
	white-space: normal;
}

#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 li.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 .menu {
	background-color: #333;
}

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

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

#theme-footer {
	background-color: #000;
	margin-bottom: -6px;
}

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

#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;
	margin-bottom: 3px;
}

#thing-cc {
	float: left;
	margin-right: 6px;
}

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

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

#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: 15px;
}

#search-simple input.text,
#search-simple input.text:focus {
	border: none;
	background: transparent;
}

#search-simple button {
	border: none;
	margin: 0;
	padding: 0;
	width: 14px;
	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;
}

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

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

.ui-datepicker-status {
	color: #666;
	font-size: 12px;
	margin: 0;
}

.error p {
	margin: 0;
}

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

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

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

.attachment_actors .unlink-confirm {
	border: 1px solid #000;
}

.attachment_actors .listbox {
	background: none;
	border: 0;
	padding: 0;
}

.actors-without-annotations {
	background: #f1f1f1;
	padding: 5px;
}

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

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

#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 {
	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 ITEMS */

.list-view-item {
	position: relative;
	width: 100%;
	margin: 0 0 24px;
	padding: 0;
	font-size: 12px;
	line-height: 18px;
	background-color: #ccc;
}

.list-view-item a {
	display: block;
	margin: 0;
}

.list-view-item > a {
	border: none;
	height: 100%;
}

.list-view-item.hide-image .icon img {
	display: none;
}

.list-view-item .text-wrapper {
	background-color: #fff;
}

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

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

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

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

.list-view-item .year-badge {
	position: absolute;
	z-index: 1;
	right: 15px;
	margin-top: 15px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	-webkit-transform: rotate(20deg);
	-moz-transform: rotate(20deg);
	-ms-transform: rotate(20deg);
	-o-transform: rotate(20deg);
	transform: rotate(20deg);
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	-ms-border-radius: 25px;
	-o-border-radius: 25px;
	border-radius: 25px;
	background-color: #fff;
}

.list-view-item .year-badge.range {
	height: 38px;
	padding-top: 12px;
	line-height: 15px;
}

/*
 * basic
 */

.list-view-item.basic .text-wrapper {
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: transparent;
}

.list-view-item.ui_list_item.basic .text-wrapper {
	display: none;
}

/*
 * bottoms up variant 
 */

.list-view-item.bottoms-up {
	overflow: hidden;
	height: 228px;
}

.list-view-item.bottoms-up .text-wrapper {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 288px; /* 300 - (2*6) */
	padding: 6px;
}

.ui_list_item.list-view-item.bottoms-up .intro-wrapper {
	display: none;
    word-wrap: break-word;
}

.ui_list_item.list-view-item.bottoms-up.hide-image .text-wrapper {
	height: auto !important;
}

.ui_list_item.list-view-item.bottoms-up.hide-image .intro-wrapper {
	display: block !important;
	height: auto !important;
	visibility: visible !important;
}

/*
 * top down variant
 */

.ui_list_item.list-view-item.top-down .intro-wrapper {
	display: none;
	position: absolute;
    word-wrap: break-word;
}

.list-view-item.top-down .heading-wrapper {
	padding: 6px;
}

.list-view-item.top-down .intro-wrapper {
	width: 100%;
	background-color: #fff;
}

.list-view-item.top-down .intro {
	padding: 6px;
}

/*
 * comments
 */

.list-view-item.comment .icon {
	width: 300px;
	height: 228px;
}

.list-view-item.comment .view-item-comment-meta {
	width: 100%;
	background: #fff;
}

.list-view-item.comment.bottoms-up .view-item-comment-meta {
	position: absolute;
	bottom: 0;
}

*:first-child+html .list-view-item.comment.bottoms-up .view-item-comment-meta { /* IE7 */
	top: 177px;
}

.list-view-item.comment.bottoms-up .text-wrapper {
	bottom: 48px;
}

/*
 * Open Search
 */

.list-opensearch .list-view-item {
	float: left;
	width: 300px;
	margin-right: 25px;
}

.list-opensearch .list-view-item .source {
	margin-bottom: 0;
	line-height: 12px;
}

.list-opensearch .list-view-item .source img {
	padding-right: 3px;
}

.list-opensearch .list-view-item .icon img {
	width: 300px;
	height: 228px;
}

.list-opensearch .list-view-item:nth-child(2n+2) {
	margin-right: 0;
}

/*
 * Connections
 */

#content .view-item-wrapper {
	width: 300px;
}

/*
 * Dialog viewer
 */
 
.dialog-content .list-view-item {
	margin-bottom: 0px;
}

/*
 * Home lists
 */
 
.list-home_list {
	width: 300px;
}


/* END LIST VIEW ITEMS */

.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 #888;
	-webkit-box-shadow: 3px 3px 3px #888;
	box-shadow: 3px 3px 3px #888;
}

.ui-state-highlight {
	width: 100%;
	background: #fff;
	border: 1px dashed #000 !important;
	color: #000 !important;
	text-align: center !important;
}

.handlelist-toolbar {
	position: absolute;
	right: 0;
	top: 6px;
	width: 52px;
	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%;
}

.page-view .ui_animateFigureCaption .img-wrapper a,
.page-view .ui_animateFigureCaption > a {
	border-bottom: none;
}

.page-view .ui_animateFigureCaption div.caption {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	overflow: hidden;
	padding: 0 6px;
	background-color: #fff;
}

.page-view .ui_animateFigureCaption div.caption .caption-wrap {
	padding: 6px 0;
}

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

.edit-page div.caption {
	padding: 6px 0;
}

.hide-caption div.caption {
	display: none;
}

.list-search-advanced li.list-view-item-thing-animate-content {
	float: left;
	margin-right: 15px;
}

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

.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,
.isIE8x .list-search-advanced li {
	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;
	right: 0;
	display: none;
	overflow: hidden;
	padding: 3px;
	position: absolute;
	font-size: 10px;
	line-height: 12px;
}

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

.fb_reset > div {
	right: 6000px;
}

#fb-login button {
	padding: 0px;
	color: #fff;
	border: none;
	background-color: #5876b4;
}

#fb-login button .icon {
	width: 13px;
	height: 16px;
	padding: 3px;
	border-right: 1px solid #fff;
	background: url(http://fast.mediamatic.nl/f/sjnh/library/FacebookGraph/fb_icon_button.png) no-repeat transparent 7px 3px;
}

#fb-login button .caption {
	padding: 0 6px;
	line-height: 22px;
}

.isIE #fb-login button {
	width: 150px;
}

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

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

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

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

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

li.document {
	padding-left: 48px;
}

li.document .doc-actions {
	display: block;
	margin-top: 2px;
}

li.document a {
	border: none;
}

li.document a:hover {
	border-bottom: 1px solid;
}

li.document img {
	float: left;
	margin-top: 4px;
	margin-left: -48px;
}

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

.contact-couple {
	float: left;
	margin: 0 12px 12px 0;
	padding: 0px;
	background-color: #eee;
}

.contact-couple .avatar {
	margin: 0px;
}

.contact-couple .contact-date {
	float: left;
	width: 88px;
	padding: 24px 0px 0px;
	text-align: center;
}

.contact-couple:nth-child(4n) {
	margin-right: 0px;
}

#home_partners {
	margin-bottom: 24px;
}

#home_partners .dv-small {
	margin-bottom: 6px;
}

#home_partners .dv-title {
	margin-bottom: 3px;
}

#home_partners .dv-title h3 {
	margin-bottom: 6px;
}

#home_partners .intro p {
	margin-bottom: 0;
}

#home_partners ul.list li {
	float: left;
	margin-right: 25px;
	margin-bottom: 25px;
}

#home_partners ul.list li a {
	border: none;
}

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

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

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

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

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

.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 {
	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-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;
	line-height: 19px;
}

.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 1px;
	height: auto;
	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;
}

.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,
.form-element .invalid,
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;
}

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

.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;
	background-color: transparent;
}

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

.action-help p {
	margin-bottom: 0;
}

.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: 3px;
	top: 3px;
	background: #fff url(http://fast.mediamatic.nl/f/sjnh/image/base_ltr.png) no-repeat 3px -716px;
	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;
}
	
button.disabled,
.button.disabled,
button.disabled:hover,
.button.disabled:hover  {
	cursor: default;
	color: #aaa;
	background-color: #fff;
	border: 1px solid #ccc;
}

button.loading,
.button.loading {
	background-image: url(http://fast.mediamatic.nl/f/sjnh/image/button_loading.gif);
}

button.disabled.loading,
.button.disabled.loading {
	color: #999;
	border-color: #999;
	background-color: #ccc;
}

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

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

/***************************************
 *  Calendar		                   *
 ***************************************/

.form-calendar .form-element {
	margin-bottom: 0;
}

.form-calendar fieldset {
	margin: 12px 0 6px;
}

.form-calendar-start-running .form-radio,
.form-calendar-presets,
.form-calendar-range,
.form-calendar-range .form-element,
.form-calendar-range .form-datepicker-input-wrapper,
.form-calendar-range label,
.form-calendar-button {
	float: left;
	margin-right: .5em;
}

.form-calendar-start-running {
	overflow: hidden;
	padding-bottom: 2px;
}

.form-calendar-presets {
	clear: both;
}

.form-calendar-range {
	margin-right: 0;
}

.form-calendar-range input.ui_datepicker {
	width: 136px;
}

.form-calendar-range .form-datepicker-input-wrapper {
	margin-right: 0;
	overflow: visible;
}
	
.form-calendar-range .form-datepicker-input-wrapper input {
	position: relative;
	top: -2px;
}

.isIE .form-calendar-range .form-datepicker-input-wrapper input {
	top: 0;
}

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

.form-calendar .form-button {
	clear: none;
}

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

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

/***************************************
 * Thing actions                     *
 ***************************************/

#sidebar .thing-actions {
	overflow: hidden;
	background-color: #ddd;
	padding: 6px;
	margin-bottom: 24px;
	font-size: 12px;
}

/* give sidebar buttons the divergent do something styles */
.thing-actions .button,
.thing-actions button {
	color: #fff;
	background-color: #999;
}

.thing-actions .button:hover,
.thing-actions button:hover {
	border: 1px solid #000;
	color: #fff;
	background-color: #999;
}

/* edit / admin actions */
#thing-actions-primary {
	margin-bottom: 12px;
}

.thing-actions-group .button,
.thing-actions-group .action,
.thing-actions-group form {
	float: left;
	margin-bottom: 3px;
}

.thing-actions-group {
	overflow: hidden;
	float: left;
	width: 300px;
}

.thing-actions-group .action .cc-wrapper {
	float: none;
}

.thing-actions-group .action .cc-wrapper .caption {
	display: block;
	float: left;
}

.thing-actions .actions .action .cc-wrapper .icon-cc {
	margin-top: 0;
}

.thing-actions .edit-group {
	clear: both;
	overflow: hidden;
	margin-bottom: 12px;
}

.thing-actions .edit-group fieldset {
	margin-bottom: 0;
}

.thing-actions .actions .icon-cc {
	margin-right: 3px;
}

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

.thing-actions .actions .icon-cc.cc-by-nc-sa {
	background-position: 0px -200px;
}

.thing-actions .actions .icon-cc.cc-by-nc {
	background-position: 0px -320px;
}

.thing-actions .actions .icon-cc.cc-by-nd {
	background-position: 0px -440px;
}

.thing-actions .actions .icon-cc.cc-by-sa {
	background-position: 0px -560px;
}

.thing-actions .actions .icon-cc.cc-by {
	background-position: 0px -800px;
}

.thing-actions .actions .icon-cc.cc-pd {
	background-position: 0px -1280px;
}

.thing-actions .actions .icon-cc.cc-cr {
	background-position: 0px -2000px;
}

#sidebar .event-info h5 {
	float: left;
	margin-right: 3px;
	margin-left: 3px;
}

#sidebar .event-info p {
	float: left;
	margin-bottom: 0;
	font-size: 12px;
	line-height: 18px;
}

.thing-actions .form-element.share {
	margin-bottom: 0;
}

.thing-actions .form-element.share label {
	float: left;
	padding: 3px 6px 0 0;
}

.rating-content {
	margin-bottom: 18px;
}

.rating-score {
	margin-right: 6px;
}

.rating-tool fieldset {
	margin-bottom: 0;
}

.rating-tool.owner {
	float: left;
	margin-right: 5px;
}

.rating-content .edit-tool {
	float: left;
}

.rating-tool.editor,
.rating-tool.editor form,
.rating-tool.editor fieldset {
    display: inline;
}

#rating-editor-select-button,
#rating-editor-select {
    display: none;
}

.rating-editor-toggle .icon {
    height: 18px;
    width: 14px;
    cursor: pointer;
}

/* editor on */
.rating-editor-toggle.on .icon {
	background-position: 0 -3035px;
}

/* editor off */
.rating-editor-toggle.off .icon {
	background-position: 0 -3115px;
}

/* owner on */
.rating-owner.on.ui-selectmenu .ui-selectmenu-item-icon {
	background-position: 0 -3240px;
}

/* owner on active */
.rating-owner.on.ui-selectmenu.ui-state-active .ui-selectmenu-item-icon {
	background-position: 0 -3280px;
}

/* owner off */
.rating-owner.off.ui-selectmenu .ui-selectmenu-item-icon {
	background-position: 0 -3320px;
}

/* owner off active */
.rating-owner.off.ui-selectmenu.ui-state-active .ui-selectmenu-item-icon {
	background-position: 0 -3360px;
}

.rating_stats th,
.rating_stats td {
	padding: 0;
}

tr.rating-line td,
tr.rating-line th {
	border-top: 1px solid #000;
}



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

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

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

.unlinking {
	color: #f00 !important;
}

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

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

.unlink-marker:hover {
	cursor: pointer;
}

.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,
.unlink-marker img,
.unlink-marker 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 .ui-fileupload-wrapper input[type=file] {
	border: none;
}

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

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

#wrapper-footer .activity-views {
	float: right;
	text-align: right;
}

.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,
.ui_carousel .list {
	position: relative;
}

.ui_carousel .list-view-item {
	display: none;
	position: absolute;
	width: 625px;
	height: 474px;
}

.ui_carousel .list-view-item.bottoms-up .text-wrapper {
	width: 613px;
}

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

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

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

.form-element select.any_selectbox {
	width: auto;
}

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

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

.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: 400001; /* due to dialog */
}

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

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

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

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

h3 {
	font-size: 24px;
	line-height: 30px;
}

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

h2 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 ul,
#bar-theme .menu ul li a {
	border-color: #333;
}

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

.marketplace-theme .li-pos-1 .icon {
	display: block;
	margin: 3px 6px 0 -3px;
	width: 14px;
	height: 13px;
	background-position: 0 -80px;
}

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

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

#header .metadata {
	margin: 0;
	padding: 3px 5px 5px;
}

#header .list-metadata {
	margin-bottom: 0;
}

#header .list-metadata .caption {
	display: none;
}

#header .list-metadata .metadata {
	display: block;
	padding: 3px 6px;
	color: #999;
	background: #eee;
}

#header .list-metadata .metadata a {
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .1em;
	color: #999;
	border: none;
}

#header .list-metadata .metadata .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-style: normal;
	font-weight: normal;
	color: #7F7F7F;
	cursor: pointer;
	white-space: nowrap;
	vertical-align: baseline;
	text-transform: none;
	letter-spacing: normal;
}

.metadata .list-metadata .metadata .similar a:hover {
	background: #7F7F7F;
	color: #fff;
}

.completometer-section.completometer-first .completometer-background,
.completometer-section .completometer-background,
.completometer-section.completometer-last .completometer-background {
	border-color: #666;
}

.completometer-incomplete .completometer-background {
	background-color: #fff;
}

.completometer-section .completometer-indicator {
	background-color: #666;
}

/******* enable search advanced *******/

.search-advanced-form-extended { 
	display: block; 
}

.viewmode-gmaps .search-advanced-form-extended {
	display: none;
}

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

.blog-list .dv-blog h2 {
	font-size: 48px;
	line-height: 52px;
}

.blog-list .dv-blog h3 {
	font-size: 24px;
	line-height: 30px;
}

.dv .intro {
	font-size: 20px;
	font-style: italic;
}

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

#wrapper-content .metadata li a {
	font-size: 15px;
	font-weight: normal;
	line-height: 1.4;
}

#sidebar .listbox,
.connections-person .listbox,
.list-view-simple {
	font-size: 15px;
	line-height: 21px;
}

/******* misc *******/

.date-leaf {
	border-top-color: #b20c54;
}

#the-status-msg {
	position: relative;
	font-size: 68px;
	line-height: 81px;
	color: #ccc;
}

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

/******* list items *******/
li .chapeau * {
	font-size: 12px !important;
	line-height: 1.4 !important;
}

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

.list-view-item {
	background-color: #eee;
}

.list-view-item h3 {
    font-size: 26px;
    line-height: 30px;
}

.list-view-item h3:hover span {
	border-bottom: 2px solid #000;
}

.list-view-item.bottoms-up .text-wrapper {
	margin: 6px;
	width: 276px; /* 300 - (2*6) - (2*6) */
}

.list-view-item.comment.bottoms-up .text-wrapper {
	bottom: 51px;
}

.page-view div.caption {
	margin: 6px;
}

.comment-meta {
    font-size: 15px;
    line-height: 21px;
}

.bio .bio-header {
	display: inline;
}

.ui_carousel .list-view-item {
	height: 620px;
	width: 465px;
}

.ui_carousel .list-view-item.bottoms-up .text-wrapper {
	width: 441px;
}

.attachment .ui_carousel {
	height: 620px;
	margin-bottom: 18px;
} 

/******* 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 {
	border-top: 2px #000 solid;
	margin: 18px 0 18px; 
	padding: 18px 0 0;
}

.dv-blog:first-child {
	border-top: none;
	padding: 0;
}

.dv-blog .intro p, .dv-blog .body p {
	margin-bottom: 10px;
}

.dv-blog .blog-footer {
	background: none;
	padding: 10px 0;
	font-size: 15px;
}

/****** newsletter signup *******/

input[name=newsl_su] {
	width: 200px !important;
	height: 26px;
	float: left;
	margin: 0 10px 10px 0;
}

.newsl_su_button {
	float: left;
}

.social-icons .form-button {
	clear: none;
}

.social-icons button {
	margin: 5px;
}

.social-icons > a {
	width: 30px;
	height: 30px;
	display: block;
	background: transparent url(http://fast.mediamatic.nl/f/sjnh/image/social.png);
	background-size: 30px;
	float: left;
	margin: 0 10px 18px 0;
	border-bottom: none;
}

.social-icons > a:hover {
	background: transparent url(http://fast.mediamatic.nl/f/sjnh/image/social_hover.png);
	background-size: 30px;
}

.social-icons a.twitter {
	background-position: 0% 150px;
}

.social-icons a.instagram {
	background-position: 0% 90px;
}

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

.ui-selectmenu-menu-dropdown {
	z-index: 99;
}

/* see #4521 */
.inline-image-wrapper > a {
	display: block;
	border: none;
}

.openid-loading {
	display: none;
}

textarea#thing_text_label_ADD_PROJECT_PROPOSAL_LABEL1,
textarea#thing_text_label_ADD_PROJECT_PROPOSAL_LABEL2,
textarea#thing_text_label_ADD_PROJECT_PROPOSAL_LABEL3,
textarea#thing_text_label_ADD_PROJECT_PROPOSAL_LABEL4 {
	height: 100px;
}

/**/