/*-----------------------------------------*\

This is the CSS for (reusable) custom buttons

They act as links (<a>)

\*-----------------------------------------*/

a.button,
a.button:link,
a.button:visited,
a.button:hover,
a.button:active {
	font-weight:normal;
	border:none;
}
.buttonback {
	position:absolute;
	top:6px;
	left:6px;
	right:6px;
	bottom:6px;
}
/*sides*/
.buttonleft{
	position:absolute;
	top:6px;
	left:0;
	width:6px;
	bottom:5px;
}
.buttonright{
	position:absolute;
	top:6px;
	right:0;
	width:6px;
	bottom:6px;
}
.buttontop{
	position:absolute;
	top:0;
	right:6px;
	height:6px;
	left:6px;
}
.buttonbottom{
	position:absolute;
	bottom:0;
	right:6px;
	height:6px;
	left:6px;
}
/*corners*/
.buttontopleft{
	position:absolute;
	top:0;
	left:0;
	height:6px;
	width:6px;
}
.buttontopright{
	position:absolute;
	top:0;
	right:0;
	height:6px;
	width:6px;
}
.buttonbottomleft{
	position:absolute;
	bottom:0;
	left:0;
	height:6px;
	width:6px;
}
.buttonbottomright{
	position:absolute;
	bottom:0;
	right:0;
	height:6px;
	width:6px;
}

.buttonlettering{
	position:relative;
	padding:6px;
	padding-left:12px;
	padding-right:12px;
}