

.ajax_notice {
	/*
background: #eee; 
	border: 1px solid #ddd;
	padding: .2em;
*/
}

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

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

.required_field {
	background-color: #f00;
}

#corner_notice {
	background: #eee;
	border: 1px solid #ddd;
	margin: 1em 1em 0 0;
	position: fixed;
	display: none;
	top: 0px;
	right: 0px;
	padding: .2em;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

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

.dialogbox-edge-add-attachment {
	padding: 0 8px 8px 0;
	background: url(http://fast.mediamatic.nl/f/wgml/image/shadow.png) right bottom !important;
	-moz-border-radius-bottomleft: 16px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-topleft: 37px;
	-moz-border-radius-topright: 16px;
	-webkit-border-radius-bottom-left: 16px;
	-webkit-border-radius-bottom-right: 10px;
	-webkit-border-radius-top-left: 37px;
	-webkit-border-radius-top-right: 16px;
}

	.dialogbox-edge-add-attachment-content {
		background: #fbfbfb; 
		border: 1px solid #bbb; 
		padding: 6px; 
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}

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

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

/* rounded corners css */

	/* Example Usage in CSS 
	
		to set corners for a particular element in your stylesheet (width and height is optional)
		
		.list li .cnrs {
			width: 5px;
			height: 5px;
			background-image: url({"/image/corners_white.png"|static_uri});
		}
		
		the cnrs-hovered class gets written to the object element
		
		.list li.cnrs-hovered .cnrs {
			background-image: url({"/image/corners_white-hovered.png"|static_uri});
		}
		
		and don't forget to put a .gif version for IE6 in ie_styles.css
		
		.list li .cnrs {
			background-image: url({"/image/corners_white.gif"|static_uri});
		}		
		
	*/
	
	/* core styles for corners */
	.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;
	}



.autocomplete-menu  { 	margin: 2px 0 0; } 
.autocomplete-menu ul  { 	border: 1px solid #333;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px; } 
.no-items ul  { 	display: none } 
.autocomplete-cancel  { 	background-color: #666;
	color: #fff; } 

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

.autocomplete-action  { 	background: #bbb;
	color: #000; } 
.autocomplete .progress  { 	font-family: georgia, times, serif;
	font-size: 150%;
	width: 100%;
	padding: 2px;
	float: left; } 
.autocomplete .expl  { 	color: #666;
	margin-bottom: 0; } 
input.throbbler  { 	background: #f1f1f1 url(http://fast.mediamatic.nl/f/wgml/image/throbberwait.gif) no-repeat 99% 50%;
	color: #aaa;
	border: 1px solid #ccc !important; } 
/*
.autocomplete-throbberwait  { 	display: block;
	margin: 0 -16px -16px 0;
	float: right;
	position: relative;
	z-index: 1;
	right: 20px;
	top: 15px; } */

.autocomplete-dropdown  { 	z-index: 10000;
	background: #fff; } 	.autocomplete-dropdown li  { 		padding: 4px;
		width: auto !important;
		text-align: left;
		background-color: #fff;
		position: relative;
 } 	
	.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-button  { 	margin: 6px 0 0;
	float: left; } 
.no-results .autocomplete-button  { 	margin: 2px 0 0;
}
/*  */
/*  */

#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;
	z-index: 100;
	background: none;
	padding: 0 0 0 1px;
}

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

	.unlink-confirm span {
		color: #f00;
		padding: 0 3px;
		float: left;
		}
		
	.unlink-confirm button {
		margin-bottom: 0;
		}
		
	.unlink-confirm button:hover {
		}
	
/*
.add_att_less a,
.add_att_more a
	{
	padding-top: -3px;
	color: #f00;
	border-bottom: 1px solid #f00;
	}
	
.add_att_less a:hover,
.add_att_more a:hover
	{
	color: #fff;
	background: #f00;
	border-bottom: 0px;
	}
	
#edgeAddAttachmentSearchInput
	{
	float: left;
	margin: 0px 4px 0px 0px;
	width: 220px;
	}
*/

button.do_date_edge,
.list .li button.do_date_edge img {
	padding: 0px;
	margin: 0px !important;
	}
	
/*
button.do_date_edge,
button:hover.do_date_edge
	{
	height: 15px;
	width: 17px;
	background: #fff;
	padding: 0px;
	border: 1px solid #bbb;
	}
	
button.do_date_edge,
button:hover.do_date_edge
	{
	height: 15px;
	width: 17px;
	background: #fff;
	padding: 0px;
	border: 1px solid #bbb;
	}

button:hover.do_date_edge
	{
	border: 1px solid #f00;
	}
	
button.do_date_edge.date_edit
	{
	width: auto;
	height: auto;
	padding: 0px;
	margin: -3px 0px 0px -3px;
	border: 0px solid #f00;
	}
	
button:hover.do_date_edge.date_edit .date_range .date
	{
	background: #fff2bc;
	color: #000;
	border: 1px solid #000;
	}
	
button.do_date_edge img
	{
	border: 0px solid #f00;
	margin: -2px 0px 0px -3px;
	padding: 0px;
	}
*/	
/*
.do_sortable.fig button
	{
	background: #fff;
	padding: 0px 0px 0px 0px;
	margin-bottom: 10px;
	}
*/
/*  */
#lightbox-overlay  { 	position: absolute;
	/* z-index this high because of annotations */
	z-index: 9999999;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	min-height: 100%;
	background-color: #000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75; } 
#lightbox-frame  { 	position: absolute;
	/* z-index this high because of annotations */
	z-index: 99999999; } 
#lightbox-frame iframe  { 	border: none; } 
#lightbox-window  { 	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background: #fff url(http://fast.mediamatic.nl/f/wgml/image/throbberwait.gif) no-repeat 50% 50%;
	border: 5px solid #000;
	color: #000;
	padding: 6px;
	text-align: left; } 
#lightbox-iframeContent  { 	border: none;
	clear: both; } 
