/* dojox.mobile.ToolBarButton */
.mblToolBarButton {
	display:inline-block;
	position: relative;
	cursor: pointer;
	-webkit-tap-highlight-color: rgba(255,255,255,0);
	margin: 6px;
	padding: 0 10px;
	height: 29px;
	line-height: 29px;
	text-align: center;
	font-family: Helvetica;
	font-size: 13px;
	font-weight: bold;
	vertical-align: middle;
	.mblToolBarButton-styles;
}
.mblToolBarButtonHasIcon, .mblToolBarButtonLightIcon {
	padding: 0;
}
.mblHeading {
	.mblToolBarButton {
		float: left;
	}
	span.mblToolBarButtonLightIcon {
		padding: 0;
	}
}
.mblToolBarButtonHasLeftArrow {
	padding-right: 0;
	padding-left: 10px;
}
.mblToolBarButtonHasRightArrow {
	padding-left: 0;
	padding-right: 10px;
}
.mblToolBarButtonArrow {
	position: absolute;
	top: 5px;
	width: 20px;
	height: 19px;
	border-radius: 1px;
	.mblToolBarButtonArrow-styles;
}
.mblToolBarButtonHasLeftArrow .mblToolBarButtonArrow {
  .mblToolBarButtonArrowInLeftArrow-styles;
}
.mblToolBarButtonHasRightArrow .mblToolBarButtonArrow {
  .mblToolBarButtonArrowInRightArrow-styles;
}
.mblHeading {
	.mblToolBarButtonArrow {
		.mblToolBarButtonArrowInHeading-styles;
	}
	.mblToolBarButtonHasLeftArrow .mblToolBarButtonArrow {
		.mblToolBarButtonHasLeftArrowInHeading-styles;
	}
	.mblToolBarButtonHasRightArrow .mblToolBarButtonArrow {
		.mblToolBarButtonHasRightArrowInHeading-styles;
	}
}

.mblToolBarButtonBody {
	display: inline-block;
	position: relative;
	overflow: hidden;
	border-radius: @mbl-tool-bar-button-body-border-radius;
	.mblToolBarButtonBody-styles;
}
.mblToolBarButton .mblToolBarButtonBody {
	width: 100%;
}
.mblHeading .mblToolBarButtonBody {
	.mblToolBarButtonBodyInHeading-styles;
}
.mblToolBarButtonBody table {
	margin: 0 auto;
}
.mblToolBarButtonHasLeftArrow .mblToolBarButtonBody {
  .mblToolBarButtonBodyInLeftArrow-styles;
}
.mblToolBarButtonHasRightArrow .mblToolBarButtonBody {
  .mblToolBarButtonBodyInRightArrow-styles;
}
.mblToolBarButtonText .mblToolBarButtonIcon {
	padding-left: 10px;
}
.mblToolBarButtonText .mblToolBarButtonLabel {
	padding-right: 10px;
	height: 29px;
}
.mblToolBarButtonHasLeftArrow .mblToolBarButtonIcon {
	padding-left: 4px;
}
.mblToolBarButtonHasRightArrow .mblToolBarButtonLabel {
	padding-right: 4px;
}

.mblToolBarButtonIcon > div {
	height: 29px;
}
