span.button button::-moz-focus-inner { padding: 0; border: 0; } /* FF Fix */
button { overflow: visible; font-weight: bold; font-family: tahoma; text-shadow: 2px 1px 1px #000; }
a.button, span.button {
	display: -moz-inline-box; display: inline-block; cursor: pointer; border: none; font-size: 0; line-height: 0;

	/* for Safari, read this first
	http://creativebits.org/webdev/safari_background_repeat_bug_fix */
	background-position: 0 0; background-repeat: no-repeat; height: 30px;
	text-decoration: none; color: #2e523b; font-style: normal;
	margin: 0 6px 0px 0; padding: 0 10px 0 0; vertical-align: middle;

	padding-top: -2px; _position: relative; _width: 10px; _overflow-y: hidden;
}

a.button, span.button,
a.button span, span.button button, span.button input {
	background-image: url(../art/button/form_buttons.png);
	_background-image: url(../art/button/form_buttons.gif);
}

a.button span, span.button button, span.button input {
	white-space: nowrap; cursor: pointer; color: #222; display: -moz-inline-box; display: inline-block; line-height: 1; letter-spacing: 0 !important;
	font-family: "Arial" !important; font-size: 12px !important; font-style: normal;
	background-color: transparent; background-position: 100% 0; background-repeat: no-repeat;
	height: 30px; padding: 8px 20px 0 10px; margin: 0 -16px 0 10px; border: none; vertical-align: text-top;
	zoom: 1; _position: relative; _padding-left: 0px; _padding-right: 12px; _margin-right: -10px; _display: block; _top: 0; _right: -5px;
}

span.button button { line-height: 2.5; /*Opera need this*/ }

html.safari a.button span { line-height: 1.3; }
html.safari span.button button { line-height: 2.6; }
html.safari a.button:focus,
html.safari span.button button:focus { outline: none; }

span.button button, span.button input { padding-top: 0px; line-height: 2.5; /*Opera need this*/ }

/** optional **/
/*a.button: visited { color: #aaa; }*/

/*Hover Style*/

a.button:hover, span.button:hover, a.button:focus,
a.dom-button-focus, span.button-behavior-hover { background-position: 0 -60px; color: #222; text-decoration: none; }

a.button:hover span, span.button:hover button, a.button:focus span,
span.button-behavior-hover button, span.button-behavior-hover input { background-position: 100% -60px; }

a.button:active, a.button:focus span { color: #444; }

/*Optional hack for IE6 to simulate :hover selector*/
span.button button, span.button input{
	_behavior:expression(
		(function(el){
			if( typeof( behavior_onMouseEnter) == 'undefined'){
				behavior_onMouseEnter = function(el){
					var dEl = this.parentNode;
					var sClass = dEl.className ;
					dEl.__defaultClassName = sClass ;
					dEl.className = sClass + ' button-behavior-hover';
					this.setCapture();
				};
				behavior_onMouseLeave = function(el) {
					var dEl = this.parentNode;
					dEl.className = dEl.__defaultClassName ;
					dEl.__defaultClassName = undefined;
					this.releaseCapture();
				};
			};
			el.runtimeStyle.behavior = 'none';
			el.onmouseenter = behavior_onMouseEnter;
			el.onmouseleave = behavior_onMouseLeave;
		})(this));
}