.btn {
	_width: 0; /* IE6 button width fix */
	_margin: auto 2px; /* IE6 button margin fix */
	.margin: auto 2px; /* IE7 button margin fix */
	padding: 3px 7px;
	overflow: visible;
	border: 1px solid #888;
	background: #b4b4b4 url(/images/css_buttons/gradient_background.png) repeat-x left bottom;
	_background-image: none !important;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/css_buttons/gradient_background.png');
	color: #fff; 
	cursor: pointer; 
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.btn:hover {
	background-color: #d9d9d9;
	color: #fff;
}
a.btn {
	text-decoration: none;
}
a.btn:link, 
a.btn:visited {
	color: #fff; 
	text-decoration: none;
}
.btn span {
	font-family: Arial, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
  color: #fff;
	background-repeat: no-repeat;
	background-position: right center;
	white-space: nowrap;
}

/* SIZES (30% difference in font-size and padding between each size) */

.btn.size-xs,
.btn.size-sm {
	background-position: left top;
}
.btn.size-xs {
	padding: 1px 4px;
	_padding-top: 3px;
}
.btn.size-xs span {
	font-size: 0.7em;
}
.btn.size-sm {
	padding: 2px 5px;
}
.btn.size-sm span {
	font-size: 1em;
}
.btn.size-lg {
	padding: 4px 9px;
}
.btn.size-lg span {
	font-size: 1.6em;
}
.btn.size-xl {
	padding: 5px 11px;
}
.btn.size-xl span {
  font-size: 1.9em;
}

/* for links we disguise as buttons */
a.btn {
  display: -moz-inline-box; /* Fix for FF2 */
  display: inline-block;
  zoom: 1; /* Fix for IE6/7 */
  *display: inline; /* Fix for IE7 */
  font-size: 11px;
}

/* IMAGES */

.icon-close-sm span {
	background-image: url(/images/css_buttons/close.gif);
	padding-right: 12px;
}
.icon-arrow-xs span {
	background-image: url(/images/css_buttons/arrow_extra_small.gif);
	padding-right: 7px;
}
.icon-arrow-sm span {
	background-image: url(/images/css_buttons/arrow_small.gif);
	padding-right: 8px;
}
.icon-arrow span,
.icon-arrow-md span {
	background-image: url(/images/css_buttons/arrow_medium.gif);
	padding-right: 10px;
}
.icon-arrow-lg span {
	background-image: url(/images/css_buttons/arrow_large.gif);
	padding-right: 18px;
}

/* COLORS */

.btn.color-blue {
	border-color: #336;
	background-color: #336;
	background-image: url(/images/css_buttons/gradient_background_blue.png);
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/css_buttons/gradient_background_blue.png');
}
.btn.color-blue:hover {
	border-color: #687ea3;
	background-color: #687ea3;
}
.btn.color-green {
	border-color: #5dcd30;
	background-color: #5dcd30;
	background-image: url(/images/css_buttons/gradient_background_green.png);
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/css_buttons/gradient_background_green.png');
}
.btn.color-green:hover {
	border-color: #67e535;
	background-color: #67e535;
}
.btn.color-orange {
	border-color: #ff7200;
	background-color: #ff7200;
	background-image: url(/images/css_buttons/gradient_background_orange.png);
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/css_buttons/gradient_background_orange.png');
}
.btn.color-orange:hover {
	border-color: #ffb606;
	background-color: #ffb606;
}
.btn.color-pale {
	color: #336;
	border-color: #bbb;
	background-color: #fff;
	background-image: url(/images/css_buttons/gradient_background_pale.png);
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/css_buttons/gradient_background_pale.png');
}
.btn.color-pale span {
  color: #336;
}
.btn.color-pale:hover {
	color: #336;
	border-color: #ccc;
	background-color: #e6edf4;
}
.btn.color-pale:hover span {
  color: #336;
}
.btn.color-red {
	border-color: #f00;
	background-color: #f00;
	background-image: url(/images/css_buttons/gradient_background_red.png);
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/css_buttons/gradient_background_red.png');
}
.btn.color-red:hover {
	border-color: #f66;
	background-color: #f66;
}     
.btn.color-white {
	border-color: #ccc;
	background: #fff; 
	_filter: none;
}
.btn.color-white,
.btn.color-white span,
a.btn.color-white:link, 
a.btn.color-white:link span
a.btn.color-white:visited,
a.btn.color-white:visited span
a.btn.color-white:hover,
a.btn.color-white:hover span {
	color: #454545;
}
.btn.color-white:hover {
	background: #f0f0f0;
}

/* CONTAINERS */

.center-btn-ct {
	text-align: center;
}
.center-btn-ct .btn {
	float: none;
}

/* ALTERNATE 'ROUND' BUTTONS */

.round-btn {
	display: block;
	width: 155px;
	height: 43px;
	color: #336;
	background: url(/images/css_buttons/round_gray.gif) no-repeat;
	line-height: 42px;
	font-size: 1.25em;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
.round-btn:hover {
	color: #336;
	background-image: url(/images/css_buttons/round_gray_hover.gif);
}
.primary a.round-btn {
	color: #fff;
	background-image: url(/images/css_buttons/round_orange.gif);
}
.primary .round-btn:hover {
	background-image: url(/images/css_buttons/round_orange_hover.gif);
}

