/* BUTTON */
	.button, .button:visited {
		border: 1px solid #999;
		border-top-color: #ccc;
		border-left-color: #ccc;
		font-size: 0.9231em;
		line-height: 1.6923em;
		display: inline-block;
		color: #000;
		text-decoration: none;
		padding: 0 6px;
		border-radius: 2px;
		/*
			TRANSPARENT GRADIENT MASK
			../images/button-mask.png
		*/
		background: #dadada url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAYAAABHLFpgAAAAQUlEQVQY0+WPQQoAIAzDwv7/Qb+ic/U2UBx49xJSBqNFUjMAA6YBkea7uQFjtxI9ccT+eL19KXFU88uEQBI59WMsKqozwtx0fZsAAAAASUVORK5CYII=') repeat-x 0 0;
		background-image: -moz-linear-gradient( bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100% );
		background-image: -webkit-linear-gradient( bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100% );
		background-image: -ms-linear-gradient( bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100% );
		background-image: -o-linear-gradient( bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100% );
		background-image: linear-gradient( bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100% );
		cursor: pointer;
		white-space: nowrap;
		vertical-align: middle;
		-moz-transition-property: border-color;
		-moz-transition-duration: 200ms;
		-webkit-transition-property: border-color;
		-webkit-transition-duration: 200ms;
		transition-property: border-color;
		transition-duration: 200ms;
	}
	.button::-moz-focus-inner {
		border: 0;
		padding: 0;
	}
	.button:hover, .button.hover {
		border-color: #666;
	}
		.button span, .button strong {
			height: 2em;
			line-height: 2em;
		}
	.button:focus {
		outline: 2px solid #ecc700;
	}
	
	/* Active button */
		.button.active {
			/*
				TRANSPARENT GRADIENT MASK
				../images/button-active-mask.png
			*/
			background: #ffebc1 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAYAAABHLFpgAAAAO0lEQVQY02P4//8/AxMDA8MowcDAzMTAwMCCSrBiIdhQCXZUFhrBgYvLgVcdOxaT0ezF5jQ01zNj8yoAEWUEwyJSR+wAAAAASUVORK5CYII=') repeat-x 0 0;
			background-image: -moz-linear-gradient( bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100% );
			background-image: -webkit-linear-gradient( bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100% );
			background-image: -ms-linear-gradient( bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100% );
			background-image: -o-linear-gradient( bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100% );
			background-image: linear-gradient( bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100% );
			border: 1px solid #ccc;
			border-top-color: #999;
			border-left-color: #999;
		}
		
	/* Disabled button */
		.button[disabled], .button[disabled]:hover,
		.button.disabled, .button.disabled:hover {
			border: 1px solid #bbb;
			border-top-color: #ddd;
			border-left-color: #ddd;
			cursor: default;
			box-shadow: none;
			color: #000;
		}
			.button[disabled] span, .button.disabled span {
				opacity: .5;
				filter: Alpha(opacity=50);
				display: inline-block;
				font-style: normal;
			}
			
	/* Error button */
		.button.error {
			border: 1px solid #900;
			border-top-color: #d00;
			border-left-color: #d00;
			color: #c00;
		}
		
		.button.error:hover, .button.error:focus {
			border-color: #666;
		}
		
		.button[disabled].error, .button[disabled].error:focus,
		.button.disabled.error, .button.disabled.error:focus,
		.button[disabled].error:hover, .button[disabled].error:focus,
		.button.disabled.error:hover, .button.disabled.error:focus {
			border: 1px solid #b77;
			border-top-color: #d77;
			border-left-color: #d77;
			color: #c66;
		}
		
/* BUTTON TOOLBAR */
	.button-toolbar:before, .button-toolbar:after {
		content: ".";
		display: block;
		height: 0;
		overflow: hidden;
	}
	.button-toolbar:after {
		clear: both;
	}
	.button-toolbar {
		zoom: 1;
		float: none;
		display: inline-block;
		vertical-align: middle;
	}
	.button-toolbar .button,
	.button-toolbar .button.error {
		float: left;
		margin-left: -1px;
		border-radius: 0;
		border: 1px solid #999;
		border-top-color: #ccc;
		border-left-color: #ccc;
	}
	.button-toolbar .button:hover, .button-toolbar .button:focus, .button-toolbar .button.active {
		border-color: #666;
		position: relative;
		z-index: 10;
	}
	.button-toolbar .button[disabled]:hover,
	.button-toolbar .button[disabled]:focus,
	.button-toolbar .button[disabled].error:hover,
	.button-toolbar .button[disabled].error:focus {
		border: 1px solid #999;
		border-top-color: #ccc;
		border-left-color: #ccc;
		position: static;
	}
	.button-toolbar .button:first-child {
		margin-left: 0;
		border-radius: 2px 0 0 2px;
	}
	.button-toolbar .button:last-child {
		border-radius: 0 2px 2px 0;
	}