/* CSS Document */

.pager {
	background-color:#d40026;
	height: 33px;
	/* width: 230px; */
	width: 220px;
	position: absolute;
	bottom: -6px;
	
	/* this creates an offset that must be accounted for with pager.mPagerPadding */
	left: -10px;
	padding-left: 10px;
}

.pager .spacer {
	height: inherit;
	float: left;
}

.pager .icon {
	height: 12px;
	width: 12px;
	border-radius: 6px;
	background-color: #d40026;

	/*box-shadow: inset 0px -1px 0px 0px #cc002c, inset 0px 1px 3px 0px #bc0029;*/
	/* box-shadow: inset 0px -1px 0px 0px #9a0019, inset 0px 1px 3px 0px #690011;*/
	/*box-shadow: inset 0px -1px 0px 0px #c6002b, inset 0px 1px 3px 0px #b20026*/;

	box-shadow: inset 0px -1px 0px 0px #bf0029, inset 0px 1px 3px 0px #990021;
	float: left;
	margin: 2px;
	position: relative;
}

.pager .icon .arrow-right {
	width: 0; 
	height: 0; 
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	
	border-left: 12px solid #d40026;
}

.pager .icon .arrow-left {
	width: 0; 
	height: 0; 
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent; 
	border-right:12px solid #d40026; 
}

.pager .icon .highlight {
	background-color: #d40026;
}

.pager .icon .selected {
	background-color: #690011;
}