/* MAIN CONTAINER: Table */
#main_container_tbl {
	/*display:table;*/
	/*border:1px solid red;*/
	margin:auto;
	background:silver;
	color:black;
}
#main_container_tbl input,
#main_container_tbl select,
#main_container_tbl textarea {
	margin		: 0 !important;
}
	/* MAIN CONTAINER: Table row */
	#main_container_tr {
		/*display:table-row;*/
		text-align:center;
		/*border:1px solid red;*/
	}
		/* LEFT CONTAINER: Table cell */
		.left_container_td {
			/*display:table-cell;*/
			/*border:1px solid red;*/
			background:#e6e6e6;
			vertical-align:top;
			padding:5px;
		}
			/* PAGES CONTAINER */
			#pages_container {
				position:relative;
				/*border:1px dashed black;*/
				overflow:hidden;
				width:729px;
				margin:auto;
			}
				/* PAGES: List */
				#pages_container ul#pages {
					list-style-type:none;
					margin:0;
					padding:0 4px;
					/*border:1px solid green;*/
					white-space:nowrap;
					overflow:auto;
					overflow-x:scroll;
					/*height:80px;*/
				}
					/* PAGES: List item */
					#pages_container ul#pages li {
						display:inline-block;
						background:url('img/pg_bg.png');
						text-align:center;
						width:99px;
						height:69px;
						vertical-align:middle;
						margin:4px 2px;
						padding:0;
						/*border:1px solid yellow;*/
						cursor:pointer;
						*display:inline;
						zoom:1;
					}
						/* PAGES: List - onmouseover */
						div#pages_container ul#pages li.hover {
							background:url('img/pg_bg_hover.png');
						}
						/* PAGES: List - placeholder style */
						div#pages_container ul#pages li.placeholder {
							background:blue;
						}
						/* PAGES: List - content style */
						div#pages_container ul#pages li table {
							/*position:absolute;*/
							top:0px;
							left:0px;
							width:100%;
							height:100%;
							font-size:10px;
							white-space:normal;
						}
						div#pages_container ul#pages li span {
							display:block;
							/*line-height:69px;*/
							font-size:10px;
							height:40px;
							white-space:normal;
							margin-top:15px;
						}
				.pglist_overflow_left {
					position:absolute;
					width:7px;
					height:77px;
					top:0;
					left:0;
					background:url('img/pglist_overflow_left.png');	
				}
				.pglist_overflow_right {
					position:absolute;
					width:7px;
					height:77px;
					top:0;
					right:0;
					background:url('img/pglist_overflow_right.png');	
				}
				
			/* EDITOR CONTAINER */
			#editor_container {
				position:relative;
				margin-top:5px;
				background:gray;
				/*padding:16px;*/
				width:745px;
				/*height:517px;*/
				height:530px;
				background:url('img/editor_bg.png') center no-repeat;
				border:1px solid #e6e6e6;
			}
				/* EDITOR */
				#editor {
					position:relative;
					width:735px;
					/*height:507px;*/
					height:520px;
					margin:5px;
					overflow:visible;
					background:none center no-repeat;
					/*border:1px solid green;*/
				}
					#editor_bg, #editor_template {
						width:100%;
						height:100%;
						/*border:1px solid red;*/
					}
					#editor_bg {
						position:relative;
					}
					#editor_bg img {
						position	: absolute;
						top		: 0px;
						left		: 0px;
						width		: 100%;
						height		: 100%;
						/*opacity		: .5;*/
						/* IE opacity */
						/*-ms-filter	:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";*/
						/*filter		: alpha(opacity=50);*/
					}
		
		/* RIGHT CONTAINER: Table cell */
		#right_container_td {
			/*display:table-cell;*/
			/*border:1px solid red;*/
			background:#e6e6e6;
			padding:5px;
			vertical-align:top;
		}
			div#tools_container {
				/*border:1px dashed black;*/
				margin:5px;
				height:500px;
			}
			
				.toolbox_wrapper {
					position:relative;
					text-align:center;
					overflow:hidden;
					/*border:1px solid red;*/
				}
					.toolbox_wrapper .toolbox_button {
						width:170px;
						font-size:12px;
					}
				div.toolbox {
					position:relative;
					/*margin:5px;
					padding:0 5px;*/
					background:lightgray;
					border:1px inset white;
					width:170px;
					height:450px;
					overflow:auto;
					/*border:1px solid green;*/
				}
				
				div.tool_item_template {
					width:150px;
					height:110px;
					/*border:1px solid yellow;
					background:gray;*/
					margin:5px auto;
					z-index:1000;
				}
					/*div.hover {
						background:red;
					}*/
					div#tool_template div.hover2 {
						background:green;
					}
				
				div.tool_item {
					position:relative;
					width:150px;
					height:110px;
					background:url('./img/toolbg.png') center no-repeat;
					margin:5px auto;
					cursor:default;
					overflow:hidden;
					text-align:center;
					vertical-align:middle;
					/*border:1px solid #d3d3d3;*/
				}
					div.tool_item_hover, div.tool_item_selected {
						/*border:1px solid #ff8391;*/
						/*background-image:url('./img/toolbg_hover.png');*/
						background-color:#ff8391;
					}
					div.tool_item img {
						/*width:130px;*/
						width:auto;
						height:90px;
						margin:10px;
					}
					div.tool_item .tool_item_label {
						position:absolute;
						display:block;
						bottom:10px;
						left:10px;
						font-size:10px;
						background:white;
						color:black;
						padding:3px;
					}
				
				div.tool_item_text {
					background:white;
					border:1px solid black;
					height:auto;
					padding:5px;
				}
				
				div#trash {
					width:50px;
					height:50px;
					background:url('./icons/trash.png') center no-repeat;
					margin:5px;
					float:right;
				}
					div#trash.hover {
						background-image:url('./icons/trash_full.png');
					}

