@charset "UTF-8";
/*
*
*website:	www.basaridesign.de
*author: 	Basari Design
*date:		01-01-2010
*
**/


#lbOverlay { 
	width				: 100%;
	height				: 500px;
	position			: fixed;
	top					: 0;
	left				: 0;
	z-index				: 99998;
	background-color	: #000000;
}
#lbOverlay.grey { 
	background-color	: #000000; 
}

#lbMain {
	width				: 100%;
	position			: absolute;
	left				: 0;
	z-index				: 99999;
	text-align			: center;
	line-height			: 0; 
}
#lbMain a img { 
	border				: none; 
}

#lbOuterContainer {
	width				: 200px;
	height				: 200px;
	position			: relative;
	background-color	: #fff;
	margin				: 0 auto; 
}
#lbOuterContainer.grey {
	border				: 5px solid #BDBCBC; 
}

#lbDetailsContainer {
	width: 100%;
	font				: italic 14px Arial, sans-serif;
	background-color	: #fff;
	overflow			: auto;
	margin				: 0 auto;
}
#lbDetailsContainer.grey { 
	border				: 5px solid #BDBCBC;
	border-top			: none;
	text-align			: right;
}


#lbImageContainer, #lbIframeContainer { 
	padding: 10px; 
}
#lbLoading {
	position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(../images/loading.gif) center no-repeat;
}

#lbHoverNav {
	 position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;
}
#lbImageContainer>#lbHoverNav { 
	left: 0;
}
#lbHoverNav a {
	 outline: none;
}

#lbPrev {
	width: 49%; height: 100%; background: transparent url(../images/blank.gif) no-repeat; display: block; left: 0; float: left;
}
#lbPrev.grey:hover, #lbPrev.grey:visited:hover {
	background: url(../images/prev_grey.gif) left 15% no-repeat;
}
	
#lbNext {
	width: 49%; height: 100%; background: transparent url(../images/blank.gif) no-repeat; display: block; right: 0; float: right;
}
#lbNext.grey:hover, #lbNext.grey:visited:hover { 
	background: url(../images/next_grey.gif) right 15% no-repeat;
}

#lbPrev2, #lbNext2 {
	text-decoration: none; font-weight: bold;
}
#lbSpacer.grey{
	color: #777;
}
#lbPrev2.grey, #lbNext2.grey {
	color: #777; text-decoration:underline;
}
#lbPrev2.grey:hover, #lbNext2.grey:hover {
	color: #F90; 
}
	
#lbPrev2_Off, #lbNext2_Off {
	font-weight: bold;
}
#lbPrev2_Off.grey, #lbNext2_Off.grey {
	color: #CCCCCC;
}
	
#lbDetailsData {
	padding: 0 10px;
}
#lbDetailsData.grey {
	color: #BDBCBC ;
}

#lbDetails {
	width: 100%; display:block; float: right; text-align: right;
}
#lbCaption {
	display: block; /*font-weight: bold;*/
}
#lbNumberDisplay {
	float: left; display: block; padding-bottom: 1.0em;
}
#lbNavDisplay {
	float: left; display: block; padding-bottom: 1.0em;
}
/*
#lbClose {
	width: 64px; height: 28px; float: right; text-align: right; margin-bottom: 1px;
}*/
#lbClose { 
	width				: 64px;
	height				: 28px;
	float				: right;
	margin-bottom		: 1px;
	text-align			: right;
	background			: url(../images/close_grey.png) no-repeat;
}
#lbClose.grey {
	background: url(../images/close_grey.png) no-repeat;
}

#lbPlay {
	width: 64px; height: 28px; float: right; margin-bottom: 1px;
}
#lbPlay.grey {
	background: url(../images/play_grey.png) no-repeat;
}

	
#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPause.grey { background: url(../images/pause_grey.png) no-repeat; }

#lbIframe { border: 0px; frameborder:0; overflow: hidden; overflow-y: hidden; overflow-x: hidden;  scrolling:"no"; }