#myGallery, #myGallerySet, #flickrGallery

{

	position:relative;

	z-index:0;}





#myGallery img.thumbnail, #myGallerySet img.thumbnail

{

	display: none;

}



.jdGallery

{

	overflow: hidden;

	position: relative;

	z-index:1;

}



.jdGallery img

{

	border: 0;

	margin: 0;

}



.jdGallery .slideElement

{

	width: 100%;

	height: 100%;

	background-color: #000;

	z-index:0;

	background-position:center center;

	background-repeat:no-repeat;

}



.jdGallery .loadingElement

{

	width: 100%;

	height: 100%;

	position: absolute;

	left: 0;

	top: 0;

	background-color: #000;

	background-repeat: no-repeat;

	background-position: center center;

	background-image: url('../images/loading-bar-black.gif');

}



.jdGallery .slideInfoZone

{

	position: absolute;

	z-index: 1;

	width: 100%;

	margin: 0px;

	left: 0;

	bottom: 0;

	height: 80px;

	background: #333;

	color: #800000;
	font-size: 13px;

	text-indent: 0;

	overflow: hidden;

}




* html .jdGallery .slideInfoZone

{

	bottom: -1px;

}



.jdGallery .slideInfoZone h2{

	padding: 0;

	font-size: 15px;

	margin: 0;

	text-shadow:1px 1px #000000;

	color:#FFFFFF;

	margin: 6px 11px;

	font-weight: bold;

	color: inherit;

}



.jdGallery .slideInfoZone p

{

	color:#FFFFFF;

	margin:2px 11px;

	padding:0;

	text-shadow:1px 1px #000000;

}



.jdGallery div.carouselContainer

{

	position: absolute;

	height: 126px;

	width: 100%;

	z-index: 2;

	margin: 0px;

	left: 0;

	top: 0;

}



.jdGallery a.carouselBtn

{

	position: absolute;

	bottom: 0;

	right: 30px;

	height: 20px;

	/*width: 100px; background: url('../images/carousel_btn.gif') no-repeat;*/

	text-align: center;

	padding: 0 10px;

	font-size: 13px;

	background: #333;

	color: #fff;

	cursor: pointer;

	z-index:0;

}



.jdGallery .carousel

{

	position: absolute;

	width: 100%;

	margin: 0px;

	left: 0;

	top: 0;

	height: 106px;

	background: #333;

	color: #fff;

	text-indent: 0;

	overflow: hidden;

}



.jdExtCarousel

{

	overflow: hidden;

	position: relative;

}



.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper

{

	position: absolute;

	width: 100%;

	height: 78px;

	top: 6px;

	left: 0;

	overflow: hidden;

}



.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner

{

	position: relative;

}



.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail

{

	cursor: pointer;

	background: #000;

	background-position: center center;

	float: left;

	border: solid 1px #fff;

}



.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail

{

	margin-bottom: 10px;

}



.jdGallery .carousel .label, .jdExtCarousel .label

{

	font-size: 13px;

	position: absolute;

	bottom: 5px;

	left: 10px;

	padding: 0;

	margin: 0;

}



.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton

{

	font-size: 10px;

	position: absolute;

	bottom: 5px;

	right: 10px;

	padding: 1px 2px;

	margin: 0;

	background: #222;

	border: 1px solid #888;

	cursor: pointer;

}



.jdGallery .carousel .label .number, .jdExtCarousel .label .number

{

	color: #b5b5b5;

}



.jdGallery a

{

	font-size: 100%;

	text-decoration: none;

	color: inherit;

}



.jdGallery a.right, .jdGallery a.left

{

	position: absolute;

	height: 99%;

	width: 25%;

	cursor: pointer;

	z-index:1;

	filter:alpha(opacity=0);

	-moz-opacity:0;

	-khtml-opacity: 0;

	opacity: 0;

}



* html .jdGallery a.right, * html .jdGallery a.left

{

	filter:alpha(opacity=50);

}



.jdGallery a.right:hover, .jdGallery a.left:hover

{

	filter:alpha(opacity=70);

	-moz-opacity:1;

	-khtml-opacity: 1;

	opacity: 1;

}



.jdGallery a.left

{

	left: 0;

	top: 0;

	background: url('../images/fleche1.png') no-repeat center left;

}







