/* ===== 'popup.css' ===== */

/* =important
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- -- */
/* - обязательные стили - */
.hide {
	display: none;
}
.invisible {
	visibility: hidden;
}
/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */


/* =keeper
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- -- */
.keeper {
	/*width: ; - устанавливается через скрипт - */
	/*height: ; - устанавливается через скрипт - */
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1000000; /* - базовый z-index - */
}
/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */


/* =eclipse
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- -- */
.eclipse {
	/*width: ; - устанавливается через скрипт - */
	/*height: ; - устанавливается через скрипт - */
	background: #000;
	opacity: 0.7;
	position: relative;
	z-index: 1000001; /* - для элемента 'keeper' - */
}
/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */


/* =popup
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- -- */

/* --- wrapper for the popup corners --- */
.popup-corn-wrap {
	margin: 30px; /* - отступы, когда размер содержимого больше, чем размер области просмотра (но не меньше, чем половина от полного размера уголков) - */
	position: absolute; /* - для позиционирования углов и теней - */
	/*left: 0; - устанавливается через скрипт - */
	/*top: 0; - устанавливается через скрипт - */
	z-index: 1000002; /* - для элемента 'eclipse' - */
}
.method-text {
	width: 700px; /* - для метода 'text' - */
}
.method-image {
	width: 400px; /* - для метода 'image' - */
}
	
	/* --- location of corners & shadows --- */
	.popup-corn-tl, .popup-corn-tc, .popup-corn-tr,
	.popup-corn-cl, .popup-corn-cr,
	.popup-corn-bl, .popup-corn-bc, .popup-corn-br {
		font-size: 0; /* - для ie при маленьких размерах уголков - */
		position: absolute;
	}
	/* --- !!! --- */
	.popup-corn-tl, .popup-corn-tc, .popup-corn-tr {
		top: -5px;
	}
	.popup-corn-bl, .popup-corn-bc, .popup-corn-br {
		bottom: -5px;
	}
	.popup-corn-tl, .popup-corn-cl, .popup-corn-bl {
		left: -5px;
	}
	.popup-corn-tr, .popup-corn-cr, .popup-corn-br {
		right: -5px;
	}
	/* --- // location of corners & shadows // --- */
	
	/* --- corners --- */
	.popup-corn-tl, .popup-corn-tr,
	.popup-corn-bl, .popup-corn-br {
		width: 10px;
		height: 10px;
		background: url(../img/popup_corn.png) no-repeat;
	}
	/* --- !!! --- */
	.popup-corn-tl {
		clip: rect(0, 5px, 5px, 0);
	}
	.popup-corn-tr {
		clip: rect(0, 10px, 5px, 5px);
	}
	.popup-corn-bl {
		clip: rect(5px, 5px, 10px, 0);
	}
	.popup-corn-br {
		clip: rect(5px, 10px, 10px, 5px);
	}
	/* --- // corners // --- */
	
	/* --- horizontal shadows --- */
	.popup-corn-tc,
	.popup-corn-bc {
		width: 100%;
		height: 10px;
		background: #fff;
		left: 0;
	}
	/* --- !!! --- */
	.popup-corn-tc {
		clip: rect(0, auto, 5px, 0);
	}
	.popup-corn-bc {
		clip: rect(5px, auto, 10px, auto);
	}
	/* --- // horizontal shadows // --- */
	
	/* --- vertical shadows --- */
	.popup-corn-cl,
	.popup-corn-cr {
		width: 10px;
		height: 100%;
		background: #fff;
		top: 0;
	}
	/* --- !!! --- */
	.popup-corn-cl {
		clip: rect(0, 5px, auto, 0);
	}
	.popup-corn-cr {
		clip: rect(0, 10px, auto, 5px);
	}
	/* --- // vertical shadows // --- */
	
	/* --- close button --- */
	.popup-close {
		width: 45px;
		height: 135px;
		background: url(../img/popup_button.png) no-repeat;
		clip: rect(0, 45px, 45px, 0);
		outline: none;
		position: absolute;
		right: -28px;
		top: -26px;
		z-index: 1000005; /* - для элемента 'popup-corn-content' - */
	}
		.popup-close img {
			border: none;
			font-size: 1.2em;
			vertical-align: bottom;
		}
	/* --- // close button // --- */
	
	/* --- popup content --- */
	.popup-corn-content {
		min-height: 150px; /* - для элемента 'popup-loader' - */
		padding: 10px;
		background: #fff;
		position: relative; /* - для элемента 'popup-loader' - */
		z-index: 1000003; /* - для элемента 'popup-close' - */
	}
		
		/* --- popup loader --- */
		.popup-loader {
			width: 220px;
			height: 70px;
			margin: -35px 0 0 -110px;
			background: #fff; /* - для ie - */
			text-align: center;
			position: absolute;
			top: 50%;
			left: 50%;
			z-index: 1000004; /* - для элемента 'popup-corn-content' - */
		}
			.popup-loader h5 {
				margin: 10px 0;
				font-size: 2em;
				font-weight: normal;
			}
			.popup-loader img {
				font-size: 1.2em;
			}
		/* --- // popup loader // --- */
		
		/* --- popup & gallery item --- */
		.popup-item {
			background: #fff; /* - для ie - */
			position: relative; /* - для элемента 'popup-loader' - */
			opacity: 0;
			z-index: 1000004; /* - для элемента 'popup-corn-content' - */
		}
		/* --- !!! --- */
		.gallery-item {
			text-align: center;
		}
			.gallery-item img {
				border: none;
				font-size: 1.2em;
				vertical-align: bottom;
			}
		/* --- !!! --- */
		.gallery-title {
			margin: 10px 0 0 0;
			font-size: 1.6em;
			text-align: center;
		}
		.gallery-descr {
			margin: 10px 0 0 0;
			font-size: 1.3em;
		}
		/* --- !!! --- */
		.gallery-nav {
			height: 45px;
			margin-top: 10px;
			position: relative; /* - для элемента 'gallery-nav a' - */
			z-index: 1000005; /* - для элемента 'popup-item' - */
		}
			/* --- !!! --- */
			.gallery-nav a {
				width: 45px;
				height: 135px;
				background: url(../img/popup_button.png) no-repeat;
				outline: none;
				position: absolute;
			}
			.gallery-nav a.gallery-prev {
				margin-left: -45px;
				clip: rect(45px, 45px, 90px, 0);
				left: 50%;
				top: -45px;
			}
			.gallery-nav a.gallery-next {
				margin-right: -45px;
				clip: rect(90px, 45px, 135px, 0);
				right: 50%;
				top: -90px;
			}
				/* --- !!! --- */
				.gallery-nav img {
					border: none;
					font-size: 1.2em;
					vertical-align: bottom;
				}
		/* --- // popup & gallery item // --- */
		
	/* --- // popup content // --- */
	
/* --- // wrapper for the popup corners // --- */

/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */


/* --- © Tarik, 2011 --- */

/* ===== // 'popup.css' // ===== */