#lightbox-bar  { 	background: none;
	position: absolute;
	top: 20px; } 		
#lightbox-bar button  { 	float: right; } 
#lightbox-cancel  { 	float: right;
	width: 17px;
	height: 21px;
	background: url(http://fast.mediamatic.nl/f/wgml/image/kw-close.gif) top;
	cursor: pointer; } 
	#lightbox-cancel:hover  { 		background-position: bottom;	
 } 

/* don't overlay ok/cancel over gmaps buttons, now they're centered */
.lightbox-with-map #lightbox-window  { 	padding-top: 35px; } 
	.lightbox-with-map #lightbox-bar  { 		right:8px;
		top:12px;
 } 
		/* IE in iframe */
		* html body.lightbox-gmaps-thing  { 			margin: 0 22px 0 0;
	 } 
/*
	.lightbox-with-map #lightbox-wrap-buttons  { 		display: block;
		float: left;
		left: 50%;
		margin: -8px 0 0 -60px;
		position: absolute;
		overflow: auto;
		background: #fff;
		padding: 4px 4px 4px 2px;
 } 	
		.lightbox-with-map #lightbox-wrap-buttons button  { 			float: none;
			display: inline;
			margin: 0 0 0 2px;
	 } */

body.lightbox-page  { 	margin: 1.5em;
	height: auto;
	width: auto; } 
