
div.pager-wrapper {
  position:relative;
  width:100%;
  clear:both;
}

div.pager-info {
  color:#444444;
  float:left;
  font-size:12px;
  margin-bottom:0;
  margin-top:0;
  width:30%;
  height:20px;
}

div.pager-info img {
  vertical-align:top;
}

.pager {
  font-size:12px;
  text-align:right;
}

.pager-top {
  float:left;
  margin-bottom:0.6em;
  margin-top:0;
  width:70%;
}

.pager-bottom {
  float:left;
  margin-bottom:1em;
  margin-top:0.8em;
  width:100%;
}

.pager a {
  color:mediumblue;
  text-decoration:none;
}

.pager a:hover {
  text-decoration:underline;
}

.pager span {
  color:#444444;
  font-weight:bold;
}

.pager span.previous {
  background-image:url(../images/pager/previous_inactive.gif);
}

.pager .previous {
  background:transparent url(../images/pager/previous.gif) no-repeat scroll 0 0.3em;
  padding-left:9px;
}

.pager .next {
  background:transparent url(../images/pager/next.gif) no-repeat scroll 100% 0.3em;
  padding-right:8px;
}

.pager span.next {
  background-image:url(../images/pager/next_inactive.gif);
  color:#444444;
}

.pager .pages {
  display:inline;
  padding:0 6px 0 3px;
}

.pager .pages span {
  color:#444444;
}

.pager .pages a, .pager .pages span {
  background:transparent url(../images/pager/separator.gif) no-repeat scroll 100% 0.1em;
  padding:0 5px;
}

.pager .pages a.last, .pager .pages span.last {
  background:transparent none repeat scroll 0 0;
  float:none !important;
  padding-right:2px;
  width:auto !important;
}
