/* Style sheet xGallery */
#myGallery,#myGallerySet,#flickrGallery{width:855px;height:500px;z-index:5;}
#controlDiv{width:200px;height:18px;top:0;position:relative;display:block;margin-bottom:10px;padding:0;text-align:right;background-color:#a8a8a8;color:#000000;}
#controlDiv #galleryBtn{padding:3px 30px 2px 3px;font-weight:bold;text-decoration:none;font-size:11px;color:#000000;line-height:13px;}
#controlDiv .btnPause{background:url("tl_files/images/layout/btnPause.gif") right center no-repeat;}
#controlDiv .btnPlay{background:url("tl_files/images/layout/btnPlay.gif") right center no-repeat;}
#noControls #controlDiv{display:none !important;opacity:0 !important;visibility:hidden !important;}
.withArrows a#showControl{position: absolute;top: 0;left: 25%;height: 99%;width: 50%;cursor: pointer;z-index: 10;background: none;-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}
.withArrows a.play#showControl:hover{background:url("system/modules/jdGallery/html/img/play_sym.png") center center no-repeat;}
* html .withArrows a.play#showControl:hover{background:url("system/modules/jdGallery/html/img/play_sym.gif") center center no-repeat;}
.withArrows a.pause#showControl:hover{background:url("system/modules/jdGallery/html/img/pause_sym.png") center center no-repeat;}
* html .withArrows a.pause#showControl:hover{background:url("system/modules/jdGallery/html/img/pause_sym.gif") center center no-repeat;}
#portfolio{width:750px;height:490px;z-index:5;}
#thumbnails{width:220px;height:385px;display:block;}
.jdGallery a{outline:0;}
#flickrGallery{width:500px;height:334px;}
#myGallery img.thumbnail,#myGallerySet img.thumbnail{display:none;}
.jdGallery{position:relative;overflow:hidden;}
.jdGallery img{margin:0;border:0;}
.jdGallery .slideElement{width:100%;height:100%;background:#c0c0c0 url("system/modules/jdGallery/html/img/loading-bar-black.gif") center center no-repeat;}
.jdGallery .loadingElement{width:100%;height:100%;left:0;top:0;position:absolute;background:#7D7D7D url("system/modules/jdGallery/html/img/loading-bar-black.gif") center center no-repeat;}
.jdGallery .slideInfoZone{width:100%;height:60px;bottom:0;left:0;position:absolute;overflow:hidden;margin:0;padding-left:20px;z-index: 10;text-indent: 0;}
* html .jdGallery .slideInfoZone{bottom:-1px;}
.jdGallery .slideInfoZone h2{margin:2px 5px;padding:0 0 0 20px;font-family:Georgia, Times, "Times New Roman", serif;font-weight:normal;font-size:16px;color:#000000;}
.jdGallery .slideInfoZone p{margin:2px 5px;padding:0 0 0 20px;font-size:60%;color:#000000;}
.jdGallery div.carouselContainer{width:100%;height:135px;left:0;top:0;position:absolute;margin:0;z-index: 10;}
.jdGallery a.carouselBtn{height:20px;bottom:0;right:30px;position:absolute;padding:0 10px;text-align:center;font-size:13px;color:#fff;background: #333;cursor: pointer;}
.jdGallery .carousel{width:100%;height:115px;left:0;top:0;position:absolute;overflow:hidden;margin:0;color:#fff;background: #333;text-indent: 0;}
.jdExtCarousel{position:relative;overflow:hidden;}
.jdGallery .carousel .carouselWrapper,.jdExtCarousel .carouselWrapper{width:100%;height:auto;left:0;top:10;position:absolute;overflow:hidden;}
.jdGallery .carousel .carouselInner,.jdExtCarousel .carouselInner{position:relative;}
.jdGallery .carousel .carouselInner .thumbnail,.jdExtCarousel .carouselInner .thumbnail{float:left;background-position:center center;border-style:1px;border-color:#fff;cursor: pointer;background: #000;}
.jdGallery .wall .thumbnail,.jdExtCarousel .wall .thumbnail{margin-right:8px;margin-bottom:10px;}
.jdGallery .carousel .label,.jdExtCarousel .label{bottom:5px;left:10px;position:absolute;margin:0;padding:0;font-size:13px;}
.jdGallery .carousel .wallButton,.jdExtCarousel .wallButton{bottom:5px;right:10px;position:absolute;margin:0;padding:1px 2px;border:1px solid #888;font-size:10px;background: #222;cursor: pointer;}
.jdGallery .carousel .label .number,.jdExtCarousel .label .number{color:#b5b5b5;}
.jdGallery a{text-decoration:none;font-size:100%;color:#inheri;}
.jdGallery a.right,.jdGallery a.left{width:25%;height:99%;position:absolute;cursor: pointer;z-index:10;filter:alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity: 0.2;opacity: 0.2;}
* html .jdGallery a.right,* html .jdGallery a.left{filter:alpha(opacity=50);}
.jdGallery a.right:hover,.jdGallery a.left:hover{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}
.jdGallery a.left{left:0;top:0;background: url('img/fleche1.png') no-repeat center left;}
* html .jdGallery a.left{background: url('img/fleche1.gif') no-repeat center left;}
.jdGallery a.right{right:0;top:0;background: url('img/fleche2.png') no-repeat center right;}
* html .jdGallery a.right{background: url('img/fleche2.gif') no-repeat center right;}
.jdGallery a.open{width:100%;height:100%;left:0;top:0;}
.withArrows a.open{width:50%;height:99%;top:0;left:25%;position:absolute;cursor: pointer;z-index: 10;background: none;-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}
.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;filter:alpha(opacity=80);}
.jdGallery a.gallerySelectorBtn{height:20px;top:0;left:30px;position:absolute;padding:0 10px;text-align:center;font-size:13px;color:#fff;z-index: 15;background: #333;cursor: pointer;opacity: .4;-moz-opacity: .4;-khtml-opacity: 0.4;filter:alpha(opacity=40);}
.jdGallery .gallerySelector{width:100%;height:100%;top:0;left:0;position:absolute;z-index: 20;background: #000;}
.jdGallery .gallerySelector h2{margin:0;padding:10px 20px;font-size:20px;color:#fff;line-height:30px;}
.jdGallery .gallerySelector .gallerySelectorWrapper{overflow:hidden;}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton{height:40px;float:left;margin-top:10px;margin-left:10px;padding:5px;border:1px solid #888;color:#fff;cursor: pointer;}
.jdGallery .gallerySelector .gallerySelectorInner div.hover{background: #333;}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview{width:40px;height:40px;float:left;margin-right:5px;background-position:center center;background: #000;}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3{margin:0;padding:0;font-weight:normal;font-size:12px;}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info{margin:0;padding:0;font-weight:normal;font-size:12px;color:#aaa;}