/* css/lytebox.css */

/* --------- Background Settings ---------*/

#lbOverlay {background-color: #000; min-height: 100%; width: 100%; position: fixed; top: 0px; left: 0px; z-index: 99998;}

/*----------- Structure -----------*/

#lbMain {position: fixed; left: 0; top: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0px;}

#lbMain a img {border: none;}

#lbNote {position:fixed;top:-55px;left:10px;z-index:99999;color:#fff;font-size:70%;}

#lbOuterContainer { 
	background: #fff;
	box-shadow: 0 0 40px rgba(0,0,0,.85);
	height: 1px; width: 1px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}

#lbDetailsContainer {
	background-color: none;
	height: 40px; width: 100%; 
	margin: 0px auto; 
	position: relative;
}

@-webkit-keyframes lyteBoxLoader {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}
@keyframes lyteBoxLoader {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

#lbLoading {
	background: #fff;
	border-top: 6px solid #bbb;
	border-right: 6px solid #bbb;
	border-bottom: 6px solid #bbb;
	border-left: 6px solid #333;
	border-radius: 50%;
	content: '';
	display: block;
	height: 30px; width: 30px;
	margin-top: -15px;
	margin-left: -15px;
	position: absolute; top: 50%; left: 50%;
	-webkit-animation: lyteBoxLoader .75s linear infinite;
	animation: lyteBoxLoader .75s linear infinite;
}

#lbHoverNav {position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; z-index: 10;}
#lbImageContainer>#lbHoverNav {left: 0px;}
#lbHoverNav a {outline: none;}

#lbImage {border:none;}


/* -------- Image Name & Details ------------*/

#lbDetailsData {color: #fff; font-weight: normal; padding: 0 10px;}
#lbDetails {width: 60%; float: left; text-align: left;}


/* ------- Navigation & Close Buttons ---------*/

#lbPrev2, #lbPrev2_Off {
	line-height: 1;
	position: absolute;
	top: 10px; right: 86px;
	text-decoration: none;
}

	#lbPrev2:before, #lbPrev2_Off:before {
		color: #fff;
		content: '\6b';
		display: inline-block;
		font-family: 'fe-icons';
		font-size: 2em;
		font-weight: normal;
	}
	
#lbNext2, #lbNext2_Off {
	line-height: 1;
	position: absolute;
	top: 10px; right: 43px;
	text-decoration: none;
}

	#lbNext2:before, #lbNext2_Off:before {
		color: #fff;
		content: '\6c';
		display: inline-block;
		font-family: 'fe-icons';
		font-size: 2em;
		font-weight: normal;
	}

/* Change background of Unavailable State */
#lbPrev2_Off, #lbNext2_Off {opacity: .25;}	
		
#lbClose {
	line-height: 1;
	padding: 8px;
	position: absolute;
	top: 10px; right: 0;
	text-decoration: none;
}

	#lbClose:before {
		color: #fff;
		content: '\78';
		display: block;
		font-family: 'fe-icons';
		font-size: 1em;
		font-weight: normal;
	}	
		
		
/*------ Hidden (for now) -------*/

#lbCaption, #lbNumberDisplay, #lbNavDisplay, #lbPlay, #lbPause {display: none;}

#lbCaption {display: block; font-weight: normal; margin: 25px 0 0 5px;}
#lbNumberDisplay {float: left; display: block; padding-bottom: 12px;}
#lbNavDisplay {float: left; display: block; padding-bottom: 12px; width: 80px;}
#lbPlay {width: 64px; height: 28px; float: right; margin-bottom: 1px;}	
#lbPause {width: 64px; height: 28px; float: right; margin-bottom: 1px;}

/* css/lytebox.css */
