/**
 * @Name        Kupo Slides Free Display Module
 * @Author      Theme Joomla Pro Extensions
 * @URL         http://www.themejoomla.com
 * @version     $Id: kuposlidesfree.css 3 skashi $
 * @package     Module Kupo Slides Free Display Module for Joomla! (1.5.x) and higher versions
 * @subpackage  Kupo Slides Free 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
 */

/* KSF Resets */
#kupoGallery { float: left; clear: both; margin: 0px; padding: 0px; margin-bottom: 10px }
#kupoGallery img.thumbnail { display: none }
.kuposlidesfree img { border: 0; margin: 0 }
.kuposlidesfree { border: 1px solid #111; overflow: hidden; position: relative;
	margin: 0px; padding: 0px }

/* KSF Base Font Declaration */
.kuposlidesfree, .kuposlidesfree .slideInfoZone h2, .kuposlidesfree p.descrip, #lbCaption {
    font-family: Rockwell, "Courier New", Courier;
    font-weight: normal; margin:0; line-height:100% }

.ie .kuposlidesfree, .ie .kuposlidesfree .slideInfoZone h2, .ie .kuposlidesfree p.descrip, .ie #lbCaption {
	font-family: Arial; font-weight: bold; margin:0; line-height:100% }

/* KSF loading Elements */
.kuposlidesfree .slideElement {
    position: absolute; z-index: 1; width: 100%; height: 100%;
    background: transparent url('../images/core/loader.gif') no-repeat center center }

.kuposlidesfree .loadingElement {
    position: absolute; z-index: 0; width: 100%; height: 100%;
    background: transparent url('../images/core/loader.gif') no-repeat center center }

/* KSF Slide Descriptions Area */
.kuposlidesfree .slideInfoZone {
    position: absolute; left: 0; bottom: 0; z-index: 15;
    width: 100%; color: #fff; text-indent: 0;
	background: none; background-image: url('../images/core/transparent.png');
    border-top: 1px solid #111; margin: 0px; overflow: hidden }

/* KSF Slide Descriptions Heading and Info */
.kuposlidesfree .slideInfoZone h2, .ie .kuposlidesfree .slideInfoZone h2 {
    padding: 0; margin: 0; font-size: 24px; margin: 10px 60px 0px 60px }

.kuposlidesfree p.descrip, .ie .kuposlidesfree p.descrip { padding: 0; font-size: 12px; margin: 5px 60px 0px 60px}

/* KSF Carousel (Thumbnails) Styling */
.kupo_ext_carousel { z-index: 15; position: absolute; top: 0; left: 0 }

/* KSF Thumbnails container wrapper for scrolling etc */
.kuposlidesfree div.carouselContainer { position: absolute; left: 0;top: 0; z-index: 15;
    width: 100%; margin: 0px }
    
/* KSF Gallery Thumbnails Styling */
.thumbnail { cursor: pointer; margin: 0px; background:#666 url('http://kpaglobal.com/modules/mod_kuposlidesfree/img/open.png') no-repeat center center }     

/* KSF Thumbnail Holder and Positioning */
#kupo_images_thumbnails { text-align: left; float: left; margin: 0 auto;
    overflow:hidden; border: none; position: absolute; z-index: 16 }

/* KSF Hover Thumbnail Description Text and Count*/
.kuposlidesfree p.label { display: none; background-color: #000; padding: 3px 7px; 
	position: absolute; left: 0; z-index: 17; font-size: 10px; color: #fff }

.ie .kuposlidesfree p.label { display: none; background-color: #000; padding: 2px 7px 3px 7px; 
	position: absolute; left: 0; z-index: 17; line-height: 9px; font-size: 10px; color: #fff }
	
.kuposlidesfree p.label .number { color: yellow }

/* KSF Left and Right Controls */
.kuposlidesfree a { font-size: 100%; text-decoration: none; color: inherit }
.kuposlidesfree a.right, .kuposlidesfree a.left {
    position: absolute; z-index: 17;
   	width: 50px; cursor: pointer }

.kuposlidesfree a.left { left: 0; bottom: 0; 
    background: transparent url('../images/core/left.png') no-repeat 0px 50% }

.kuposlidesfree a.right { right: 0; bottom: 0;
    background: transparent url('../images/core/right.png') no-repeat 0px 50% }

.kuposlidesfree a.left:hover { background: transparent url('../images/core/left.png') no-repeat -50px 50%  }
.kuposlidesfree a.right:hover { background: transparent url('../images/core/right.png') no-repeat -50px 50%  }

/* KSF Open Controls */
.kuposlidesfree a.open { left: 0; top: 0; width: 100%; height: 100% }
.withArrows a.open {
    position: absolute; top: 0; left: 25%; z-index: 12;
    height: 99%; width: 50%; cursor: pointer }

.withArrows a.open:hover { background: url('../images/core/open.png') no-repeat center center }

/* KSF Lightbox styling */
#lbOverlay {
    position: absolute; left: 0; z-index: 100;
    width: 100%; background-color: #222; cursor: pointer }

#lbCenter, #lbBottomContainer {
    position: absolute; left: 50%; z-index: 101;
    overflow: hidden; background-color: #222 }

#lbImage { border: 1px solid #000; border-bottom: none; background-repeat: no-repeat }

/* KSF Lightbox Description Container */
#lbBottom { text-align: left; border: 1px solid #000; background-color: #222; text-indent: 5px }

/* KSF Lightbox Close Link */
#lbCloseLink { display: block; float: right; width: 27px; height: 27px; padding: 0px; margin: 5px 10px 0px 0px;
    background: transparent url(../images/core/closebox.png) no-repeat center }

/* KSF Lightbox Title */
#lbCaption { font-weight: normal; font-size: 24px; margin: 5px 10px 10px 10px }
.ie #lbCaption { font-weight: bold; padding: 0px; font-size: 24px; margin: 5px 10px 0px 10px }

/* KSF Various CSS Styles */
.ie .kuposlidesfree span.read_more {font-weight: bold;}
.kuposlidesfree span.read_more a:hover { text-decoration: underline }
.authorcopyline {position: absolute; top: -50px; left: -50px; display: none}