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

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



/*  */
/*  */

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

.link-holder {
	text-align: left;
}

.unlinking {
	color: #f00 !important;
}

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

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


	.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;
			height: 1%;
		}
		
.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;
	}
*/
/*  */
	
	/* 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/hmfm/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/hmfm/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/hmfm/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/hmfm/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/hmfm/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/hmfm/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%;
	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 */
.isIE8up .acc-content-inside  { 	overflow: hidden;
}



/* 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/hmfm/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: #f00 url(http://fast.mediamatic.nl/f/hmfm/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;
	}
	
	.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/hmfm/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: 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 {
		-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;
	}