/**************************************************
*
*	CONTAINER STYLES
*
**************************************************/

#horiz_container_outer {
  overflow-x: hidden;
  overflow-y: hidden;
  position: relative;
  height: 450px;
}

#horiz_container {
  margin: 0px;
  padding: 0px;
  height: 100%;
}

#horiz_container ul {
  margin: 0px;
  padding: 0px;
  float: left;
}

#horiz_container_inner {
  padding: 5px;
  padding-left: 0px;
}

#horiz_container li {
  list-style: none;
  display: inline-table;
  margin: 0px;
}

/**************************************************
*
*	SCROLLING STYLES
*
**************************************************/


#scrollbar {
  position: relative;
  height: 16px;
  display: block;
  font-size: 1px;
  top: 0px;
  display: flex;
  justify-content: center;
}

#track {
  position: absolute;

  top: 0;
  width: 185px;
  height: 16px;
  background: #D9D9D9
  ;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}

#dragBar {
  position: absolute;
  background-color: #32a981 !important;
  background: #32a981 !important;
  top: 0px !important;
  width: 35px;
  height: 16px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.39, rgb(229, 229, 229)),
    color-stop(0.7, rgb(245, 245, 245))
  );
  /* background-image: -moz-linear-gradient(
    center bottom,
    rgb(229,229,229) 39%,
    rgb(245,245,245) 70%
); */
}

/* Prevent selection problem */
#scrollbar,
#track,
#dragBar,
#left,
#right {
  -moz-user-select: none;
  -khtml-user-select: none;
}