/* This CSS should be used as an outline for formatting Pagination to work with various Sites.  This format should be adjusted as necessary to allow for color and graphic changes along with formatting content within the paginated list.  This is just a general outline meant to be customized as necessary. Suggestions on what needs to be changed is provided within this CSS file. */

/* To change the colors of the pagination numbering change all locations of "color: #339900" to the color that matches links within the site. The hover color is currently set to "color: #5572d2", this should also be adjusted. */

.pagination {display:block;
	float: right; padding-right:20px;
	margin: auto;
}

.pagination li {display:block;border:1px solid #dedede;
	clear: none;
	color: 	#777777;
	float: left;
	height: auto; width:25px;
	overflow: hidden;
	padding:0px; text-align:center;
	 margin:1px;
	
}

.pagination li a{font-size:1.0em!important; padding:0px; font-weight:bold;}
.pagination li a:hover{color:#c00000!important;}


.pagination a {
	color: 	#777777!important;
}

.pagination .active a, .pagination .active a:hover {display:block; background:#f4f4f4;
	font-weight: bold; text-decoration:underline; color:#C00000!important;padding:0px;}

.pagination a:hover {
	color: 	#C00000;
}

.pagination .first, .pagination .last, .pagination .next, .pagination .previous {
	background: #ffffff;padding:0px; border:0px;
}

.pagination .first a, .pagination .previous a, .pagination .next a, .pagination .last a, .pagination .first span, .pagination .previous span, .pagination .next span, .pagination .last span {
	background: none;
	display: block;

	margin:4px 4px 4px 4px;
	padding:0px;
	text-indent: -999em;
	line-height: 15px;  color:#000000;
}

/* This is where images for the first, previous, next, and last buttons are set.  If these images are changed, the height, width, and line-hieght should be adjusted in the above CSS code to match the new image dimensions. The height and line-height should be the images height and the width should be the images width. It is recommended that all images used have consistant dimensions. */

.pagination .first a {background: url(/_files/scripts/pagination/arrows/first-gray.png) no-repeat; background-position:left center; background-size:13px 13px;}
.pagination .first a:hover {background: url(/_files/scripts/pagination/arrows/first-red.png) no-repeat; background-position:left center; background-size:13px 13px;}

.pagination .previous a {background: url(/_files/scripts/pagination/arrows/previous-gray.png) no-repeat; background-position:left center; background-size:13px 13px;}
.pagination .previous a:hover {background: url(/_files/scripts/pagination/arrows/previous-red.png) no-repeat; background-position:left center; background-size:13px 13px;}

.pagination .next a {background: url(/_files/scripts/pagination/arrows/next-gray.png) no-repeat; background-position:right center; background-size:13px 13px;}
.pagination .next a:hover {background: url(/_files/scripts/pagination/arrows/next-red.png) no-repeat; background-position:right center; background-size:13px 13px;}

.pagination .last a {background: url(/_files/scripts/pagination/arrows/last-gray.png)  no-repeat; background-position:right center; background-size:13px 13px;}
.pagination .last a:hover {background: url(/_files/scripts/pagination/arrows/last-red.png) no-repeat; background-position:right center; background-size:13px 13px; }

/* Formatting actual paginated list */
ul.itemList li{
		background: none;
		font-size: 100%;
		clear: both;
		padding: 0 0 0px;
}