/*
Main lightbox
- spans full width  of page but limits to lightbox height
*/
#lightbox {
	position:         absolute;
	left:             0;
	width:            100%;
	z-index:          100;
	text-align:       center;
	line-height:      0;
}

/* fix for centering of loading image */
/* JL: not used?
#lightbox a img {
  border:           none;
  display:          inline; 
}
*/

/*
Main container for lightbox contents and controls
- Contained by #lightbox
- Unlike #lightbox, only spans the width and height of the lightbox
*/
#outerContainer {
	position:         relative;
	width:            250px;
	height:           250px;
	margin:           0 auto;
  font:             9px/14px verdana,geneva,sans-serif;
}

/*
Contains lightbox content
- Dynamically resized and positioned in lightbox.js
*/
#innerContainer {
  height:           auto;
	position:         relative;
  overflow:         auto;
}

/*
Loading display
- Currently unused.
*/
#loading {
  padding:          100px 0 0 0;
  /*
	position:         absolute;
	top:              40%;
	left:             43%;
	height:           25%;
	width:            100%;
	text-align:       center;
	line-height:      0;
	*/
}

/*
See-through page overlay
- Resized by lightbox.js
*/
#overlay {
	position:         absolute;
	top:              0;
	left:             0;
	z-index:          90;
	width:            100%;
	height:           500px;
	background-color: #000;
}

/* Control bar */
.control {
  font:                 10px verdana,geneva,sans-serif;
  height:               14px;
  width:                100%;
  padding:              5px 0px;
  background-color:     #1b130c;
  color:                #ffffff;
  position:             absolute;
  display:              none;
}

/* Top control bar */
#lbHeader {
  top:                  0px;
  left:                 0px;
  z-index:              203;
}

/* Bottom control bar */
#lbFooter {
  bottom:               -1px;
  left:                 0px;
  z-index:              204;
}

/* Close button/link */
a.btnClose {
  font:					        9px verdana,geneva,sans-serif;
  background:           url("../images/common/btn_close.gif") right center no-repeat;
  position:             relative;
  display:              block;
  top:                  0px;
  right:                15px;
  float:                right;
  padding:              0px 15px 0px 0px;
}

/*
lbContentOuter - Style for lightboxed page.
lbContentOuterFullPage - Style for lightbox displayed as separate page.
*/
.lbContentOuter,
.lbContentOuterFullPage {
  text-align:           left;
  font:                 9px/14px verdana,geneva,sans-serif;
}

.lbContentOuterFullPage {
	margin:               0 auto;
	margin-top:           25px;
}

.lbContentOuter ul li,
.lbContentOuterFullPage ul li {
  margin:               0px;
}