//
// Pagination (multiple pages)
// --------------------------------------------------

$paginationBackground: $grayLight;
$paginationBorder: $gray;
$paginationActiveBackground: $concerto-blue-5;
$baseBorderRadius: 3px;

// Space out pagination from surrounding content
.pagination {
  margin-bottom: $baseLineHeight;
}
.pagination > span { 
  line-height: 2em;
  color: $grayLight;
}
.header-with-icon .pagination {
  margin: 0px;
}

.pagination ul {
  // Allow for text-based alignment
  display: inline-block;
  @include ie7-inline-block();
  // Reset default ul styles
  margin-left: 0;
  margin-bottom: 0;
}
.pagination ul > li {
  display: inline; // Remove list-style and block-level defaults
}
.pagination ul > li > a,
.pagination ul > li > span {
  // float: left; // Collapse white-space - commented out because it was causing unnecessary wrapping
  padding: 4px 12px 2px 12px;
  line-height: $baseLineHeight;
  text-decoration: none;
}
.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span {
  background-color: $paginationActiveBackground;
  border-bottom: solid 3px $paginationActiveBackground;
}
.pagination ul > .active > a,
.pagination ul > .active > span {
  cursor: default;
}
.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus {
  color: $black;
  font-weight: bold;
  background-color: transparent;
  cursor: default;
  border-bottom: solid 3px $concerto-blue-4;
}
.pagination ul > .next > a, .pagination ul > .last > a {
  border: none;
  background: none;
}