/* common attributes for all the links */
.pagination {margin: 10px auto; width: 40%; text-align: center;}
.pagination a {
    padding: 4px;
    /*border: 1px solid #AAA;*/
	background-color: #DEDEDE;
    color: #A4A4A4 !important;
    text-decoration: none;
    margin-right: 2px;
    display: inline-block;
	width: 20px;
	height: 20px;
    /*-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;*/
}

/* common attributes for the "next page" and "previous page" links */
.pagination a.navigation {
    /*width: 16px;*/
    background-position: center center;
    background-repeat: no-repeat;
    text-indent: -9000px;
    border: 1px solid transparent;
	width: 16px;
    /*overflow: hidden*/
}

/* hack for transparent borders in IE6 */
*html .pagination a.navigation {
    border-color: #000001;
    filter: chroma(color=#000001);
}

/* hovered links */
.pagination a:hover {
    background-color: #DEDEDE;
    color: #222;
}

/* specific attributes for the "next page" and "previous page" links */
.pagination a.prev { background: url(/public/images/slider_controll.jpg) 0 -2px no-repeat; width: 5px !important; }
.pagination a.next { background:url(/public/images/slider_controll.jpg) -15px -2px no-repeat; width: 5px !important; }

/*  currently selected page; also, the current page doesn't need a hover effect */
.pagination a.current,
.pagination a.current:hover {
    background: #004b69;
    border-color: #fff;
    color: #FFF !important;
	font-weight: bold;
}

/* the "..." separator */
.pagination span {
    color: #666;
    margin-right: 2px;
    display: inline-block;
    padding: 8px 4px
}

/* disabled links */
a.disabled {
    filter: alpha(opacity=20);
    -khtml-opacity: 0.2;
    -moz-opacity: 0.2;
    opacity: 0.2
}