#tool_layers ul {
	list-style-type:none;
	margin:0;
	padding:0 4px;
}
	/* PAGES: List item */
	#tool_layers ul li {
		border:1px solid black;
		background:white;
		text-align:left;
		padding:5px;
		/*width:99px;
		height:69px;*/
		/*vertical-align:middle;*/
		margin:5px;
		/*border:1px solid yellow;*/
		cursor:pointer;
	}
	#tool_layers ul li.placeholder {
		background:blue;
	}

.tool_item_layer {
	text-align:center;
	background:white;
	border:1px solid black;
	height:50px;
	padding:5px;
}

/* COMMON */
.cleaner {
	margin:0;
	padding:0;
	line-height:0;
	clear:both;
}

.placeholder {
	position:absolute;
	/*border:1px solid red;*/
}

.placeholder_photo, .placeholder_text {
	/*border:1px ridge silver;*/
	/*background:black;*/
	/*opacity:.25;*/
	/* IE opacity */
	/*-ms-filter	:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
	filter		: alpha(opacity=25);*/
}
	.placeholder img, .layer img {
		width:100%;
		height:100%;
	}

.placeholder_frame {
	/*border:1px dotted red;*/
}


.layer {
	position:absolute;
	overflow:visible;
	/*padding:20px;*/
	/*border:1px dotted red;*/
	/*background:silver;*/
}
	.layer_hover_border {
		/*border:1px dotted red;*/
	}
	.sublayer {
		/*border:1px solid yellow;*/
		position:absolute;
		overflow:visible;
		/*top:0px;
		left:0px;*/
		width:100%;
		height:100%;
	}

.layer_photo {
	position:absolute;
	width:100%;
	height:100%;
	margin:0;
	top:0;
	left:0;
	-ms-filter	:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter		: alpha(opacity=100);
}

.layer_frame {
	position:absolute;
	overflow:visible;
	width:100%;
	height:100%;
/* 	opacity:.5; */
}

.layer_text {
	/*position:absolute;*/
	cursor:default;
	width:auto;
	height:auto;
	/*border:1px solid green;*/
}

.layer_text span {
	background:silver;
}

.borderAnim {
	position:absolute;
	-ms-filter	:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter		: alpha(opacity=100);
	z-index		: 1002;
}

.borderAnimHT {
	top:0px;
	left:0px;
	/*right:-1px;*/
	width:100%;
	/*margin:-1px -1px 0 -1px;*/
	height:1px;
	background:url('./img/border-anim-h.gif') repeat-x;
}
.borderAnimHB {
	bottom:0px;
	left:0px;
	/*right:-1px;*/
	/*margin:0 -1px -1px -1px;*/
	width:100%;
	height:1px;
	background:url('./img/border-anim-h.gif') repeat-x;
}
.borderAnimVL {
	top:0px;
	left:0px;
	height:100%;
	/*margin:-1px 0 -1px -1px;*/
	width:1px;
	background:url('./img/border-anim-v.gif') repeat-y;
}
.borderAnimVR {
	top:0px;
	right:0px;
	height:100%;
	/*margin:-1px -1px -1px 0;*/
	width:1px;
	background:url('./img/border-anim-v.gif') repeat-y;
}

