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

.ajax_notice input {
	background: #fff url(http://fast.mediamatic.nl/f/qbwx/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 #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/qbwx/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;
	}

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

#add_attachment_moreoptions h3 {
	margin: 0 0 12px;
}

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

	
	
	/* 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;
	-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/qbwx/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: none !important; } 
span.img-zoomer-tool-fullscreen  { 	background: url(http://fast.mediamatic.nl/f/qbwx/image/img-zoom-full.gif) no-repeat 100% 0;
	float: right;
	display: block; } 
	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/qbwx/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/qbwx/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/qbwx/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/qbwx/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; } 
.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; } 
div.notification-lightbox ul li  { 	list-style-type: none;
	margin: 0; } 
div.notification-lightbox ul  { 	margin-left: 0; } 



/* 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: 5px 10px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border: 1px solid #ddd;
	background-color: #fff;
	text-align: left;
	position: relative;
}

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

.dialog-close {
	font-size: 12px;
	font-weight: bold;
	padding: 0 3px;
	position: absolute;
	right: 5px;
	text-decoration: none;
	top: 0;
	font-family: Arial,Helvetica,sans-serif;
	cursor: pointer;
	color: #fff;
}

	.dialog-close:hover {
		background-position: left -20px;
	}

.loading {
	background: url(http://fast.mediamatic.nl/f/qbwx/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%;
}

.dialog-drag-handle {
	background: #f00 url(http://fast.mediamatic.nl/f/qbwx/image/do-something-sprite.png) 0 -20px;
	height: 19px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border: solid #d21919;
	border-width: 1px 1px 0 1px;
	cursor: move;
	position: relative;
	`padding-bottom: 1px; /* match heights in ie6 + ie7 with action button */
}

	.dialog-drag-handle-text {
		color: #fff;
		margin: 0 40px 0 6px;
		display: block;
		text-align: left;
		font: 11px/18px "Lucida grande", arial, sans-serif;
	}
	
/*
	.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;
    }
	
	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: 6px 0;
		overflow: hidden;
    }
	
		.dialog-content .highlighted .action-stage-wrapper {
	        border-color: #333;
	        min-height: 20px;
	    }
	    
	    	.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;
	}
	
	.dialog-content .date {
		border: none;
		color: #8c8c8c;
		font-weight: normal;
		height: auto;
		margin: 0;
		padding: 0;
		text-align: right;
		width: auto;
	}
		
	.dialog-content .date .day,
	.dialog-content .date .month,
	.dialog-content .date .year,
	.dialog-content .date .time,
	.dialog-content .datesep {
		display: inline;
		font-size: 11px;
		font-weight: bold;
		line-height: 10px;
		margin: 0;
		padding: 0;
	}			
	
	.dialog-content .date .day {
		color: #f00;
	}			
	
	.dialog-content .date .month,
	.dialog-content .date .year {
	}
	
	.dialog-content .date .time {
		color: #f00;
		font-weight: normal;
	}
	
	.dialog-content .datesep {
		width: 15px;
	}
	
	.action button span {
		color: #f00;
	}

	.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;
	}
	
	/* left + right button */
	.form-button-highlite button,
	.do-something button,
	.do-something button.status  {
		outline: none;
		margin: 0;
		border-color: #d21919;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
		z-index: 0;
		position: relative;
		background: #f00 url(http://fast.mediamatic.nl/f/qbwx/image/do-something-sprite.png) no-repeat 0 0;
		overflow: visible;
	}
	
	.form-button-highlite button:hover,
	.do-something button:hover,
	.do-something button.status:hover {
		border-color: #d21919;
	}
	
		.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,
	.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,
	.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,
	.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: 18px !important;
		background-position: 100% 0;
		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 {
		-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: #eeeee;
		border-top: 1px solid #ccc;
		color: #777;
		margin: 0 -10px -5px;
		padding: 9px 12px;
		position: relative;
		top: 0;
	}
	

/**
* 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 .form-element: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; } 
	.form-button button  { 		margin: 0 3px 0 0;
 } 

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

/* 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; } 
	.firefox .form-element input  { 		height: 21px;
		padding: 1px 6px 1px;
 } 	
	.ie .form-element input  { 		height: 17px;
		padding: 1px 6px 1px;
 } 
	.form-inline select,
	.form-inline textarea,
	.form-inline input  { 		width: 136px;
 } 
	.form-element select  { 		width: 310px;
		height: 21px;
		padding: 1px;
		margin: 0;
		color: #777;
 } 		.form-element select option[value]
		 { 			color: #000;
	 } 
.form-element textarea  { 	height: 200px; } 
.webkit .form-element textarea  { 	padding: 3px 4px 0; } 
.form-element input[type="checkbox"],
.form-element input[type="radio"]  { 	width: auto;
	margin: 0 6px 0 0;
	height: 14px;
	border: none; } 	
.form-element input:focus,
.form-element textarea:focus,
.form-element select:focus  { 	border-color: #555; } 
.ie6 .form-checkbox input,
.ie6 .form-radio input  { 	width: 13px;
	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: 417px; } 
.dialog .form-element textarea  { 	height: 150px; } 
.dialog .form-inline  { 	width: 208px;
	margin: 0 6px 6px 0; } 
.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; } 
/* 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; } 

/* 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; } 
label.form-element-error span,
.form-element-error .form-tooltip span  {     padding: 0 0 0 3px; } 
	.search-simple .form-tooltip  { 		display: none !important; /* edge case */
 } 
.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/qbwx/image/form_tooltip.png) repeat-x 0 0;
	color: #999;
	padding: 10px 0 0 0; } 
.form-tooltip-text-message  { 	margin: 0 0 0 3px;
	white-space: nowrap;
}