.b-search-pagenavi {
 margin-bottom:50px;
 text-align:center
}

.b-search-pagenavi .prev {
margin-right:30px;
}

.b-search-pagenavi .next {
margin-left:30px;
}

.b-search-pagenavi .page {
margin:0 3px;
}

.b-search-pagenavi .page.current {
font-weight:bold
}



/******************************************************************************/
/**************************** Around of pager *********************************/

#list {}
#list .pager_table { background-color:#fff; width:100%;}
#list .empty { padding: 15px; text-align:center; font-weight:bold;}

#list a {
    text-decoration:none;
}

/******************************************************************************/
/****************************** Head of Pager *********************************/

/*------------------------------------- TABLE --------------------------------*/
#list td {vertical-align:middle;}
.pagerNavigation {
    width:100%;

}

.wborderTop { border-top:1px solid #828282 }


.pagerNavigationBottom {
    border-top:1px solid #999;
}
/*-------------------------- TD - Records 1-1 from 1 -------------------------*/

.pagerNavigation .Rec { /*  */
    width:1%;
    white-space:nowrap;
    padding:4px 2px 4px 10px;
    font-weight: bolder;
    vertical-align:middle;
    color: #444;
}

.pagerNavigation .pagerCheckedAmountTd {
    width: 1%;
    white-space: nowrap;
    padding: 10px;
    font-weight: bolder;
}

.pagerNavigation .pagerCheckedAmountTd a {
    text-decoration:underline !important;
    font-weight: normal;
}

.pagerNavigation .RecBottom {
    padding:8px;
}

/*------------------------- TD - <<prev 1 2 3 next>> -------------------------*/

.pagerNavigation td.PrevNext {
    text-align:right;
    width:75%;
    padding:4px 10px 4px 4px;
    white-space:nowrap;
}

.pagerNavigation .PrevNextBottom {
    text-align:right;

}


/*------------------------------ misc TD -------------------------------------*/
.pagerNavigation .spacer {
    text-align:center;
    background: transparent url(bg_splitter.gif) repeat-y center 0px;
}

.disabled {
    filter:alpha(opacity:30); -moz-opacity:0.30; opacity: 0.30;
}

/*---------------------- TD - <<prev [23 of 45] next>> -----------------------*/

.pagerNavigation .PrevNext A  {
    display:block;
    padding: 4px;
    border: solid 1px #E8E8E6;
    text-decoration: none;
    margin:0 0 0 1px;
}

.pagerNavigationBottom .PrevNext A {display:inline;} /* deprecated */

.pagerNavigation .PrevNext A:hover {
    background: #EAF4FB;
    border-color: #838383;
}

.pagerNavigation INPUT.pn, .pagerNavigation INPUT.mvdp {
    font:normal 12px Arial, Verdana, sans-serif;
    margin:0px 0px 0px 1px;
    text-align:center;
    width:80px;
    border:1px solid #ccc;
    padding:2px;
}

.pagerNavigation INPUT.mvdp {width:30px;}

input.iim, input.iimOver, input.iimChecked {
    padding:4px;
    border: solid 1px #E8E8E6;
    margin:0 0 0 1px;
}
input.iimOver {
    background-color: #EAF4FB;
    border-color: #838383;
}

input.iimChecked {
    background-color: #aaa;
    border-color: #838383 #ddd #ddd #838383;
}

/******************************************************************************/
/******************************** Column names ********************************/

#list .pager_table th {
    background-color:#f2f1ed;
    border-top:1px solid #fff;
    border-left:1px solid #fff;
    border-right:1px solid #828282;
    border-bottom:1px solid #828282;
    padding:4px 17px 3px 4px;
    font:normal;
    text-align:left;
    white-space:nowrap !important;
    overflow:hidden;
    font-size: 13px;
    vertical-align:middle;
    font-weight:bold
}

colgroup.selected {
    background-color:#ffffe5;
}
#list .pager_table th.sortable { cursor: pointer; }
#list .pager_table th.sortable.ASC{ background: #ddd url(sorted_up.gif) no-repeat right 3px; }
#list .pager_table th.sortable.DESC { background: #ddd url(sorted_down.gif) no-repeat right 3px;}
#list .pager_table th.sortable.hover { background-color: #ccc}

/******************************************************************************/
/****************************** Table with data  ******************************/
#list .pager_table a {text-decoration:underline;}

#list .pager_table td {border-bottom:1px solid #eeeeee; padding:2px 5px 2px 5px;}
#list .pager_table td.checkcolumn { text-align:center; width:1%; }
#list .pager_table TD.id { padding-right:10px; text-align:right; width:1%; white-space:nowrap}
#list .pager_table TD.edit { padding:1px 5px 1px 2px; width:5%; white-space:nowrap}
#list .pager_table .setBg { background-color:#EAF4FB; }

#list .pager_table .tbtitlebottomGroup, #list .pager_table .tbtitlebottomGroupOver {
    background-color:#EEE;
    border-bottom:1px solid #ccc;
    border-right:1px solid #ccc;
}

#list .pager_table .tbtitlebottomGroupOver {
    background-color: #ddd;
    cursor: pointer;
    cursor: hand;
}

/******************************************************************************/

div.columnImage {width:20px; height:12px;}
div.columnImage img {position:absolute;margin-top:-1px;}

#list .pager_table tr.highlight { background-color:#D2D2D3; }
#list .pager_table tr.notactive { color:#aaa; }
#list .pager_table tr.alternate_color { color:#BEBF5F }
#list .pager_table tr.action { cursor:pointer; }

.pageNavi { list-style:none; margin-bottom:0.5em; overflow:hidden; clear:both}
.pageNavi li { display:block}
.pageNavi .amount { float:left}
.pageNavi .pages { float:right}
.pageNavi .pages a { padding:2px 5px}
.pageNavi .pages span { padding:2px 5px; background-color:#F00; color:#fff}
.pageNavi .pages span { font-weight:bold}
.pageNavi .pages a:hover { background-color:#F00; color:#fff}
.pageNavi .prev { margin-right:10px}
.pageNavi .next { margin-left:10px}