/******************************************************************************
	Styles for PNNL Carousel
	Author: Geoff Elliott
	Created: September 8, 2008
******************************************************************************/


#badgeBar {
  width: 720px;
  height: 180px;
  padding: 20px 110px;
  visibility: hidden;
  left: -5000px;
	position: relative;
}

#badgeBar.scriptLess {
	left: 0;
	visibility: visible;
	height: 160px;
	overflow: hidden;
}

#badgeBar li {
  width: 160px;
  height: 160px;
  padding-bottom: 30px;
  padding-right: 10px;
  padding-left: 10px;
  background-image: url("/images/badge_shadow.png");
  background-repeat: no-repeat;
  background-position: center 157px;
  position: relative;
}

#badgeBar.scriptLess li {
	float: left;
}

/**
 *  Horizontal Buttons
 */
#nextBadges, #previousBadges {
	position: absolute;
  top: 0px;
  width: 108px;
  height: 204px;
	cursor: pointer;
	text-indent: -2000px;
	z-index: 1000;
}

#badgeBar.scriptLess #nextBadges, #badgeBar.scriptLess #previousBadges {
	display: none;
}

#nextBadges {
  right: 0px;
  background: transparent url("/images/next-horizontal.png") no-repeat 0 0;
}

/* Try to support IE6 */
* html #nextBadges {
  background-image: url("/images/next-horizontal-ie6.png");
}

#nextBadges:hover {
    background-position: -112px 0;
}

#nextBadges:active {
    background-position: -222px 0;
}

.jcarousel-skin-pnnl .jcarousel-next-disabled-horizontal,
.jcarousel-skin-pnnl .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-pnnl .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -333px 0;
}

#previousBadges {
  left: 0px;
  background: transparent url("/images/prev-horizontal.png") no-repeat 0 0;
}

/* Try to support IE6 */
* html #previousBadges {
  background-image: url("/images/prev-horizontal-ie6.png");
}

#previousBadges:hover {
    background-position: -112px 0;
}

#previousBadges:active {
    background-position: -222px 0;
}

.jcarousel-skin-pnnl .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-pnnl .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-pnnl .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -330px 0;
}