.borderPlaceholder {
	position:absolute;
	-ms-filter	:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter		: alpha(opacity=100);
	z-index		: 1002;
}

.borderNoAnimHT {
	top:0px;
	left:0px;
	/*right:-1px;*/
	width:100%;
	/*margin:-1px -1px 0 -1px;*/
	height:1px;
	background:url('./img/border-h.gif') repeat-x;
}
.borderNoAnimHB {
	bottom:0px;
	left:0px;
	/*right:-1px;*/
	/*margin:0 -1px -1px -1px;*/
	width:100%;
	height:1px;
	background:url('./img/border-h.gif') repeat-x;
}
.borderNoAnimVL {
	top:0px;
	left:0px;
	height:100%;
	/*margin:-1px 0 -1px -1px;*/
	width:1px;
	background:url('./img/border-v.gif') repeat-y;
}
.borderNoAnimVR {
	top:0px;
	right:0px;
	height:100%;
	/*margin:-1px -1px -1px 0;*/
	width:1px;
	background:url('./img/border-v.gif') repeat-y;
}

.layer_hover {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:green;
	opacity:.7;
	/* IE opacity */
	-ms-filter	:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter		: alpha(opacity=70);
	z-index:9998;
}

.placeholder_hover {
	background:green;
	/*border:5px solid red;*/
	opacity:.7;
	/* IE opacity */
	-ms-filter	:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter		: alpha(opacity=70);
}

.hidden {
	display:none;
}

.inactive {
	opacity:.45;
	/* IE opacity */
	-ms-filter	:"progid:DXImageTransform.Microsoft.Alpha(Opacity=45)";
	filter		: alpha(opacity=45);
}

.intrash {
	position:absolute;
	background:red;
	opacity:.7;
	/* IE opacity */
	-ms-filter	:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter		: alpha(opacity=70);
	z-index:9999;
}

.tool_button {
	background:url('./icons/default.png') no-repeat 2px center;
	padding:3px 0px 3px 20px;
	border:1px outset white;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-size:10px;
	line-height:16px;
	height:22px;
	cursor:pointer;
	margin-right:5px;
	float:left;
}
.tool_button:hover {
	/*border-color:red;*/
	border:1px inset white;
}
.tool_button:active {
	/*border-color:red;*/
	border:1px inset red;
}
.tool_button:disabled {
	opacity:.3;
	/* IE opacity */
	-ms-filter	:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter		: alpha(opacity=30);
}

.tool_item_layer img {
	width:auto;
	height:50px;
}

.tool_item_overlay, .tool_item_overlay_content {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	visibility:hidden;
}
.tool_item_overlay {
	background:black;
	opacity:.5;
}

#bgSlider {
	width:100px;
	float:left;
	margin:5px 7px;
}
	#bgSlider.ui-slider-handle {
		width:10px;
	}

#bgSliderValue {
	width:30px;
	font-size:12px;
	text-align:center;
}

/*#upload2	{ background-image:url('./icons/uploadimg.png'); }*/
#help, #toolSelectorHelp { background-image:url('./icons/help.png'); }
#order		{
			background-image:url('./icons/order.png');
			padding: 2px 5px 0 30px;
			font-size: 18px;
			height: 32px;
			line-height: 32px;
			background-position: 7px center;
}
#save		{ background-image:url('./icons/save.png'); }
#toggleTpl	{ background-image:url('./icons/toggleTpl.png'); }
#saveTemplate	{ background-image:url('./icons/savetemplate.png'); }
#copyLayer	{ background-image:url('./icons/duplicate.png'); }
#layerUp	{ background-image:url('./icons/up.png'); }
#layerDown	{ background-image:url('./icons/down.png'); }
#layerTop	{ background-image:url('./icons/top.png'); }
#layerBottom	{ background-image:url('./icons/bottom.png'); }
#undo		{ background-image:url('./icons/undo.png'); }
#redo		{ background-image:url('./icons/redo.png'); }
#delFrame	{ background-image:url('./icons/delframe.png'); }
#delLayer	{ background-image:url('./icons/dellayer.png'); }
#delLayers	{ background-image:url('./icons/dellayers.png'); }
#export		{ background-image:url('./icons/export_photos.png'); }
#home		{ background-image:url('./icons/home.png'); }

