BODY{
	margin: 0;
	padding: 0;
	font-family: 'Arimo', sans-serif;
	background: #eaeaea;
}

.list-banner{
	display: block;
	padding-top: 24px;
	text-align: center;
}

.bottom-banner-new{
	text-align: center;
	padding: 30px 0px 0px 0px;
}

.avatanplus-wrap{
	background: #eaeaea;
	margin: 0px;
	padding: 0px;
}

.avatanplus-wrap A{
	color: #444;
}

.avatanplus-wrap A:hover{
	text-decoration: underline;
}

.avatanplus-header{
	background: #fff;
	padding: 14px 14px;
}
	.avatanplus-header .logo-icon{
		display: inline-block;
		top: 10px;
		left: 10x;
		width: 140px;
		height: 38px;
		background: url('/layout_main/img/logo.png');
		vertical-align: middle;
	}
	.avatanplus-header .menu{
		display: inline-block;
		margin-left: 20px;
		position: relative;
   		top: 2px;
   		left: 0px;
	}
	.avatanplus-header .menu A{
		color: #333;
		text-decoration: none;
		display: inline-block;
		margin-left: 10px;
	}

.avatanplus-partial{
	background: #eaeaea;
	padding: 20px 0px;
	margin-top: -30px;
}
	.avatanplus-partial .middle-container{
		width: 971px;
		margin: 0 auto;
	}

.avatanplus-middle{
	width: 971px;
	margin: 0 auto;
}

.clear{
	float: none;
	clear: both;
}

.list .elements-col:nth-child(2){margin-right: 0px;}

.elements-col{
	float: left;
	margin-right: 8px;
}
	
	.elements-col.fullwidth.x2{width: 450px;}
	.elements-col.fullwidth.x3{width: 315px;}
	.elements-col.fullwidth.x4{width: 233px;}

	.elements-col.cabwidth.x1{width: 598px;}
	.elements-col.cabwidth.x2{width: 295px;}
	.elements-col.cabwidth.x3{width: 191px;}

	.elements-col.cabwidth.x1 .element .__one IMG{max-height: none;}

	.elements-col.cabwidth.x1 .mid.__two IMG{
		width: 298px;
		max-width: 50%;
	}

	.elements-col.cabwidth.x1 .mid.__two IMG.original{
		width: 299px;
	}


.element{
	background: #fff;
	width: 100%;
	margin-bottom: 10px;
	border-radius: 3px;
}
	.element .top{
		padding: 10px;
		position: relative;
		min-height: 25px;
	}

	.element .top .shop-modal-btn{
		width: 30px;
		height: 30px;
		background: url('../i/spr17.png?v=10000') no-repeat -33px -352px;
		cursor: pointer;
		display: inline-block;
		position: absolute;
	    right: 6px;
	    top: 50px;
	    opacity: 0;
	    transition: opacity 0.2s;
	}
		.element:hover > .top .shop-modal-btn{
			opacity: 1;
		}

		.element .top .shop-modal-btn._phone{
			background-position: -1px -352px;
		}

	.element .top .user{
		color: #444444;
		font-size: 13px;
		vertical-align: middle;
		text-decoration: none;
	}

	.element .top .user IMG{
		width: 25px;
		height: 25px;
		border-radius: 3px;
		margin-right: 4px;
		vertical-align: middle;
	}

	.element .top .edit{
		background: rgba(0, 0, 0, 0) url("../i/spr17.png?v=10000") repeat scroll -71px -4px;
	    height: 20px;
	    position: absolute;
	    right: 8px;
	    top: 12px;
	    width: 20px;
	    cursor: pointer;
	}

	.element .mid-adv{
		text-align: center;
		padding: 10px 0px;
	}

	.element .mid{
		display: block;
		text-align: center;
	}
		.element .mid.__one IMG{
			max-width: 100%;
		}

		.element .mid.__resource-2.__one IMG{
			max-height: 256px;
		}

		.element .mid.__one.__frame IMG{
			max-height: none;
		}

		.elements-col.cabwidth.x2 .element .mid.__one IMG{
			max-height: none;
		}

		.element .mid.__two IMG{
			vertical-align: middle;
		}

		.elements-col.fullwidth.x3 .element .mid.__two IMG{
			width: 157px;
		}

		/*
		.elements-col.fullwidth.x3 .element .mid.__two IMG.original{
			width: 150px;
		}

		*/

		.elements-col.cabwidth.x2 .element .mid.__two IMG{width: 145px;}
		.more .element .mid.__two IMG{width: 149px;}
		.more .element .mid.__two IMG.original{width: 150px;}


		.element .original{
			padding-right: 1px;
		}

	.element .mid.__bkg{
		background: url('../layout_main/img/ps-bkg.png?v=10000');
	}

	.element .bottom{
		height: 42px;
		position: relative;
	}
		.element .bottom .title{
			position: absolute;
			top: 15px;
			left: 9px;
			color: #818181;
			font-size: 13px;
			text-decoration: none;
		}

		.element .bottom .btns{
			position: absolute;
			top: 11px;
			right: 1px;
			font-size: 12px;
			cursor: pointer;
			color: #959595;
		}
			.element .bottom .btns I{
				display: inline-block;
				vertical-align: middle;
				background: url('/i/spr17.png?v=10000');
				margin-right: 4px;
			}
			.element .bottom .btns .like{
				margin-right: 3px;
				margin-left: 3px;
			}
			.element .bottom .btns .like I{
				background-position: -55px -86px;
				width: 19px;
				height: 17px;
			}


				/*.element .bottom .btns .like:hover > I,*/
				.element .bottom .btns .like.active I{
					background-position: -55px -65px;
				}

			.element .bottom .btns .fav I{
				width: 23px;
				height: 21px;
				background-position: -28px -82px;
				margin-right: 2px;
				position:relative;
				top: -1px;
			}

				/*.element .bottom .btns .fav:hover > I,*/
				.element .bottom .btns .fav.active I{
					background-position: -2px -82px
				}

				.element .bottom .btns .fav.disabled I{
				opacity: 0.6;
				cursor: default;
			}



