.buttons button {
  width:auto;
  overflow:visible;
  vertical-align: middle;
}

button::-moz-focus-inner {padding:0; border:0}
button:focus {outline: 1px dotted}


/*
	Setting general button styles.
	Background position can't be set to "top",
	because of Firefox behavior.
	overflow: visible; is to remove magic padding in IE.
*/
.buttons button {
	text-align: center;
	border: 0px;
	margin: 0px;
	padding: 0px 7px 0px 0px;
	overflow: visible;
	margin-top: 1px;
}
/*
	Sets the general styles for the span within the button
	content, and the starting image. This image contains the
	rounded corners to the left and is as wide as
	the widest button might become.
*/
.buttons button span {
	position: relative;
	display: block;
	white-space: nowrap;
	height: 28px;
    font-size: 11px;
	padding: 0px 0px 0px 7px;
	line-height: 28px;
	font-weight: bold;
}

/*blue buttons*/
.buttons button {
  background:url(../images/buttons/btn_neutral_right.png) no-repeat right;
}
.buttons button span {
  background:url(../images/buttons/btn_neutral_left.png) no-repeat left top;
  color:#FFFFFF;
}

.buttons button.normal:hover {
	background:url(../images/buttons/btn_neutral_right_over.png) no-repeat right;
}
.buttons button.normal:hover span {
	background:url(../images/buttons/btn_neutral_left_over.png) no-repeat left top;
}

/* negative buttons */ /*
.buttons button.negative {
  background:url(../images/buttons/btn_negative_right.png) no-repeat right;
}
.buttons button.negative span {
  background:url(../images/buttons/btn_negative_left.png) no-repeat left top;
  color:#FFFFFF;
}
.buttons button.negative:hover {
	background:url(../images/buttons/btn_negative_hover_right.png) no-repeat right;
}
.buttons button.negative:hover span {
	background:url(../images/buttons/btn_negative_hover_left.png) no-repeat left top;
}

/* positive buttons */ 
.buttons button.positive {
  background:url(../images/buttons/btn_focus_right.png) no-repeat right;
}
.buttons button.positive span {
  background:url(../images/buttons/btn_focus_left.png) no-repeat left top;
  color:#333333;
}
.buttons button.positive:hover {
	background:url(../images/buttons/btn_focus_right_over.png) no-repeat right;
}
.buttons button.positive:hover span {
	background:url(../images/buttons/btn_focus_left_over.png) no-repeat left top;
}


#button_container #left_buttons,
#button_container #right_buttons {
    clear: none;
    width: auto;

}
#button_container #left_buttons.buttons button {
    margin-left: 0px;
}