#myGallery, #myGallerySet, #flickrGallery {
  z-index:5;  padding: 0; float: left; margin: 10px; width: 500px; background: #fff;
  height: 500px;
}

#gallery-imagenav {  float: right; padding: 0; margin: 10px 0 0 0 ; }

#myGallery .full {   padding: 10px 0 10px 10px;  float: left;  margin: 0;  width: 500px;}

#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: #fff;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: inherit;}
.jdGallery .slideInfoZone p{padding: 0;	font-size: 60%;	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 { overflow: hidden; float:left; }
.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner{position: relative;}
.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail{
  width: 75px; height: 100px; cursor: pointer; background-position: center center;
  background: #000; float: left; border: 2px solid #000;}

.test{	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: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; 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;}