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

.ajax_notice input {
	background: #fff url(http://fast.mediamatic.nl/f/fmgx/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;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0 2px 8px #888;
	-moz-box-shadow: 0 2px 8px #888;
	box-shadow: 0 2px 8px #888;
}

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

.dialogbox-edge-add-attachment {
	padding: 0 8px 8px 0;
	background: url(http://fast.mediamatic.nl/f/fmgx/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: 16px; 
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}
	
	.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;
}

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



	
	/* 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;
	}
	
	/*** 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;
	-o-border-radius: 3px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	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/fmgx/image/arrow.png) no-repeat 50% 50%;
	display: block;
	height: 16px;
	left: -15px;
	position: absolute;
	width: 16px;
	top: 0; } 
.moreoptions  { 	font-size: .85em;
}
.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  { 	background: url(http://fast.mediamatic.nl/f/fmgx/image/img-zoom-full.gif) no-repeat 100% 0;
	position: absolute;
	right: 0; } 
	span.img-zoomer-tool-fullscreen .text-shadow  { 		margin-right: 24px;
		float: right;
		height: 27px;
		display: block;
		padding-left: 3px;
 } 


.full-screen-img  { 	position:absolute!important;
	z-index:9999999999; } 	
/* image toolbar */
.img-toolbar  { 	display:none;
	position:absolute;
	z-index:100;
	top:0;
	left:0;
	width:100%;
	min-width:210px;
	padding: 0;
	height: auto !important;
	cursor: pointer; } 
.loading-toolbar  { 	float:right;
	width:20px;
	height:20px;
	margin:9px;
	background: url(http://fast.mediamatic.nl/f/fmgx/image/throbberwait_small.gif) 0 0 no-repeat; } 
/* popup background */
.popup-overlay  { 	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
	background-color:#f1f1f1;
	z-index:999999; } 


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

	/* 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;
	 } 
	
	/* 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: 1px 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: 1px solid #fff;
	 } 	/* border for IE */
	.isIE .annotation,
	.isIE .annotation:hover  { 		border-width: 2px !important;
		border-style: ridge !important;
		border-color: #ccc !important;
	 } 		
	.annotation.hovered,
	.annotation.hovered:hover  { 		border-color: yellow !important;
		z-index: 9999999 !important;
	 } 	.isIE .annotation.hovered  { 		border-color: yellow !important;
	 } 
		
	/* image toolbar */
	
	.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;
		background: url(http://fast.mediamatic.nl/f/fmgx/image/tag-actor-icon.gif) no-repeat 0 0 transparent !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.text-shadow  { 		float: left;
		height: 27px;
		display: block;
		margin-left: 24px;
		padding-right: 3px;
 } 	
	

	
#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: #fff;
	filter:alpha(opacity=60);
	-moz-opacity: 0.60;
	opacity: 0.60; } 
#lightbox-frame  { 	position: absolute;
	/* z-index this high because of annotations */
	z-index: 99999999; } 
#lightbox-frame iframe  { 	border: none; } 
#lightbox-window  { 	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #fff url(http://fast.mediamatic.nl/f/fmgx/image/throbberwait.gif) no-repeat 50% 50%;
	border: 1px solid #000;
	box-shadow: 0px 2px 15px #888;
	-webkit-box-shadow: 0px 2px 15px #888;
	-moz-box-shadow: 0px 2px 15px #888;
	padding: 12px;
	border: 1px solid #ccc;
	text-align: left; } 
#lightbox-iframeContent  { 	border: none;
	clear: both; } 
#lightbox-bar  { 	background: none;
	position: absolute;
	top: 10px;
	right: 12px; } 		
#lightbox-bar button  { 	float: right; } 
#lightbox-cancel  { 	float: right;
	width: 17px;
	height: 21px;
	background: url(http://fast.mediamatic.nl/f/fmgx/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; } 
/* line up datepicker input element heights */
.lightbox-edit-date input  { padding: 0; height: 16px; } .lightbox-edit-date button.submit  { padding: 2px 4px; } .lightbox-edit-date .remove a.button  { padding: 3px 6px; } 
/* line up datepicker input element heights IE STYLES */
.isIE7up .lightbox-edit-date input  { padding: 4px 0 0 2px; height: 14px !important; } .isIE6up #module_ajax_edit_date_f  { zoom: 1; } .isIE7x .lightbox-edit-date button.submit  { padding: 0px 4px; } .isIE7x .lightbox-edit-date .remove a.button  { padding: 1px 6px; } .isIE8up .lightbox-edit-date input  { padding: 0 0 0 2px; height: 16px !important; border: 1px solid #ccc; } 
.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%;
	min-height: 150px; } 
