/*button */
a.button {
	background:url(../img/buttons/smallbutton-whitebg.png) left top;
	display: inline;
	float: left;
	clear: both;
	text-decoration: none;
	color: #555;
	margin: 7px 0 6px -4px;
	background-position: left top;
	background-repeat: no-repeat;
	background-color: #F1F1F1;
	white-space: nowrap;
	position: relative;
	cursor: pointer;
}
a.button span {
background:url(../img/buttons/smallbutton-whitebg.png) right top;
display: inline;
float: left;
font: 11px/12px Arial, Helvetica, sans-serif;
padding: 7px 20px 0 0px;
height: 22px;
margin-left: 9px;
background-position: right top;
background-repeat: no-repeat;
cursor: pointer;
}
a.button:hover {background-position: left -110px; text-decoration: none}
a.button:hover span {background-position:right -110px; text-decoration: none}
/*button white*/
a.btWhite, a.btWhite span {background-image:url(../img/buttons/smallbutton-whitebg.png);}

a.buttongraybg {margin: 5px 0 0 0; background:url(../img/buttons/smallbutton-graybg.png) left top;}
a.buttongraybg span {background:url(../img/buttons/smallbutton-graybg.png) right top;}
a.buttonyellowbg {margin: 5px 0 0 0; background:url(../img/buttons/smallbutton-yellowbg.png) left top;}
a.buttonyellowbg span {background:url(../img/buttons/smallbutton-yellowbg.png) right top;}




/*big button*/
a.bigbutton {
display: block;
float: left;
clear: both;
text-decoration: none;
color: #fff;
margin: 7px 0 6px -4px;
position: relative;
display: inline;
}
a.bigbutton span {
display: block;
float: left;
padding: 10px 40px 0px 0px;
margin-left: 15px;
display: inline;
height: 34px;
white-space: nowrap;
position: relative;
}