/* Pagination */
.pag_back,
.pag_forward{
    border: 2px solid #ccc;
    width:22px;
    height:22px;
    display: block;
}
.pag_back{margin-right: 1px;}
.pag_forward{margin-right: 20px;}

.pag_back, .pag_forward,  .paging_cnt, .pag_arrows {float: left}
.paging_cnt {
    display: inline-block;
    margin-right: 10px;
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    color: #000
}


.pag_back:hover, .pag_forward:hover{border-color: #767676}
.icn_pag_back, .icn_pag_forward{background: transparent url("../images/pagination-hpe.png") no-repeat;
    margin-top:5px; height:14px; overflow: hidden; display: block;
}
.icn_pag_forward  {background-position: left 0}
.icn_pag_back  {background-position: left -15px}
.pag_forward:hover .icn_pag_forward  {background-position: left -30px}
.pag_back:hover .icn_pag_back  {background-position: left -45px}

.icn_pag_forward{margin-left:8px}
.icn_pag_back{margin-left:7px}

.disabled_back .pag_back{cursor:default; background: #f2f2f2}
.disabled_back .icn_pag_back, .disabled_back .pag_back:hover .icn_pag_back  {background-position: left -75px;}
.disabled_back .pag_back:hover{border-color: #ccc}
.disabled_back .pag_forward:hover{border-color: #767676}

.disabled_forward .pag_forward{cursor:default; background: #f2f2f2}
.disabled_forward .icn_pag_forward, .disabled_forward .pag_forward:hover .icn_pag_forward  {background-position: left -60px;}
.disabled_forward .pag_forward:hover{border-color: #ccc}
.disabled_forward .pag_back:hover{border-color: #767676}

.disabled_both .paging_cnt{color:#9b9b9b}
.disabled_both .pag_back,
.disabled_both .pag_forward{cursor:default; background: #f2f2f2}
.disabled_both .icn_pag_back, .disabled_both .pag_back:hover .icn_pag_back  {background-position: left -75px;}
.disabled_both .icn_pag_forward, .disabled_both .pag_forward:hover .icn_pag_forward  {background-position: left -60px;}
.disabled_both .pag_forward:hover,
.disabled_both .pag_back:hover{border-color: #ccc}

/* horizontal paginations*/
.paging_horiz a{ display: block; float:left; width:22px; height:36px; background: transparent url("../images/pagination-horiz-hpe.png") no-repeat;}
.paging_horiz .pag_hor_back{background-position: left top}
.paging_horiz .pag_hor_forward{background-position: left -60px}
.paging_horiz .pag_hor_back:hover{background-position: left -120px}
.paging_horiz .pag_hor_forward:hover{background-position: left -180px}
.disabled .pag_hor_back,.disabled .pag_hor_back:hover{background-position: left -240px}
.disabled .pag_hor_forward, .disabled .pag_hor_forward:hover{background-position: left -300px}

/* pagination views*/
.paging_views .pag_back,
.paging_views .pag_forward{ width:31px; height:22px}
.paging_views .icn_pag_table, .paging_views .icn_pag_list{margin:0; height:22px;background: transparent url("../images/pagination-view-hpe.png") no-repeat; overflow: hidden; display: block; }

.paging_views .icn_pag_list {background-position: left -90px}
.paging_views .icn_pag_table {background-position: left -225px}
.paging_views a:hover .icn_pag_list {background-position: left -45px}
.paging_views a:hover .icn_pag_table {background-position: left -180px}
.paging_views .icn_back_active .icn_pag_table,
.paging_views .icn_back_active:hover .icn_pag_table{background-position: left -135px}
.paging_views .icn_forward_active .icn_pag_list,
.paging_views .icn_forward_active:hover .icn_pag_list{background-position: left 0px}

.paging_views .pag_back{margin-right: 0px;}
.paging_views .pag_arrows a{border:2px solid #ccc}
.paging_views .pag_arrows a:hover,
.paging_views .pag_arrows a:hover{border-color:#767676}
.paging_views .pag_arrows a.pag_back{border-right-width:1px}
.paging_views .pag_arrows a.pag_forward{border-left-width:1px}
.paging_views .pag_arrows a.icn_back_active,
.paging_views .pag_arrows a.icn_forward_active{border-color:#0096d9}
.paging_views .pag_arrows a.icn_back_active {border-right: 0;}
.paging_views .pag_arrows a.icn_forward_active {border-left: 0}