/* Original style sheet by Markus F. Hay - Localization by Bjorn Sortland
   Base dimensions of the Lytebox window is ordered on the parent window */

#lbOverlay {
	width: 100%;
	height: 500px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99998;
	}
#lbOverlay.grey { background-color: #000; }
#lbMain {
	width: 100%;
	position: absolute;
	left: 0;
	text-align: center;
	line-height: 0;
	z-index: 99999;
	}
#lbMain a img { border: none; }
#lbOuterContainer {
	width: 200px;
	height: 200px;
	position: relative;
	margin: 0 auto;
	background-color: #fff;
	}
#lbOuterContainer.grey { border: 3px solid #888; }
#lbDetailsContainer {
	width: 100%;
	margin: 0 auto;
	font: 11px "Lucida Grande","Lucida Sans","Lucida Sans Unicode","Trebuchet MS",Arial,sans-serif;
	line-height: 1.4;
	overflow: auto;
	background-color: #fff;
	}
#lbDetailsContainer.grey {
	border: 3px solid #888;
	border-top: none;
	}
#lbImageContainer, #lbIframeContainer { padding: 10px; }
#lbLoading {
	width: 100%;
	height: 32px;
	position: absolute;
	top: 45%;
	left: 0%;
	text-align: center;
	line-height: 0;
	background: url("../img/lytebox/loading.gif") center no-repeat;
	}
#lbHoverNav {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	}
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }
#lbPrev {
	float: left;
	width: 49%;
	height: 100%;
	display: block;
	left: 0;
	background: transparent url("../img/lytebox/blank.gif") no-repeat;
	}
#lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url("../img/lytebox/prev_grey.gif") left 15% no-repeat; }
#lbNext {
	float: right;
	width: 49%;
	height: 100%;
	display: block;
	right: 0;
	background: transparent url("../img/lytebox/blank.gif") no-repeat;
	}
#lbNext.grey:hover, #lbNext.grey:visited:hover { background: url("../img/lytebox/next_grey.gif") right 15% no-repeat; }
#lbPrev2, #lbNext2 {
	text-decoration: none;
	font-weight: bold;
	}
#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #333; }
#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
#lbPrev2_Off.grey, #lbNext2_Off.grey { color: #ccc; }
#lbDetailsData { padding: 0 11px; }
#lbDetailsData.grey { color: #333; }
#lbDetails {
	width: 100%;
	float: left;
	text-align: left;
	}
#lbCaption { display: block; }
#lbNumberDisplay {
	position: absolute;
	bottom: 11px;
	}
#lbNavDisplay {
	float: left;
	display: block;
	padding-bottom: 1em;
	}
#lbClose {
	width: 64px;
	height: 28px;
	float: right;
	margin-bottom: 1px;
	border-bottom-style: none;
	}
#lbClose.grey { background: url("../img/lytebox/close_grey.png") no-repeat; }
#lbPlay {
	width: 64px;
	height: 28px;
	float: right;
	margin-bottom: 1px;
	}
#lbPlay.grey { background: url("../img/lytebox/play_grey.png") no-repeat; }
#lbPause {
	width: 64px;
	height: 28px;
	float: right;
	margin-bottom: 1px;
	}
#lbPause.grey { background: url("../img/lytebox/pause_grey.png") no-repeat; }