/* - - - - - - - - - - - - - - - - - - - - -

Title : Lightbox CSS
Author : Kevin Hale
URL : http://particletree.com/features/lightbox-gone-wild/

Created : January 13, 2006
Modified : February 1, 2006

- - - - - - - - - - - - - - - - - - - - - */

#lbLoadMessage{
	margin-top: 25px;
	text-align: center;
}
#lbLoadMessage p{
	display: block;
	text-indent: -5000px;
	width: 92px;
	height: 50px;
	margin: 0 auto;
	background: url(/images/lightbox/o_loading.gif?1172530431) no-repeat;
}

#lightbox{
	display:none;
	position: absolute;
	left: 0;
	z-index:9999;
	width:100%;
	text-align:center;
}
/* I don't think we want the box fixed. Then a user with a small screen can't scroll to close.
#lightbox[id]{position:fixed;}
*/
#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5000;
	background-color:#000;
	-moz-opacity: 0.9;
	opacity:.90;
	filter: alpha(opacity=90);
}
#overlay[id]{position:fixed;}
#lightbox.done #lbLoadMessage{display:none;}
#lightbox.done #lbContent{display:block;}
#lightbox.loading #lbContent{display:none;}
#lightbox.loading #lbLoadMessage{display:block;}

/* Following added by Mark for Multiview Lightbox */

#lbwrapper{
	border:10px solid #ccc;
	background:#fff;
	float: left;
	width: 775px;
	overflow: hidden;
	text-align: center;
}
#lbContent{
	position: relative;
	margin: 0 auto;
	width: 800px;
}
#lightbox .info{clear: left;}
#lightbox .info ul{
	margin: 0;
	padding: 0;
	background: #ccc;
	float: left;
	width: 100%;
}
#lightbox .info li{
	list-style: none;
	margin: 10px 0 0 0;
	padding: 0;
}
#lightbox .info li.title{
	float: left;
	font-size: 14px;
	font-family: helvetica, arial, verdana, sans-serif;
}
#lightbox .info li.close{float: right;}
#imageContainer.multi{background: #fff;}
p.page_toggle{
	display: block;
	text-align: center;
	margin: 10px auto;
}
#lightbox p.page_toggle a{border: none;}
#lightbox p.page_toggle img{
	float: none;
}
#multiViews{
	float: left;
	width: 125px;
	background: url(/images/css/default/ui/lightbox_multiview_border.jpg?1172184241) no-repeat top right;
	line-height: 1.5em;
	min-height: 375px;
}
#multiViews h3{
	border-bottom: 1px solid #ccc;
	margin: 0;
	padding: 2px 0;
	font-size: 10px;
	color: #999;
	font-weight: normal;
}
#multiViews ul{margin: 0; padding: 0;}
#multiViews ul li{
	list-style: none;
	margin: 10px;
	padding: 0;
}
#multiViews ul li a{
	display: block;
	border: 1px solid #e8e8e8;
	text-decoration: none;
	width: 100px;
	height: 100px;
	padding: 1px;
	
}
#multiViews ul li a:hover{border: 1px solid #999;}
#multiViews ul li.selected a,
#multiViews ul li.selected a:hover{border: 1px solid #999;}
#multiViews ul li a img{border: none;}

#lightbox #lbwrapper .close_sm{
	position: absolute;
	display: inline;
	top: 13px;
	right: 18px;
	z-index: 500;
	border: none;
	margin: 0;
	padding: 0;
}
#lightbox #lbwrapper .close_sm img{
	float: none !important;
}