.front-page-row{
	position: relative;
}

.front-page-row H2 A{
	display: block;
	text-decoration: none;
	color: #444;
	font-size: 20px;
	margin-top: 20px;
	margin-bottom: 15px;
	width: 200px;
	font-weight: bold;
}

.front-page-row .show-more{
	color: #444;
    font-size: 13px;
    position: absolute;
    right: 15px;
    top: 7px;
}
	.front-page-row .show-more:hover{
		text-decoration: underline;
	}

.main-block H1{
	color: #444;
	font-size: 20px;
	padding-top: 15px;
	margin-bottom: 15px;
	display: inline-block;
	font-weight: bold;
}

	.main-block .order-selector{
		display: inline-block;
		font-size: 13px;
		margin-left: 22px;
		font-weight: bold;
		color: #444;
		position: relative;
		top: -1px;
	}
		.main-block .order-selector A{
			font-weight: normal;
			text-decoration: none;
		}

		.main-block .order-selector A:hover{
			text-decoration: underline;
		}

.list-container{
	display: block;
	margin-top: 10px;
}

.detail-left{
	width: 654px;
	float: left;
	background: #fff;
	border-left: 1px solid #d6e3f6;
	border-right: 1px solid #d6e3f6;
	margin-top: 15px;
}
	.detail-left .detail-banner{
		height: 55px;
   		padding: 5px;
		background: #d8e5ee;
	}
	.detail-left .effect-btns{
		padding: 12px 12px 6px;
		position: relative;
		height: 35px;
	}
	
	.detail-left .apply-to-photo, .detail-left .apply-resource{
		cursor: pointer;
		padding: 15px 45px 17px 50px;
		position: relative;
		color: #fff;
		float: left;
	}
		
		.detail-left .apply-to-photo .arrow-left, .detail-left .apply-resource .arrow-left{
			width: 14px;
			height: 14px;
			position: absolute;
			top: 15px;
			left: 20px;
			background: url('../i/spr15.png?v=10000') no-repeat -59px -5px;
		}
	
		.white-btn.edit-btn{
			width: 62px;
			height: 39px;
			float: right;
			position: absolute;
			top: 10px;
			right: 75px;
		}
			.white-btn.edit-btn SPAN{
				position: absolute;
				width: 18px;
				height: 18px;
				background: url('../i/spr16.png?v=10000') no-repeat -26px -5px;
				top: 9px;
				left: 22px;
			}
			
		.white-btn.delete-btn{
			width: 62px;
			height: 39px;
			float: right;
			margin-left: 8px;
			position: absolute;
			top: 10px;
			right: 6px;
		}
			
			.white-btn.delete-btn SPAN{
				position: absolute;
				width: 18px;
				height: 18px;
				background: url('../i/spr16.png?v=10000') no-repeat  -27px -25px;
				top: 9px;
				left: 22px;
			}
		
	
	.detail-left .edit-btns{
		color: #777;
		font-size: 12px;
	}
		.detail-left .edit-btns A{
			color: #777;
			font-size: 12px;
		}
		
		.detail-left .edit-btns A:hover{
			text-decoration: underline;
		}
		
	.detail-left .edit-effect{
		color: #298AC2;
		display: block;
		margin: 13px 10px;
		display: inline-block;
		border-bottom: 1px dashed #298AC2;
		font-size: 12px;
		margin-bottom: 0px;
	}
	
	
	.detail-left .apply{
		display: block;
		background: url('../i/apply-to-photo-btn.png?v=10000');
		width: 208px;
		height: 37px;
		margin-top: 18px;
	}
	
	.detail-left .photos{
		margin-top: 17px;
		padding-bottom: 12px;
		margin-bottom: 18px;
		text-align:center;
		width: 654px;
	}
		.detail-left .photos A{position: relative; display: inline-block;}

		.detail-left .photos .shop-modal-btn{
			width: 46px;
			height: 46px;
			background: url('../i/spr17.png?v=10000') no-repeat -46px -302px;
			position: absolute;
			top: 5px;
			right: 5px;
			opacity: 0;
			transition: opacity 0.2s;
		}
			.detail-left .photos .shop-modal-btn._phone{
				background-position: 0 -302px;
			}

			.detail-left .photos A:hover > .shop-modal-btn{
				opacity: 1;

			}

		.detail-left .photos._bkg A{
			display: inline-block;
			background: url("../layout_main/img/ps-bkg.png?v=10000") repeat scroll 0 0;
		}

		.detail-left .photos IMG{
			display: inline-block;
			vertical-align: middle;
		}
			.detail-left .photos .second{
				margin-left: 18px;
			}
	
	
	.detail-left .about-item{
		padding-left: 8px;
		position: relative;
		height: 92px;
		width: 634px;
	}

		.detail-left .about-item .upic{
			width: 40px;
			height: 40px;
			border-radius: 3px;
		}
		
		.detail-left .about-item H1{
			position: absolute;
			left: 60px;
			top: -15px;
			font-size: 18px;
			font-weight: normal;
		}
		
		.detail-left .about-item .user{
			display: block;
			position: absolute;
			left: 60px;
			top: 22px;
			font-size: 12px;
			color: #444;
			font-weight: normal;
		}

		.detail-left .about-item .abuse{
			color: #445e7f;
		    cursor: pointer;
		    font-size: 12px;
		    position: absolute;
		    right: 0;
		    top: 22px;
		}
			.detail-left .about-item .abuse:hover{
				text-decoration: underline;
			}
		
		.detail-left .about-item .date-added{
			font-size: 12px;
			position: absolute;
			right: 0px;
			top: 5px;
			color: #808080;
			display: none;
		}

		.detail-left .tags{
			margin-left: 7px;
			margin-top: 15px;
			font-size: 13px;
		}
			.detail-left .tags .tag{
				display: inline-block;
				padding: 6px;
				margin-left: 3px;
				cursor: pointer;
				color: #919191;
			}
				.detail-left .tags .tag:hover{
					color: #969696;
					text-decoration: none;
				}

	.detail-fav-like{
		margin-top: 10px;
		cursor: pointer;
	}
		.detail-fav-like I{
			background: url('../i/spr16.png?v=10000');
			display: inline-block;
			vertical-align: middle;
		}

		.detail-fav-like B{
			vertical-align: middle;
		}
		.detail-fav-like .like{
			margin-left: 10px;
		}
			.detail-fav-like .fav I{
				width: 42px;
				height: 41px;
				background-position: -47px -51px;
			}

			.detail-fav-like .fav.disabled I{
				opacity: 0.6;
				cursor: default;
			}

		.detail-fav-like .like I{
			width: 42px;
			height: 41px;
			background-position: -47px -138px;
			position: relative;
    		top: 1px;
		}
	
	/*.detail-fav-like .fav:hover > I,*/
	.detail-fav-like .fav.active I{
		background-position: -47px -97px;
	}

	/*.detail-fav-like .like:hover > I,*/
	.detail-fav-like .like.active I{
		background-position: -47px -176px;
	}
	
	.detail-left .description{
		line-height: 19px;
		font-size: 12px;
		margin-left: 12px;
		margin-top: 20px;
	}
	
		.detail-left .description .show-edit-box{
			color: #298AC2;
			display: inline-block;
			border-bottom: 1px dashed #298AC2;
		}
		
	.detail-left .edit-box{
		display: none;
	}
		.detail-left .edit-box .edit-left{
			margin-left: 13px;
			padding-top: 23px;
			width: 308px;
			float: left;
		}
		
		.detail-left .edit-box .edit-right{
			margin-left: 23px;
			padding-top: 23px;
			width: 308px;
			float: left;
		}
		
		.detail-left .edit-box .edit-title{
			background: url('../i/field-grad.png?v=10000');
			padding: 10px 13px;
			font-size: 12px;
			border: 1px solid #c9c9c9;
			border-radius: 3px;
			width: 282px;
		}
		
		.detail-left .edit-box .radios{
			padding-left: 11px;
			padding-top: 3px;
			padding-bottom: 16px;
			border-bottom: 1px solid #c9c9c9;
		}
			.detail-left .edit-box .radios LABEL{
				font-size: 12px;
				display: block;
				margin-top: 10px;
			}
			
			.detail-left .edit-box .radios INPUT{
				margin-right: 12px;
			}
			
			.detail-left .edit-box .edit-check{
				margin-left: 11px;
				font-size: 12px;
				margin-top: 13px;
				display: block;
			}
			
				.detail-left .edit-box .edit-check INPUT{
					margin-right: 12px;
				}
				
			.detail-left .edit-box TEXTAREA{
				background: #fff url('../i/textarea-grad.png?v=10000') repeat-x;
				padding: 10px 13px;
				font-size: 12px;
				border: 1px solid #c9c9c9;
				border-radius: 3px;
				resize: vertical;
				width: 282px;
				height: 115px;
				line-height: 19px;
				font-family: inherit;
				font-size: 12px;
			}
			
			.detail-left .edit-box .apply{
				background: url('../i/apply-btn.png?v=10000');
				width: 110px;
				height: 37px;
				border: none;
				display: inline-block;
				font-size: 18px;
				margin-left: 18px;
				margin-top: 22px;
			}
			
			.detail-left .edit-box .cancel{
				color: #298ac2;
				font-size: 12px;
				display: inline-block;
				text-decoration: underline;
				margin-left: 240px;
				margin-top: 22px;
			}
	
	.detail-left .user-block{
		
	}
		
	.detail-left .fav-block{
		position: relative;
		margin-top: 12px;
		border-bottom: 1px solid #93c6e3;
		padding-bottom: 12px;
		padding-left: 12px;
	}
		.detail-left .fav-block h2{
			font-size: 20px;
			font-weight: 300;
			width: 130px;
		}
			.detail-left .fav-block h2 span{
			font-weight: 400;
			}
		.detail-left .fav-block .add-btn{
			display: block;
			background: url('../i/single-add-btn.png?v=10000');
			width: 125px;
			height: 37px;
			position: absolute;
			top: 0px;
			right: 0px;
		}
	.detail-left .fav-block .fav.add{
		font-size: 12px;
		text-align: center;
		background: #fff;
		
	}
		.detail-left .fav-block .fav SPAN{
			display: block;
			margin-top: 11px;
			font-size: 12px;
			color: #295066;
		}
		
	.detail-left .fav-block .fav{
		height: 126px;
		width: 125px;
		float: left;
		margin-right: 4px;
		margin-top: 16px;
		padding: 0px;
		cursor: pointer;
	}
		.detail-left .fav-block .fav.last{
			margin-right: 0px;
		}

