button,a.button {
	position: relative;
	border: 0;
	padding: 0;
	cursor: pointer;
	overflow: visible;
	padding-right: 32px;
	font-weight: bold;
	letter-spacing: -0.03em;
	margin-right: 5px;
	font-size: 110%;
	height: 38px;
	text-align: center;
	outline: none;
	background: transparent url(../images/button.gif) no-repeat right
		top;
	min-width: 119px;
}

button::-moz-focus-inner,a.button::-moz-focus-inner {
	border: none; /* overrides extra padding in Firefox */
}

button span,a.button span {
	position: relative;
	white-space: nowrap;
	padding-left: 18px;
	display: block;
	line-height: 38px;
	float: left;
	background: transparent url(../images/button.gif) no-repeat left
		top;
	color: #fff;
	margin-left: -2px;
	width: 100%;
	min-width: 83px;
}

a.button {
	float: left;
}
button:hover, button.btnHover, button:focus, a.button:hover, a.button.btnHover, a.button:focus {
	background-position: bottom right;
}
button:hover span,button.btnHover span, button:focus span,a.button:hover span,a.btnHover span, a.button:focus span
	{
	/* the redundant class is used to apply the hover state with a script */
	background-position: bottom left;
}

button:active span,button.btnActive span,a.button:active span,a.btnActive span
	{
	padding-top: 1 px;
	padding-bottom: 0;
}

.button-container {
	display: inline-block;
}

div.button-container {
	display: block;
	margin-top: 30px;
	height: 44px;
}