/* THIS PART IS TAKEN DIRECTLY FROM jquery.jcarousel.css */

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
  position: relative;
  }
.jcarousel-clip {
  z-index: 2;
  padding: 0;
  margin: 0;
  overflow: hidden;
  position: relative;
  }
.jcarousel-list {
  z-index: 1;
  overflow: hidden;
  position: relative;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  }
.jcarousel-item {
  float: left;
  list-style: none;
  /* We set the width/height explicitly. No width/height causes infinite loops. */
  width: 578px;
  height: 512px;
  }

/**
 * 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".
 */

div.hovered {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #5d5d5d;
  background: url('../images/semi-pixel.png') repeat;
  }
.jcarousel-next-horizontal div.hovered {
  border-right: 0;
  }
.jcarousel-prev-horizontal div.hovered {
  border-left: 0;
  }
  .jcarousel-next-horizontal .nav-arrow {
    background: url('../images/buttons/scroll-next1.png') no-repeat center;
    }
  .jcarousel-prev-horizontal .nav-arrow {
    background: url('../images/buttons/scroll-prev1.png') no-repeat center;
    }


.jcarousel-next {
  z-index: 20;
  display: none;
  }
.jcarousel-prev {
  z-index: 20;
  display: none;
  }
.jcarousel-prev-disabled-horizontal,
.jcarousel-next-disabled-horizontal {
  display: none !important;
  }
.jcarousel-next-horizontal,
.jcarousel-prev-horizontal {
  position: absolute;
  top: 0;
  cursor: pointer;
  /* set invisible background to let these elements exist in Internet Explorer */
  background: url('../images/semi-pixel.png') no-repeat -5000px 0;
  }
.jcarousel-next-horizontal {
  right: 0;
  border-right: 0 !important;
  }
 .jcarousel-prev-horizontal {
  left: 0;
  border-left: 0;
  }

/* THEMES */

/* grid content view (opened article) */
#item-view .jcarousel-container-horizontal {
  width: 712px;
  height: 325px;
  }
#item-view .jcarousel-clip-horizontal {
  width: 712px;
  height: 325px;
  }
#item-view .jcarousel-next-horizontal {
  width: 68px;
  height: 327px;
  }
#item-view .jcarousel-prev-horizontal {
  width: 68px;
  height: 327px;
  }
#item-view .hovered,
#item-view .hovered .nav-arrow {
 width: 67px;
  height: 323px;
  }

/* encyclopedia */
#encyclopedia-container .jcarousel-container-horizontal {
  width: 712px;
  height: 543px;
  }
#encyclopedia-container .jcarousel-clip-horizontal {
  width: 712px;
  height: 543px;
  }
#encyclopedia-container .jcarousel-next-horizontal {
  width: 68px;
  height: 543px;
  }
#encyclopedia-container .jcarousel-prev-horizontal {
  width: 68px;
  height: 543px;
  }
#encyclopedia-container .hovered,
#encyclopedia-container .hovered .nav-arrow {
  width: 67px;
  height: 541px;
  }

/* encyclopedia snippet */
#encyclopedia-container .snippet .jcarousel-container-horizontal {
  width: 286px;
  height: 91px;
  }
#encyclopedia-container .snippet .jcarousel-clip-horizontal {
  width: 270px;
  height: 91px;
  }
#encyclopedia-container .snippet .jcarousel-next-horizontal {
  width: 20px;
  height: 91px;
  background: url('../images/buttons/ency-snippet-right.png') no-repeat 0 0;
  }
#encyclopedia-container .snippet .jcarousel-next-horizontal:hover {
  background: url('../images/buttons/ency-snippet-right.png') no-repeat -20px 0;
  }
#encyclopedia-container .snippet .jcarousel-prev-horizontal {
  width: 20px;
  height: 91px;
  background: url('../images/buttons/ency-snippet-left.png') no-repeat 0 0;
  }
#encyclopedia-container .snippet .jcarousel-prev-horizontal:hover {
  background: url('../images/buttons/ency-snippet-left.png') no-repeat -20px 0;
  }
#encyclopedia-container .snippet .jcarousel-next-disabled-horizontal,
#encyclopedia-container .snippet .jcarousel-next-disabled-horizontal:hover,
#encyclopedia-container .snippet .jcarousel-next-disabled-horizontal:active {
  display: block !important;
  cursor: default;
  background: url('../images/buttons/ency-snippet-right.png') no-repeat -40px 0;
  }
#encyclopedia-container .snippet .jcarousel-prev-disabled-horizontal,
#encyclopedia-container .snippet .jcarousel-prev-disabled-horizontal:hover,
#encyclopedia-container .snippet .jcarousel-prev-disabled-horizontal:active {
  display: block !important;
  cursor: default;
  background: url('../images/buttons/ency-snippet-left.png') no-repeat -40px 0;
  }