
button.cssbutton.sample span,a.cssbutton.sample span,div.cssbutton.sample input {
color:#FFFFFF;
}


button.cssbutton.sample.a span,a.cssbutton.sample.a span,div.cssbutton.sample.a input {
background:url("../images/sample_aRight.gif") no-repeat right 0;
}

button.cssbutton.sample.a,a.cssbutton.sample.a,div.cssbutton.sample.a {
background:url("../images/sample_aLeft.gif") no-repeat 0 center;
}

button.cssbutton.sample.a:hover span,a.cssbutton.sample.a:hover span,div.cssbutton.sample.a:hover input {
color:#FFFFFF;
background:url("../images/sample_aRight.gif") no-repeat right 100%;
}

button.cssbutton.sample.a:hover,a.cssbutton.sample.a:hover,div.cssbutton.sample.a:hover {
background:url("../images/sample_aLeft.gif") no-repeat -255px center;
}

button.cssbutton.sample.b span,a.cssbutton.sample.b span,div.cssbutton.sample.b input {
color:#FFFFFF;
background:url("../images/sample_bRight.gif") no-repeat right 0;
}

button.cssbutton.sample.b,a.cssbutton.sample.b,div.cssbutton.sample.b {
background:url("../images/sample_bLeft.gif") no-repeat 0 center;
}

button.cssbutton.sample.b:hover span,a.cssbutton.sample.b:hover span,div.cssbutton.sample.b:hover input {
color:#FFFFFF;
background:url("../images/sample_bRight.gif") no-repeat right 100%;
}

button.cssbutton.sample.b:hover,a.cssbutton.sample.b:hover,div.cssbutton.sample.b:hover {
background:url("../images/sample_bLeft.gif") no-repeat -255px center;
}


/*	
	CFD Version: Beta .33

	This file is part of CSSButtons.

    CSSButtons is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    CSSButtons is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with CSSButtons. If not, see <http://www.gnu.org/licenses/>.
*/


/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------
	BUTTON DEFINITION CLASS */

	button.cssbutton {border:0; text-align:center; padding:0; margin:0px auto; cursor:pointer;}
	button.cssbutton span {font:bold 12px/23px Verdana; color:#666; display:block; cursor:pointer; position:relative; white-space:nowrap; height:23px; margin-left:1px; padding:0 10px 0 9px;} /* padding-left = (padding-right - margin-left) NOTE: Firefox renders this different */
	
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------
	LINK DEFINITION CLASS */
	
	a.cssbutton {border:0;float:left;text-align:center;padding:0;margin:0;cursor:pointer;text-decoration: none;}
	a.cssbutton span {font:bold 12px/23px Verdana; color:#666; display:block; float: left; white-space:nowrap; height:23px; margin-left:1px; padding:0 10px 0 9px;} /* padding-left = (padding-right - margin-left) NOTE: Firefox renders this different */
	
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------
	INPUT DEFINITION CLASS */
	
	div.cssbutton {border:0; float:left; text-align:center; padding:0; margin:0; cursor:pointer;}
	div.cssbutton input {border:0; font:bold 12px/23px Verdana; color:#666; display:block; cursor:pointer; float:left; white-space:nowrap; height:23px; margin-left:1px; padding:0 10px 0 9px;} /* padding-left = (padding-right - margin-left) NOTE: Firefox renders this different */


	
	
	/*	This file is part of CSS Buttons.

    CSS Buttons is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    CSS Buttons is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with CSSButtons. If not, see <http://www.gnu.org/licenses/>.
*/


/* 	for IE 6 and 7 (conditionalize as needed) 
	When designing button Backgrounds, ensure there's a white(transparent) gap between top and bottom states */
	
	button.cssbutton {width:1%;} /* IE FLOAT HACK */
	button.cssbutton span {float:left;} /* IE HACK - This FLOAT is sometimes not need. As tested IE7 Needs it. */