/* PHP Gallery CSS */
/*
.spacer { clear: both; }
*/
.detail{
	height:auto;
	text-align:center;
}

.gallery{
	margin: 0 0 0 14px; 
}

.gallery span.spacer{
	display:block;
	text-align:center;
	width:77px;
	height:40px;  /* 4em */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
 font-weight:normal;
}
.gallery a{
	color: #936B36;
	text-decoration:none;
}
.gallery a:hover{
	color:#FFDB9C;
	text-decoration:none;
}
.gallery img{
	border: 1px solid #AAA;
	margin: 0px;
}
.gallery img:hover{
	border: 1px solid #DDD;
}

.thumbnail{
	float: left;
	display:inline;
	text-decoration: none;
	margin: 5px 7px;
	text-align:center;
  height:150px;
	border:0;
}

/* Artists */
.artistList{
}

.artistThumb{
	float: left;
	display:inline;
	margin: 5px 10px;
	text-align:center;
	height:150px;
	border:0;
}

.artistThumb a{
 	text-decoration: none;
	color: #936B36;
}
.artistThumb a:hover{
	color:#FFDB9C;
	text-decoration:none;
}

.artistThumb img{
	border: 1px solid #AAAAAA;
}
.artistThumb img:hover{
	border: 1px solid #DDDDDD;
}

.artistThumb span {
	display: block;
	width:77px;
}

/*--- Tabbed content ---*/

h4#tabBoxTitle {
		background-color: #677480;
		border: 1px solid;
		border-color: #B4CBE1 #E4ECF4 #E4ECF4 #B4CBE1;
		color: #E4ECF4;
		font-weight: bold;
		margin: 0 0 3px 0;
		padding: 2px .5em 2px .5em;
		}

div.tabBox {
	margin: 12px 0 0 0;
	padding: 0 0 0 0;
}

div.tabArea  {
	width:100%;
	padding: 0;
	border: 0px hidden;
	display: block;
	clear:both;
	font-size: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.tabArea  ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
  font-size: 10px;
  }
.tabArea  li {
  display:inline;
  margin:0;
  padding:0;
  }
.tabArea a {
  float:left;
  background:url("../../../images/left-tab.gif") no-repeat left top;
  margin: 4px 0 0 0;
  padding:0 0 0 9px;
  text-decoration:none;
	color: #FFDB9C;
  }

.tabArea a:hover {
  text-decoration:none;
}
  
.tabArea  a span {
  float:left;
  display:block;
  background:url("../../../images/right-tab.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  font-weight:bold;
  }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.tabArea  a span {float:none;}
/* End IE5-Mac hack */
.tabArea  a:hover span {
  color:#FFF;
  }
.tabArea .current a {
  margin:0;
  background-position:0 -300px;
  border-width:0;
  }
.tabArea .current a:hover {
  background-position:0 -300px;
  }
.tabArea .current a span {
  background-position:100% -300px;
  padding-top:5px;
  padding-bottom:9px;
  color:#FFF;
  }
.tabArea .current a:hover span {
  background-position:100% -300px;
  }
.tabArea  a:hover {
  background-position:0% -150px;
  }
.tabArea  a:hover span {
  background-position:100% -150px;
  }

/*--- Image View ---*/

.gallery #imageView {
	margin: 0 auto;
	position: fixed;
	width:auto;
	left: 150px;
	top: 20px;
	z-index:2001;
}

.gallery #imageView #handle1 {
	cursor: move;
}

.gallery #imageView .boxhead {
	background:url(../../../images/sbhead-imageView-r.gif) no-repeat top right;
}

.gallery #imageView .boxhead h2 {
	width:100%;
	background: url(../../../images/sbhead-imageView-l.gif) no-repeat top left;
	margin: 0 -10px 0 0;
	padding: 0px 5px 5px;
	color:#FFDB9C;
}

.gallery #imageView #imageViewImage {
	clear:both;
	display:block;
	float:none;
	margin:5px 0 5px 0;
	border: 1px solid #AAA;
}

.gallery #closeImageView {
 position:absolute;
 top:5px;
 right:10px;
 height:20px;
 z-index:2010;
 padding:3px 20px 0 0;
 text-align:right;
 background:url(../../../images/close.gif) top right no-repeat;
 clear:none;
}

.gallery #prev {
	width: 50px;
}

.gallery #next {
	width: 50px;
}

.group{
	margin: 0 0 0 34px; 
}