/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container { position: relative; }

.jcarousel-clip {
  margin: 0;
  padding: 0;
  z-index: 2;
  overflow: hidden;
  position: relative;
}

.jcarousel-list {
  margin: 0;
  padding: 0;
  z-index: 1;
  top: 0;
  left: 0;
  overflow: hidden;
  position: relative;
}

.jcarousel-list li, .jcarousel-item {
  list-style: none;
  padding: 2px;
  width: 142px;
  height: 166px;
  background: #fff;
  float: left;
}

.jcarousel-list li dl { border: 1px solid #999; }

/*.jcarousel-list li dl:hover {
	FILTER: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}*/
.jcarousel-list li dl a:hover img {
  -moz-opacity: 0.7;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.jcarousel-list li dt { border-bottom: 1px solid #999; }

.jcarousel-list li dd {
  color: #fff;
  padding: 5px 5px;
  height: 42px;
  background: #000;
  font-size: 10px;
  line-height:1.3;
}

/*body:first-of-type .jcarousel-list li dd {
	letter-spacing:-0.1em;
}
html:\66irst-child .jcarousel-list li dd {
	letter-spacing:-0.1em;
}*/

.jcarousel-list li dd .date {
  color: #999;
}

.jcarousel-list li dd .artist {
  font-weight: bold;
}

.jcarousel-list li dd .artist a { color: #fff; }
.jcarousel-list li dd .state { color: #cc0000; }
.jcarousel-list li a, .jcarousel-list li a:hover { text-decoration: none; }

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
  z-index: 3;
  display: none;
}

.jcarousel-prev {
  z-index: 3;
  display: none;
}