/**********************************
Description...:GALLERY THEME
Last Changed..:07-06-2010
Notes #1......:
**********************************/
#myGallery_holder {
float:left;
width:440px;padding-bottom:25px;
background:url(../img/mygallery_bg.png) bottom no-repeat;
}
#myGallery, #myGallerySet, #flickrGallery {
float:left;
width:438px;height:248px;
overflow:hidden;
z-index:5;
border:1px solid #8a0204;
}
#flickrGallery {width:610px;height:380px;}
#myGallery img.thumbnail, #myGallerySet img.thumbnail {display:none;}
.jdGallery {
overflow:hidden;
position:relative;
}
.jdGallery img {border:0;}
.jdGallery .slideElement {
width:100%;height:100%;
background:#f8f0e4 url(../img/gallery/loading-bar-black.gif) center center no-repeat;
}
.jdGallery .loadingElement {
width:100%;height:100%;
position:absolute;
left:0;top:0;
background:#f8f0e4 url(../img/gallery/loading-bar-black.gif) center center no-repeat;
}
.jdGallery .slideInfoZone {
position:absolute;
width:260px;height:59px;
left:0;bottom:16px;
z-index:10;
padding:5px 15px 0;
color:#5f8bae;
background:#e9e6c7;
text-indent:0;
overflow:hidden;
}

* html .jdGallery .slideInfoZone {bottom:-1px;} /*IE6 or 7?*/

#main-content_holder .jdGallery .slideInfoZone h2 {
font-size:1.2em;
font-family:Arial,Helvetica,sans-serif;margin:0;padding:0;background:none;/*override style.css*/
}
#main-content_holder .jdGallery .slideInfoZone p {font-size:0.75em;margin:0;}

.jdGallery div.carouselContainer {
position:absolute;
left:0;top:0;
z-index:10;
height:135px;width:100%;
}
.jdGallery a.carouselBtn {
position:absolute;
bottom:0;right:0px;
height:20px;line-height:20px;
text-align:center;
padding:0 8px;
font-size:0.7em;
background:#323a68;
color:#fff;
cursor:pointer;
}
.jdGallery .carousel {
position:absolute;
width:100%;height:115px;
left:0;top:0;
background:#323a68;
color:#fff;
text-indent:0;
overflow:hidden;
}
.jdExtCarousel {
overflow:hidden;
position:relative;
}
.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper {
position:absolute;
top:10px;left:0;
width:100%;height:78px;
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 1px #fff;
}
.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail {margin-bottom:10px;}
.jdGallery .carousel .label, .jdExtCarousel .label {
font-size:12px;
position:absolute;
bottom:-5px;left:10px;
}
.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton {
position:absolute;
bottom:5px;right:10px;
padding:1px 2px;
font-size:10px;
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:100%;width:40px;
cursor:pointer;
z-index:10;
}
.jdGallery a.right:hover, .jdGallery a.left:hover {-moz-opacity:0.8;-webkit-opacity:0.8;opacity:0.8;}
.jdGallery a.left {
left:0;top:0;
background:url(../img/gallery/fleche1.png) no-repeat center left;
}
.jdGallery a.right {
right:0;top:0;
background:url(../img/gallery/fleche2.png) 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;
-webkit-opacity:0.8;
opacity:0.8;
}

.withArrows a.open:hover { background:url(../img/gallery/open.png) no-repeat center center; }

/*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;
-webkit-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 {
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;}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info {color:#aaa;}