body.module-gmaps-map-list  { 	margin: 0; } 
.lightbox-page .container  { 	width: auto; } 
.lightbox .searchresult	 { 	margin: 20px 0px 0px 0px; } 
	.lightbox .searchresult h5  { 		padding-left: 0px;
		margin-left: 0px;
 } 		
	.lightbox .searchresult h5.pager  { 		color: #000;
		background: none;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		clear: left;
 } 	
		.lightbox .searchresult h5.pager a  { 			color: #000;
	 } 		
	.lightbox .searchresult ul  { 		margin: 0px 0px 0px 0px;
 } 	
	.lightbox input.result  { 		font-size: 165%;
		line-height: 130%;
		padding: 3px;
 } 		
	.lightbox .searchresult li h3  { 		clear: none;
		font-size: 110%;
		line-height: 130%;
 } 	
	.lightbox .searchresult li a.ima  { 		width: 90px; 
		height: 90px; 
		display: block; 
		float: left; 
		padding: 0px 8px 16px 0px; 
		border: 0px;
 } 	
	.lightbox .searchresult li a.ima:hover  { 		border: 0px;
		background: #fff;
 } 		
	.lightbox .searchresult li.attachment  { 		float: left;
		width: 46%;
		margin: 8px 16px 0px 0px;
		border-bottom: 1px solid #bbb;
 } 		
	.lightbox .searchresult li img  { 		margin: 0px 4px 8px 0px;
 } 	
.lightbox input.dialogbox_text  { 	padding: 2px; } 
/*
button.do_lightbox.cc  { 	padding-left: 0px; } 	
button.do_lightbox.cc img  { 	float: left;
	padding: 0px;
	margin: 0px;
	margin-top: -2px;
	margin-right: 4px; } */

/* invite*/

.lightbox-invite .text, 
.lightbox-invite textarea  { 	width: 95%; } 	
/* edge add keyword */

.lightbox-edge-add-keyword label  { 	display: block; } 
.lightbox-edge-add-keyword .keyword-choosen  { 	margin-left: 6px; } 
/* edit date */

.lightbox-edit-date input,
.lightbox-edit-date select  { 	font-size: 1em;
	color: #000;
	margin: 0 5px 0 0;
	display: inline; } 
.lightbox-edit-date p  { 	margin-bottom: 2px;	 } 	
.lightbox-edit-date .blk  { 	margin-bottom: 30px;	 } 	
.lightbox-edit-date .day,
.lightbox-edit-date .time  { 	width: 47px; } 
.lightbox-edit-date .month  { 	width: 62px; } 
.lightbox-edit-date .year  { 	width: 42px; } 
.lightbox-edit-date select.day,
.lightbox-edit-date select.time  { 	width: 45px;
	font-weight: normal; } 
.lightbox-edit-date select.month  { 	width: 60px;
 } 
.lightbox-edit-date .year  { 	width: 40px;
 } 
.lightbox-edit-date .accuracy select  { 	width: 100px;
 } 
.lightbox-edit-date .accuracy  { 	margin-left: 20px;
 } 
/* attachment more options */
.lightbox-add-attachment-moreoptions input.text  { 	margin: 0 3px 0 0; } 
.lightbox-add-attachment-moreoptions form  { 	margin: 0 0 20px 0; } 
.lightbox-add-attachment-moreoptions li.attachment  { 	border-bottom: 1px solid #BBBBBB;
	float: left;
	margin: 8px 16px 0px 0px;
	width: 46%;
	height: 150px; } 

/* dialogbox */

