button { 
	position: relative;
	border: 0; 
	padding: 0 10px 0 0; 
	margin-right: 5px;
	margin-top: 2px;
	margin-bottom: 2px;
	text-align: center;
	cursor: pointer;
	color: #303060;
	overflow: visible; /* removes extra side padding in IE */
}

button.hover {
	color: #229ACE;
}

button::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}

button span {
	padding: 4px 0 0 10px; 
	position: relative;
	display: block; 
	height: 25px; 
	white-space: nowrap;
	font-weight: bold;	
	font-size: 10pt !important;
	color: #FFF;
}

button span img {
	vertical-align: middle;
	margin-top: -3px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button span {
		margin-top: -1px;
		margin-right: -1px;
	}
}

button.redButton {
	background: transparent url(/img/buttons/red_right.png) no-repeat right 0px; 
}
span.redButton {
	background: transparent url(/img/buttons/red_left.png) no-repeat left top;
}

button.orangeButton {
	background: transparent url(/img/buttons/orange_right.png) no-repeat right 0px; 
}
span.orangeButton {
	background: transparent url(/img/buttons/orange_left.png) no-repeat left top;
}

button.orangeblueButton {
	background: transparent url(/img/buttons/orange_right.png) no-repeat right 0px;
}
span.orangeblueButton {
	background: transparent url(/img/buttons/orange_left.png) no-repeat left top;
}

button.lightblueButton {
	background: transparent url(/img/buttons/lightblue_right.png) no-repeat right 0px; 
}
span.lightblueButton {
	background: transparent url(/img/buttons/lightblue_left.png) no-repeat left top;
}

button.blueButton {
	background: transparent url(/img/buttons/blue_right.png) no-repeat right 0px; 
}
span.blueButton {
	background: transparent url(/img/buttons/blue_left.png) no-repeat left top;
}

button.cancelButton {
	background: transparent url(/img/buttons/cancel_right.png) no-repeat right 0px; 
}
span.cancelButton {
	background: transparent url(/img/buttons/cancel_left.png) no-repeat left top;
	color: #229ACE;
}

button.grayButton {
	background: transparent url(/img/buttons/gray_right.png) no-repeat right 0px; 
	cursor: default;
}
span.grayButton {
	background: transparent url(/img/buttons/gray_left.png) no-repeat left top;
}

button.paymentWireButton, 
button.paymentPostButton, 
button.paymentSmsButton, 
button.paymentCardButton, 
button.paymentCashButton {
	background: transparent url(/img/payment/orange_bg_right.gif) no-repeat right 0px; 
	padding: 0 7px 0 0;
	width: 250px;
	text-align: left;
}
span.paymentWireButton {
	height: 32px;
	padding: 8px 0 0 40px;
	background: transparent url(/img/payment/virament.gif) no-repeat left top;
}
span.paymentPostButton {
	height: 32px;
	padding: 8px 0 0 40px;
	background: transparent url(/img/payment/mandat.gif) no-repeat left top;
}
span.paymentSmsButton {
	height: 32px;
	padding: 8px 0 0 40px;
	background: transparent url(/img/payment/sms.gif) no-repeat left top;
}
span.paymentCardButton {
	height: 32px;
	padding: 8px 0 0 40px;
	background: transparent url(/img/payment/card.gif) no-repeat left top;
}
span.paymentCashButton {
	height: 32px;
	padding: 8px 0 0 40px;
	background: transparent url(/img/payment/cash.gif) no-repeat left top;
}

button.paymentWireButtonhover,
button.paymentPostButtonhover, 
button.paymentSmsButtonhover, 
button.paymentCardButtonhover, 
button.paymentCashButtonhover {
	background: transparent url(/img/payment/red_bg_right.gif) no-repeat right 0px; 
	padding: 0 7px 0 0;
}
span.paymentWireButtonhover {
	height: 32px;
	padding: 8px 0 0 40px;
	background: transparent url(/img/payment/virament_ov.gif) no-repeat left top;
}
span.paymentPostButtonhover {
	height: 32px;
	padding: 8px 0 0 40px;
	background: transparent url(/img/payment/mandat_ov.gif) no-repeat left top;
}
span.paymentSmsButtonhover {
	height: 32px;
	padding: 8px 0 0 40px;
	background: transparent url(/img/payment/sms_ov.gif) no-repeat left top;
}
span.paymentCardButtonhover {
	height: 32px;
	padding: 8px 0 0 40px;
	background: transparent url(/img/payment/card_ov.gif) no-repeat left top;
}
span.paymentCashButtonhover {
	height: 32px;
	padding: 8px 0 0 40px;
	background: transparent url(/img/payment/cash_ov.gif) no-repeat left top;
}





button.lightbluehover {
	background: transparent url(/img/buttons/blue_right.png) no-repeat right 0px; 
}
span.lightbluehover {
	background: transparent url(/img/buttons/blue_left.png) no-repeat left top;
}

button.hover {
	background: transparent url(/img/buttons/lightblue_right.png) no-repeat right 0px; 
}

span.hover {
	background: transparent url(/img/buttons/lightblue_left.png) no-repeat left top;
}