.buttons
{
	overflow: hidden;
	width: 100%;
	margin-bottom: 10px;
}

.button
{
	display: block;
	float: left;
	height: 26px;

	background: url(/static/buttonTile.png) top left repeat-x;
}

.button a
{
	display: block;
	height: 26px;
	padding: 3px 15px 3px 15px;

	line-height: 20px;
	text-align: center;
}



.button .left
{
	display: block;
	height: 26px;

	background: url(/static/buttonLeft.png) top left no-repeat;
}

.button .right
{
	display: block;
	height: 26px;

	background: url(/static/buttonRight.png) top right no-repeat;
}

/* NEXT */

.button.next .right
{
	background: url(/static/buttonNext.png) top right no-repeat;
}

.button.next a
{
	padding-right: 20px;
}

/* PREVIOUS */

.button.previous .left
{
	background: url(/static/buttonPrevious.png) top left no-repeat;
}

.button.previous a
{
	padding-left: 20px;
}