@import url(constants.less);
@import url(classes.less);

#specialWrapper #mainContentPhoto {
	overflow: hidden;
	margin: 0 auto;
}

#specialWrapper #mainContentPhotoImagesWraper {
	position: relative;
	z-index: 1;
	width: 400px;
	margin: 60px auto 40px auto;
}

#specialWrapper #photoSliderIntro {

	
}

#specialWrapper #photoSliderChooseImage {
	width: 430px;
	margin: 30px auto;
}

#specialWrapper #photoSliderChooseImage img{
	margin: 0 5px;
	cursor: pointer;
	
	.border-radius(4px);
}

#specialWrapper #photoSliderChooseImage img:hover{
	.box-shadow(0px, 0px, 1px, 1px, rgba(0,0,0,0.5));

}


#specialWrapper #photoSliderControls {
	position: relative;
	width: 450px;
	margin: 20px auto;
	background-color: white;
	border: 1px solid black;
	padding: 20px;
	.border-radius(4px);
}

#specialWrapper #photoSliderControls p {
	margin: 0 0 10px 0;
}

#specialWrapper #photoSliderControlTempo{
	margin: 20px 0px 20px 120px;
}

#specialWrapper #photoSliderScroll {
	margin: 40px 0px 20px 120px;
}


#specialWrapper #photoSliderControlTempo > span {
	display: block;
	margin: -1px 0 0 -120px !important;
}

#specialWrapper #playStopControls {
	margin-top: -15px !important;
}

#specialWrapper #downloadSeqPic {
	margin: 10px 0;
	display: block;
}

#specialWrapper #mainContentPhotoImagesWraper {
	border: 1px solid black;
}

#specialWrapper #mainContentPhotoImagesWraper img {
	position: absolute;
	top:0;
	left: 0;
	z-index: 0;
	display: none;
	max-width: 100%;
	
}


#specialWrapper #playStopControls {
	width: 100px;
	margin-top: -46px !important;
	overflow: auto;
}

#specialWrapper #playStopControls span {
	display: block;
	float: left;
	cursor: pointer;
	margin: 0 5px;
}

#specialWrapper .playStopControlInactive {
	cursor: default !important;
	opacity: 0.5;
}





#specialWrapper #mainContentPhotoImagesWraper:before, #mainContentPhotoImagesWraper:after {
	
	position: absolute;
	content: '';
	width: 48%;
	height: 50px;
	bottom:35px;
	left: 3px;
	z-index: -1;


	.transform(rotate(-2deg));

	
	.box-shadow(0px, 35px, 6px, 0, rgba(0,0,0,0.4));


}

#specialWrapper #mainContentPhotoImagesWraper:after {
	left: auto;
	right: 3px;
	.transform(rotate(2deg));
}