/* paging css */
.pagination
{  
	margin                  : 0px 0px 0px 0px;
	padding                 : 4px 4px 0px 0px;
	float                   : right;
}
.pagination.bottom
{  
	margin                  : 0px 0px 20px 0px;
}

.page-numbers 
{
	margin					: 0px 0px 0px 5px !important;
	padding					: 0px 10px 0px 10px !important;
	position                : relative;
	display 				: block;
	height 					: 26px;
	font-size               : 13px !important;
	float                   : left;
	line-height             : 2.0em;
	text-decoration 		: none !important;
	text-align              : center; 
    font-weight             : normal !important;
	background				: #FFF;
	color                   : #333;
	border-radius           : 4px;
    -moz-border-radius      : 4px;
    -webkit-border-radius   : 4px;  
    filter					: alpha(opacity=40);
	-khtml-opacity			: 0.4;
	-moz-opacity			: 0.4;
	opacity					: 0.4;
    transition				: all .2s ease-in-out;
	-webkit-transition		: all .2s ease-in-out;
	-moz-transition			: all .2s ease-in-out;
	-o-transition			: all .2s ease-in-out;  
}
.page-numbers:hover,
.page-numbers.of,
.page-numbers.of:hover
{
    filter					: alpha(opacity=60);
	-khtml-opacity			: 0.6;
	-moz-opacity			: 0.6;
	opacity					: 0.6;
}

.page-numbers.current 
{
    filter					: alpha(opacity=80);
	-khtml-opacity			: 0.8;
	-moz-opacity			: 0.8;
	opacity					: 0.8;
}




.pagination .spinner 
{
	background-image: url(/content/images/loader/ajax-loader.gif);
	background-repeat: no-repeat;
	margin-top: 6px;
	margin-left: 4px;
	width: 24px;
	height: 24px;
	float: left;
}