.myGallery, #myGallerySet, #flickrGallery


{


	width: 460px;


	height: 345px;


	z-index:5;


	border: 1px solid #000;


}





#flickrGallery


{


	width: 500px;


	height: 334px;


}





.myGallery img.thumbnail, #myGallerySet img.thumbnail


{


	display: none;


}





.jdGallery


{


	overflow: hidden;


	position: relative;


}





.jdGallery img


{


	border: 0;


	margin: 0;


}





.jdGallery .slideElement


{


	width: 100%;


	height: 100%;


	background-color: #000;


	background-repeat: no-repeat;


	background-position: center center;


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


}





.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('img/loading-bar-black.gif');


}





.jdGallery .slideInfoZone


{


	position: absolute;


	z-index: 10;


	width: 100%;


	margin: 0px;


	left: 0;


	bottom: 0;


	height: 40px;


	background: #333;


	color: #FFFFFF;


	text-indent: 0;


	overflow: hidden;


}





* html .jdGallery .slideInfoZone


{


	bottom: -1px;


}





.jdGallery .slideInfoZone h2


{


	padding: 0;


	font-size: 80%;


	margin: 0;


	margin: 2px 5px;


	font-weight: bold;


	color: #FFFFFF;


}





.jdGallery .slideInfoZone p


{


	padding: 0;


	font-size: 80%;


	margin: 2px 5px;


	color: #eee;


}





.jdGallery div.carouselContainer


{


	position: absolute;


	height: 135px;


	width: 100%;


	z-index: 10;


	margin: 0px;


	left: 0;


	top: 0;


}





.jdGallery a.carouselBtn


{


	position: absolute;


	bottom: 0;


	right: 30px;


	height: 20px;


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


	text-align: center;


	padding: 0 10px;


	font-size: 13px;


	background: #333;


	color: #fff;


	cursor: pointer;


}





.jdGallery .carousel


{


	position: absolute;


	width: 100%;


	margin: 0px;


	left: 0;


	top: 0;


	height: 115px;


	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: 10px;


	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: #FFFFFF;


}





.jdGallery a.right, .jdGallery a.left


{


	position: absolute;


	height: 99%;


	width: 25%;


	cursor: pointer;


	z-index:10;


	filter:alpha(opacity=20);


	-moz-opacity:0.2;


	-khtml-opacity: 0.2;


	opacity: 0.2;


}





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


{


	filter:alpha(opacity=50);


}





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


{


	filter:alpha(opacity=80);


	-moz-opacity:0.8;


	-khtml-opacity: 0.8;


	opacity: 0.8;


}





.jdGallery a.left


{


	left: 0;


	top: 0;


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


}





* html .jdGallery a.left { background: url('img/fleche1.gif') no-repeat center left; }





.jdGallery a.right


{


	right: 0;


	top: 0;


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


}





* html .jdGallery a.right { background: url('img/fleche2.gif') 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: 10;


	background: none;


	-moz-opacity:0.8;


	-khtml-opacity: 0.8;


	opacity: 0.8;


}





.withArrows a.open:hover { background: url('img/open.png') no-repeat center center; }





* html .withArrows a.open:hover { background: url('img/open.gif') no-repeat center center;


	filter:alpha(opacity=80); }


	


	


/* Gallery Sets */





.jdGallery a.gallerySelectorBtn


{


	z-index: 15;


	position: absolute;


	top: 0;


	left: 30px;


	height: 20px;


	/*width: 100px; background: url('img/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: 20;


	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;


}