/* Moviebox and Slimbox stylesheet - black theme */
/**
 * All page-specific changes should be made by adding a <style> block to 
 * the page in question, to override the defaults that are set in this .css.
 * Only change this file when necessary to support changes to lightboxes
 * throughout a given site.
 * 
 * NOTES -- Jbatchelor@ciber.com :
 *	1)	All specs that reference the lightbox images must be modified 
 *		to point at their actual location on a page-by-page basis
 *	2)	#lbOverlay controls the background that obscures 
 *		the page content when the lightbox is open 
 *	3)	The background color of the lightbox itself is controlled by
 *		the #lbCenter, #lbBottomContainer spec
 *	4)	If you modify the lightbox's background color, you must modify
 *		the assets (1_loading.gif, 1_prev.png, etc) so that they can
 *		be seen on the new background color.
 *	5)	The border around the main box in the lightbox is controlled
 *		by the #lbImage spec's border: attribute
 *	6)	The border around the caption-box is controlled by #lbBottom
 *	7)	Don't want a caption box? Add display:none into the #lbBottom spec,
 *		but make certain that something in the content in the box can call
 *		Mediabox.close(); or users will be stuck with the mediabox on the screen
 *		until they refresh!
 */
#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #000;
}

.lbLoading {
	background: #000 url(../images/1_loading.gif) no-repeat center;
}

#lbImage {
	background-repeat: no-repeat;
	border: 7px solid #000;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(../images/1_prev.png) no-repeat 0% 30%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(../images/1_next.png) no-repeat 100% 30%;
}

#lbBottom 
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 16px;
	text-align: left;
	border: 7px solid #000;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 80px;
	height: 16px;
	background: transparent url(../images/1_close.png) no-repeat center;
	margin: 0px;
}

#lbCaption, #lbNumber {
	margin-right: 14px;
}

#lbCaption {
	font-weight: bold;
}