
#myGallery, #myGallerySet, #flickrGallery{width:377px; height:234px; z-index:5; margin-top: 0px;}

#flickrGallery{width:500px; height:334px}

#myGallery img.thumbnail, #myGallerySet img.thumbnail{display:none;}

.jdGallery{overflow:hidden; position:relative; border: 0px solid purple; top: 5px;  margin-top: 0px; }

.jdGallery img{ border:0; }

.jdGallery .slideElement{width:100%; height:100%; background-color:#fff; background-repeat:no-repeat; background-position:center center; background-image:url('img/loading-bar-black.gif')}

.jdGallery .loadingElement{width:100%; height:100%; position: relative; left:0; background-color:#fff; 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:10px; height:50px; background:#fff; color:#000; 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; margin-top: 5px;}

.jdGallery .slideInfoZone p{padding:0; font-size:80%; margin:2px 5px; color:#333;}

.jdGallery div.carouselContainer{ position:absolute; height:135px; width:100%; z-index:10; margin:0px; left:0; margin-top: 5px; }

.jdGallery a.carouselBtn{position:absolute; bottom:5px; right:30px; height:20px; text-align:center; padding:0 10px; font-size:13px; background:#333; color:#fff; cursor:pointer; }

.jdGallery .carousel{position:absolute; width:100%; margin:-5px 0 0 0; left: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 0px #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;  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;  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;  width:100%; height:100%}

.withArrows a.open{position:absolute; 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)}

