.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: 1px 0 0 2px;
	padding: 0px 7px 0px 0px;
	overflow: visible;
}
/*
	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: 24px;
    font-size: 11px;
	padding: 0px 0px 0px 7px;
	line-height: 24px;
	font-weight: normal;
	min-width: 50px;
}


.buttons button:hover span {
  text-decoration:underline;
}

/*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_hover.png) no-repeat right;
}
.buttons button.normal:hover span {
	background:url(../images/buttons/btn_neutral_left_hover.png) no-repeat left top;
}

.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_right_hover.png) no-repeat right;
}
.buttons button.negative:hover span {
	background:url(../images/buttons/btn_negative_left_hover.png) no-repeat left top;
}

/* positive buttons */ 
.buttons button.positive {
  background:url(../images/buttons/btn_positive_right.png) no-repeat right;
}
.buttons button.positive span {
  background:url(../images/buttons/btn_positive_left.png) no-repeat left top;
  color:#FFFFFF;
}
.buttons button.positive:hover {
	background:url(../images/buttons/btn_positive_right_hover.png) no-repeat right;
}
.buttons button.positive:hover span {
	background:url(../images/buttons/btn_positive_left_hover.png) no-repeat left top;
}








/*blue buttons*/
.listing .buttons button {
  background-image:none;
  background-color:transparent;
}
.listing .buttons button span {
  background-image:none;
  color:#FFFFFF;
}

.listing .buttons button:hover span {
  background-image:none;
}
.listing .buttons button.normal span {
	color:#E4D800;
}
.listing .buttons button.normal:hover {
  background-image:none;
}
.listing .buttons button.normal:hover span {
  background-image:none;
}

.listing .buttons button.negative {
  background-image:none;
}
.listing .buttons button.negative span {
  background-image:none;
  color:#FFFFFF;
}
.listing .buttons button.negative:hover {
  background-image:none;
}
.listing .buttons button.negative:hover span {
  background-image:none;
}

/* positive buttons */ 
.listing .buttons button.positive {
  background-image:none;
}
.listing .buttons button.positive span {
  background-image:none;
  color:#FFFFFF;
}
.listing .buttons button.positive:hover {
  background-image:none;
}
.listing .buttons button.positive:hover span {
  background-image:none;
}






#button_container #left_buttons,
#button_container #right_buttons {
    clear: none;
    width: auto;

}
#button_container #left_buttons.buttons button {
    margin-left: 0px;
}