/* CSS Document for guitarbox (guitarbox.css) */

/* the overlay that covers up the page */

#multiboxoverlay {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: #000;
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: 50;
}

* html #multiboxoverlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

/* the container for the images */

#multibox {
	position: absolute;
	opacity: 0; /* initial values to allow animation */
	filter: alpha(opacity=0);
	z-index: 100;
	left: 0;
	top: 0;
	text-align: left;
}

#multibox table {
  border-collapse: collapse;
}

#multibox td {
  border-width: 0;
  padding: 0;
}

#multibox .bh {
  /* background: url(../graphics/multibox.png) repeat-x 0 -58px; */
  background: url(../graphics/multibox.png) repeat-x 0 -58px;
  _background: url(../graphics/multibox.gif) repeat-x 0 -58px;
}

#multibox .bv {
  /* background: url(../graphics/multibox.png) repeat-y -132px 0; */
  background: url(../graphics/multibox.png) repeat-y -132px 0;
  _background: url(../graphics/multibox.gif) repeat-y -132px 0;
}

#multibox .tl {
  /* background: url(../graphics/multibox.png) no-repeat -26px 0; */
  background: url(../graphics/multibox.png) no-repeat -26px 0;
  _background: url(../graphics/multibox.gif) no-repeat -26px 0;
}

#multibox .tr {
  /* background: url(../graphics/multibox.png) no-repeat -46px 0; */
  background: url(../graphics/multibox.png) no-repeat -46px 0;
  _background: url(../graphics/multibox.gif) no-repeat -46px 0;
}

#multibox .bl {
  /* background: url(../graphics/multibox.png) no-repeat -66px 0; */
  background: url(../graphics/multibox.png) no-repeat -66px 0;
  _background: url(http://../graphics/multibox.gif) no-repeat -66px 0;
}

#multibox .br {
  /* background: url(../graphics/multibox.png) no-repeat -86px 0; */
  background: url(../graphics/multibox.png) no-repeat -86px 0;
  _background: url(../graphics/multibox.gif) no-repeat -86px 0;
}

#multibox .tl, #multibox .tr, #multibox .bl, #multibox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

/* all content is in this td */
#multibox .body {
  padding: 10px;
  background: #fff;
  width: 370px; /* gets overridden by js */
}

#multibox .header {
	border-bottom: 1px solid #ddd;
	margin-bottom: 10px;
	position: relative;
}
	#multibox a#closeMultibox {
		display: -moz-inline-box;
		display: inline-block;
		padding-right: 25px;
		width: 65px;
		height: 22px;
		line-height: 22px;
		/* font-weight: bold; */
		font-family: helvetica, arial, sans-serif;
		font-size: 20px;
		text-decoration: none;
		color: #595959;
		/* background: url(../graphics/multibox.png) no-repeat 65px 0; */
		background: url(../graphics/multibox.png) no-repeat 65px 2px;
		_background: url(../graphics/multibox.gif) no-repeat 6px 2px;
		margin-bottom: 10px;
	}

	#multibox span.showlarge {
		position: absolute;
		right: 0;
	}
	#multibox a#magnify {
		margin-left: 140px;
		display: -moz-inline-box;
		display: inline-block;
		width: 24px;
		height: 24px;
		/* background: url(../graphics/guitarbox.png) no-repeat -104px 6px; */
		background: url(../graphics/multibox.png) no-repeat -104px 6px;
		_background: url(../graphics/multi~box.gif) no-repeat -104px 0;
	}
		#multibox a#magnify.minify {
			background-position: -104px -18px;
			_background-position: -104px -24px;
		}

	#multibox .header span.loading {
		display: -moz-inline-box;
		display: inline-block;
		position: absolute;
		right: 0;
		top: 0;
		width: 32px;
		height: 32px;
		background: url(graphics/loading.gif) no-repeat 0 0;
		_right: 10px;
	}


#multibox .mainimage {
	text-align: center;
}

#multibox img {
  border: 0;
  margin: 0;
}
#multibox .thumbs {
	margin-top: 15px;
}
	#multibox .thumbs img {
		display: inline;
		margin-right: 12px;
		border: 1px solid #fff;
		max-width: 80px;
		/* max-height: 100px; */
		width: expression(this.offsetWidth > 80? "80px" : "auto");
	}
		#multibox .thumbs img.img_current {
			border-color: #f00;
		}	
		#multibox .thumbs img.img_last {
			margin-right: 0;
		}

#multibox .maincontent input {
	position: relative;
	z-index: 400;
}
	
#multibox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#multibox #magnifier {
	position: absolute;
	border: 1px solid #000;
	background-color: transparent;
	z-index: 150;
	display: none;
}