button { 
	position: relative;
	border: 0; 
	padding: 0;
	margin: 0 0 0 3px;
	cursor: pointer;
	overflow: visible; 
}

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

button span {
	position: relative;
	display: block;
	white-space: nowrap;
}

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


/* OPTIONAL BUTTON STYLES for applying custom look and feel: */		
button.submitbtn {
	padding: 0 15px 0 0;
	margin-right:5px;
	font-size:13px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-align: center;
	background-color: transparent;
	background-image: url(../img/bluebutton25.jpg);
	background-repeat: no-repeat;
	background-position: right -140px;
	font-weight: bold;
}
	
button.submitbtn span {
	padding: 5px 0 0 20px;
	line-height:normal;
	height:25px;
	background: transparent url(../img/bluebutton25.jpg) no-repeat left top;
	color:#fff;
}
	
button.submitbtn:hover, button.submitbtnHover { /* the redundant class is used to apply the hover state with a script */
	background-position: right -210px; 
}
	
button.submitbtn:hover span, button.submitbtnHover span {
	background-position: 0 -70px;
}

red { background-image: url(../img/redbutton25.jpg); }