/* Arrow buttons */






a.btn {
	font-size: 1.1em;
	height: 22px;
	color: #222;
	text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5);
	position: relative;
	display: inline-block;
	width: auto;
	line-height: 21px;
}

/* Left button */


a.btn.left {
	background: transparent url('backgrounds.png') repeat-x 0px;
	background-position: 22px 0px;
	margin-left: 14px;
	padding-right: 2px;
	margin-right: 8px;
}
a.btn.left:before, a.btn.left:after {
	border: 0 none;
	content: "";
	height: 18px;
	padding: 4px 12px 0 0;
	position: absolute;
	width: 12px;
	top: 0px;
}
a.btn.left:before {
	background: transparent url(leftarrows.png) no-repeat 0 0px;
	margin-left: -14px;
}
a.btn.left:after {
	background: transparent url(rightends.png) no-repeat 0 0px;
	margin-left: 2px;
}

a.btn.left:hover {
	text-decoration: none;
	background-position: 22px -22px;
	cursor: pointer;
	}	
	
	
a.btn.left:hover:before, a.btn.left:hover:after {
	text-decoration: none;
	background-position: 0 -22px;
	cursor: pointer;
	}	
	
a.btn.left:active {
	text-decoration: none;
	background-position: 22px -44px;
	cursor: pointer;
	color: #fff;
    text-shadow: 0px -1px 0 rgba(0,0,0,0.5);
    filter: none;
	
	}	
	
	
a.btn.left:active:before, a.btn.left:active:after {
	text-decoration: none;
	background-position: 0 -44px;
	cursor: pointer;
	
	}	
	
	
	

/* Right button */


a.btn.right {
	background: transparent url('backgrounds.png') repeat-x 0px;
	background-position: 22px 0px;
	margin-right: 14px;
	padding-left: 4px;
	margin-left: 4px;
}
a.btn.right:before, a.btn.right:after {
	border: 0 none;
	content: "";
	height: 18px;
	padding: 4px 0 0 8px;
	position: absolute;
	width: 12px;
	top: 0px;
}
a.btn.right:before {
	background: transparent url(leftends.png) no-repeat 0 0px;
	margin-left: -9px;
}
a.btn.right:after {
	background: transparent url(rightarrows.png) no-repeat 0 0px;
	
	margin-right: 2px;
}

a.btn.right:hover {
	text-decoration: none;
	background-position: 22px -22px;
	cursor: pointer;
	}	
	
	
a.btn.right:hover:before, a.btn.right:hover:after {
	text-decoration: none;
	background-position: 0 -22px;
	cursor: pointer;
	}	
	
a.btn.right:active {
	text-decoration: none;
	background-position: 22px -44px;
	cursor: pointer;
	color: #fff;
    text-shadow: 0px -1px 0 rgba(0,0,0,0.5);
    filter: none;
	
	}	
	
	
a.btn.right:active:before, a.btn.right:active:after {
	text-decoration: none;
	background-position: 0 -44px;
	cursor: pointer;
	
	}