/* THE BASIC HTML
<div class="clear">
	<label for="submit">&nbsp;</label>
	<button id="submit" type="submit" class="buttonSilver"><span>Submit</span></button>
	<button id="clear" type="reset" class="buttonSilver"><span>Clear</span></button>
</div>
*/

/* buttons.css */


/* GENERIC CONTAINER (i.e. div) FOR FLOATING BUTTONS */
/* -------------------------------------------------- */
.clear {
	overflow: hidden;
	width: 100%;
}

/* DEFAULT BUTTON STYLES */
/* -------------------------------------------------- */
button
{
	border: 0 none;
	cursor: pointer;
	padding: 0 12px 0 0; /* Sliding Door Padding RIGHT */
	color: inherit;
	outline: 0 none;
}
button span {
	position: relative;
	display: block;
	white-space: nowrap;
	padding: 0 0 0 16px; /* Sliding Door Padding LEFT */
	height: 2.5em;
	line-height: 2.4em;
	font-family: Verdana;
	outline: 0 none;
}
a.buttonSilver:hover {
	text-decoration: none;
}
img.buttonFull {
	padding-bottom: .2em;
	margin: 0 0 0 -.1em;
	outline: 0 none;
}
img.buttonIcon
{
	padding-bottom: 3px;
	margin: 0 -.8em 0 -.8em;
	outline: 0 none;
}

/* SQUARE TRANSPARENT BUTTONS */
/* -------------------------------------------------- */
button.buttonSqrTrans {
	background: url('http://images.beckcompression.com/buttons/bg_button_sqr_trans_rt.gif') right no-repeat;
}
button.buttonSqrTrans span {
	background: url('http://images.beckcompression.com/buttons/bg_button_sqr_trans_lt.gif') left no-repeat;
	color: #444;
}
button.buttonSqrTrans:hover {
	background: url('http://images.beckcompression.com/buttons/bg_button_sqr_trans_hover_rt.gif') right no-repeat;
}
button.buttonSqrTrans:hover span {
	background: url('http://images.beckcompression.com/buttons/bg_button_sqr_trans_hover_lt.gif') left no-repeat;
	color: #333;
}
button.buttonSqrTrans:active {
	background: url('http://images.beckcompression.com/buttons/bg_button_sqr_trans_active_rt.gif') right no-repeat;
	outline: none;
}
button.buttonSqrTrans:active span {
	background: url('http://images.beckcompression.com/buttons/bg_button_sqr_trans_active_lt.gif') left no-repeat;
	outline: none;
	color: #666;
}

/* SQUARE GRAY BUTTONS */
/* -------------------------------------------------- */
button.buttonSqrGray {
	background: url('http://images.beckcompression.com/buttons/bg_button_sqr_gray_rt.gif') right no-repeat;
}
button.buttonSqrGray span {
	background: url('http://images.beckcompression.com/buttons/bg_button_sqr_gray_lt.gif') left no-repeat;
	color: #444;
}
button.buttonSqrGray:hover {
	background: url('http://images.beckcompression.com/buttons/bg_button_sqr_gray_hover_rt.gif') right no-repeat;
}
button.buttonSqrGray:hover span {
	background: url('http://images.beckcompression.com/buttons/bg_button_sqr_gray_hover_lt.gif') left no-repeat;
	color: #333;
}
button.buttonSqrGray:active {
	background: url('http://images.beckcompression.com/buttons/bg_button_sqr_gray_active_rt.gif') right no-repeat;
	outline: none;
}
button.buttonSqrGray:active span {
	background: url('http://images.beckcompression.com/buttons/bg_button_sqr_gray_active_lt.gif') left no-repeat;
	outline: none;
	color: #666;
}

/* FLAT GRAY BUTTONS */
/* -------------------------------------------------- */
button.buttonFlatGray {
	background: url('http://images.beckcompression.com/buttons/bg_button_flatgray_rt.gif') right no-repeat;
}
button.buttonFlatGray span {
	background: url('http://images.beckcompression.com/buttons/bg_button_flatgray_lt.gif') left no-repeat;
	height: 2.5em;
	line-height: 2.4em;
	color: #444;
	font-family: Verdana;
}
button.buttonFlatGray:hover {
	background: url('http://images.beckcompression.com/buttons/bg_button_flatgray_hover_rt.gif') right no-repeat;
}
button.buttonFlatGray:hover span {
	background: url('http://images.beckcompression.com/buttons/bg_button_flatgray_hover_lt.gif') left no-repeat;
	color: #333;
}
button.buttonFlatGray:active {
	background: url('http://images.beckcompression.com/buttons/bg_button_flatgray_active_rt.gif') right no-repeat;
	outline: none;
}
button.buttonFlatGray:active span {
	background: url('http://images.beckcompression.com/buttons/bg_button_flatgray_active_lt.gif') left no-repeat;
	outline: none;
	color: #666;
}

