.pagination {
  text-align: center;
  margin: 10px 0;
/*  word-spacing: -1em;*/
}
.pagination li {
  display: inline-block;
  list-style: none;
  padding: 0px 0px 0px 0px;
  color: #999;
  background: #666666;
  word-spacing: normal;
  margin: 0px 1px 0px 1px;
  vertical-align:top;
}

.pagination li a {
display: inline-block;
padding: 4px 6px 4px 6px;
/*margin: -4px -8px -4px -8px;*/
margin: 0px 0px 0px 0px;
text-decoration: none;
}

.pagination li a,
.pagination li a:link,
.pagination li a:visited,
.pagination li a:active {
  background: #666;
  color: #fff;
  min-width:18px;
}

.pagination li a:hover,
.pagination li a:focus { background: #333; }

.pagination li,
.pagination li a {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.pagination li.first
{
  padding: 0px 0px 0px 0px;
  margin: 0px 1px 0px 1px;
}
.pagination li.last 
{
  padding: 0px 0px 0px 0px;
  margin: 0px 1px 0px 1px;
}
.pagination li.prev 
{
  padding: 0px 0px 0px 0px;
  margin: 0px 5px 0px 1px;
}
.pagination li.next 
{
  padding: 0px 0px 0px 0px;
  margin: 0px 1px 0px 5px;
}
/* first: */
.pagination li.first a
{
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  display: inline-block;
}
.pagination li.first a:hover
{
}
/* prev: */
.pagination li.prev a
{
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  display: inline-block;
}
.pagination li.prev a:hover
{
}
/* last: */
.pagination li.last a
{
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  display: inline-block;
}
.pagination li.last a:hover
{
}
/* next: */
.pagination li.next a
{
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  display: inline-block;
}
.pagination li.next a:hover
{
}
/* current: */
.pagination li.current
{
  background: #66CC00;
  color: #fff;
  margin: 0px 1px 0px 1px;
}
.pagination span
{
  display: inline-block;
  margin: 0px 0px 0px 0px;
  padding: 4px 6px 4px 1px;
}

@media (min-width: 640px) { 
  .pagination li a,
  .pagination li a:link,
  .pagination li a:visited,
  .pagination li a:active {
    min-width:18px;
  }
  .pagination li {
    font: bold 18px/22px Arial, Helvetica, sans-serif;
  }
  .pagination li.first,
  .pagination li.last,
  .pagination li.prev,
  .pagination li.next,
  .pagination li.first a,
  .pagination li.prev a,
  .pagination li.last a,
  .pagination li.next a
  {
    width:30px;
    height:30px;
  }
 .pagination li.first
  {
    background: url('img/pagging30.png') no-repeat 0px 0px !important;
  }
  .pagination li.last 
  {
    background: url('img/pagging30.png') no-repeat 0px -60px !important;
  }
  .pagination li.prev 
  {
    background: url('img/pagging30.png') no-repeat 0px -180px !important;
  }
  .pagination li.next 
  {
    background: url('img/pagging30.png') no-repeat 0px -120px !important;
  }
  /* first: */
  .pagination li.first a
  {
    background: url('img/pagging30.png') no-repeat 0px 0px !important;
  }
  .pagination li.first a:hover
  {
    background: url('img/pagging30.png') no-repeat 0px -30px !important;
  }
  /* prev: */
  .pagination li.prev a
  {
    background: url('img/pagging30.png') no-repeat 0px -180px !important;
    display: inline-block;
  }
  .pagination li.prev a:hover
  {
    background: url('img/pagging30.png') no-repeat 0px -210px !important;
  }
  /* last: */
  .pagination li.last a
  {
    background: url('img/pagging30.png') no-repeat 0px -60px !important;
  }
  .pagination li.last a:hover
  {
    background: url('img/pagging30.png') no-repeat 0px -90px !important;
  }
  /* next: */
  .pagination li.next a
  {
    background: url('img/pagging30.png') no-repeat 0px -120px !important;
  }
  .pagination li.next a:hover
  {
    background: url('img/pagging30.png') no-repeat 0px -150px !important;
  }
  /* current: */
  .pagination li.current
  {
    min-width:18px;
    height:26px;
    padding: 4px 6px 0px 6px;
  }
  .pagination span
  {
    font: bold 18px/22px Arial, Helvetica, sans-serif;
  }
}
@media (max-width: 640px) { 
  .pagination li a,
  .pagination li a:link,
  .pagination li a:visited,
  .pagination li a:active {
    min-width:12px;
  }
  .pagination li {
    font: bold 12px/13px Arial, Helvetica, sans-serif;
  }
  .pagination li.first,
  .pagination li.last,
  .pagination li.prev,
  .pagination li.next,
  .pagination li.first a,
  .pagination li.prev a,
  .pagination li.last a,
  .pagination li.next a
  {
    width:21px;
    height:21px;
  }
 .pagination li.first
  {
    background: url('img/pagging.png') no-repeat 0px 0px !important;
  }
  .pagination li.last 
  {
    background: url('img/pagging.png') no-repeat 0px -42px !important;
  }
  .pagination li.prev 
  {
    background: url('img/pagging.png') no-repeat 0px -126px !important;
  }
  .pagination li.next 
  {
    background: url('img/pagging.png') no-repeat 0px -84px !important;
  }
  /* first: */
  .pagination li.first a
  {
    background: url('img/pagging.png') no-repeat 0px 0px !important;
  }
  .pagination li.first a:hover
  {
    background: url('img/pagging.png') no-repeat 0px -21px !important;
  }
  /* prev: */
  .pagination li.prev a
  {
    background: url('img/pagging.png') no-repeat 0px -126px !important;
  }
  .pagination li.prev a:hover
  {
    background: url('img/pagging.png') no-repeat 0px -147px !important;
  }
  /* last: */
  .pagination li.last a
  {
    background: url('img/pagging.png') no-repeat 0px -42px !important;
  }
  .pagination li.last a:hover
  {
    background: url('img/pagging.png') no-repeat 0px -63px !important;
  }
  /* next: */
  .pagination li.next a
  {
    background: url('img/pagging.png') no-repeat 0px -84px !important;
  }
  .pagination li.next a:hover
  {
    background: url('img/pagging.png') no-repeat 0px -105px !important;
  }
  /* current: */
  .pagination li.current
  {
    min-width:11px;
    height:17px;
    padding: 4px 6px 0px 6px;
  }
  .pagination span
  {
    font: bold 12px/13px Arial, Helvetica, sans-serif;
  }
}