.dialogbox  { 	background: #fff; } 
	.dialogbox-file,
	.dialogbox-text  { 		float: left;
 } 
	.dialogbox-edge-add input.text  { 		margin: 0;
 } 
	.dialogbox-trust a.button  { 		float: none;
		display: block;
 } 
	/* ie6 ie7 */
	* html .dialogbox-trust a.button  { 		width: 12em;
		text-align: left;
 } 
	.dialogbox-trust a.button-cancel  { 		margin-top: 6px;
 } 	
/* googlemaps */

.lightbox-gmaps-thing .container,
.lightbox-gmaps-thing .lightbox-gmaps-thing-box  { 	width: 100%;
	height: 100%;
	overflow: hidden; } 
/* separate title from definition */
#module_ajax_edit_cc_f .expl  { 	display: block;
	clear: left;
	line-height: 18px; } 
	
	/* superfish menu - core styles 
	--------------------------------------------------------- */
	.do_menu {
		position: static;
	}
	.do_menu ul {
		position: absolute;
		display: block !important;
		top: -999em;
		margin: 0;
		z-index: 999;
		background-color: transparent !important; /* you should set background color on either the <li> or <a> tags, not the <ul> */
	}

	.do_menu li:hover {
		visibility:	inherit; 	/* fixes IE7 'sticky bug' */
	}
	.do_menu li {
		float: left;
		position: static;
	}
	.do_menu ul li {
		float: none;
		position: static;
		display: block;
	}	
	.do_menu li a {
		display: block;
	}
	.do_menu li:hover,
	.do_menu li.sfHover {
		position: relative;
		z-index: 9998 !important;
	}
	.do_menu li:hover ul,
	.do_menu li.sfHover ul {
		left: 0;
		z-index: 9999;
	}
	ul.do_menu li:hover li ul,
	ul.do_menu li.sfHover li ul,
	ul.do_menu li li:hover li ul,
	ul.do_menu li li.sfHover li ul {
		top: -999em;
	}
	ul.do_menu li li:hover ul,
	ul.do_menu li li.sfHover ul,
	ul.do_menu li li li:hover ul,
	ul.do_menu li li li.sfHover ul {
		top: 0;
	}

	
	
	/* arrows indicating that there are children, use autoArrows: true to turn on  
	--------------------------------------------------------- */
	
	.do_menu a.sf-with-ul {
		padding-right: 2.25em;
		min-width: 1px; 			/* trigger IE7 hasLayout so spans position accurately */
	}
	.sf-sub-indicator {
		position: absolute;
		display: block;
		right: .75em;
		top: 1.05em; /* IE6 only */
		width: 10px;
		height: 10px;
		text-indent: -999em;
		overflow: hidden;
		background: url('/image/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
	}
	a > .sf-sub-indicator {  			/* give all except IE6 the correct values */
		top: 8em;
		background-position: 0 -100px;  /* use translucent arrow for modern browsers*/
	}
	/* apply hovers to modern browsers */
	a:focus > .sf-sub-indicator,
	a:hover > .sf-sub-indicator,
	a:active > .sf-sub-indicator,
	li:hover > a > .sf-sub-indicator,
	li.sfHover > a > .sf-sub-indicator {
		background-position: -10px -100px;		/* arrow hovers for modern browsers*/
	}
	/* point right for anchors in subs */
	.do_menu ul .sf-sub-indicator { background-position:  -10px 0; }
	.do_menu ul a > .sf-sub-indicator { background-position:  0 0; }
	/* apply hovers to modern browsers */
	.do_menu ul a:focus > .sf-sub-indicator,
	.do_menu ul a:hover > .sf-sub-indicator,
	.do_menu ul a:active > .sf-sub-indicator,
	.do_menu ul li:hover > a > .sf-sub-indicator,
	.do_menu ul li.sfHover > a > .sf-sub-indicator {
		background-position: -10px 0; 			/* arrow hovers for modern browsers*/
	}

	
	/*** shadows for all but IE6 ***/
	.sf-shadow ul {
		background:	url('/image/shadow.png') no-repeat bottom right;
		padding: 0 8px 9px 0 !important;
		-moz-border-radius-topright: 15px;
		-webkit-border-top-right-radius: 15px;
		-moz-border-radius-bottomleft: 17px;	
		-webkit-border-bottom-left-radius: 17px;
	}
	.sf-shadow ul.sf-shadow-off {
		background: transparent;
	}

.tooltip  { 	position: absolute;
	display: none;
	background: #f2f2f2;
	border: 1px solid;
	border-color: #ccc;
	color: #666;
	padding: 2px 4px 2px 8px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-size: .95em;
	margin: 0 0 0 10px;
	min-height: 14px;
	text-align: left;
	z-index: 9999;
	 } 
.tooltip-arrow  { 	background: transparent url(http://fast.mediamatic.nl/f/wgml/image/arrow.png) no-repeat 50% 50%;
	display: block;
	height: 16px;
	left: -15px;
	position: absolute;
	width: 16px;
	top: 0; } 
.moreoptions  { 	font-size: .85em;
}

		
	.keywords-with-img {
		/* do not use position: relative;*/
		}
	
	.keywords-with-img .kw-overlay {
		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		height: 100%;
		background-color: #f1f1f1;
		z-index: 999;
		}
	*html .keywords-with-img .kw-overlay {
		display: none;
	}
	
	.keywords-with-img label {
		clear: left;
		float: left;
		z-index: 9997;
		width: 90%;
		padding-left: 10%;
		margin-bottom: 3px;
		}
	.keywords-with-img label input {
		padding: 0;
		margin: 0 3px 0 -10%;
		width: 15px;
		vertical-align: middle;
		}
	.keywords-with-img li {
		z-index: 9997;
		}
	.keywords-with-img .kw-image {
		width: 18px;
		height: 18px;
		margin: 0 3px 2px 0;
		vertical-align: middle;
		cursor: pointer;
		}
	.keywords-with-img img.kw-only-img {
		width: 18px !important;
		height: 18px !important;
		margin: 0 3px 2px 0 !important;
		opacity: .5;
		-moz-opacity: .6;
		filter:alpha(opacity=60);
		cursor: text;
		}
	.keywords-with-img label .kw-image:hover {
		height: 55px;
		width: 55px;
		margin: -5px -34px -30px 0;
		position: relative;
		z-index: 999;
		}	
	.keywords-with-img li img.kw-image:hover {
		height: 55px;
		margin: 0 -34px -30px 0 !important;
		position: relative;
		width: 55px;
		z-index: 999;
		}
	.keywords-with-img li img.kw-only-img:hover,
	.keywords-with-img label img.kw-only-img:hover {
		margin: 0 3px 2px 0 !important;
		}
	.keywords-with-img .but {
		clear: left;
		}
	.kw-img-selector {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 9999;
		-moz-border-radius-topright: 13px;
		-moz-border-radius-bottomleft: 18px;
		-webkit-border-top-right-radius: 13px;
		-webkit-border-bottom-left-radius: 13px;
		}
	.with-shadow {
		padding: 0 9px 11px 0;
		background: url(/image/shadow.png) 100% 100% no-repeat;
		}
	.lastCol .kw-img-selector {
		left: -100px!important;
		}
	.kw-close {
		position: absolute;
		top: 5px;
		right: 15px;
		width: 18px;
		height: 18px;
		background: url(/image/kw-close.gif) 0 0 no-repeat;
		text-indent: -9999px;
		cursor: pointer;
		}
	.keywords-with-img .kw-img-selector ul {
		background-color: #fff;
		border: 1px solid #ccc;
		padding: 10px 4px 0 10px;
		margin: 0;
		list-style: none;
		width: 450px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		position: relative;
		margin-top: -3px;
		}
	.keywords-with-img .kw-img-selector ul li {
		width: 80px!important;
		height: 80px!important;
		background: #fff;
		margin: 0 10px 10px 0!important;
		float: left;
		background: transparent url(/image/throbberwait.gif) 50% 50% no-repeat;
		}
	.keywords-with-img .kw-img-selector ul li img {
		width: 80px;
		height: 80px;
		margin: 0;
		}
	.keywords-with-img .kw-img-selector ul li img:hover {
		width: 80px;
		height: 80px;
		padding: 1px 0 0 1px !important;
		}
	.keywords-with-img .kw-img-selector ul li.img-selected {
		border: 3px solid yellow;
		}
	.keywords-with-img .kw-img-selector ul li.loading {
		background: transparent url(/image/throbberwait.gif) 50% 0 no-repeat;
		margin: 0 auto;
		width: 100%!important;
		}
	.keywords-with-img .kw-img-selector ul li.kw-title-text {
		background: none;
		width: auto!important;
		height: auto!important;
		float: none;
		display: block;
		margin-bottom: 7px!important;
		font-weight: normal;
		background: none;
		}
	.keywords-with-img .errorMsg {
		color: #f00;
		}
	.keywords-with-img .successMsg {
		color: green;
		}
	.keywords-with-img li.kw-selected-img img {
		border: 2px solid yellow !important;
		}

/* datepicker
---------------------------------------------------------------- */

.ui-datepicker-trigger  { 	cursor: pointer; } 
.ui-datepicker-div, 
.ui-datepicker-inline, 
#ui-datepicker-div  { 	background: #ffffff url(http://fast.mediamatic.nl/f/wgml/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: 9999;
	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/wgml/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/wgml/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/wgml/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/wgml/image/888888_7x7_arrow_right.gif) 50% 50% no-repeat; } 
