.jdGallery {
overflow:hidden;
position:relative;
}
.jdGallery img {
border:0pt none;
margin:0pt;
}
.jdGallery .slideElement {
background-color:#000000;
background-image:url(img/loading-bar-black.gif);
background-position:center;
background-repeat:no-repeat;
height:100%;
width:100%;
}
.jdGallery .loadingElement {
background-color:#000000;
background-image:url(img/loading-bar-black.gif);
background-position:center;
background-repeat:no-repeat;
height:100%;
left:0pt;
position:absolute;
top:0pt;
width:100%;
}
.jdGallery .slideInfoZone {
background:#333333 none repeat scroll 0%;
bottom:0pt;
color:#FFFFFF;
height:40px;
left:0pt;
margin:0px;
overflow:hidden;
position:absolute;
text-indent:0pt;
width:100%;
z-index:10;
}
* html .jdGallery .slideInfoZone {
bottom:-1px;
}
.jdGallery .slideInfoZone h2 {
color:inherit;
font-size:80%;
font-weight:bold;
margin:2px 5px;
padding:0pt;
}
.jdGallery .slideInfoZone p {
color:#EEEEEE;
font-size:60%;
margin:2px 5px;
padding:0pt;
}
.jdGallery div.carouselContainer {
height:135px;
left:0pt;
margin:0px;
position:absolute;
top:0pt;
width:100%;
z-index:10;
}
.jdGallery a.carouselBtn {
background:#333333 none repeat scroll 0%;
bottom:0pt;
color:#FFFFFF;
cursor:pointer;
font-size:13px;
height:20px;
padding:0pt 10px;
position:absolute;
right:30px;
text-align:center;
}
.jdGallery .carousel {
background:#333333 none repeat scroll 0%;
color:#FFFFFF;
height:115px;
left:0pt;
margin:0px;
overflow:hidden;
position:absolute;
text-indent:0pt;
top:0pt;
width:100%;
}
.jdExtCarousel {
overflow:hidden;
position:relative;
}
.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper {
height:78px;
left:0pt;
overflow:hidden;
position:absolute;
top:10px;
width:100%;
}
.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner {
position:relative;
}
.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail {
background:#000000 none repeat scroll center;
border:1px solid #FFFFFF;
cursor:pointer;
float:left;
}
.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail {
margin-bottom:10px;
}
.jdGallery .carousel .label, .jdExtCarousel .label {
bottom:5px;
font-size:13px;
left:10px;
margin:0pt;
padding:0pt;
position:absolute;
}
.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton {
background:#222222 none repeat scroll 0%;
border:1px solid #888888;
bottom:5px;
cursor:pointer;
font-size:10px;
margin:0pt;
padding:1px 2px;
position:absolute;
right:10px;
}
.jdGallery .carousel .label .number, .jdExtCarousel .label .number {
color:#B5B5B5;
}
.jdGallery a {
color:inherit;
font-size:100%;
text-decoration:none;
}
.jdGallery a.right, .jdGallery a.left {
cursor:pointer;
height:99%;
opacity:0.2;
position:absolute;
width:25%;
z-index:10;
}
* html .jdGallery a.right, * html .jdGallery a.left {
}
.jdGallery a.right:hover, .jdGallery a.left:hover {
opacity:0.8;
}
.jdGallery a.left {
background:transparent url(img/fleche1.png) no-repeat scroll left center;
left:0pt;
top:0pt;
}
* html .jdGallery a.left {
background:transparent url(img/fleche1.gif) no-repeat scroll left center;
}
.jdGallery a.right {
background:transparent url(img/fleche2.png) no-repeat scroll right center;
right:0pt;
top:0pt;
}
* html .jdGallery a.right {
background:transparent url(img/fleche2.gif) no-repeat scroll right center;
}
.jdGallery a.open {
height:100%;
left:0pt;
top:0pt;
width:100%;
}
.withArrows a.open {
background:transparent none repeat scroll 0%;
cursor:pointer;
height:99%;
left:25%;
opacity:0.8;
position:absolute;
top:0pt;
width:50%;
z-index:10;
}
.withArrows a.open:hover {
background:transparent url(img/open.png) no-repeat scroll center;
}
* html .withArrows a.open:hover {
background:transparent url(img/open.gif) no-repeat scroll center;
}
.jdGallery a.gallerySelectorBtn {
background:#333333 none repeat scroll 0%;
color:#FFFFFF;
cursor:pointer;
font-size:13px;
height:20px;
left:30px;
opacity:0.4;
padding:0pt 10px;
position:absolute;
text-align:center;
top:0pt;
z-index:15;
}
.jdGallery .gallerySelector {
background:#000000 none repeat scroll 0%;
height:100%;
left:0pt;
position:absolute;
top:0pt;
width:100%;
z-index:20;
}
.jdGallery .gallerySelector h2 {
color:#FFFFFF;
font-size:20px;
line-height:30px;
margin:0pt;
padding:10px 20px;
}
.jdGallery .gallerySelector .gallerySelectorWrapper {
overflow:hidden;
}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton {
border:1px solid #888888;
color:#FFFFFF;
cursor:pointer;
float:left;
height:40px;
margin-left:10px;
margin-top:10px;
padding:5px;
}
.jdGallery .gallerySelector .gallerySelectorInner div.hover {
background:#333333 none repeat scroll 0%;
}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview {
background:#000000 none repeat scroll center;
border:medium none;
float:left;
height:40px;
margin-right:5px;
width:40px;
}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3 {
font-size:12px;
font-weight:normal;
margin:0pt;
padding:0pt;
}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info {
color:#AAAAAA;
font-size:12px;
font-weight:normal;
margin:0pt;
padding:0pt;
}