#ab-goDown{
	position:absolute;
	left:32px;
	bottom:0px;
}
#ab-goUp{
	position:absolute;
	left:32px;
	top:0px;
}
#ab-goRight{
	position:absolute;
	top:32px;
	right:0px;
}
#ab-goLeft{
	position:absolute;
	top:32px;
	left:0px;
}

#allViewportControlsCTNR{
	position:absolute;
	left:30px;
	width:100px;
	height:100px;
}

#viewportControlCTNR{
	position:absolute;
	bottom:150px;
	left:0px;
	-webkit-user-select: none;
	-moz-user-select:none;
	-webkit-user-drag: none;
	z-index:60;
}

.arrowControl{
	cursor:pointer;
}

#zoomControlCTNR{
	position:absolute;
	left:105px;
	width:60px;
	top:-8px;
}
#zoomControlCTNR .ui-button-text{
	font-size:20px !important;
	line-height: 16px;
}

/* Toggle footer show/hide */
#ab-toggleFooter {
	height: 32px;
	left: 0;
	top: 80px;
}
#ab-toggleFooter > span::before {
	content: '\276F';
}
#ab-toggleFooter.hide > span::before {
	content: '\276E';
}
#ab-toggleFooter > span {
	position: relative;
	display: inline-block;
	transform: rotateZ(90deg);
	left: 1px;
	top: -1ch;
}

#ab-toggleFooter,
.zoomControls {
	font-weight:bold;
	font-size:40px !important;
	position:absolute;
	cursor:pointer;
	width:32px !important;
	overflow:hidden;
	right:0px;
}
#ab-zoomIn{
	top:0px;
	left:0px;
}
#ab-zoomOut{
	left:0px;
	top:40px;
}

#zoomPanToggleButton{
	position:absolute;
	left:-4px;
	top:10px;
	text-align:center;
	vertical-align:middle;
	display:table-cell;
	height:70px;
}

.panArrows{
	background-image:url(../images/pan_arrows_icons.png);
	width:32px;
	height:32px;
}

.panArrowUp{
	background-position:-32px 0;
}
.panArrowDown{
	background-position:-64px 0;
}
.panArrowLeft{
	background-position:0px 0;
}
.panArrowRight{
	background-position:-96px 0;
}

#zoomPanToggleButton .ui-button-text{
	display:inline-block;
	margin-top:25px;
}