@import url(auth.css);
@import url(location.css);
@import url(subscribe.css);
/* Modal Window Loader And Base Styles (modal.css)
*
* 
* 
* auth form <<< modals/auth.css
*
* OTHER LIBS
*
* menu.css
* txt.css
* wrappers.css
* fonts.css
* inputs.css
*/
.modal-mode {
	overflow: hidden;
}
.modal-overlay {
	position: fixed;
	overflow: hidden;
	width: 100%; height: 100%;
	top: 0; bottom: 0; left: 0; right: 0;
	z-index: 9999;
	background: url(../../images/bg_m-overlay.png);	
}
	.modal-mode .modal-overlay {
		overflow-y: auto;
	}
/* Modal 1 */
.modal {
	position: relative;
	border-radius: 4px;
	border: 2px solid #57A7C8;
	min-height: 285px;
		text-align: left;
		background: #F9FAFD;
}
	.modal:before {
		content: '';
		display: block;
		width: 100%; height: 41px;
			position: absolute;	
			top: 0;	left: 0;
			z-index: 0;			
				border-radius: 4px 4px 0 0;	
				background: url(../../images/bg_m-top.png) repeat-x;
	}
	.modal:after {
		content: '';
		display: block;
		width: 100%; height: 68px;
			position: absolute;	
			bottom: 0;	left: 0;
			z-index: 0;
				background: url(../../images/bg_m-neon.png) repeat-x;
	}
.modal__h2 {
	font-size: 18px;
	color: #333333;
	padding: 20px 0 0 30px;
}
.modal__close {
	cursor:pointer;
	position: absolute;
	float: right;
	top: 20px; right: 20px;
}
.modal__close:active {
	margin-top: 1px;
}
.modal__close:hover:after {
	color: #D80000;
}
	.modal__close:after {
		content: 'X';
		font-size: 16px;
		font-family: 'CR-regular';
		color: #999999;
	}
/* END: Modal 1 */
/* Modal 2 */
.modal2 {
	position: absolute;
	z-index: 10000;
	min-height: 100%;
		border-radius: 4px 4px 0 0;
		border: 3px solid #222222;
		border-bottom: 0;
		border-top: 0;		
		text-align: left;
		background: #ffffff;
}

	.modal2__close {
		cursor:pointer;
		height: 16px;
		position: absolute;
		z-index:2;
			float: right;
			top: 13px; right: 24px;
			color: #333333;
			font-size: 15px;
			background: url(../../images/dots_grey.gif) left bottom repeat-x;		
	}
	.modal2__close:active {
		margin-top: 1px;
	}
		.modal2__close:before {
			content: 'X';
			font-size: 16px;
			font-family: 'CR-regular';
			color: #333333;
			position: absolute;
			margin: 0 0 0 -24px;
			background: none !important;
		}
			.modal2__close:hover,
			.modal2__close:hover:before{
				color: #D80000;
				background-image: url(../../images/dots_pink.gif);	
			}
	.modal2__hpanel1 {
		min-height: 39px;
		position: fixed;
		z-index: 1;
			border-top: 3px solid #222222;
			border-bottom: 1px solid #acacac;
			background: #E7F3F8;	
			box-shadow: 0 2px 0px #f0f0f0;				
	}	
/* MODAL2 ARROWS */
	.modal2__prev,
	.modal2__next {
		position: fixed;
		width: 50%; height: 250px;
		top: 300px;
			opacity: .75;				
			z-index: 100000;
			cursor: pointer;
	}
	.modal2__prev {
		margin-left: -50%;
	}
	.modal2__next {
/* 		margin-left: 960px; */ 
/* Указать значение = ширине родительского блока */
	}	
		.modal2__prev:hover,
		.modal2__next:hover {		
			opacity: 1;
		}
		.modal2__prev:active,
		.modal2__next:active {
			margin-top: 1px;
		}
		.modal2__prev:before,
		.modal2__next:before {
			content: 'p';
			float: right;	
			position: relative;			
			width: 60px;	
			top: 50%; margin-top: -31px;
				font-family: 'CR-regular';	
				color: #ffffff;
				font-size: 62px;	
					text-shadow: 0 1px 1px black !important;				
		}
		.modal2__prev:before {
			right: 20px;
		}
		.modal2__next:before {
			content: 'n';
			float: left;
			left: 16px;
				text-align: right;
		}