/**
 * @Name        Kupo Slides Base Display Module
 * @Author      Theme Joomla Pro Extensions
 * @URL         http://www.themejoomla.com
 * @version     skashi: 1
 * @package     Module Kupo Slides Base Display Module for Joomla! (1.5.x) and higher versions
 * @subpackage  Kupo Slides Base Display Module
 * @copyright   Copyright (C) 2008-2020 Theme Joomla, Site Source Solution. All rights reserved. E & OE
 * @license     GNU/GPLv3 http://www.gnu.org/licenses/gpl-3.0.html
 */
/* #flickrGallery { width: 500px; height: 334px } future plans */
#kupoGallery img.thumbnail { display: none }
.kupoGallery { overflow: hidden; position: relative }
.kupoGallery img { border: 0; margin: 0 }
.kupoGallery .slideElement {
	position: absolute; z-index: 1;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('../images/core/loading-bar-black.gif'); 
	margin-top:140px !important;
}
.kupoGallery .loadingElement {
	position: absolute; z-index: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('../images/core/loading-bar-black.gif') }
.kupoGallery .slideInfoZone {
	position: absolute;
	z-index: 15;
	width: 100%;
	margin: 0px;
	left: 0;
	bottom: 0;
	background: none;
	background-image: url('../images/core/transparent.png');
	color: #fff;
	text-indent: 0;
	overflow: hidden }
.kupoGallery .slideInfoZone h2 {
	padding: 0;
	font-size: 2em;
	margin: 0;
	margin: 5px 13px;
	font-weight: bold }
.kupoGallery .slideInfoZone div {
	padding: 0;
	font-size: 1em;
	margin: 5px 13px }
.kupoGallery div.carouselContainer {
	position: absolute;
	width: 100%;
	z-index: 14;
	margin: 0px;
	left: 0;
	top: 0 }
.kupoGallery .carousel {
	position: absolute;
	width: 100%;
	margin: 0px;
	left: 0;
	top: 0;
	background: #000;
	color: #fff;
	text-indent: 0;
	overflow: hidden }
.kupoGallery a.carouselBtn {
	position: absolute;
	bottom: 0;
	right: 0;
	height: 20px;
	text-align: center;
	padding: 0 10px;
	font-size: 13px;
	background: #000;
	cursor: pointer;
		/*Huy*/
		display:none;
	}
.kupo_ext_carousel { overflow: hidden; position: relative }
.kupoGallery .carousel .carouselWrapper, .kupo_ext_carousel .carouselWrapper {
	position: absolute;
	width: 100%;
	top: 10px;
	left: 0;
	overflow: hidden }
.kupoGallery .carousel .carouselInner, .kupo_ext_carousel .carouselInner { position: relative }
.kupoGallery .carousel .carouselInner .thumbnail, .kupo_ext_carousel .carouselInner .thumbnail {
	cursor: pointer;
	background: #000;
	background-position: center center;
	float: left;
	border: solid 1px #fff }
.kupoGallery .wall .thumbnail, .kupo_ext_carousel .wall .thumbnail { margin-bottom: 10px }
.kupoGallery .carousel .label, .kupo_ext_carousel .label {
	font-size: 13px;
	position: absolute;
	bottom: 5px;
	left: 10px;
	padding: 0;
	margin: 0 }
.kupoGallery .carousel .wallButton, .kupo_ext_carousel .wallButton {
	font-size: 10px;
	position: absolute;
	bottom: 5px;
	right: 10px;
	padding: 1px 2px;
	margin: 0;
	background: #222;
	border: 1px solid #888;
	cursor: pointer }
.kupoGallery .carousel .label .number, .kupo_ext_carousel .label .number { color: #b5b5b5 }
.kupoGallery a { font-size: 100%; text-decoration: none; color: inherit }
.kupoGallery a.right, .kupoGallery a.left {
	z-index: 13;
	position: absolute;
	height: 99%;
	width: 25%;
	cursor: pointer;
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2 }
	
.kupoGallery a.left {
	left: 0;
	top: 0;
	background: url('../images/core/fleche1.png') no-repeat center left }
.kupoGallery a.right {
	right: 0;
	top: 0;
	background: url('../images/core/fleche2.png') no-repeat center right }
.kupoGallery a.right:hover, .kupoGallery a.left:hover { -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8 }
.kupoGallery 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: 12;
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8 }
.withArrows a.open:hover { background: url('../images/core/open.png') no-repeat center center; }
/* Gallery Sets */
.kupoGallery .gallerySelector {
	z-index: 20;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0 }
	
.kupoGallery .gallerySelector h2 { margin-left: 10px; padding: 0px }
.kupoGallery .gallerySelector .gallerySelectorWrapper { overflow: hidden }
.kupoGallery .gallerySelector .gallerySelectorInner div.galleryButton {
	margin-left: 10px;
	margin-top: 10px;
	padding: 5px;
	padding-bottom: 0px;
	cursor: pointer;
  text-align: left;
	float: left }
	
.kupoGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview {
	background: #000;
	background-position: center center;
	float: left;
	border: none;
	width: 40px;
	height: 40px;
	margin-right: 5px }
	
.kupoGallery .gallerySelector .gallerySelectorInner div.galleryButton div.info {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal }
.kupoGallery .gallerySelector .gallerySelectorInner div.galleryButton h3 {
	margin: 0;
	padding: 0;
	padding-top: 3px;
	padding-bottom: 5px;
	font-size: 12px;
	font-weight: normal }
	
.kupoGallery .gallerySelector .gallerySelectorInner div.galleryButton h3:hover {text-decoration: underline }
.kupoGallery a.gallerySelectorBtn {
	z-index: 15;
	position: absolute;
	top: 80px;
	left: 0px;
	height: 20px;
	text-align: center;
	padding: 0 10px;
	font-size: 13px;
	background: #000;
	cursor: pointer;
	opacity: .5;
	-moz-opacity: .5;
	-khtml-opacity: 0.5 ;
	/*Huy*/
	display:none;
	}
/* Lightbox styling */
#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000000;
	cursor: pointer;
	z-index: 100 }
#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #000000;
	z-index: 101 }
#lbImage {
	border: 15px solid #000000;
	border-bottom: none;
	background-repeat: no-repeat }
#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none }
#lbPrevLink {left: 0 }
#lbNextLink {right: 0 }
#lbPrevLink:hover { background: transparent url(../images/core/prevlabel.png) no-repeat 0% 15% }
#lbNextLink:hover { background: transparent url(../images/core/nextlabel.png) no-repeat 100% 15% }
#lbBottom {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.4em;
	text-align: left;
	border: 15px solid #000000;
	background-color: #000000;
	text-indent: 5px }
#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../images/core/closelabel.png) no-repeat center;
	margin: 5px 0 }
	
#lbCaption, #lbNumber {margin-right: 71px }
#lbCaption {font-weight: bold; font-size: 30px; font-family: Arial, Helvetica, sans-serif; margin-bottom: 10px }
/*Various CSS*/
.read_more a:hover {text-decoration: underline }
.kupoGallery div.info {font-style: italic }
.kupoGallery div.count {font-size: 11px }