/* this makes it possible to add next button beside scrollable */
/* line 3, ../../scss/scrollable/scrollable-buttons.scss */
.scrollable {
  float: left;
}

/* prev, next, prevPage and nextPage buttons */
/* line 9, ../../scss/scrollable/scrollable-buttons.scss */
a.browse {
  background: url(/img/scrollable/hori_large.png) no-repeat;
  display: block;
  width: 30px;
  height: 30px;
  float: left;
  margin: 15px 3px;
  cursor: pointer;
  font-size: 1px;
}

/* right */
/* line 22, ../../scss/scrollable/scrollable-buttons.scss */
a.right {
  background-position: 0 -30px;
  clear: right;
  margin-right: 0px;
}

/* line 28, ../../scss/scrollable/scrollable-buttons.scss */
a.right:hover {
  background-position: -30px -30px;
}

/* line 32, ../../scss/scrollable/scrollable-buttons.scss */
a.right:active {
  background-position: -60px -30px;
}

/* left */
/* line 39, ../../scss/scrollable/scrollable-buttons.scss */
a.left {
  margin-left: 0px;
}

/* line 43, ../../scss/scrollable/scrollable-buttons.scss */
a.left:hover {
  background-position: -30px 0;
}

/* line 47, ../../scss/scrollable/scrollable-buttons.scss */
a.left:active {
  background-position: -60px 0;
}

/* line 52, ../../scss/scrollable/scrollable-buttons.scss */
a.arrow {
  display: block;
  width: 18px;
  height: 18px;
  float: left;
  margin: 0 10px;
  cursor: pointer;
  font-size: 1px;
  margin-top: 20px;
}

/* right */
/* line 65, ../../scss/scrollable/scrollable-buttons.scss */
a.rightarrow {
  background: url(/img/scrollable/right.png) no-repeat;
  background-position: center -18px;
  clear: right;
  margin-right: 0px;
}

/* line 72, ../../scss/scrollable/scrollable-buttons.scss */
a.rightarrow:hover {
  background: url(/img/scrollable/right.png) no-repeat;
  background-position: center 0;
}

/* left */
/* line 79, ../../scss/scrollable/scrollable-buttons.scss */
a.leftarrow {
  background: url(/img/scrollable/left.png) no-repeat;
  background-position: center -18px;
  margin-left: 0px;
}

/* line 85, ../../scss/scrollable/scrollable-buttons.scss */
a.leftarrow:hover {
  background: url(/img/scrollable/left.png) no-repeat;
  background-position: center 0;
}

/* up */
/* line 92, ../../scss/scrollable/scrollable-buttons.scss */
a.uparrow {
  background: url(/img/scrollable/up.png) no-repeat;
  background-position: -0px -18px;
  margin: 0 75px 5px;
}

/* line 98, ../../scss/scrollable/scrollable-buttons.scss */
a.uparrow:hover {
  background: url(/img/scrollable/up.png) no-repeat;
}

/* down */
/* line 105, ../../scss/scrollable/scrollable-buttons.scss */
a.downarrow {
  background: url(/img/scrollable/down.png) no-repeat;
  background-position: -0px -18px;
  margin: 5px 75px 0;
}

/* line 111, ../../scss/scrollable/scrollable-buttons.scss */
a.downarrow:hover {
  background: url(/img/scrollable/down.png) no-repeat;
}

/* up and down */
/* line 116, ../../scss/scrollable/scrollable-buttons.scss */
a.up, a.down {
  background: url(/img/scrollable/vert_large.png) no-repeat;
  float: none;
  margin: 10px 50px;
}

/* up */
/* line 124, ../../scss/scrollable/scrollable-buttons.scss */
a.up:hover {
  background-position: -30px 0;
}

/* line 128, ../../scss/scrollable/scrollable-buttons.scss */
a.up:active {
  background-position: -60px 0;
}

/* down */
/* line 134, ../../scss/scrollable/scrollable-buttons.scss */
a.down {
  background-position: 0 -30px;
}

/* line 138, ../../scss/scrollable/scrollable-buttons.scss */
a.down:hover {
  background-position: -30px -30px;
}

/* line 142, ../../scss/scrollable/scrollable-buttons.scss */
a.down:active {
  background-position: -60px -30px;
}

/* disabled navigational button */
/* line 149, ../../scss/scrollable/scrollable-buttons.scss */
a.disabled {
  visibility: hidden !important;
}