#myGallery, #myGallerySet, #flickrGallery {


width: 590px;


height: 200px;


z-index:5;


border: 1px solid #000;


}





.jdGallery .slideInfoZone


{


background: #000;


color: #fff;


}





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


{


padding: 0 !important;


font-size: 14px !important;


background-color: #000 !important;


margin: 2px 5px !important;


font-weight: bold !important;


color: #fff !important;


background-image: none !important;


text-align: left !important;


}





.jdGallery .slideInfoZone p


{


padding: 0 !important;


background-color: #000 !important;


font-size: 11px !important;


margin: 2px 5px !important;


color: #fff !important;


background-image: none !important;


text-align: left !important;


}





.jdGallery a.carouselBtn, .jdGallery a.carouselBtn:hover, .jdGallery a.carouselBtn:active


{


position: absolute;


bottom: 0;


right: 30px;


height: 20px;


/*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/


text-align: center;


padding: 0 10px;


font-size: 13px;


background: #000;


color: #fff !important;


cursor: pointer;


}





.jdGallery .carousel


{


position: absolute;


width: 100%;


margin: 0px;


left: 0;


top: 0;


height: 115px;


background: #000;


color: #fff;


text-indent: 0;


overflow: hidden;


}





.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail


{


cursor: pointer;


background: #000;


background-position: center center;


float: left;


border: solid 1px #000;


}





.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton


{


font-size: 10px;


position: absolute;


bottom: 5px;


right: 10px;


padding: 1px 2px;


margin: 0;


background: #000;


border: 1px solid #000;


cursor: pointer;


}





.jdGallery .carousel .label .number, .jdExtCarousel .label .number


{


color: #fff;


}





.jdGallery a


{


font-size: 100%;


text-decoration: none;


color: #fff;


}





/* 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: #000;


color: #fff;


cursor: pointer;


opacity: .4;


-moz-opacity: .4;


-khtml-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


{


margin: 0;


padding: 10px 20px 10px 20px;


font-size: 20px;


line-height: 30px;


color: #fff;


}





.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton


{


margin-left: 10px;


margin-top: 10px;


border: 1px solid #000;


padding: 5px;


height: 40px;


color: #fff;


cursor: pointer;


float: left;


}





.jdGallery .gallerySelector .gallerySelectorInner div.hover


{


background: #000;


}





.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 p.info


{


margin: 0;


padding: 0;


font-size: 12px;


font-weight: normal;


color: #fff;


}