.lightbox-add-attachment-moreoptions div.notification-lightbox  { 	margin-bottom: 1em; } 

/* 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; } 
div.notification-lightbox ul li  { 	list-style-type: none;
	margin: 0; } 
div.notification-lightbox ul  { 	margin-left: 0; } 
/* fix bug with IE9 lightbox #7164 */
.isIE9x .acc-content-inside  { 	overflow: hidden; } 
.isIE9x #lightbox-frame .span-20  { /* #7386 Fix for IE9 loading print stylesheets into keyword-lightbox */
	width: 32% !important;
}



/* notices
---------------------------------------------------- */

.notification {
	display: none;
}

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

.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);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	z-index: 40000;
	position: absolute;
}

.dialog-content {
	color: #666;
	padding: 6px 18px 12px 6px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-width: 0 1px 1px;
	border-color: #ccc;
	border-style: solid;
	background-color: #fff;
	text-align: left;
	position: relative;
}

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

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

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

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

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

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

.dialog-drag-handle {
	background-image: url(http://fast.mediamatic.nl/f/fmgx/image/big-dialog-handle-overlay.png);
	height: 48px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border: 1px solid #ccc;
	cursor: move;
	position: relative;
	`padding-bottom: 1px; /* match heights in ie6 + ie7 with action button */
}

	.dialog-drag-handle-text {
		color: #fff;
		margin: 0 24px 2px 8px;
		display: block;
		text-align: left;
		font: 32px/1.4 "Lucida grande", arial, sans-serif;
		overflow: hidden;
	}
	
/*
	.action-stage-wrapper .form-item label {
		font-size: 11px;
	}
*/
	
		.action-date-picker .toggle-date-input {
			margin: 21px 0 0 0;
			display: block;
		}

/* Action dialog contents
---------------------------------------------------- */

    .dialog-content p.expl {
		margin-bottom: 12px;
		color: #777;
    }
	
	div.action {
		display: block;
		overflow: hidden;
	}

		.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;
		padding: 0 0 12px;
		overflow: hidden;
    }

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

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

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

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

	.dialog-content .action-expl {
		margin: 0px 6px 0 3px;
		float: left;
		display: block;
	}
	
	.action-hovering,
	.dialog-action-hovering {
		background: #f00;
		color: #fff;
	}
	
	h1 span.do_actiondialog {
		cursor: pointer;
		display: block;
	}
	
	
/* do something button
----------------------------------------------------------------------------- */

	.do-something {
		float: left;
		position: relative;
	}
	
	.dv-title .do-something {
		margin: 6px 9px 0 0;
	}

	/* Edit this button left next to action buttons */
	.dv-title .do-something-edit {
		margin-right: 3px !important;
	}

	.dv-title .do-something-header-wrapper-edit .do-something-edit {
		margin-right: 0 !important;
	}

	.dv-title .do-something-header-wrapper-edit .show-first {
		margin-left: 3px !important;
	}

		.dv-title .do-something-edit button {
			padding-left: 1px;
		}
	
			.dv-title .do-something-edit button span {
				background: url(http://fast.mediamatic.nl/f/fmgx/image//image/menu-icon.png) no-repeat scroll -1px -155px transparent;
				overflow: hidden;
				padding-left: 18px;
			}
	
	/* left + right button */
	.form-button-highlite button,
	.form-button-highlite a.button,
	.do-something button,
	.do-something button.status  {
		outline: none;
		margin: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
		z-index: 0;
		position: relative;
		background: #f00 url(http://fast.mediamatic.nl/f/fmgx/image/do-something-sprite.png) no-repeat 0 0;
		overflow: visible;
	}
	
	.form-button-highlite button:hover,
	.form-button-highlite a.button:hover,
	.do-something button:hover,
	.do-something button.status:hover {
	}
	
		.do-something button * {
			display: inline;
			float: none;
		}
		
		.do-something .clearfix {
			display: inline;
			float: none;
		}
			.do-something .clearfix:after {
				content: '';
				clear: none;
				display: none;
			}
	
	/* left */
	.form-button-highlite button,
	.form-button-highlite a.button,
	.do-something .do-something-text button,
	.do-something .do-something-text button.status {
		-moz-border-radius-topleft: 3px;	
		-moz-border-radius-bottomleft: 3px;	
		-webkit-border-top-left-radius: 3px;	
		-webkit-border-bottom-left-radius: 3px;	
		border-radius-topleft: 3px;	
		border-radius-bottomleft: 3px;
		background-position: 0 -20px;
		color: #fff;
	}	

	/* left, no right */
	.form-button-highlite button,
	.form-button-highlite a.button,
	.do-something .single-action button,
	.do-something .secondary-action button {
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		background-position: 0 -20px;
	}
	
	/* left hovers */
	.form-button-highlite button:hover,
	.form-button-highlite a.button:hover,
	.do-something .do-something-text button:hover,
	.do-something .do-something-text button.status:hover,
	.do-something .single-action button:hover,
	.do-something .secondary-action button:hover {
		background-position: 0 -40px;
		background-color: #d21919;
		color: #fff;
		z-index: 1;
	}

	.do-something .secondary-action {
        margin-left: 3px;
	}

	/* right */
	.do-something button.do-something-other {
		padding-right: 18px;
		background-position: 100% 0;
		background-color: #fff;
		color: #f00;
	}

	/* secondary action right */
	.do-something .right-side button,
	.do-something button.right-side {
		margin-left: -1px;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
		-moz-border-radius-topright: 3px;	
		-moz-border-radius-bottomright: 3px;	
		-webkit-border-top-right-radius: 3px;	
		-webkit-border-bottom-right-radius: 3px;
		border-radius-topright: 3px;	
		border-radius-bottomright: 3px;
		margin-left: -1px;
		padding-right: 21px !important;
		background-position: 100% -1px;
		background-color: #fff;
		color: #f00;
	}

	.do-something button.do-something-other:hover {
		background-position: 100% -40px;
		background-color: #d21919;
		color: #fff;
		z-index: 1;
	}

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

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

	.dialog .notice,
	.dialog .error,
	.dialog .success { 
 		margin: 0 0 3px 0;
 		border-color: #333;
	}
	
	.menu-editable .action .action-expl,
	.menu-editable .action button span.unlink-marker,
	.menu-editable .action button.secondary,
	.menu-editable .action .action-daterange,
	.show-first .action .action-expl,
	.show-first .action button span.unlink-marker,
	.show-first .action button.secondary,
	.show-first .action .action-daterange,
	.show-first .action .notice
    {
		display: none !important;
	}

	.action .signup-notice { 
		float: left; 
	 	margin: 0 3px 0 0; 
	} 
	
	.action .unlink-message {
		color: #ff0000;
	}

	/* in list item */
	.list-view .event span.notice {
		display: block;
		float: left;
		margin: 0 0 3px 0;
	}
	
	/* clear notice float */
	.list-view .event .chapeau {
	/*
		clear: both
	*/
	}
	
	.action-help,
	.action-offstage {
		-moz-border-radius-bottomleft: 4px;
		-moz-border-radius-bottomright: 4px;
		-webkit-border-bottom-left-radius: 4px;
		-webkit-border-bottom-right-radius: 4px;
		border-radius-bottomleft: 4px;
		border-radius-bottomright: 4px;
		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;
	}
	
	/* Add margin to action help if it's preceded by action-offstage */
	.action-offstage + .action-help, 
	.action-offstage + * + .action-help {
		margin-top: 12px;
	}

/* Confirm button  */
.dialog-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;
}

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

.dialog-confirm {
	opacity: 0;
	margin: -4px 0 0 0;
	z-index: 50000;
}
	

/**
* Forms library for generalized forms in anymeta
* Mediamatic Lab 2010
* Tim Benniks <tim@mediamatic.nl>
* Arjan Scherpenisse <arjan@mediamatic.nl>
* 	
* Grid elements 
---------------------------------------------------------- */

fieldset  { 	background: none;
	padding: 0;
	margin: 0 0 24px 0;
	border: none; } 
	/* When in a dialog do not add a margin after the last fieldset */
	.dialog fieldset:last-child,
	.dialog fieldset.last, /* for IE that does not support :last-child */
	.dialog .last  { /* for IE that does not support :last-child */
		margin: 0;
 } 
.form-element-group, /* last element in a group (formsection) got margin:0 */
.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; /* stops buttons from having too much whitespace at the bottom of wizard and completometer dialogue pages - willems request */ } 
	.form-button button  { 		margin: 0 3px 0 0;
 } 	
		/* An action within the form-button need an extra negative margin too line up */
		.form-button .action-add-wrapper  { 			margin: -1px 0 0;
	 } 
	/* Float the buttons in the wizard to the right */
	.action-add-step-wrapper .form-button  { 		float: right;
 } 
.form-inline-elements  { 	overflow: hidden;
	margin: 0 0 12px 0; } 
.form-inline  { 	width: 150px;
	margin: 0 10px 0 0;
	float: left; } 
.form-inline-last  { 	margin: 0 !important; } 
.form-throbber  { 	margin: 2px 0 0 0; } 
/* makes all elements inline. Igonres the widths and makes label floats */
.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; } 

/* Input, textarea, select, checkbox, radio
---------------------------------------------------------- */

.form-element input,
.form-element textarea,
.form-element select  { 	width: 296px;
	border: 1px solid #ccc;
	padding: 2px 6px 0;
	margin: 0;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px; } 
	.form-element input  { 		height: 21px;
		padding: 1px 6px;
 } 
		.isIE6x .form-element input  { 			height: 17px;
	 } 	
		.isIE7x .form-element input  { 			padding-top: 4px;
			height: 19px;
	 } 			
			.isIE7x .form-element input[type="submit"]  { 				padding-top: 1px;
		 } 		
	
	.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;
		color: #777;
 } 
		.form-element select option[value]  { 			color: #000;
	 } 		
.form-element textarea  { 	height: 200px; } 	
.form-element input[type="checkbox"],
.form-element input[type="radio"]  { 	width: auto;
	margin: 0 3px 0 0;
	height: 14px;
	border: none; } 
.isIE .form-element input[type="checkbox"],
.isIE .form-element input[type="radio"]  { 	margin-right: -2px; } 	
.form-element input:focus,
.form-element textarea:focus,
.form-element select:focus  { 	border-color: #555; } 
/* IE Styles
-------------------------------------------------------------- */

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

/* file upload "browse" button and textfield height fix #7261*/ 
.isIE7x .form-element input[type=file]  { 
	height: 24px; 
	padding-top: 2px; } 

.isIE8up .form-element input[type=file]  { 
	height: 24px;  } 
	 
/* small issue with checkboxes for the autocompleter filter being to high in ie8,9 */    
.isIE8up .autocompleter-filter input[type=checkbox]  { 
	height: 12px;  } 
	 
.isIE6x .form-checkbox input,
.isIE6x .form-radio input  { 	width: auto;
	border: none; } 

/* Grid width of form elements
---------------------------------------------------------- */

.span-40 .form-element input, 
.span-40 .form-element textarea  { 	width: 500px; } 

.span-40 .form-element select  { 	width: 511px; } 
.span-40 .form-inline  { 	width: 251px;
	margin: 0 10px 0 0; } 
.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; } 
/* ------------------------------------------------------- */

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

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

/* Labels and placeholder text's
---------------------------------------------------------- */

.form-element label,
.form-group-label  { 	margin: 0 0 2px 0;
	color: #777;
	float: none;
	display: block;
	width: auto;
	font-weight: normal;
	cursor: pointer; } 
.form-element a  { 	color: #777; } 
.form-placeholder,
.form-checkbox,
.form-radio  { 	color: #777; } 
/* hardcoded font-size and line-height. Based on intro text. Overrule in project if needed */
.form-element label,
.form-element .expl-label,
.form-group-label,
.form-link span,
.form-link a  { 	font-size: 12px;
	line-height: 18px; } 
/* Error handling
---------------------------------------------------------- */

.form-element-error select,
.form-element-error textarea,
.form-element-error input  { 	border: 1px solid #de0000; } 
.form-element-error a,
.form-element-error input,
.form-element-error textarea,
.form-element-error select,
.isIE6up .form-element-error select option[value], /* ie only */
.form-element-error label.form-checkbox,
.form-element-error label.form-radio,
.form-element-error .form-tooltip span,
.form-element-error .form-placeholder,
label.form-element-error span  { 	color: #ff0000; } 
.form-highlight-skip  {  
	color: #777 !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; /* edge case */
 } 
	.form-element-advanced-search input  { 		background: url(http://fast.mediamatic.nl/f/fmgx/image/menu-icon.png) no-repeat 292px -374px #FFFFFF;
 } 	
.form-element-error input:focus,
.form-element-error textarea:focus  { 	border: 1px solid #de0000; } 

/* Input tooltip
---------------------------------------------------------- */
	
.form-tooltip  { 	background: transparent url(http://fast.mediamatic.nl/f/fmgx/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
---------------------------------------------------------- */

.isWebkit .ui-fileupload-wrapper input[type=file]  { 	border: none; } 
.ui-fileupload-wrapper .filetoken  {     font-family: Verdana, sans-serif;
    overflow: hidden; 
    padding: 5px 8px;
    background-color: #eeeeee;
    color: #000;
    cursor: default;
    font-size: 11px; } 
.ui-fileupload-wrapper .filetoken span.delete-token  {     color: #999999;
    margin-left: 5px;
    font-weight: bold;
    cursor: pointer; } 
.ui-fileupload-wrapper .filetoken span.delete-token:hover  {     color: black; } 
div.ui-autocompleter-wrapper  { } 
div.ui-autocompleter-wrapper ul.list  {     position: relative;
    overflow: hidden; 
    height: auto !important; 
    height: 1%;
    width: 294px;
    border: 1px solid #cccccc;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    cursor: text;
    min-height: 1px;
    z-index: 999;
    margin: 0;
    padding: 0;
    background-color: #fff; } 
.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; } 
	.isIE7x div.ui-autocompleter-wrapper li.token  { 		padding: 0 4px 1px;
 } 
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; } 
	.isIE7up div.ui-autocompleter-wrapper li.input-token input  { 		padding-top: 2px;
 } 
	div.ui-autocompleter-wrapper li.input-token button  { 		position: absolute;
		right: 0;
		top: 2px;
		background: #fff url(http://fast.mediamatic.nl/f/fmgx/image/menu-icon.png) no-repeat 4px -376px;
		border: none;
		margin: 0;
		padding: 0 0 0 16px;
		height: 18px;
 } 
		.isWebkit div.ui-autocompleter-wrapper li.input-token button  { 			background-position: 4px -377px;
			padding: 0 0 0 18px;
			right: 3px;
			top: 3px;
	 } 
		.isIE div.ui-autocompleter-wrapper li.input-token button  { 			padding: 0 0 0 18px;
			right: 3px;
	 } 
div.ui-autocompleter-wrapper div.dropdown  {     position: absolute;
    background-color: #fff;
    width: 294px;
    overflow: hidden;
    cursor: default;
    z-index: 1;
	box-shadow: 0px 6px 15px rgba(0,0,0,.4);
	-webkit-box-shadow: 0px 6px 15px rgba(0,0,0,.4);
	-moz-box-shadow: 0px 6px 15px rgba(0,0,0,.4);
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px; } 
	.isIE div.ui-autocompleter-wrapper div.dropdown  { 	    border-left: 1px solid #999;
	    border-right: 1px solid #999;
    	border-bottom: 1px solid #999;
 } 
	div.ui-autocompleter-wrapper div.dropdown-full  {     	position: relative;
	    /* overflow: hidden; */
    	border: none;
	    cursor: default;
		box-shadow: 0;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
 } 
		.isIE div.ui-autocompleter-wrapper div.dropdown-full  { 		    border-left: none;
		    border-right: none;
	    	border-bottom: none;
	 } 	
	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; } 
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;
 } 	
	/* Float all buttons and div actions */
	div.ui-autocompleter-wrapper .autocompleter-content button,
	div.ui-autocompleter-wrapper .autocompleter-content div  { 		float: left;
 } 
	/* Reset a general dialog settings */
	div.ui-autocompleter-wrapper .autocompleter-content .action-stage-wrapper  { 		border: none;
		padding: 0;
 } 
	div.ui-autocompleter-wrapper .autocompleter-content .action-expl  { 		margin: 0;
 } 
/* results */
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 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;
 } 
	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; /* hardcoded font-size and line-height. Based on intro text. Overrule in project if needed */
		line-height: 18px;
 } 
	div.ui-autocompleter-wrapper .autocompleter-filter select  { 		height: 20px;
		padding: 0 0 0 2px;		
 } 
/* image picker */

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