/*
*
* !DO NOT EDIT THE CSS FILES, THEY ARE BUILT WITH THE LESS CSS!
* less/content/pagination.less
*
* ---------------------------
* Styles associated with pagination links
* ---------------------------
*/
/*
Markup for these:
<div class="wdn_pagination">
<ul>
    <li class="arrow"><a href="#" title="Go to the previous page">&larr; prev</a></li>
    <li><a href="#" title="Go to page 1">1</a></li>
    <li class="selected">2</li>
    <li><a href="#" title="Go to page 3">3</a></li>
    <li><a href="#" title="Go to page 4">4</a></li>
    <li><a href="#" title="Go to page 5">5</a></li>
    <li><a href="#" title="Go to page 6">6</a></li>
    <li class="ellipsis">...</li>
    <li><a href="#" title="Go to page 17">17</a></li>
    <li><a href="#" title="Go to page 18">18</a></li>
    <li><a href="#" title="Go to page 19">19</a></li>
    <li class="arrow"><a href="#" title="Go to the next page">next &rarr;</a></li>
</ul>
</div>
*/
#maincontent .wdn_pagination li {
  display: block;
  float: left;
  font-size: 12px;
  margin: 2px 4px;
  vertical-align: middle;
}
#maincontent .wdn_pagination li a {
  display: block;
  padding: 2px 4px;
  border: 1px solid #dadada;
}
#maincontent .wdn_pagination li a:hover,
#maincontent .wdn_pagination li a:active {
  color: #fff;
  background: #6e6e6e;
  border: 1px solid #5e5e5e;
}
#maincontent .wdn_pagination li.selected {
  color: #3e3e3e;
  font-weight: bold;
  font-size: 22px;
  padding: 2px;
}