@charset "utf-8";
/* CSS Document */

/*
	Theme 1 (Default Theme)
	Theme 2
*/


/* Button (Theme 1) */
a.button
{
	text-decoration: none;
	color: inherit;
}
a.button > table
{
	display: inline-table;
	height: 30px;
	border-collapse: collapse;
	width: inherit;
}
a.button > table > tbody > tr > td
{
	padding: 0px;
}
a.button > table > tbody > tr > td.left
{
	background-image: url(../images/button_left.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width: 6px;
}
a.button > table > tbody > tr > td.middle
{
	background-image: url(../images/button_middle.png);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	text-align: center;
	vertical-align: middle;
	padding: 0px 5px 0px 5px;
}
a.button > table > tbody > tr > td.icon /* In combo with td.middle */
{
	text-align: left;
}
a.button > table > tbody > tr > td.icon > img
{
	vertical-align: middle;
	padding: 0px;
	margin: 0px;
	margin-right: 5px;
}
a.button > table > tbody > tr > td.right
{
	background-image: url(../images/button_right.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width: 6px;
}
a.button:hover > table > tbody > tr > td.left
{
	background-position: 0px -60px;
}
a.button:hover > table > tbody > tr > td.middle
{
	background-position: 0px -60px;
}
a.button:hover > table > tbody > tr > td.right
{
	background-position: 0px -60px;
}

/* Button Theme 2 (In combo with a.button) */
a.button_theme_2 > table > tbody > tr > td.left
{
	background-image: url(../images/button2_left.png);
}
a.button_theme_2 > table > tbody > tr > td.middle
{
	background-image: url(../images/button2_middle.png);
}
a.button_theme_2 > table > tbody > tr > td.right
{
	background-image: url(../images/button2_right.png);
}

/* Button Selected (In combo with a.button) */
a.button_selected > table > tbody > tr > td.left
{
	background-position: 0px -30px;
}
a.button_selected > table > tbody > tr > td.middle
{
	background-position: 0px -30px;
}
a.button_selected > table > tbody > tr > td.right
{
	background-position: 0px -30px;
}

/* Button Selected (In combo with a.button) */
a.button_mousedown > table > tbody > tr > td.left, a.button_mousedown:hover > table > tbody > tr > td.left
{
	background-position: 0px -90px;
}
a.button_mousedown > table > tbody > tr > td.middle, a.button_mousedown:hover > table > tbody > tr > td.middle
{
	background-position: 0px -90px;
}
a.button_mousedown > table > tbody > tr > td.right, a.button_mousedown:hover > table > tbody > tr > td.right
{
	background-position: 0px -90px;
}