#myGallery, #myGallerySet, #flickrGallery {

width : 400px;

height : 240px;

z-index : 5;

border : 1px solid #000;

margin-bottom : 10px;

}

#flickrGallery {

width : 620px;

height : 300px;

}

#myGallery img.thumbnail, #myGallerySet img.thumbnail {

display : none;

}

.jdGallery {

left : 0;

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%;

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 : 50%;

margin : 0;

left : 50%;

bottom : 0;

height : 100%;

color : #fff;

text-indent : 0;

overflow : hidden;
background-image : url('img/info_bg.png');
background-position:top;


}

* html .jdGallery .slideInfoZone {

bottom : -1px;

}

.jdGallery .slideInfoZone h2 {

font-family : arial;

padding : 0;

font-size : 15px;

margin : 0;

margin : 2px 5px;

font-weight : bold;

color : #f4e477;

text-align : left;

text-transform : uppercase;

line-height : 1.1;

padding-bottom : 3px;

}

.jdGallery .slideInfoZone p {

font-family : arial;

padding : 0;

font-size : 13px;

margin : 2px 5px;

color : #fff;

text-align : left;

line-height : 1.2;

}

.jdGallery div.carouselContainer {

position : absolute;

height : 135px;

width : 100%;

z-index : 10;

margin : 0;

left : 0;

top : 0;

}

.jdGallery a.carouselBtn {

position : absolute;

bottom : 0;

right : 30px;

height : 20px;

text-align : center;

padding : 0 10px;

font-size : 13px;

background : #232c77;

color : #fff;

cursor : pointer;

font-weight : bold;

}

.jdGallery .carousel {

position : absolute;

width : 100%;

margin : 0;

left : 0;

top : 0;

height : 115px;

background : #232c77;

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 : 1px solid #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;

}

.jdGallery a.left {

left : 0;

top : 0;

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

}

* html .jdGallery a.left {

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

}

.jdGallery a.right {

right : 0;

top : 0;

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

}

* html .jdGallery a.right {

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

}

.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;

}

.jdGallery a.gallerySelectorBtn {

z-index : 15;

position : absolute;

top : 0;

left : 30px;

height : 20px;

text-align : center;

padding : 0 10px;

font-size : 13px;

background : #333;

color : #fff;

cursor : pointer;

}

.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;

}