.pagination {
  padding: 20px;
}
.pagination a,
.pagination span {
  border: 1px solid transparent;
  margin-right: 2px;
  padding: 4px 6px;
}
.pagination a {
  cursor: pointer;
  text-decoration: none;
}
.pagination li {
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 11px;
  list-style: none;
  float: left;
  margin-right: 2px;
}
.pagination li.first a,
.pagination li.first span {
  border-radius: 4px 0 0 4px;
  padding-left: 7px;
}
.pagination li.last a,
.pagination li.last span {
  border-radius: 0 4px 4px 0;
  padding-left: 7px;
  margin-right: 8px;
}
.pagination .dots {
  float: left;
  padding: 10px 5px 0px 5px;
  font-weight: bold;
}
.pagination .first-off,
.pagination .last-off,
.pagination .previous-off,
.pagination .next-off {
  float: left;
  border: solid 1px #DEDEDE;
  color: #888888;
  display: block;
  font-weight: bold;
  margin-right: 2px;
  padding: 3px 4px;
}
.pagination .first a,
.pagination .last a,
.pagination .next a,
.pagination .previous a {
  font-weight: bold;
}
.pagination .active span {
  background: #9ba9b9;
  border: solid 1px #9ba9b9;
  color: #FFFFFF;
  font-weight: bold;
  padding: 3px 6px;
  display: block;
}
.pagination a:link,
.pagination a:visited {
  color: #434f5b;
  display: block;
  padding: 3px 6px;
}
.pagination a:hover {
  border-color: #9ba9b9;
}
.pagination .previous a {
  margin-right: 8px;
  border-radius: 4px;
}
.pagination .next a {
  border-radius: 4px;
}