/*----------------------------- navigation ( << < 1 2 3 > >> ) page  -------------------------------*/
/*
 * the navigation markup : container div with a <a> inside. 
 * each list element has a class to differentiate it ( prev, next etc)
 */


/*----------------- V2 a/span --------------------*/
.pager-a {
	display: block;
	position: relative;
	padding:10px 0;
}

.pager-a .item-on {
	background-color:#E87F00;
	border: 1px solid #D5D5D5;
	color: #FFFFFF;
	font-size: 11px;
	padding: 1px 4px;
	text-align: center;
	/*width:15px;*/
}

.pager-a .item {
	background-color: #FFF;
	border: 1px solid #D5D5D5;
	color: #888888;
	font-size: 11px;
	padding: 1px 4px;
	text-align: center;
	/*width:15px;*/
}

.pager-a a.item.first {
    background:#EEE url("../images/pager-first") no-repeat scroll 40% 50%;
    padding: 1px 7px;
}
.pager-a a.item.prev {
    background:#EEE url("../images/pager-prev") no-repeat scroll 40% 50%;
}
.pager-a a.item.next {
    background:#EEE url("../images/pager-next") no-repeat scroll 60% 50%;
}
.pager-a a.item.last {
    background:#EEE url("../images/pager-last") no-repeat scroll 60% 50%;
    padding: 1px 7px;
}

a.item.first:hover, a.item.prev:hover, a.item.next:hover, a.item.last:hover {
    /*background-color:#E2F3FC;*/
}

.pager-a span.item.first {
    background:#EEE url("../images/pager-disable-first") no-repeat scroll 40% 50%;
    padding: 1px 7px;
}
.pager-a span.item.prev {
    background:#EEE url("../images/pager-disable-prev") no-repeat scroll 40% 50%;
}
.pager-a span.item.next {
    background:#EEE url("../images/pager-disable-next") no-repeat scroll 60% 50%;
}
.pager-a span.item.last {
    background:#EEE url("../images/pager-disable-last") no-repeat scroll 60% 50%;
    padding: 1px 7px;
}