/* ==========================================================================
   Multiple page navigation
   ========================================================================== */

.mpn {
  margin: 40px 0 0;
  text-align: center;
}

.mpn-separator {
  padding: 40px 0 0;
  margin: 30px 0 0;
  border-top: 1px solid #eee;
}

  [class*="mpn-item"],
  .mpn .dots {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 38px;
    padding: 8px 0 5px;
    margin-left: 16px;
    font-family: DINWebPro-Medium, Arial, sans-serif;
    text-align: center;
    text-decoration: none;
    background-color: white;
    border: 1px solid #dadada;
    color: #666;
  }

  [class*="mpn-item"]:hover {
    background-color: #f7f7f7;
    color: black;
  }

  [class*="mpn-item"]:active {
    background-color: #efefef;
    color: #666;
  }

  [class*="mpn-item"].active {
    cursor: text;
    font-family: DINWebPro-Bold, Arial, sans-serif;
    background-color: #f7f7f7;
    border: 1px solid #f7f7f7;
    color: black;
    width: 38px;
  }

  [class*="mpn-item"]:first-child {
    margin-left: 0;
  }

  .mpn .dots,
  .mpn .dots:hover,
  .mpn .dots:active {
    color: #666;
    width: 16px;
    margin-left: 14px;
    background-color: transparent;
    border-color: transparent;
  }

  .mpn-item-arrow {
    position: relative;
    background-color: #b3d349;
    border-color: #b3d349;
    z-index: 5;
  }

  .lt-ie8 .mpn-item-arrow{
    height: 25px;
  }

  .mpn-item-arrow:hover {
    background-color: #beda53;
    border-color: #beda53;
  }

  .mpn-item-arrow:active {
    background-color: #9ec534;
    border-color: #9ec534;
  }

  .mpn-item-arrow.push-left {
    float: left;
  }

  .mpn-item-arrow.push-right {
    float: right;
  }

  .mpn-count {
    font-size: 13px;
  }