/*  
	 ___                         
	/\_ \    __                  
	\//\ \  /\_\  __  __    __   
	  \ \ \ \/\ \/\ \/\ \ /'__`\ 
	   \_\ \_\ \ \ \ \_/ |\  __/ 
	   /\____\\ \_\ \___/\ \____\
	   \/____/ \/_/\/__/  \/____/ css
                             
	Stylesheet for live                          
                             
*/

/* slideshow */
.slideshow-container {
	position:relative;
}

.slideshow-container .slide {
	position:absolute;
	top:0px;
	left:0px;
}

/* viewer */
.viewer-container {
    position:relative;
}

.viewer-control { }

.viewer-control:hover { }

.viewer-next { }

.viewer-previous { }

.viewer-tabs { }

.viewer-tabs-container {
	overflow:hidden;
}

.viewer-container .panel {
    position:absolute;
    left:0px;
    top:0px;
}

.panel-title,
.panel-description {
    position:absolute;
    bottom:-110px;
}

/* Canopy Styles */
#canopy {
	z-index:99997;
	position:fixed;
	min-height:100%; 
	height:100%;
	width:100%;
	left:0px;
	top:0px;
	bottom:0px;
	right:0px;
}

#canopy-overlay {
	z-index:99998;
	background:#000;
	position:absolute;
	min-height:100%;
	height:100%;
	min-width:100%;
	width:100%;
	left:0%;
	top:0%;
	bottom:0%;
}

#canopy-content-container {
	z-index:99999;
	position:absolute;
	min-height:100%;
	height:100%;
	min-width:100%;
	width:100%;
	left:0%;
	top:35px;
	bottom:0%;
}

#canopy-content-container div.drag {
	cursor:move;
}


#canopy-btn-close {
	z-index:999999;
	position:absolute;
	right:10px;
	top:10px;
	width:32px;
	height:32px;
	background:url('/images/icons/icon.canopy.close.png') no-repeat center;
}

#canopy-btn-close:hover {
	cursor:pointer;
}

/* PopUp CSS */

div.popup-container {
	padding:0px;
	z-index:99999;
	-webkit-box-shadow:0px 2px 15px #222;
 	-moz-box-shadow:0px 2px 15px #222;
	box-shadow: 0px 2px 15px #222;
	border:1px solid #CCC;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background:#FFF;
}

div.popup-controls {
	background:#FFF url('/images/public/bg_popup_title.png') repeat-x bottom;
	color:#333;
	border-bottom:1px solid #AAA;
	height:37px;
}

div.popup-controls a {
	float:right;
	padding:10px 15px;
	cursor:pointer;
	color:#333;
}

div.popup-controls .popup-title {
	float:left;
	padding:10px;
	color:#333;
}

div.popup-controls a:hover {
	background:#AAA url('/images/public/bg_popup_title.png') repeat-x bottom;
	color:#FFF;
	text-decoration:none;
}

/* Modal | Loader */

#popup-modal-loader iframe {
	overflow:hidden;
}

#popup-modal-loader .popup-content {
    background: no-repeat scroll center 20px;
	padding:10px;
}

#popup-modal-loader .popup-content img {
	display:block;
	margin:10px auto;
}

#loading-title {
	text-align:center;
	padding:35px 10px 10px 10px;
}

#popup-modal-loader-no-style {
	padding:0px;
	z-index:99999;
	-webkit-box-shadow:none;
 	-moz-box-shadow:none;
	box-shadow: none;
	border:none;
	-moz-border-radius: none;
	-webkit-border-radius:none;
	background:none;
}

/* Tool Tip */

#tool-tip {
	position: absolute;
	border: 1px solid #e9da2b;
	background: #fef58e;
	padding: 5px;
	z-index: 100000;
	max-width: 300px;
}


/* image viewer */
.image-viewer-container {
	position:fixed;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	width:100%;
	height:100%;
	background:#000;
}

.image-viewer-thumbnail {
	float:left;
	margin:5px;
	width:200px;
	padding:1px;
	height:200px;
	position:relative;
	cursor:pointer;
}

.image-viewer-preview {
	position:absolute;
	bottom:0px;
	left:0px;
	z-index:5;
	padding:20px;
	border-radius:10px;
	background:#FFF;
	cursor:pointer;
}

