@charset "utf-8";

/* ****************************************************************************
 * PAGER WIDGET
 * ****************************************************************************
 */

/*
 * Pager
 * ****************************************************************************
 */
ul.pager {
  float                 : right;
  text-align            : center;
  position              : relative;
  margin                : 0px 0px 20px 0px;
}

ul.pager li {
  display               : inline;
  float                 : none;
  width                 : auto;
  padding               : 0px 0px 0px 0px;
}

ul.pager li a,
ul.pager li a:visited {
  display               : inline-block;
  float                 : left;
  background-color      : #FFFFFF;
  border                : 1px solid #DDDDDD;
  color                 : #000000;
  text-decoration       : none;
  position              : relative;
  margin                : 0px 0px 0px -1px;
  padding               : 6px 10px;
}

.view ul.pager .progress-disabled {
  display               : inline-block;
  float                 : left;
}

ul.pager li.pager-current {
  float                 : left;
  background-color      : #000;
  border                : 1px solid #000;
  color                 : #FFF;
  font-weight           : bold;
  text-decoration       : none;
  position              : relative;
  margin                : 0px 0px 0px -1px;
  padding               : 6px 10px;
}

ul.pager li.pager-ellipsis {
  float                 : left;
  background-color      : #FFFFFF;
  border                : 1px solid #DDDDDD;
  color                 : #000000;
  text-decoration       : none;
  position              : relative;
  margin                : 0px 0px 0px -1px;
  padding               : 6px 4px;
}

ul.pager > li:first-child {
  margin                : 0px 0px 0px 0px;
}

ul.pager li.pager-first a:hover,
ul.pager li.pager-previous a:hover,
ul.pager li.pager-item a:hover,
ul.pager li.pager-ellipsis a:hover,
ul.pager li.pager-next a:hover,
ul.pager li.pager-last a:hover,
ul.pager li.pager-first a:active,
ul.pager li.pager-previous a:active,
ul.pager li.pager-item a:active,
ul.pager li.pager-ellipsis a:active,
ul.pager li.pager-next a:active,
ul.pager li.pager-last a:active,
ul.pager li.pager-first a:focus,
ul.pager li.pager-previous a:focus,
ul.pager li.pager-item a:focus,
ul.pager li.pager-ellipsis a:focus,
ul.pager li.pager-next a:focus,
ul.pager li.pager-last a:focus {
  background            : #EEEEEE;
  color                 : #000000;
  text-decoration       : none;
}



/*
 * Pager - Progress throbber
 * ****************************************************************************
 */
ul.pager .ajax-progress {
  position              : absolute;
  top                   : 10px;
}


/*
 * SCREEN 'regular' - between 1024px and 1279px
 * ****************************************************************************
 */
@media only screen and (min-width:1024px) and (max-width:1279px) {
}


/*
 * SCREEN 'medium' - between 768px and 1023px
 * ****************************************************************************
 */
@media only screen and (min-width:768px) and (max-width:1023px) {
}


/*
 * SCREEN 'small' - between 480px and 768px
 * ****************************************************************************
 */
@media only screen and (min-width:480px) and (max-width:767px) {
  /* Pager
   --------------------------------------------------------------------------*/
  ul.pager {
    display             : table;
    float               : initial;
    margin              : 0px auto 20px auto;
  }
}


/*
 * SCREEN 'lite' - smaller than 480px
 * ****************************************************************************
 */
@media only screen and (min-width:0px) and (max-width:479px) {
  /* Pager
   --------------------------------------------------------------------------*/
  ul.pager {
    display             : table;
    float               : initial;
    margin              : 0px auto 20px auto;
  }

  ul.pager li a,
  ul.pager li a:visited {
    padding             : 6px 8px;
  }

  ul.pager li.pager-current {
    padding             : 6px 8px;
  }
}