body {
	font-size: 14px;
	font-family: sans-serif;
}

h1 {
	margin-bottom:0px;
}

.pagebutton {
	display: inline-block;
	width: 120px;
	height: 80px;
	vertical-align: top;
	margin: 2px;
	padding: 4px;
	border-radius: 6px;
	background-color: #E5EFD1;
	color: #000000;
	text-decoration: none;
}

.pagebutton.selected {
	background-color: #43473B;
	color: #FFFFFF;
}

.activitypaginate {
	position: relative;
	width:540px;
	height:600px;
	overflow: hidden;
	font-family: sans-serif;
}

.activitypaginate h1 {
	margin:0px;
}

.activitypaginate h3 {
	margin:0px;
}

.activitypaginate .page {
	position: absolute;
	display: inline-block;
	text-align: center;
	width:500px;
	top:0px;
	left:300px;
}

.activitypaginate .arrow {
	z-index:1;
	position: absolute;
	display:none;
	text-align: center;
	width:80px;
	top:6px;
	left:20px;
	line-height: 30px;
	border-radius:5px;
	background-color: #685B84;
	color: #FFFFFF;
	cursor:pointer;
	-webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;    
}

.activitypaginate .leftarrow {
	left:20px;
}

.activitypaginate .rightarrow {
	left:auto;
	right:26px;
}

.activitypaginate .arrow.show {
	display: inline-block;
}