.fsDiv		{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:black;
	color:black;
	opacity:.7;
	/* IE opacity */
	-ms-filter	:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter		: alpha(opacity=70);
}
.fsDivContent	{ position:fixed;top:0;left:0;background:silver;color:black;padding:20px; }
.fsDivCloser	{ position:absolute;top:-12px;right:-12px;width:24px;height:24px;background:url('./icons/close.png');cursor:pointer; }
.fsDivContent a {
	color:blue;
}
.fsDivContent h1, .fsDivContent h2, .fsDivContent h3, .fsDivContent h4, .fsDivContent h5  {
	color:black;
}
/*.progressBox	{ position:fixed;padding:10px;background:silver; }*/

.progressNote {
	font-size	: 12px;
	font-style	: italic;
	padding		: 5px;
}

.subtools_container {
	position:absolute;
	top:10px;
	right:10px;
}
.subtools_overlay {
	position:absolute;
	width:100%;
	height:100%;
	background:black;
	opacity:.7;
	z-index:0;
}
.subtools {
	position:relative;
	/*border:1px solid red;*/
	padding:5px;
	color:white;
	z-index:1;
}

.printmargin, .shelfback {
	position	: absolute;
	background	: white;
	color		: black;
	text-align	: center;
	font-size	: 8px;
	opacity		: .5;
	/* IE opacity */
	-ms-filter	:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter		: alpha(opacity=50);
	z-index		: 5000;
}
	.printmargin {
		background		: #FFC7C8;
		text-align		: center;
		font-size		: 6px;
		color			: black;
	}
	.printmarginTop {
		background-image	: url('img/scissors_top_s.png');
		background-repeat	: repeat-x;
		background-position	: center bottom;
		border-bottom		: 1px dotted black;
	}
	.printmarginBottom {
		background-image	: url('img/scissors_bottom_s.png');
		background-repeat	: repeat-x;
		background-position	: center top;
		border-top		: 1px dotted black;
	}
	.printmarginLeft {
		background-image	: url('img/scissors_left_s.png');
		background-repeat	: repeat-y;
		background-position	: center right;
		border-right		: 1px dotted black;
	}
	.printmarginRight {
		background-image	: url('img/scissors_right_s.png');
		background-repeat	: repeat-y;
		background-position	: center left;
		border-left		: 1px dotted black;
	}
	
	.bookletTitle {
		background		: none;
		text-align		: center;
		color			: red;
		font-weight		: bold;
		font-size		: 20px;
		opacity			: .75;
		/* IE opacity */
		-ms-filter		:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
		filter			: alpha(opacity=75);
	}

.idealmargin {
	position	: absolute;
	background	: white;
	color		: black;
	text-align	: center;
	height		: 1px;
	opacity		: .25;
	/* IE opacity */
	-ms-filter	:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter		: alpha(opacity=25);
	z-index		: 5000;
	text-align	: center;
	font-size	: 6px;
	color		: black;
}
	.idealmarginTop {
		border-bottom		: 1px dashed black;
	}
	.idealmarginBottom {
		border-top		: 1px dashed black;
	}
	.idealmarginLeft {
		border-right		: 1px dashed black;
	}
	.idealmarginRight {
		border-left		: 1px dashed black;
	}

.shelfback {
	z-index		: 0;
}

/*div.hr {
	height:0px;
	border-bottom:2px groove white;
	margin:5px 0px;
}*/

/* == POKUSY ======================================================================================================== */

/* Globalni nastaveni ikonky transformace */
.ui-icon {
	background:white;
	-ms-filter	:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter		: alpha(opacity=100);
}

/* Kazdou jednotlivou ikonku transformace lze upravovat */
.transformable-handle-rotate {
	position:absolute;
	border:1px solid red;
	/*margin-top:-18px;
	margin-right:-18px;*/
	margin-top:0px;
	margin-right:0px;
	_margin:0px;
	*margin:0px;
}
.ui-resizable-se {
	position:absolute;
	border:1px solid red;
	/*margin-bottom:-18px;
	margin-right:-18px;*/
	margin-bottom:0px;
	margin-right:0px;
	_margin:0px;
	*margin:0px;
}