.detail-right{
	padding-top: 8px;
	width: 298px;
	float: left;
	margin-left: 7px;
}
	.detail-right .detail-right-banner{
		background: #d8e5ee;
		padding-top: 56px;
	}
	
	.detail-right .more{
		width: 300px;
	}
		.detail-right .more H3{
			font-size: 20px;
			font-weight: 200;
			display: inline-block;
		}
			.detail-right .more H3 SPAN{
				font-weight: 500;
				display: block;
			}
			
			.detail-right .more .author{
				margin-bottom: 10px;
				padding: 8px 0px 8px 6px;
				background: #fff;
				font-size: 12px;
				color: #000;
				width: 294px;
				line-height: 16px;
				max-height: 40px;
				overflow: hidden;
				border-bottom-right-radius: 3px;
				border-bottom-left-radius: 3px;
				position: relative;
				margin-top: 8px;
			}
				.detail-right .more .author IMG{
					width: 33px;
					height: 33px;
					border-radius: 3px;
				}

				.detail-right .more .author SPAN{
					font-weight: bold;
				    left: 48px;
				    position: absolute;
				    top: 19px;
				}
				
				.detail-right .more .author A{
					color: #445e7f;
					font-weight: normal;
				}
				
							
				.detail-right .related-element-effect{
					width: 299px;
					margin-top: 10px;
				}
					.detail-right .related-element-effect IMG{
						width: 299px;
					}
					.detail-right .related-element-effect A:hover > .name{
						text-decoration: underline;
					}
					
					.detail-right .related-element-effect .name{
						color: #555;
						font-size: 13px;
						margin-top: 5px;
						display: block;
					}
					.detail-right .related-element-effect .cover{
						overflow: hidden;
						height: 150px;
						border-radius: 3px;
					}

				.detail-right .related-element{
					width: 146px;
					height: 146px;
					float: left;
					margin-right: 8px;
					margin-top: 8px;
					background: url("../i/ps-bkg.png?v=10000") repeat scroll 0 0;
					border-radius: 3px;
				}
					.detail-right .related-element .cover{
						overflow: hidden;
						width: 146px;
						height: 146px;
						text-align: center;
						vertical-align: middle;
						border-radius: 3px;

					}

						.detail-right .related-element IMG{
							/*max-height: 120px;*/
						}

						.detail-right .related-element .original-size{
							max-width: 100%;
							max-height: 100%;
							object-fit: contain;
						}
