/*pagination*/
/*taken from community css*/

.pager {
	font-size: 12px;
	color: #312d2e;
	text-align: center;
	height: 21px !important;
	margin: 10px 0 0 0;
	padding: 2px 5px 0 5px !important;
	border-left: 1px #e8e7e5 solid;
	border-right: 1px #e8e7e5 solid;
	border-top: 1px #e8e7e5 solid;
	border-bottom: 1px #c1c2c4 solid;
	background-image: url(http://assets.aarp.org/aarp.org_/build/topics/images/community/profile/bg_pagination.gif);
	background-repeat: repeat-x;
}

.queryBox {
	border-left: 1px #e8e7e5 solid;
	border-right: 1px #e8e7e5 solid;
	border-top: 1px #e8e7e5 solid;
	border-bottom: 1px #c1c2c4 solid;
	background-color: #eaeaea;
	padding: 10px;	
}

.pager a:hover {
        text-decoration: none;
}

.pagerPagination {
	float: right !important;
	margin: 0px;
	padding: 0;
}

.pagerPagination span {
	float: left;
	margin: 0;
}

.pagerPagination span.hide {
	display: none;
}

.pagerPagination a  {
	float: left;
	margin: 0 2px;
}



.pagerPagination span.previous, .pagerPagination a.previous {
	margin-right: 5px;
}

.pagerPagination span.next, .pagerPagination a.next {
	margin-left: 3px;
}


span.btnSmallGray {
	display: block;
  font-family: 'Trebuchet MS';
  font-weight: bold;
  text-transform: uppercase;
	cursor: pointer;
	padding: 0;
	margin: 0;
}
span.btnSmallGray {
}
span.btnSmallGray:hover {
}
span.btnSmallGray {
  font-size: 11px !important;
}
span.btnSmallGray span {
	background-image: url(http://assets.aarp.org/aarp.org_/images/buttons/btnSprite.gif);
	background-repeat: no-repeat;
  float: left;
	display: block;
}
span.btnSmallGray span.left,span.btnSmallGray span.right {
	width: 9px;
}
span.btnSmallGray span {
	height: 20px;
	line-height: 20px;
}

span.btnSmallGray span.left { background-position: left 0; }
span.btnSmallGray span.right { background-position: right 0; }
span.btnSmallGray span.middle { background-position: -10px 0; }
span.btnSmallGray:hover span.left { background-position: left -20px; }
span.btnSmallGray:hover span.right { background-position: right -20px; }
span.btnSmallGray:hover span.middle { background-position: -10px -20px; }
span.btnSmallGray.inactive span.left { background-position: left -40px; }
span.btnSmallGray.inactive span.right { background-position: right -40px; }
span.btnSmallGray.inactive span.middle { background-position: -10px -40px; }
span.btnSmallGray.inactive { cursor: default; color: #3e76ad !important; }









.pagerSorting {
	float: left;
	padding: 0;
}

.pagerButton {
	float: left;
	position: relative;
}