/** butons "retro" **/
.button,
.button:visited {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	overflow: visible;
	vertical-align: baseline;
	padding: 4px 9px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	letter-spacing: normal;
	font: 12px/100% sans-serif;
	line-height: normal !important;
	margin-bottom: 2px;
	color: #222;
	background: #e5e5e5;
	background: -moz-linear-gradient(top, #fafafa, #e5e5e5);
	background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#e5e5e5));
	background: -webkit-linear-gradient(top, #fafafa, #e5e5e5);
	background: -khtml-gradient(linear, left top, left bottom, from(#fafafa), to(#e5e5e5));
	background: -o-linear-gradient(top, #fafafa, #e5e5e5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fafafa", endColorstr="#e5e5e5");
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fafafa, endColorstr=#e5e5e5)";
	border: solid 1px #b7b7b7;
	-moz-border-radius: 4px !important;
	-webkit-border-radius: 4px !important;
	-khtml-border-radius: 4px !important;
	border-radius: 4px !important;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-khtml-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
a.button, a.button:link, a.button:visited, .button a, .button a:link, .button a:visited { color: #222; }
a.button, span.button { padding: 5px 9px 4px; }
.button-small { padding: 2px 9px 2px; }

.button:hover {
	text-decoration: none;
	border: solid 1px #555;
	color: #222;
	background: #dcdcdc;
	background: -moz-linear-gradient(top, #fafafa, #dcdcdc);
	background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#dcdcdc));
	background: -webkit-linear-gradient(top, #fafafa, #dcdcdc);
	background: -khtml-gradient(linear, left top, left bottom, from(#fafafa), to(#dcdcdc));
	background: -o-linear-gradient(top, #fafafa, #dcdcdc);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fafafa", endColorstr="#dcdcdc");
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fafafa, endColorstr=#dcdcdc)";
}
.button:active { position: relative; top: 1px; }
button::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner { border: none; border: 0; padding: 0; }
input[type="submit"]:focus, input[type="button"]:focus { outline : none; }

/* span class="button" per botons tipus link desactivats */
span.button, span.button:hover { color: #aaa; }
span.button:active { position: relative; top: 0; }

/* Diversos botons correlatius */
.buttons .button { margin-left: 5px; margin-right: 5px; }