@charset "UTF-8";
/* CSS Document */

.lightboxCurtain {

	xbackground: url("/ascentcore/core/img/curtain.png") repeat scroll 0 0 transparent;
	background: rgba(0,0,0,0.9);
    opacity: 1;
	position: fixed;
	height: 100%;
	width: 100%;
	z-index: 1001;
	left: 0;
	top: 0;
}

.lightboxCollection {
	xposition: relative;
}


.lightboxContainer {

	width: 100%;
	height: 100%;
	padding: 10px 50px 0;
	xborder: 1px solid grey;
	
	box-sizing: border-box;
	
	position: relative;
	
}

.lightboxImage {
	
	width: 100%;
	height: calc(100% - 50px);
	xborder: 1px solid black;
	position: relative;
	
}

.lightboxImage IMG {

	display: block;
	margin: auto;
	width: auto;
	max-width: 100%;
	
	height: auto;
	max-height: 100%;
	
	position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
	
	z-index: 1003;
	cursor: pointer;
}

.lightboxCaption {
	width: 100%;
	margin: 10px auto;
	padding-top:5px;
	border-top: 1px solid #cccccc;
	color: white;
}

#lightboxSpinner {
	background: url(/ascentcore/imagegallery/2.0/img/spinnerblack.gif) no-repeat center center;
	color: white;
	position: absolute;
	width: 100%;
	height: 100px;
	top: 50%;
	
	z-index: 1002;
	
}

#lightboxNext {
	width: 75px;
	height: 100%;
	position: absolute;
	top: -15%;
	right: 10px;
	background: url(/ascentcore/imagegallery/2.0/img/next.png) no-repeat left center;
	cursor: pointer;
	z-index: 2000;
}

#lightboxPrev {
	width: 75px;
	height: 100%;
	position: absolute;
	top: -15%;
	left: 10px;
	background: url(/ascentcore/imagegallery/2.0/img/prev.png) no-repeat right center;
	cursor: pointer;
	z-index: 2000;
}

#lightboxNext.disabled, #lightboxPrev.disabled {
	background: grey;
	cursor:default;
	display: none;
}

#lightboxClose {	
	background: url('/ascentcore/imagegallery/2.0/img/close.png');
	width: 60px;
	height: 60px;
	right: 0;
    position: absolute;
    top: -0px;
	cursor: pointer;
	z-index: 2005;
}