/* General styles */
.pv-nav {
	height: 336px;
	width: 62px;
	float: left;
	background: url(http://fast.mediamatic.nl/f/fmgx/image/photoviewer-nav.gif) no-repeat 0 0;
	overflow: hidden;
	cursor: pointer;
	text-indent: -999em;
	user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}

.pv-next {
	background-position: 100% 0;
}

.pv-previous:hover {
	background-position: 0 100%;
}

.pv-next:hover {
	background-position: 100% 100%;
}

.pv-photo-wrapper,
.pv-photo {
	float: left;
	height: 336px;
	width: 500px;
	position: relative;
	overflow: hidden;
}
	.pv-photo {		
		position: absolute;
		text-align: center;
		left: 0;
		top: 0;
	}
	
		.pv-photo .img-toolbar {
			text-align: left;
		}
	
	.img-wrapper {
		margin: 0 auto;
	}

/* JHM */
.pv-wrapper h5 {
	color: #111;
}

.pv-caption {
	font-size: 12px;
	height: 62px;
	padding: 4px 0 0;
	clear: both;	
}

/* datepicker styles
---------------------------------------------------------------- */
.event-date-wrapper .ui-datepicker-trigger  { 	cursor: pointer;
	float: left; } 
.lightbox-page .event-date-wrapper .ui-datepicker-trigger  { 	float: right;
	margin: 7px 0 0 6px; } 
.form-datepicker-input-wrapper .form-tooltip  {     display: none !important; } 
.ui-datepicker-div, 
.ui-datepicker-inline, 
#ui-datepicker-div  { 	background: #ffffff url(http://fast.mediamatic.nl/f/fmgx/image/ffffff_40x100_textures_01_flat_0.png) 0 0 repeat-x;
	font-size: 12px;
	border: 4px solid #dddddd;
	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/fmgx/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/fmgx/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/fmgx/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/fmgx/image/888888_7x7_arrow_right.gif) 50% 50% no-repeat; } 
.ui-datepicker-prev a:hover  { 	background: url(http://fast.mediamatic.nl/f/fmgx/image/454545_7x7_arrow_left.gif) 50% 50% no-repeat; } 
.ui-datepicker-next a:hover  { 	background: url(http://fast.mediamatic.nl/f/fmgx/image/454545_7x7_arrow_right.gif) 50% 50% no-repeat; } 
.ui-datepicker-prev a:active  { 	background: url(http://fast.mediamatic.nl/f/fmgx/image/222222_7x7_arrow_left.gif) 50% 50% no-repeat; } 
.ui-datepicker-next a:active  { 	background: url(http://fast.mediamatic.nl/f/fmgx/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/fmgx/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/fmgx/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/fmgx/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: #222222; } 
table.ui-datepicker .ui-datepicker-title-row td a  { 	color: #222222;
 } 
.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: 20px; } 
	.form-element input.datepicker-year  { 		width: 38px; 
 } 
.datepicker-timesep  { 	float: left;
	margin: 0 3px 0 -3px; } 
.isIE .datepicker-timesep  { 	position: relative;
	top: -3px; } 
.form-element select.datepicker-accuracy  { 	width: 86px; } 
/* Datepicker before christ checkbox */
.form-datepicker-input-wrapper label.datepicker-bc  { 	margin-left: .25em;
	display: inline;
	float: none; } 
/* Do not show the tooltips for the datepicker input fields */
.form-datepicker-input-wrapper .form-tooltip  { 	display: none !important; } 
/*don't remove empty fields in advanced search*/
#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;
}
/* Global
----------------------------------------------------------------- */
.wrapouter  { 	position: relative;
	zoom: 1;
	overflow: hidden;
	height: 0; } 
	.wrapouter .wrap  { 		overflow: hidden;
 } 
/* Searchresult stage
----------------------------------------------------------------- */
.dialog .addperson-searchresult  { 	max-height: 270px;
	overflow: auto;
	margin-right: 10px;
	border: 1px solid #666;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin: 0 0 12px; } 
	.dialog .addperson-searchresult li  { 		padding: 8px 4px 8px;
		font-size: 11px;
		cursor: pointer;
 } 
	.dialog .addperson-searchresult li.even  { 		background: #eee;
 } 
	.dialog .addperson-searchresult li:hover .addperson-header .addperson-resource,
	.dialog .addperson-searchresult li:hover  { 		background: #666;
		color: #fff;
 } 
		.addperson-header  { 	 } 		
			.addperson-header img  { 				height: 12px;
				width: 12px;
				margin: 0 3px 0 0;
				float: left;
				position: relative;
		 } 			
			.addperson-header img:hover  { 				height: 55px;
				width: 55px;
				margin: 0 -40px -43px 0;
				z-index: 2;
		 } 			
			.addperson-header .addperson-name  { 				font-size: 15px;
				margin-right: 4px;
				float: left;
		 } 		
			.addperson-header .addperson-resource  { 				float: right;
				margin: 0;
				color: #0053A3;
		 } 

/* Invite stage
----------------------------------------------------------------- */
.dialog #invite-message  { 	margin: 0 0 12px;
	overflow: hidden;
	height: auto; } 
	.dialog #invite-message-check  { 		margin: 0 0 6px;
 } 
	.dialog #invite-message textarea  { 		height: 100px;
 } 	

/* Add relation stage
----------------------------------------------------------------- */
.dialog .sexe label  { 	display: block; } 
.dialog .deceased-check-wrapper  { 	position: relative;
	top: 6px; } 
#wrapouter-date-died .form-element-first  { 	padding-top: 12px; } 
#dates-wrap .form-datepicker-input-wrapper  { 	float: left;
	z-index: 1; } 
#dates-wrap .form-checkbox  { 	position: relative;
	top: 2px;
	margin-left: 12px;
}
.voorwarden label  { 	float: left;
	margin-right: 4px;
}