#myGallery, #myGallerySet, #flickrGallery { 
width : 570px; 
height : 230px; 
z-index : 5; 
border : 1px solid #ffffff; 
} 
#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 : 0; 
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 : 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 : #333; 
color : #fff; 
cursor : pointer; 
} 
.jdGallery .carousel { 
position : absolute; 
width : 100%; 
margin : 0; 
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 : 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; 
} 
.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; 
} 
.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; 
}