.button,
button {
	border: 0 none;
	cursor: pointer;
	font-weight: bold;
	padding: 0 2px 0 0;
	text-align: center;
	height: 30px;
	line-height: 30px;
	width: auto;
	font-family: Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif
}

.button.rounded,
button.rounded {
	background: transparent url( ../images/btn_right.png ) no-repeat scroll	right top;
	font-size: 11px;
}

.button a,
button span {
	display: block;
	padding: 0 0 0 2px;
	position: relative;
	white-space: nowrap;
	height: 30px;
	line-height: 30px;
	text-decoration: none;
}

.button.rounded a,
button.rounded span {
	background: transparent url( ../images/btn_left.png ) no-repeat scroll
		left top;
	color: #FFFFFF;
}

.button.rounded:hover,
button.rounded:hover {
	background-position: 100% -30px;
}

.button.rounded:hover a,
button.rounded:hover span {
	background-position: 0% -30px;
}

button::-moz-focus-inner {
	border: none;
}

.button.rounded.yellow,
button.rounded.yellow {
	background-position: 100% -60px;
}
.button.rounded.yellow a,
button.rounded.yellow span {
	background-position: 0% -60px;
	color:black;
}
.button.rounded.yellow:hover,
button.rounded.yellow:hover {
	background-position: 100% -90px;
}
.button.rounded.yellow:hover a,
button.rounded.yellow:hover span {
	background-position: 0% -90px;
}