a.button, a.button:visited, a.button:hover,a.button:link { cursor: pointer;text-decoration: none; overflow:hidden; _display:inline-block;}

/* ---: BUTTONS :--- */

/* --: core :-- */
a.button span { display: block;  float: left; background-repeat:no-repeat; padding-bottom:0px;}

a.button .text {padding:0; background-repeat:repeat-x; font-weight:bold; background-position: 0px -21px; }


/* ---: COLORS :--- */
/* -- The classes for the 'a' tag have the following meanings:
	FIRST letter is the color of the BUTTON
	SECOND letter is the color of the BACKGROUND:
	b = blue
	g = gray
	dp = deep blue
	lb= light blue
	lg = light gray

	etc...

	For example:
	a.button.gb is a button that has a COLOR GRAY and his BACKGROUND is BLUE.
-- */

/* -- generic colors -- */
a.button span { height:21px; background-image:url(/Web/App_Themes/default/images/control/button/bt.gif);}
a.button .left,
a.button .right {width:12px;}
a.button .text {font-size:12px; height:19px; padding-top:2px;}
/* - blue - */

a.button.bdb .text {background-position:0 -21px; color:#fff;}
a.button.bdb .left {background-position:0 0px;}
a.button.bdb .right {background-position:0 -42px;}

a.button.blb .text {background-position:0 -85px; color:#fff;}
a.button.blb .left {background-position:0 -64px;}
a.button.blb .right {background-position:0 -106px;}

a.button.glb .text {background-position:0 -149px; color:#fff;}
a.button.glb .left {background-position:0 -128px;}
a.button.glb .right {background-position:0 -170px;}