input.ButtonPurple,
input.ButtonGreen,
a.ButtonPurple,
a.ButtonGreen,
a.ButtonBeige,
a.ButtonBlack
{
	display: block;
	position: relative;
	width: 140px;
	height: 24px;
	border: 1px solid #c6c6c6;
	line-height: 24px;
	font-weight: bolder;
	text-align: center;
	color: #FFFFFF;
	cursor: pointer;
}

    /* The Purple buttons */
	input.ButtonPurple,
	a.ButtonPurple
	{
		text-decoration: none;
		background: url("Images/buttonPurple_back.jpg") repeat-x top left;
	}
		input.ButtonPurple:hover,
		a.ButtonPurple:hover
		{
			text-decoration: none;
			background: url("Images/buttonPurple_back_hover.jpg") repeat-x top left;
		}
		
    /* The Green buttons */		
	input.ButtonGreen,
	a.ButtonGreen
	{
		text-decoration: none;
		background: url("Images/buttonGreen_back.jpg") repeat-x top left;
		float:left;
	}
		input.ButtonGreen:hover,
		a.ButtonGreen:hover
		{
			text-decoration: none;
			background: url("Images/buttonGreen_back_hover.jpg") repeat-x top left;
		}
		
  /* The Beige button */		
	a.ButtonBeige
	{
		text-decoration: none;
		background-color:#efcc2a;
		float:left;
	}
	
		a.ButtonBeige:hover
		{
			text-decoration: none;
			background-color:#f8e8b0;			
		}		
		
  /* The Black button */		
	a.ButtonBlack
	{
		height: 23px;
		line-height: 23px;
		text-decoration: none;
		background: url(Images/bt_toolbar.gif) repeat-x top left;
	}

		a.ButtonBlack:hover
		{
			background-color:White;
			filter: alpha(opacity=70);
			opacity: 0.7;					
		}