/* Overall bounding DIV that holds the whole thing together. */

.pageicons {
	float: right; margin: 0.25ex 0px; padding: 0px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
 }
.pageicons A:link { text-decoration: none }
.pageicons A:visited { text-decoration: none }
.pageicons A:hover { text-decoration: underline }


/* "Previous" and "Next" icons */
.pageprev {
	margin: 0px 2px; height: 24px; width: 60px; display: inline;
	text-align: right; padding-top: 10px; font-size: 14px;
}

.pagenext {
	margin: 0px 2px; height: 24px; display: inline;
	padding-top: 10px; font-size: 14px;
}


/* Now comes the real meat of it: the current page and other
page icons. */

.pagecurrent {
	background: #fff url(/images/global/page.gif) no-repeat;
	margin: 0px 2px; padding: 5px 0px 0px 5px;
	height: 24px; width: 18px; display: inline;
	font-size: 14px;
}
.pagecurrent A:link { color: black; text-decoration: none; }
.pagecurrent A:visited { color: black; text-decoration: none; }
.pagecurrent A:hover { text-decoration: underline; }


.pageother {
	background: #666 url(/images/global/page.gif) no-repeat;
	margin: 0px 2px; padding: 5px 0px 0px 5px;
	height: 24px; width: 18px; display: inline;
	font-size: 14px;
}
.pageother A:link { color: white; text-decoration: none; }
.pageother A:visited { color: white; text-decoration: none; }
.pageother A:hover { text-decoration: underline; }