.ui-datepicker-prev a:hover  { 	background: url(http://fast.mediamatic.nl/f/wgml/image/454545_7x7_arrow_left.gif) 50% 50% no-repeat; } 
.ui-datepicker-next a:hover  { 	background: url(http://fast.mediamatic.nl/f/wgml/image/454545_7x7_arrow_right.gif) 50% 50% no-repeat; } 
.ui-datepicker-prev a:active  { 	background: url(http://fast.mediamatic.nl/f/wgml/image/222222_7x7_arrow_left.gif) 50% 50% no-repeat; } 
.ui-datepicker-next a:active  { 	background: url(http://fast.mediamatic.nl/f/wgml/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/wgml/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/wgml/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/wgml/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;   } 

	/* wrapper div */
	.img-wrapper  { 		clear: both;
		position: relative;
		/*border: 2px solid yellow;*/
	 } 	.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;
	 } 	
	/* Label for actor name */	
	span.annotation-label  { 		padding: .1em .4em;
		top: -9999px;
		position: absolute;
		color: #666;
		background-color: #fff;
		font-size: 11px;
		z-index: 100;
		margin-left: 20px;
	 } 		
	/* Annotations */
	.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;
	 } 	/* border for IE */
	.isIE .annotation,
	.isIE .annotation:hover  { 		border-width: 2px !important;
		border-style: ridge !important;
		border-color: #ccc !important;
	 } 		
	.annotation.new,
	.annotation.hovered,
	.annotation.new:hover,
	.annotation.hovered:hover  { 		border-color: yellow !important;
		z-index: 9999999 !important;
	 } 	.isIE .annotation.new,
	.isIE .annotation.hovered  { 		border-color: yellow !important;
	 } 	span.no-actor-linked  { 		border: 1px dotted #333 !important;
	 } 	.isIE span.no-actor-linked  { 		border: 2px dotted #ccc !important;
	 } 	span.no-actor-linked span.drag  { 		border: 1px dotted #fff !important;
	 } 		
	.deletingAnnotation,
	.isIE .deletingAnnotation,
	.deletingAnnotation:hover,
	.isIE .deletingAnnotation:hover  { 		border: 3px solid #f00 !important;
	 } 	.deletingAnnotation span  { 		visibility: hidden;
	 } 	
	/* popup */
		
	.popup-overlay  { 		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		height: 100%;
		background-color: #f1f1f1;
		z-index: 999999;
	 } 		
	.img-actor-selector  { 		position: absolute;
		top: 0;
		left: 0;
		z-index: 9999999;
		-moz-border-radius-topright: 13px;
		-moz-border-radius-bottomleft: 18px;
		-webkit-border-top-right-radius: 13px;
		-webkit-border-bottom-left-radius: 13px;
	 } 	.img-actor-selector.with-shadow  { 		padding: 0 9px 11px 0;
		background: url(http://fast.mediamatic.nl/f/wgml/image/shadow.png) 100% 100% no-repeat;
	 } 		
	.img-actor-selector iframe  { 		display: none;
	 } 	.img-actor-selector .window-close  { 		position: absolute;
		top: 0;
		right: 6px;
		width: 16px;
		height: 18px;
		background: url(http://fast.mediamatic.nl/f/wgml/image/kw-close.gif) 0 0 no-repeat;
		text-indent: -9999px;
		cursor: pointer;
	 } 	.img-actor-selector-ul  { 		border: 1px solid #ccc;
		padding: 10px;
		margin: 0;
		clear: left;
		list-style: none;
		height: 1%;
		width: 250px;
		min-height: 100px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		position: relative;
		margin-top: -3px;
		background: #fff url(http://fast.mediamatic.nl/f/wgml/image/throbberwait.gif) 50% 50% no-repeat;
	 } 	.isIE .img-actor-selector-ul  { 		width: 250px;
	 } 	.img-actor-selector-ul *  { 		text-align: left;
	 } 	.img-actor-selector-ul .padding  { 		background: #fff;
		width: auto !important;
	 } 	.img-actor-selector-ul .padding label  { 		display: none;
	 } 	.img-actor-selector-ul input  { 		margin: 0 0 10px;
	 } 	.img-actor-selector-ul h1  { 		font-size: 20px;
		line-height: 1;
		margin-bottom: 7px;
	 } 	.img-actor-selector-ul p  { 		margin-bottom: 0;
	 } 	.img-actor-selector .autocomplete-box  { 		position: relative;
		padding: 0;
		background-color: #fff;
	 } 	.img-actor-selector .expl  { 		font-size: 11px;
		line-height: 1.3em;
	 } 	.img-actor-selector input.text  { 		width: 247px !important;
		padding: 2px 1px;
		float: none!important;
	 } 	.img-actor-selector .autocomplete-bar,
	.img-actor-selector .autocomplete .intro,
	.img-actor-selector .autocomplete-button  { 		display: none;
	 } 	.img-actor-selector .autocomplete-menu  { 		/*overflow: hidden;
		overflow-y: auto;
		max-height: 196px;*/
		position: static;
		width: 250px !important;
		clear: left;
	 } 	.img-actor-selector #autocomplete-throbberwait  { 		margin-top:9px;
		position:absolute;
		right:12px;
	 } 	.img-actor-selector .autocomplete-dropdown .title  { 		float: none;
		width: auto;
	 } 	.img-actor-selector .autocomplete-menu .title img  { 		float: left !important;
		margin-right: 3px !important;
	 } 	.img-actor-selector .autocomplete-dropdown .source-title  { 		position: static;
		display: block;
		line-height: 1;
	 } 	.img-actor-selector-ul li  { 		display: block !important;
		float: none !important;
		/**/
	 } 	.help-text.success-msg  { 		color: green !important;
	 } 	.help-text.error-msg  { 		color: #f00 !important;
	 } 	div.ui-resizable-handle  { 		width: 7px!important;
		height: 7px!important;
	 } 	.img-actor-selector-ul .help-text  { 		width: auto;
	 } 		
	.actorMsg  { 		position: absolute;
		z-index: 9999;
	 } 		
	.no-annotation li  { 		cursor: move;
	 } 	.no-annotation li:hover  { 		background-color: #FFF8CC;
	 } 		
	.new-actor-button  { 		margin-top: 10px;
	 } 		
	li.li-as-annotation  { 		display: block;
		position: absolute;
		border: 1px dotted #999 !important;
		text-decoration: none;
		z-index: 999999999;
		outline: none;
		padding: 0;
		margin: 0;
		width: 47px;
		height: 52px!important;
		text-indent: -9999px;
		background: none !important;
	 } 	li.li-as-annotation *  { 		display: none;
	 } 	li.li-as-annotation span  { 		display: block;
		position: absolute;
		top: 0;
		left: 0;
		text-indent: -9999px;
		width: 45px;
		height: 50px;
		padding: 0;
		margin: 0;
		border: 1px dotted #fff !important;
	 } 			
	.temp-actor-list  { 		margin: 6px 0 12px !important;
		font-size: 12px;
	 } 	
	/* hide actor list and replace button */
	
	.attachment.edit-page .list-actor  { 		display: none;
 } 	.attachment.edit-page .list-annotations  { 		display: block;
 } 	