/* CSS page selector */

#selector {
	position:relative;
	
	height:30px;
	float:right;
	margin:0 10px;
	padding:0;
	font-size:11px;
	color:#333;
}
#selector li {
	float:left;
	padding:0 0 0 2px;
	margin:0 1px;
	list-style-type:none;
	background:url(../images/graphics/page_selector.png) transparent no-repeat 100% -20px;
}
#selector a {
	display:block;
	padding:3px 4px 5px 9px;
	margin:0 5px 0 0px;
	color:#666;
	text-align:center;
	text-decoration:none;
	background-color:yellow;
	font-weight:bold;
	background:url(../images/graphics/page_selector.png) transparent no-repeat 0 0;
}
#selector li.selected {
	background:url(../images/graphics/page_selector.png) transparent no-repeat 100% -92px;
}
#selector li.selected a {
	color:#fff;
	background:url(../images/graphics/page_selector.png) transparent no-repeat 0 -72px;
}
#selector li.arrows {
	position:relative;
	top:2px;
	text-align:center;
	height:16px;
	width:16px;
	border:none;
	margin:0 3px;
	padding:0;
	background:none;
	color:transparent;
}
#selector li.arrows a {
	background:none;
	color:transparent;
	text-indent:-9999px;
}
#selector li.arrows:hover  {
	background:none;
}
#selector li.next  {background:url(../images/graphics/page_selector.png) transparent no-repeat 0 -40px;}
#selector li.prev  {background:url(../images/graphics/page_selector.png) transparent no-repeat 0 -56px;}
#selector li.next:hover  {background:url(../images/graphics/page_selector.png) transparent no-repeat 0 -112px;}
#selector li.prev:hover  {background:url(../images/graphics/page_selector.png) transparent no-repeat 0 -127px;}