<style type="text/css">
<!--
.button {
	border: 1px solid #000000;
	background-color: #FFFFFF;
	padding: 6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 30px;
	cursor: default;
	background-image: url(http://www.onlinebuttonsecrets.com/alex-button/alexButtonBg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
#buttonPad {
	padding: 6px;
	background-color: #CC3333;
}
-->
</style>

<script type="text/javascript">
// http://www.onlinebuttonsecrets.com

// Preload Over and Down state images
Image1= new Image(10,12);
Image1.src = "http://www.onlinebuttonsecrets.com/alex-button/alexButtonBgDown.gif";
Image2= new Image(10,12);
Image2.src = "http://www.onlinebuttonsecrets.com/alex-button/alexButtonBgOn.gif";

function press(ID)
{
	document.getElementById(ID).style.backgroundImage='url(http://www.onlinebuttonsecrets.com/alex-button/alexButtonBgDown.gif)';
	document.getElementById(ID).style.backgroundPosition='top';
}
function release(ID)
{
	document.getElementById(ID).style.backgroundPosition='bottom';
	document.getElementById(ID).style.backgroundImage='url(http://www.onlinebuttonsecrets.com/alex-button/alexButtonBg.gif)';
}
function over(ID)
{
	document.getElementById(ID).style.backgroundPosition='bottom';
	document.getElementById(ID).style.backgroundImage='url(http://www.onlinebuttonsecrets.com/alex-button/alexButtonBgOn.gif)';
}
	function linkify(URL,target, config)
{
	if(target != '')
	{
		// Open in a new window
		window.open(URL, target, config);
	}
	else
	{
		location.href=URL;
	}
}
</script>
