

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

.ajax_notice input {
	background: #fff url(/ima/throbberwait.gif) no-repeat 100% 0; 
}

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

.required_field {
	background-color: #f00;
}

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

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

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

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

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

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

/* rounded corners css */

	/* Example Usage in CSS 
	
		to set corners for a particular element in your stylesheet (width and height is optional)
		
		.list li .cnrs {
			width: 5px;
			height: 5px;
			background-image: url({"/image/corners_white.png"|static_uri});
		}
		
		the cnrs-hovered class gets written to the object element
		
		.list li.cnrs-hovered .cnrs {
			background-image: url({"/image/corners_white-hovered.png"|static_uri});
		}
		
		and don't forget to put a .gif version for IE6 in ie_styles.css
		
		.list li .cnrs {
			background-image: url({"/image/corners_white.gif"|static_uri});
		}		
		
	*/
	
	/* core styles for corners */
	.cnrs {
		position: absolute;
		width: 6px;
		height: 6px;
		background: 0 0 no-repeat;
		z-index: 9999;
		font-size: 1px !important;
		overflow: hidden;
		border: none !important;
	}
	.cnr_nw {
		left: 0;
		top: 0;
		background-position: left top;
	}
	.cnr_ne {
		right: 0;
		top: 0;
		background-position: right top;
	}
	.cnr_sw {
		left: 0;
		bottom: 0;
		background-position: left bottom;
	}
	.cnr_se {
		right: 0;
		bottom: 0;
		background-position: right bottom;
	}



/*  */
/*  */

#throbberwait img {
	width: auto;
	height: auto;
}

#link_overlay {
	position: absolute;
	z-index: 100;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	min-height: 100%;
	background-color: #FFF;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

.unlinking {
	color: #f00 !important;
}

.unlink-marker {
	margin: 0;
	color: #f00;
	z-index: 100;
	background: none;
	padding: 0 0 0 1px;
}

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

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

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

button:hover.do_date_edge
	{
	border: 1px solid #f00;
	}
	
button.do_date_edge.date_edit
	{
	width: auto;
	height: auto;
	padding: 0px;
	margin: -3px 0px 0px -3px;
	border: 0px solid #f00;
	}
	
button:hover.do_date_edge.date_edit .date_range .date
	{
	background: #fff2bc;
	color: #000;
	border: 1px solid #000;
	}
	
button.do_date_edge img
	{
	border: 0px solid #f00;
	margin: -2px 0px 0px -3px;
	padding: 0px;
	}
*/	
/*
.do_sortable.fig button
	{
	background: #fff;
	padding: 0px 0px 0px 0px;
	margin-bottom: 10px;
	}
*/
/*  */
	
	/* superfish menu - core styles 
	--------------------------------------------------------- */
	.do_menu {
		position: static;
	}
	.do_menu ul {
		position: absolute;
		display: block !important;
		top: -999em;
		margin: 0;
		z-index: 999;
		background-color: transparent !important; /* you should set background color on either the <li> or <a> tags, not the <ul> */
	}

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

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

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

.tooltip  { 	position: absolute;
	display: none;
	background: #f2f2f2;
	border: 1px solid;
	border-color: #ccc;
	color: #666;
	padding: 2px 4px 2px 8px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-size: .95em;
	margin: 0 0 0 10px;
	min-height: 14px;
	text-align: left;
	z-index: 9999;
	 } 
.tooltip-arrow  { 	background: transparent url(/image/arrow.png) no-repeat 50% 50%;
	display: block;
	height: 16px;
	left: -15px;
	position: absolute;
	width: 16px;
	top: 0; } 
