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

/* the overlay that covers up the page */

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

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

/* the container for the images */

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

#gorillabox table {
  border-collapse: collapse;
}

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

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

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

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

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

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

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

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

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

#gorillabox .header {
	border-bottom: 1px solid #ddd;
	margin-bottom: 10px;
	position: relative;
	overflow: hidden;
}
	#gorillabox a#closeGorillabox {
		display: -moz-inline-box;
		display: inline-block;
		padding-left: 28px;
		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/gorillabox.png) no-repeat 65px 0; */
		background: url(../graphics/gorillabox.png) no-repeat 2px -25px;
		_background: url(../graphics/gorillabox.gif) no-repeat 2px -25px;
		margin-bottom: 10px;
		float: left;
	}

	#gorillabox span.showlarge {
		position: absolute;
		right: 0;
	}
	#gorillabox .header a {
		float: right;
	}
	#gorillabox 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/gorillabox.png) no-repeat -104px 6px;
		_background: url(../graphics/gorillabox.gif) no-repeat -104px 0;
	}
		#gorillabox a.magnify.minify {
			background-position: -104px -18px;
			_background-position: -104px -24px;
		}

	#gorillabox .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;
	}


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

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

#gorillabox .maincontent {
	overflow: hidden; /* counteract any floats in css by mistake */
}
	
#gorillabox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

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