/* Special button's presets */
a.button.special,
a.button.special span {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	font-size: 1em;
	display: block;
	height: 34px;
	line-height: 34px;
	float: left;
}

a.button.special span {
	background: transparent url('../images/others/button_special.png') 0 0 no-repeat;
}

a.button.special span.border {
	width: 28px;
}

a.button.special span.border.right {
	background-position: 0 -68px;
}

a.button.special span.content {
	background-position: 0 -34px;
	background-repeat: repeat-x;
}

/* Hover & focus state */
a.button.special:hover span.border.left,
a.button.special:focus span.border.left { background-position: 0 -102px; }
a.button.special:hover span.border.right,
a.button.special:focus span.border.right { background-position: 0 -170px; }
a.button.special:hover span.content,
a.button.special:focus span.content { background-position: 0 -136px;}

/* Clicked state */
a.button.special:active span.border.left { background-position: 0 -204px;}
a.button.special:active span.border.right { background-position: 0 -272px;}
a.button.special:active span.content { background-position: 0 -238px;}

/* Modern browser tweaks */
a.button.special {
	text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 0px, rgba(255, 255, 255, 0.3) -1px -1px 1px;
}