.comments{
		margin-top: 50px;
		padding-bottom: 5px;
		margin-bottom: 30px;
	}
	
	.comments .guest{
		font-size: 12px; 
		text-align: center; 
		margin-top: 30px;
	}
	
	.comments .comments-header{
		height: 35px;
		position: relative;
		margin: 15px 10px;
		font-size: 18px;
	}
	
	.comments .comment{
		margin: 20px;
		position: relative;
	}
		.comments .comment .avatar{
			display: block;
			position: absolute;
			top: 0px;
			left: 0px;
			width: 50px;
			height: 50px;
			border-radius: 3px;
		}
	
		.comments .comment .field{
			border: 1px solid #d3d3d3;
			background: #fff;
			margin-left: 68px;
			min-height: 52px;
			border-radius: 5px;
			padding: 8px 12px;
		}
		
		.comments .comment .remove{
		    cursor: pointer;
		    display: block;
		    font-size: 11px;
		    left: 0;
		    position: absolute;
		    text-align: center;
		    top: 55px;
		    width: 51px;
		    color: #445f7d;
		}
		
		.comments .comment .outside-label{
			position: absolute;
			top: -18px;
			left: 70px;
			font-size: 12px;
		}
		
		.comments .comment.add-comment TEXTAREA{
			border: none;
			width: 98%;
			height: 100px;
			resize: vertical;
			font-family: 'Open Sans', sans-serif;
			font-size: 13px;
		}
		
		.comments .submit-comment{
			padding: 8px 30px;
			color: #000;
			margin-left: 86px;
		}
		
		.comments .comment.add-comment{
			margin-top: 30px;
		}
			.comments .comment .hdr .nickname{
				font-size: 14px;
			}
			
			.comments .comment .hdr .add-text{
				font-size: 11px;
			}

		.comments .comment .text{
			padding-top: 12px;
			line-height: 16px;
			font-size: 12px;
			word-wrap: break-word;
		}

