div.button
{
}

div.buttonleft
{
	position: relative;
	height: 18px;
	width: 180px;
	background-repeat: repeat-x;
}

div.buttonright
{
	position: relative;
	padding: 2px 0 0 0;
	left: 10px;
	height: 18px;
	width: 100%;
	background-position: 100% 0px;
	background-repeat:repeat-x;
}

div.button a
{
	position: relative;
	top: expression(-2);
	text-decoration: none;
	font-weight: bold;
	color: #fff;
}

div.buttonleft
{
	background-image: url(/media/images/theme/default/button_left.gif);
}

div.buttonright
{
	background-image: url(/media/images/theme/default/button_right.gif);
}

div.buttonleft:hover
{
	background-image: url(/media/images/theme/default/button_left_over.gif);
}

div.buttonright:hover
{
	background-image: url(/media/images/theme/default/button_right_over.gif);
}