button[type].button,
button[type="button"].button,button[type="submit"].button,button[type="reset"].button {
	background: transparent url('../images/bg_button_right.png') no-repeat
		scroll top right;
	color: #444;
	border: 0;
	cursor: pointer;
	font-weight: bold;
	padding: 0 12px 0 0;
	text-align: center;
	height: 20px;
    width:auto;
    overflow: visible;
}
button[type].button span,
button[type="button"].button span, button[type="reset"].button span, button[type="submit"].button span{
	background: transparent url('../images/bg_button_left.png') no-repeat left top scroll;
	display: block;
	position: relative;
	white-space:nowrap; 
	height: 20px;
	line-height: 20px;
	padding: 0 2px 0 10px;
	margin: -2px -3px 0 0;	/* for safari and FF */
}
body:nth-of-type(1) button[type="button"].button span,body:nth-of-type(1) button[type="submit"].button span,
body:nth-of-type(1) button[type="reset"].button span
{
	margin: -1px -3px 0 0;	/* for chrome */
}
button[type].button:active,
button[type="button"].button:active,button[type="submit"].button:active,button[type="reset"].button:active {
	background-position: bottom right;
	color: #000;
	outline: none;
	 
}

button[type].button:active span,
button[type="button"].button:active span,button[type="submit"].button:active span
button[type="reset"].button:active span {
	background-position: bottom left;
}
/* styles for ff2 */
button[type].button, button[type="button"].button,button[type="submit"].button,button[type="reset"].button, x:-moz-any-link {
	padding: 0 12px 0 0;
}
button[type].button span,
button[type="button"].button span, button[type="reset"].button span, button[type="submit"].button span, x:-moz-any-link{
	padding: 0 0px 0px 10px;
	margin: 0;
}
button[disabled].button span,
button[disabled].button
{
    cursor:default;
    color:#999999;
} 
button::-moz-focus-inner { border: none;}
/* end styles for ff2 */