.blue-btn{
	cursor: pointer;
	border-radius: 3px;
	position: relative;
	color: #fff;
	font-size: 14px;
	-moz-user-select: none;
	-webkit-user-select: none;
	cursor: pointer;
	background: #445f7d;
}
	
	.blue-btn:hover, .blue-btn.onHover{
		background: #3f5874;
		text-decoration: none;
	}
	
	.blue-btn:active, .blue-btn.activeState{
		background-color: #3a516b;
		text-decoration: none;
	}

				
.overlay-effect{
	display: none;
	position: absolute;
	background: #fff none repeat scroll 0 0;
    border-radius: 3px;
    box-shadow: 10px 10px 5px -8px rgba(0, 0, 0, 0.45);
    z-index: 10000;
    top: 10px;
	left: 0px;
	width: 971px;
}
	.overlay-effect SELECT{
		width: 270px;
	}
	.overlay-effect .overlay-header{
		height: 40px;
		padding-top: 10px;
		position: relative;
		width: 969px;
		background: #fff;
	}
		.overlay-effect .overlay-header .tabs{
			width: 500px;
			margin-left: 13px;
		}
		.overlay-effect .overlay-header .tabs SPAN{
			font-size: 14px;
			padding: 12px 12px 12px 40px;
			margin-right: 12px;
			color: #595959;
			display: block;
			float: left;
			cursor: pointer;
			background: url('../i/computer.png?v=10000') no-repeat 10px 10px;
		}

		.overlay-effect .overlay-header .tabs SPAN:hover, .overlay-effect .overlay-header .tabs SPAN.onHover{
			background-color: #eee;
		}

		.overlay-effect .overlay-header .tabs SPAN:active, .overlay-effect .overlay-header .tabs SPAN.activeState{
			background-color: #ddd;
		}
		
		.overlay-effect .overlay-header .tabs .local{
			background-image: url('../i/computer.png?v=10000');
		}
		
		.overlay-effect .overlay-header .tabs .vk{
			background-image: url('../i/vk.png?v=10000');
			background-position: 10px 13px;
		}
		
		.overlay-effect > .title{
		margin: 27px 20px 0px 20px;
    	padding-bottom: 23px;
    	font-size: 16px;
    	position: relative;
    	border-bottom: 1px solid #e5e5e5;
	}
		.overlay-effect > .title > SPAN{
			width: 13px;
			height: 13px;
			cursor: pointer;
			position: absolute;
			top: 8px;
			right: 10px;
			background: url('../i/modal-close.png?v=10000');
		}

			
		.overlay-effect .overlay-body1{
			width: 969px;
			background: #fff;
			padding-top: 16px;
			padding-bottom: 10px;
			border-top: none;
		}
			.overlay-effect .overlay-body1 .left{
				margin-left: 20px;
				width: 274px;
				min-height: 400px;
				float: left;
			}
				.overlay-effect .overlay-body1 .left #photo-title{
					border: 1px solid #1px solid #bebebe;
					width: 256px;
					padding: 4px;
					margin-bottom: 12px;
				}
				
				.overlay-effect .overlay-body1 .left #photo-description{
					border: 1px solid #1px solid #bebebe;
					width: 256px;
					padding: 4px;
					margin-bottom: 12px;
					height: 110px;
					font-family: inherit;
					font-size: 12px;
					margin-top: 12px;
					resize: none;
				}
				.overlay-effect .overlay-body1 .left .label{
					margin-bottom: 8px;
					font-size: 13px;
				}
				
				
				.overlay-effect .overlay-body1 .left .select-box{
					border: 1px solid #bebebe;
					width: 260px;
					padding: 4px;
					position: relative;
					margin-bottom: 10px;
					cursor: pointer;
				}
					.overlay-effect .overlay-body1 .left .select-box .arrow{
						width: 14px;
						height: 7px;
						position: absolute;
						top: 18px;
						right: 8px;
						background: url('../i/arrow-list.png?v=10000');
					}
					
					.overlay-effect .overlay-body1 .left .select-box img{
						height: 30px;
						border-radius: 15px 15px 15px 15px;
						display: inline-block;
					}
					
					.overlay-effect .overlay-body1 .left .select-box .text{
						display: inline-block;
						vertical-align: middle;
						margin-left: 7px;
						font-size: 13px;
						position: relative;
						top: -9px;
					}
					
					.overlay-effect .overlay-body1 .left .select-dropdown{
						padding: 0 12px;
						border: 1px solid #cacaca;
						width: 244px;
						position: relative;
						top: -11px;
						display: none;
						height: 300px;
						
					}
					
						.overlay-effect .overlay-body1 .left .select-dropdown .elem{
							margin-top: 12px;
							padding-bottom: 12px;
							border-bottom: 1px solid #cacaca;
							width: 240px;
							text-align: left;
							cursor: pointer;
						}
							.overlay-effect .overlay-body1 .left .select-dropdown .elem:hover{
								color: #298ac2;
							}
						
							.overlay-effect .overlay-body1 .left .select-dropdown .elem IMG{
								width: 48px;
								margin-right: 18px;
								display: inline-block;
								vertical-align: middle;
							}
							
							.overlay-effect .overlay-body1 .left .select-dropdown .elem SPAN{
								display: inline-block;
								font-size: 12px;							
							}
					
					.overlay-effect .overlay-body1 .left .user-select-search{
						border: 1px solid #cacaca;
						color: #717171;
						padding: 9px;
						padding-left: 32px;
						font-style: italic;
						padding-bottom: 12px;
						position: relative;
						top: -11px;
						left: 0px;
						border-bottom: none;
						width: 227px;
						display: none;
						background: url('../i/magn-glass.png?v=10000') no-repeat 9px 9px;
					}
					
					.overlay-effect .overlay-body1 .left #user-select SPAN{
						display: block;
						margin-top: 5px;
						padding-bottom: 8px;
						cursor: pointer;
					}
					
					.overlay-effect .overlay-body1 .left #user-select SPAN IMG{
						height: 30px;
						border-radius: 15px 15px 15px 15px;
						display: inline-block;
					}
					
					.overlay-effect .overlay-body1 .left #user-select SPAN I{
						font-style: normal;
						position: relative;
						vertical-align: middle;
						margin-left: 7px;
						font-size: 13px;
						position: relative;
						top: -9px;
					}
					
					.overlay-effect .overlay-body1 .left .stage2-save-btn{
						padding: 10px;
    					text-align: center;
					}
					
					.overlay-effect .overlay-body1 .left .stage2-cancel-btn{
						padding: 10px;
    					text-align: center;
    					margin-top: 10px;
					}
	.overlay-effect .right .status-cont{
		text-align: center;
	}
		.overlay-effect .right .progress{
			margin: 10px;
			width: 64px;
			height: 64px;
			background: url('../i/progress.gif');
			display: inline-block;
			margin-top: 128px;
		}
		
		.overlay-effect .right .status{
			font-size: 12px;
		}
					
	.overlay-effect .overlay-body1 .right{
			float: left;
			width: 655px;
			margin-left: 10px;
		}
			.overlay-effect .overlay-body1 .right .prepare{
				padding: 180px 0px;
				color: #999999;
				font-size: 20px;
				text-align: center;
			}
			.overlay-effect .overlay-body1 .images{
				padding-bottom: 7px;
				text-align: center;
			}
				.overlay-effect .overlay-body1 .images IMG{
					max-width: 636px;
					max-height: 400px;
				}
				
			.overlay-effect .overlay-body1 .photo-list-hdr{
				font-size: 13px;
				color: #454545;
				margin-top: 18px;
			}
				.overlay-effect .overlay-body1 .photo-list-hdr A{
					color: #298ac2;
				}
				
			.overlay-effect .overlay-body1 .photo-list{
				margin-top: 15px;
				height: 400px;
				overflow-x: scroll;
			}
				.overlay-effect .overlay-body1 .photo-list IMG{
					border: 1px solid #fff;
					padding: 1px;
					margin-right: 2px;
					margin-bottom: 3px;
					width: 117px;
					cursor: pointer;
				}
				
				.overlay-effect .overlay-body1  .photo-list .active{
						border: 1px solid #7b98b8;
					}
			.overlay-effect .overlay-body1 .vk-controls{
				display: none;
			}
					
			.overlay-effect .overlay-body1 .photo-list-vk{
				margin-top: 15px;
				width: 258px;
				height: 400px;
			}
				.overlay-effect .overlay-body1 .photo-list-vk .thumbnail{
					width: 119px;
					height:90px;
					display: inline-block;
					overflow: hidden;
					border: 1px solid #fff;
					padding: 1px;
					margin-right: 5px;
					margin-bottom: 5px;
					cursor: pointer;
				}
				
				.overlay-effect .overlay-body1 .photo-list-vk IMG{
					border: 1px solid #fff;
					width: 150px;
					cursor: pointer;
				}
				
				.overlay-effect .overlay-body1  .photo-list-vk .active{
					border: 1px solid #7b98b8;
				}
		.overlay-effect .overlay-body1 .save-btns{
			text-align: center;
		}

		.overlay-effect .overlay-body1 .save-btn{
			display: inline-block;
			padding: 10px;
			width: 150px;
			margin-right: 10px;
		}
		
		.overlay-effect .overlay-body1 .save-as-file{
			display: inline-block;
			padding: 10px;
			width: 150px;
		}