.makeButton {
	color:#666;
}
.makeButton:hover {
	color:#333;
}

/* This class styles the overall wrapper, if you want it floated, height, width, etc.*/
.buttonWrap {
	height: 28px;
	display: inline;
	float: none;
	margin: 2px;
}
.buttonWrap:after{ 
content: url ("spacer.png"); 
}
/* You should only change the url SRC here, or the last padding value*/
a.button {
	display:block;
	height: 28px;
	clear:left;
	float:left;
	background:url("buttonLeftA.gif") no-repeat left top;
	margin:2px;
	padding:0 0 0 4px; /* three zeros followed by the width of the short image */
	text-decoration:none;
}
a.button span {
	float:left;
	display:block;
	background:url("buttonRightA.gif") no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#ddd;  /* non-hover text color */
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
a.button span {float:none;}
a.button:hover span {
	color:#333;	/* Hover text color */
}
a.button:hover {
	background-position:0% -42px; /* Move the image on hover, by the amount listed */
}
a.button:hover span {
	background-position:100% -42px; /* Move the image on hover, by the amount listed */
}