.button-style{
	font-family:"Arial";
    font-size:12px;
    line-height:16px;
	display:-moz-inline-box;
	display:inline-block;
	cursor:pointer;
	border:none;
/*    font-size:0;
    line-height:0;
*/	outline:none;
    
	/*
	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:-2px 6px 0px 0;
	padding:0 10px 0 0;	
	vertical-align:middle;
	font-size:12px;	
/*	_position:relative;
	_width:10px;	
	_overflow-y:hidden;
*/
}

.button-style, .button-style *{
    background-image:url(/css/form_buttons/form_buttons_blue.png);
    _background-image:url(/css/form_buttons/form_buttons.gif);
}

.button-style *{
/*	white-space:nowrap;
*/	cursor:pointer;
    color:#222;
	display:-moz-inline-box;
	display:inline-block;
	outline:none;
/*	line-height:1;
    letter-spacing:0 !important;
*/    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;
	font-size:12px;
/*	zoom:1;*/
/*	_position:relative;
    _padding-left:0px;
	_padding-right:12px;
	_margin-right:-10px;	
	_display:block;
	_top:0;
	_right:-5px;
*/
}

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

html.safari a.button-style span, 
html.safari del.button-style span{
  line-height:1.3;
  font-size:20px;
}

html.safari span.button-style button{
  line-height:2.6;
}

html.safari a.button:focus,
html.safari span.button-style button:focus{
    outline:none;
}

*/

del.button-style{
background-position:0 -120px;
}

del.button-style span{
	cursor:default;
    color:#aaa;
	background-position:100% -120px;
}


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


/*Hover Style*/

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

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

del.button-behavior-hover, del.button-style:hover{
background-position:0 -180px;
}

del.button-behavior-hover span, del.button-style:hover span{
background-position:100% -180px;
}


/*Optional hack for IE6 to simulate :hover selector*/

span.button-style button, del.button-style span, span.button-style 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));
}