div.sm-button, button.sm-button {
	font-size: 11px;
	height: 24px;
	position: relative;
	border: 0; 
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
	padding: 0 8px 0 0;
	text-align: center;
	background: transparent url(/widgets/button/btn_white.png) no-repeat right -140px;
}
div.sm-button span,
button.sm-button span {
	padding: 5px 4px 0 14px;
	height: 24px;
	background: transparent url(/widgets/button/btn_white.png) no-repeat left top; 
	color: #444444;
}	
div.sm-button::-moz-focus-inner,
button.sm-button::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}
div.sm-button span,
button.sm-button span {
	position: relative;
	display: block; 
	white-space: nowrap;	
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
    div.sm-button,
	button.sm-button {
		padding: 0 7px 0 0;
	}
    div.sm-button span,
	button.sm-button span {
		margin-top: -1px;
	}
}
div.sm-button:active,
button.sm-button:active {
	background-position: right -210px; 
}
div.sm-button:active span,
button.sm-button:active span {
	background-position: 0 -70px;
}
/* red button */
div.sm-button-red,
button.sm-button-red {
	background: transparent url(/widgets/button/btn_red.png) no-repeat right -140px;
}
div.sm-button-red span,
button.sm-button-red span {
	color: #222222;
	background: transparent url(/widgets/button/btn_red.png) no-repeat left top; 
}
/* blue button */
div.sm-button-blue,
button.sm-button-blue {
	background: transparent url(/widgets/button/btn_blue.png) no-repeat right -140px;
}
div.sm-button-blue span,
button.sm-button-blue span {
	color: #222222;
	background: transparent url(/widgets/button/btn_blue.png) no-repeat left top; 
}
/* green button */
div.sm-button-green,
button.sm-button-green {
	background: transparent url(/widgets/button/btn_green.png) no-repeat right -140px;
}
div.sm-button-green span,
button.sm-button-green span {
	color: #000000;
	background: transparent url(/widgets/button/btn_green.png) no-repeat left top; 
}
/* orange button */
div.sm-button-orange,
button.sm-button-orange {
	background: transparent url(/widgets/button/btn_orange.png) no-repeat right -140px;
}
div.sm-button-orange span,
button.sm-button-orange span {
	color: #000000;
	background: transparent url(/widgets/button/btn_orange.png) no-repeat left top; 
}
/*
	link buttons
*/
body a.sm-button,
body a:active.sm-button,
body a:visited.sm-button,
body a:link.sm-button {
	cursor: pointer;
	background: transparent url(/widgets/button/btn_white.png) no-repeat right -140px;
	color: #444;
	display: block;
	float: left;
	font-family: inherit;
	font-size: 11px;
	font-weight: normal;
	height: 24px;
	margin-right: 6px;
	padding: 0 10px 0 0;
	text-decoration: none;
}
body a.sm-button span {
	background: transparent url(/widgets/button/btn_white.png) no-repeat left top; 
	display: block;
    line-height: 14px;
	padding: 5px 4px 5px 14px;
}
body a.sm-button:active {
	background-position: right -210px; 
	outline: none;
}
body a.sm-button:active span {
	background-position: 0 -70px;
}
/*
	container to hold buttons and give proper padding height margins
*/
.sm-button-tray {
	clear: both;
	width: 100%;
	margin-bottom: 2em;
}