/* -- Button class is currently not used (but looks nice) */
.formButton {
	font-family: Arial;
	font-size: 14px;
	text-decoration: none;
	background-color: #EBEBEB;
	color: #333333;
	padding: 3px 7px 3px 8px;
	border: 1px solid;
	border-color: #707070;
}
.formButton a:hover {
	background-color: #A6F4FF;
	text-decoration: none;
}

/* based on CSS code from (but w/o gradient): http://www.dynamicdrive.com/style/csslibrary/item/css3_gradient_menu_buttons/ */
.blueButton a {
	font-family: Arial;
	font-weight: bold;
	font-size: 110%;
	text-decoration: none;
	padding: 5px 7px;
	border: 1px solid #778;
	color: white;
	border: 1px solid gray;
	background: #3282c2;
	border-radius: 8px; /*w3c border radius*/
	box-shadow: 3px 3px 4px rgba(0,0,0,.5); /* w3c box shadow */
	-moz-border-radius: 8px; /* mozilla border radius */;
	-moz-box-shadow: 3px 3px 4px rgba(0,0,0,.5); /* mozilla box shadow */;
	background: #4F81BD;
	-webkit-border-radius: 8px; /* webkit border radius */
	-webkit-box-shadow: 3px 3px 4px rgba(0,0,0,.5); /* webkit box shadow */
}
.blueButton a:hover {
	color: #FFFF99;
}