/* the overlayed element */
div.overlay {

	/* growing background image */
	/*background-image:none;*/

	/* dimensions after the growing animation finishes  */
	width: 450px;

	/* initially overlay is hidden */
	display:none;
	z-index: 1002;

	/* some padding to layout nested elements nicely  */
	/*padding:50px;*/
	margin-top:30px;
	min-height: 108px;
}
#delete_node_overlay {}
#delete_node_overlay span { display: block; padding: 20px 0 0 20px; color:#EEEEEE; font-size:12px; font-weight:bold; }
#delete_node_overlay .links { text-align: right; padding: 16px 60px 0 0; }
#delete_node_overlay a, .delete_node_overlay a:visited { color: #309BBF; padding: 0 5px; font-weight: bold; }
#delete_node_overlay a:hover { color: white; }

div.overlay .topLeft {
	background: url('/site_media/images/cornersmallTopLeft.gif') 0 0 no-repeat;
}
div.overlay .topRight {
	background: url('/site_media/images/cornerTopRight2.gif') 100% 0 no-repeat;
}
div.overlay .bottomLeft {
	background: url('/site_media/images/cornerBottomLeft.gif') 0 100% no-repeat;
}
div.overlay .bottomRight {
	background: url('/site_media/images/cornerBottomRight.gif') 100% 100% no-repeat;
}

/* default close button positioned on upper right corner */
html>body div.overlay div.close {
	background: url('/site_media/images/overlay/close.png');
}
div.overlay div.close {
	position:absolute;
	right:32px;
	top:5px;
	cursor:pointer;
	height:36px;
	width:36px;
}

div.overlay div.close:hover { background: url('/site_media/images/overlay/close_hv.png') no-repeat scroll 0 0; }

/* black */
div.overlay.transparent {
	background: transparent;
	color:#fff;
}

div.overlay.black {
	background: url('/site_media/images/overlay/transparent.png') no-repeat !important;
	color:#fff;
}

/* petrol */
div.overlay.petrol {
	background:url('/site_media/images/overlay/petrol.png') no-repeat !important;
	color:#fff;
}

div.overlay.red {
    background:url('/site_media/images/overlay/red.png') 0 50% no-repeat;
}

div.black h2, div.petrol h2, div.transparent h2 {
	color:#ddd;
}
.overlay form textarea {
	width: 374px;
	font-family: Tahoma,Arial,Helvetica,sans-serif;
	font-size: 1.1em;
}

/* more on overlays */
.overlay_popup { padding: 50px 30px; background: url('/site_media/images/overlay/black_211h.png') no-repeat scroll 0 0; }
.in_articles { background: url('/site_media/images/overlay/black_432h.png') no-repeat scroll 0 0; }
.in_articles .tree_box { height: 329px; overflow: auto; }
.js_menu_popup_submit { height:36px; line-height: 36px; padding-right: 38px; position:absolute; right:44px; top:55px; /*width:36px;*/ background: url('/site_media/images/overlay/add.png') no-repeat scroll 100% 0; color: #309BBF; }
.js_menu_popup_submit:hover { background: url('/site_media/images/overlay/add_hv.png') no-repeat scroll 100% 0; color: #309BBF; }

/* overlay form (poputp) */
.op_form { min-height: 108px; }
.op_form fieldset { border: 0; }
.op_form label { color:#EEEEEE; font-weight: bold; font-size: 100%; padding:0 10px 0 20px; }
.op_form input {}
.op_form input.submit { float: right; margin: 2px 31px 2px 4px; }

/* kochane formsy ciąg dalszy - ujednolicanie */
.form_fieldset { width: 100%; }
.form_fieldset legend { color: #656565;	font-weight: bold; padding: 0 12px; }
.form_fieldset div label { color:#EEEEEE; font-weight: bold; font-size: 12px; padding:0 10px 0 20px; float: left; width: 80px; } /* synchro! */
.form_fieldset div.ff_errorBox, .form_fieldset div.ff_regularBox { padding: 2px 0; /*min-height: 22px;*/ }   
.form_fieldset div.ff_errorBox label { color: #BF3030; }
.form_fieldset div.ff_regularBox label { }
.form_fieldset div input,
.form_fieldset div textarea { float: left;  width: 300px; }
.form_fieldset div input[type="checkbox"] { width: auto; }
.ff_req, .ff_req_zaslepka {	color: #BF3030;	float: left; padding: 0 5px; }
.req, .req_zaslepka { color: red; float: left; padding: 0 5px; }
.req_zaslepka, .ff_req_zaslepka { visibility: hidden; }
.form_fieldset div .ff_helptext { color: #f67e49; text-indent: 0; } /* synchro! */
.form_fieldset div .ff_helptext em { display: block; float: left; }
.form_fieldset div .ff_helptext p { display: block; float: left; width: 95%; font-size: 1.1em; }
.form_fieldset div.ff_regularBox .ff_this_box_errors { display: none; }
.form_fieldset div.ff_errorBox .ff_this_box_errors { color: #BF3030; display: block; } /* synchro! */
.form_fieldset div div ul {}
.form_fieldset div div ul li { padding: 6px 0px 0 115px; }
.regularBox .this_box_errors { display: none; }
.errorBox .this_box_errors { color: red; display: block; } /* synchro! */
.form_fieldset p .submit { padding: 2px 28px 5px 26px; }

.op_form .form_fieldset div { float: left; }
.op_form .form_fieldset .ff_this_box_errors { /* width: 186px; */ }

/* infobox w overlayu */
.overlay_infobox, .overlay_infobox2 { z-index: 1001; display:block; padding: 6px; position: absolute; width: 414px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
}
.overlay_infobox { background-color: #d2d2d2; top: 294px; }
.overlay_infobox2 { top: 156px !important;
left: 460px !important;
background-color: #eeeeee; }
.oi_close { display:block; position:absolute; background:transparent url(/site_media/images/overlay/close.png) repeat scroll 0 0; height:36px; position:absolute; right:10px; top:-18px; width:36px; }
.oi_close:hover { background:transparent url(/site_media/images/overlay/close_hv.png) no-repeat scroll 0 0; }