﻿.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}
* html>body .clearfix {
	display:inline-block;
	width:100%
}
* html .clearfix {
	height:1%
}
#lightboxIframe {
	display:none
}
#overlay {
	position:absolute;
	top:0;
	left:0;
	z-index:10090;
	width:100%;
	height:500px;
	background-color:#000;
	filter:alpha(opacity=60);
	-moz-opacity:.6;
	opacity:.6;
	display:none
}
#lightbox {
	position:absolute;
	left:0;
	width:100%;
	z-index:10100;
	line-height:0
}
#jqlb_spinner {
	height:32px;
	background-image:url(img/loading.gif);
	background-repeat:no-repeat;
	background-position:center center
}
#jqlb_closelabel {
	height:22px;
	width:66px;
	background-image:url(img/closelabel.gif);
	background-repeat:no-repeat;
	background-position:center center
}
#lightbox a img {
	border:none
}
#outerImageContainer {
	position:relative;
	background-color:#fff;
	width:300px;
	height:300px;
	margin:0 auto
}
#imageContainer {
	padding:10px;
	text-align:center
}
#jqlb_loading {
	position:absolute;
	top:40%;
	left:0;
	height:25%;
	width:100%;
	line-height:0
}
#hoverNav {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:10
}
#imageContainer>#hoverNav {
	left:0
}
#hoverNav a {
	outline:0
}
#nextLink, #prevLink {
	width:45%;
	height:100%;
	background:transparent url(img/blank.gif) no-repeat;
	display:block
}
#prevLink {
	left:0;
	float:left
}
#nextLink {
	right:0;
	float:right
}
#prevLink:hover, #prevLink:visited:hover {
	background:url(img/prev.gif) left 50% no-repeat
}
#nextLink:hover, #nextLink:visited:hover {
	background:url(img/next.gif) right 50% no-repeat
}
#imageDataContainer {
	font:10px Verdana, Helvetica, sans-serif;
	background-color:#fff;
	color:#000;
	margin:0 auto;
	line-height:1.4em
}
#imageData {
	padding:0 10px
}
.ontop #imageData {
	padding-top:5px
}
#imageData #imageDetails {
	float:left;
	text-align:left;
	margin-bottom:10px;
	width:80%;
	width:-moz-calc(100% - 80px);
	width:-webkit-calc(100% - 80px);
	width:-o-calc(100% - 80px);
	width:calc(100% - 80px)
}
#imageData #imageDetails #titleAndCaption #titleText {
	font-weight:700
}
#imageData #imageDetails #titleAndCaption #captionText {
	font-weight:400
}
#imageData #imageDetails #controls {
	margin:0;
	white-space:nowrap
}
#imageData #bottomNav #bottomNavClose {
	height:22px;
	width:66px;
	float:right;
	margin-bottom:10px
}