.jdGallery a.right

{

	right: 0;

	top: 0;

	background: url('../images/fleche2.png') no-repeat center right;

}





.jdGallery a.open

{

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

}



.withArrows a.open

{

	position: absolute;

	top: 0;

	left: 25%;

	height: 99%;

	width: 50%;

	cursor: pointer;

	z-index: 1;

	background: none;

	-moz-opacity:0.8;

	-khtml-opacity: 0.8;

	opacity: 0.8;

}









	

/* Gallery Sets */



.jdGallery a.gallerySelectorBtn

{

	z-index: 1;

	position: absolute;

	top: 0;

	left: 30px;

	height: 20px;

	/*width: 100px; background: url('../images/carousel_btn.gif') no-repeat;*/

	text-align: center;

	padding: 0 10px;

	font-size: 13px;

	background: #333;

	color: #fff;

	cursor: pointer;

	opacity: .4;

	-moz-opacity: .4;

	-khtml-opacity: 0.4;

	filter:alpha(opacity=40);

}



.jdGallery .gallerySelector

{

	z-index: 1;

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	background: #000;

}



.jdGallery .gallerySelector h2

{

	margin: 0;

	padding: 10px 20px 10px 20px;

	font-size: 20px;

	line-height: 30px;

	color: #fff;

}



.jdGallery .gallerySelector .gallerySelectorWrapper

{

	overflow: hidden;

}



.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton

{

	margin-left: 10px;

	margin-top: 10px;

	border: 1px solid #888;

	padding: 5px;

	height: 40px;

	color: #fff;

	cursor: pointer;

	float: left;

}



.jdGallery .gallerySelector .gallerySelectorInner div.hover

{

	background: #333;

}



.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview

{

	background: #000;

	background-position: center center;

	float: left;

	border: none;

	width: 40px;

	height: 40px;

	margin-right: 5px;

}



.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3

{

	margin: 0;

	padding: 0;

	font-size: 12px;

	font-weight: normal;

}



.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info

{

	margin: 0;

	padding: 0;

	font-size: 12px;

	font-weight: normal;

	color: #aaa;

}



.jdGallery .carousel .carouselInner .active {

	opacity: .9 !important;

	-moz-opacity: .9 !important;

	-khtml-opacity: 0.9 !important;

	filter:alpha(opacity=90) !important;}





.jdGallery .slideElement {}	

	

.jdGallery .slideElement.active {}

	

	

#myGallery_height {

width:100%;

float:left;

overflow:hidden;

opacity:0;

filter: alpha(opacity=0);

}



#myGallery_height_img {

width:100%;

}





/* vertical option  */



	.s5vertical .jdGallery .carousel {

		right:0;

		left:auto;

		width:114px;}

		

	.s5vertical .carouselInner, .s5vertical .jdGallery div.carouselContainer {

		width:114px !important;}

		

	.s5vertical .jdGallery div.carouselContainer {

		left:auto !important;

		right:0 !important;}

		

	.s5vertical .jdGallery .carousel .label, .s5vertical .jdExtCarousel .label {

		display:none;}

	

	.s5vertical .jdGallery div.carouselContainer {

		top:0 !important;}

	

	.s5vertical .carouselWrapper .carouselInner .thumbnail {

		margin-bottom: 6px;

		margin-left:6px !important;

		float:none;}

		

		

	.s5vertical .jdGallery a.carouselBtn {

		display:none;}

	



	.s5vertical .carouselContainer {	

		-webkit-transition: all 0.3s linear 0s;

		-moz-transition: all 0.3s linear 0s;

		-o-transition: all 0.3s linear 0s;

		transition: all 0.3s linear 0s;}

			

		

	.s5vertical .carouselContainer:hover {

		-moz-opacity: 1;

		-khtml-opacity: 1;

		filter:alpha(opacity=100);

		opacity:1;}		

		

	.s5vertical .jdGallery .slideInfoZone {

		background:transparent;}

		

		

	.s5vertical .jdGallery .slideInfoZone h2	{

		display: inline;

		padding:8px;

		background:#000000;}

		

		.s5vertical .jdGallery .slideInfoZone p {

			padding:8px;

			width: 45%;

			background:#000000;}

		

	.s5vertical .jdGallery .slideInfoZone {

		padding-top:10px;

		height:100px !important;}