.moreoptions  { 	font-size: .85em;
}
	/* image zoomer */
	
	.zooming-img  { 		position: relative;
		overflow: hidden !important;
	 } 	.zooming-img img  { 		cursor: move;
	 } 	.img-zoomer-tools  { 		padding: 2px 2px 2px 15px;
		height: 15px;
		float:right;
		width: 185px;
	 } 	.img-zoomer-tools span  { 		color: #000;
		cursor:pointer;
		float:left;
		height:12px;
		line-height:10px;
		text-align:center;
		width:12px;
		overflow: hidden;
		text-indent: -9999px;
		position: relative;
	 } 	span.img-zoomer-tool-add  { 		background: transparent url(/image/img-zoom-more.gif) no-repeat 0 0;
		float: right;
		padding: 0 1px;
		margin-left: 2px;
	 } 	span.img-zoomer-tool-less  { 		display: none;
	 } 	span.img-zoomer-tool-reset  { 		background: transparent url(/image/img-zoom-less.gif) no-repeat 0 3px;
	 } 	span.img-zoomer-tool-fullscreen  { 		background: transparent url(/image/img-zoom-full.gif) no-repeat 0 0;
		float: right;
		height: 14px;
		margin: 0 3px 0 5px;
		width: 20px;
	 } 		
	.full-screen-img  { 		position: absolute!important;
		z-index: 9999999999;
	 } 			
	.ui-slider  { 
		float: left; 
		width: 125px; 
		height: 12px; 
		position: relative;
		background: transparent url(/image/ui-slider.gif) no-repeat -18px 0; 
	 } 	.ui-slider-handle  { position: absolute; z-index: 1; height: 12px; width: 5px; top: 0px; left: 0px; background: #444; cursor: move } 	
	.ui-slider-disabled .ui-slider-handle  { opacity: 0.5; filter: alpha(opacity=50); } 	.ui-slider-range  { position: absolute; background: #50A029; opacity: 0.3; filter: alpha(opacity=30); width: 100%; height: 100%; } 	
	
		
	/* image toolbar */
	
	.img-toolbar  { 		display: none;
		position: absolute;
		z-index: 100;
		top: 0;
		left: 0;
		width: 100%;
		min-width: 210px;
		padding: 2px 0;
		background: #ccc url(/image/button.png) repeat-x;
	 } 	.loading-toolbar  { 		float: right;
		width: 20px;
		height: 20px;
		margin-right: 2px;
		background: url(/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;
	 } 		
	

	/* 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: 2px 0;
		background: #ccc url(/image/button.png) repeat-x;
	 } 	a.edit-img-tags  { 		font-family: Arial;
		font-size: 11px;
		font-weight: bold;
		line-height: 12px;
		padding-top: 4px;
		color: #333 !important;
		padding-left: 20px;
		background: url(/image/tag-actor-icon.gif) no-repeat 0 0;
		display: block;
		cursor: pointer;
		margin-left: 2px;
		font-style: normal !important;
		border: none !important;
	 } 	a.edit-img-tags  { 		color: #000 !important;
		background-color: transparent !important;
		border: none !important;
	 } 
	
#lightbox-overlay  { 	position: absolute;
	/* z-index this high because of annotations */
	z-index: 9999999;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	min-height: 100%;
	background-color: #000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75; } 
#lightbox-frame  { 	position: absolute;
	/* z-index this high because of annotations */
	z-index: 99999999; } 
#lightbox-frame iframe  { 	border: none; } 
#lightbox-window  { 	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background: #fff url(/image/throbberwait.gif) no-repeat 50% 50%;
	border: 5px solid #000;
	color: #000;
	padding: 6px;
	text-align: left; } 
#lightbox-iframeContent  { 	border: none;
	clear: both; } 
#lightbox-bar  { 	background: none;
	position: absolute;
	top: 20px; } 		
#lightbox-bar button  { 	float: right; } 
#lightbox-cancel  { 	float: right;
	width: 17px;
	height: 21px;
	background: url(/image/kw-close.gif) top;
	cursor: pointer; } 
	#lightbox-cancel:hover  { 		background-position: bottom;	
 } 

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

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

/* invite*/

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

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

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

/* dialogbox */

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

.lightbox-gmaps-thing .container,
.lightbox-gmaps-thing .lightbox-gmaps-thing-box  { 	width: 100%;
	height: 100%;
	overflow: hidden; } 
/* separate title from definition */
#module_ajax_edit_cc_f .expl  { 	display: block;
	clear: left;
	line-height: 18px; } 

.dialog {
	display: none;
	padding: 0 8px 8px 0;
	background: url(/image/shadow.png) right bottom;
	-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;
	z-index: 40000;
	position: absolute;
}

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

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

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

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

.loading {
	background: url(/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: #eee;
	height: 24px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-radius-top-left: 5px;
	-webkit-border-radius-top-right: 5px;
	border: solid #ddd;
	border-width: 1px 1px 0 1px;
	cursor: move;
	position: relative;
}

	.dialog-drag-handle-text {
		color: #000;
		font-size: 12px;
		left: 9px;
		position: absolute;
		top: 3px;
	}

.pressed {
	background: #e0e0e0;
}

