/*if there is any problems with this you can check this CSS page in calvin or lucy's site 3.19.08 Chris Muench (please remove this line when using)*/

#lbOverlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;}
	#lbOverlay.grey { background-color: transparent; }

#lbMain { position: absolute; left: 0; width: 75%; text-align: center; line-height: 0; } /*the width tells where it sets from left*/
#lbMain a img { border: none; }

#lbOuterContainer { position: relative; background-color: #000; width: 200px; height: 200px; margin: 20% auto 0 auto;} /*edit this section. the margin here tells where it is from the top postion. also the background-color tells it what color is behind the image.*/
	
#lbDetailsContainer {	font: 10px Arial, sans-serif; background-color: #000; width: 100%; line-height: 1.4em;	overflow: auto; margin: 0 auto; } /*change the background-color here to be the same as the lbOuterContainer. this is the bottom section of the image (i.e. details and close button)*/
	#lbDetailsContainer.grey { border-top: none; }

#lbImageContainer, #lbIframeContainer { padding: 10px; }
#lbLoading {
	position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background:url(../controls/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(../controls/blank.gif) no-repeat; display: block; left: 0; float: left; }
	#lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(../controls/prevlabel.gif) left 15% no-repeat; }
	
#lbNext { width: 49%; height: 100%; background: transparent url(../controls/blank.gif) no-repeat; display: block; right: 0; float: right; }
	#lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(../controls/nextlabel.gif) right 15% no-repeat; }

#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
	#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #333333; }
	
#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
	#lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; }
	
#lbDetailsData { padding: 0 10px; }
	#lbDetailsData.grey { color: #dedede; } /*change the color here for details text*/

#lbDetails { width: 60%; float: left; text-align: left; }
#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 { background:url(../controls/closelabel.gif) no-repeat; width: 66px; height: 28px; float: right; margin-bottom: 1px; }