.btnLayerDelete {
	position:absolute;
	border:1px solid red;
	width:16px;
	height:16px;
/*	line-height:16px;
	text-align:center;*/
	/*margin-top:-17px;
	margin-left:-17px;*/
	margin-top:0px;
	margin-left:0px;
/*	background:white;
	color:red;
	z-index:9999999999;
	cursor:pointer;*/
	_margin:0px;
	*margin:0px;
}

.transformSetupWindow {
	position	: absolute;
	background	: silver;
	float		: left;
	padding		: 5px;
	border		: 1px solid gray;
	color		: gray;
	font-size	: 10px;
}
	.transformSetupWindow table tr td {
		vertical-align	: middle;
		text-align	: left;
	}
	.transformSetupWindow label {
		display		: block;
		background	: gray;
		color		: silver;
		font-weight	: bold;
		padding		: 3px;
		margin-bottom	: 5px;
		cursor		: move;
	}
/*	.transformSetupWindow .title {
		width		: 75px;
		float		: left;
		padding		: 2px;
		line-height	: 20px;
		vertical-align	: middle;
	}*/
	.transformSetupWindow .slider {
		margin		: 0px 10px;
		width		: 100px;
		/*float		: left;*/
		border		: 1px solid silver;
		background	: gray;
	}
	.transformSetupWindow input {
		border		: 1px solid gray;
		background	: white;
		/*font-size	: 10px;*/
		width		: 25px;
		text-align	: center;
	}

.tool_item label {
	display:none;
}
.tool_item_template label {
	display:block;
	position:absolute;
	top:10px;
	left:10px;
	color:black;
	font-size:10px;
	padding:3px;
	background:white;
}

.small {
	font-size:10px;
}

.center {
	text-align:center;
}

.transTbl tr th, .transTbl tr td {
	padding:1px;
}

.buttonCustom {
	position:relative;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	height:38px;
	background:#292929 url('./icons/button_bg_left.gif') left center no-repeat;
	cursor:pointer;
	margin:10px 0px;
}
	.buttonCustom_text {
		position:relative;
		float:left;
		margin-left:20px;
		padding-right:5px;
		color:#ff8391;
		font-weight:bold;
		line-height:38px;
		background:#292929 url('./icons/button_bg_main.gif') center repeat-x;
	}
	.buttonCustom_icon {
		position:relative;
		float:right;
		width:38px;
		height:38px;
		background:url('./icons/button_icon_arrow.gif') center no-repeat;
	}
.buttonCustom_24 {
	height:24px;
	background:#292929 url('./icons/button_bg_left_24.gif') left center no-repeat;
	margin:5px 0px;
}
	.buttonCustom_text_24 {
		margin-left:10px;
		padding-right:1px;
		line-height:24px;
		background:#292929 url('./icons/button_bg_main_24.gif') center repeat-x;
	}
	.buttonCustom_icon_24 {
		width:24px;
		height:24px;
		background:url('./icons/button_icon_arrow_24.gif') center no-repeat;
	}

.cycle {
	/*border:1px solid #ff8391;*/
	/*width:100%;*/
	width:100%;
	display:block;
	min-height:42px;
	background-color	: #E5F1FF;
	border			: 1px solid #BFCDE0;
}
	.cycle li {
		display:inline-block;
		padding:10px;
		white-space:nowrap;
		width:100% !important;
	}

/*input[type=submit], input[type=button] {
	border:2px solid #ff8391;
	background-color:#292929;
	color:#ff8391;
	font-weight:bold;
	cursor:pointer;
	margin:5px 0;
	padding:5px 10px;
	
}*/

/*.box {position: absolute; width:300px; height: 300px; border: 1px black solid; top: 210px; z-index:10}
.box1 {background-color: #d0d0d0;}
.box2 {position: absolute; top: 30px; left: 10px; width:200px; height: 200px; border: 1px blue solid; background-color: white;}
.box.ui-resizable-disabled { opacity: 1.0; filter: Alpha(Opacity=100);}
.infobox {position: absolute; width:400px; height: 175px; border: 1px green solid; font-size: 10px}
li{ list-style-type: bold; padding: 0; margin-left: 36px;} */

.fancybox-slide--iframe .fancybox-content {
    max-width  : 80vw;
    max-height : 80vh;
    margin: 0;
    padding: 20px;
}