/* SILVER BUTTONS */
/* -------------------------------------------------- */
button.buttonSilver {
	background: url('http://images.beckcompression.com/buttons/bg_button_silver_rt.gif') right no-repeat;
}
button.buttonSilver span
{
	background: url('http://images.beckcompression.com/buttons/bg_button_silver_lt.gif') left no-repeat;
	height: 2.5em;
	line-height: 2.4em;
	color: #444;
	font-family: Verdana;
}
button.buttonSilver:hover {
	background: url('http://images.beckcompression.com/buttons/bg_button_silver_hover_rt.gif') right no-repeat;
}
button.buttonSilver:hover span {
	background: url('http://images.beckcompression.com/buttons/bg_button_silver_hover_lt.gif') left no-repeat;
	color: #333;
}
button.buttonSilver:active {
	background: url('http://images.beckcompression.com/buttons/bg_button_silver_active_rt.gif') right no-repeat;
	outline: none;
}
button.buttonSilver:active span {
	background: url('http://images.beckcompression.com/buttons/bg_button_silver_active_lt.gif') left no-repeat;
	outline: none;
	color: #666;
}

/* GREEN BUTTONS */
/* -------------------------------------------------- */
button.buttonGreen {
	background: url('http://images.beckcompression.com/buttons/bg_button_green_rt.gif') right no-repeat;
}
button.buttonGreen span {
	background: url('http://images.beckcompression.com/buttons/bg_button_green_lt.gif') left no-repeat;
	color: #444;
}
button.buttonGreen:hover {
	background: url('http://images.beckcompression.com/buttons/bg_button_green_hover_rt.gif') right no-repeat;
}
button.buttonGreen:hover span {
	background: url('http://images.beckcompression.com/buttons/bg_button_green_hover_lt.gif') left no-repeat;
	color: #333;
}
button.buttonGreen:active {
	background: url('http://images.beckcompression.com/buttons/bg_button_green_active_rt.gif') right no-repeat;
	outline: none;
}
button.buttonGreen:active span {
	background: url('http://images.beckcompression.com/buttons/bg_button_green_active_lt.gif') left no-repeat;
	outline: none;
	color: #666;
}

/* RED BUTTONS */
/* -------------------------------------------------- */
button.buttonRed {
	background: url('http://images.beckcompression.com/buttons/bg_button_red_rt.gif') right no-repeat;
	font-size: 85%;
}
button.buttonRed span {
	background: url('http://images.beckcompression.com/buttons/bg_button_red_lt.gif') left no-repeat;
	color: #444;
}
button.buttonRed:hover {
	background: url('http://images.beckcompression.com/buttons/bg_button_red_hover_rt.gif') right no-repeat;
}
button.buttonRed:hover span {
	background: url('http://images.beckcompression.com/buttons/bg_button_red_hover_lt.gif') left no-repeat;
}
button.buttonRed:active {
	background: url('http://images.beckcompression.com/buttons/bg_button_red_active_rt.gif') right no-repeat;
	outline: none;
}
button.buttonRed:active span {
	background: url('http://images.beckcompression.com/buttons/bg_button_red_active_lt.gif') left no-repeat;
	outline: none;
}

/* SILVER BUTTONS */
/* -------------------------------------------------- */
button.buttonRectSilver {
	background: url('http://images.beckcompression.com/buttons/bg_button_rect_silver_rt.gif') right no-repeat;
}
button.buttonRectSilver span
{
	background: url('http://images.beckcompression.com/buttons/bg_button_rect_silver_lt.gif') left no-repeat;
	height: 4em;
	line-height: 4em;
	color: #444;
	font-family: Verdana;
}
button.buttonRectSilver:hover {
	background: url('http://images.beckcompression.com/buttons/bg_button_silver_hover_rt.gif') right no-repeat;
}
button.buttonRectSilver:hover span {
	background: url('http://images.beckcompression.com/buttons/bg_button_silver_hover_lt.gif') left no-repeat;
	color: #333;
}
button.buttonRectSilver:active {
	background: url('http://images.beckcompression.com/buttons/bg_button_silver_active_rt.gif') right no-repeat;
	outline: none;
}
button.buttonRectSilver:active span {
	background: url('http://images.beckcompression.com/buttons/bg_button_silver_active_lt.gif') left no-repeat;
	outline: none;
	color: #666;
}

/* NO BACKGROUND BUTTONS */
/* -------------------------------------------------- */
button.buttonNone {
	background: url('') left no-repeat;
	padding: 0 .5em 0 0;
}
button.buttonNone span {
	color: #444;
	padding: 0 0 0 0;
}
button.buttonNone:hover {
}
button.buttonNone:hover span {
	text-decoration: underline;
	color: #333;
}
button.buttonNone:active {
	outline: none;
}
button.buttonNone:active span {
	outline: none;
	color: #666;
}