/**
 * @file
 * CSS for the uOttawa Core Styles Slideshow (aka slider or carousel).
 */

.ucs--slideshow-control--tab {
  padding: 0;
  margin: 18px 14px;
  float: right;
  width: auto;
}

.ucs--slideshow-control--tab > li {
  float: left;
}

.ucs--slideshow-control--tab-item:before {
  content: none;
}

.ucs--slideshow-control--tab-item {
  border: 1px solid #474747;
  width: 17px;
  height: 17px;
  margin: 0 0 0 2px;
  text-align: center;
  color: #474747;
  border-radius: 10px;
  font-size: 8px;
  font-weight: bold;
  cursor: pointer;
  padding: 2px;
}

.ucs--slideshow-control--tab-item.uojs--active {
  border-color: #8f001a;
  color: #8f001a;
}

.ucs--slideshow-control--toggle {
  background: url(../images/ucs_slideshow/ucs_slideshow.png) no-repeat;
  text-indent: -9999px;
  width: 17px;
  height: 17px;
  cursor: pointer;
  margin: 0;
  padding: 0;
}

.ucs--slideshow-control--toggle:before {
  content: none;
}

.ucs--slideshow-control--toggle[state='paused'] {
  background-position: 0 0;
}
.ucs--slideshow-control--toggle[state='paused']:hover {
  background-position: -17px 0;
}

.ucs--slideshow-control--toggle[state='playing'] {
  background-position: 0 -17px;
}
.ucs--slideshow-control--toggle[state='playing']:hover {
  background-position: -17px -17px;
}

.ucs--slideshow li.uoe--list-item {
  margin: 0;
}