// CSS to make buttons rounded and change colour when you hover over them.
// This uses non-standard CSS extensions that do not work in IE or Avant.
// I learned this technique from the http://www.forteinc.com website, makers of the Agent newsreader
input[type="button"], input[type="submit"] {
	background-color: #809933;
	background-image: -moz-linear-gradient(top,#9fbf40,#607326);
	background-image: -webkit-gradient(linear,center top,center bottom,from(#9fbf40),to(#607326));
	border-radius: 7px;
	border-width: 0px;
	color: #ffffff;
	-moz-border-radius: 7px;
	padding: 0.4em 0.9em;
	text-decoration: none;
	-webkit-border-radius: 7px;
	white-space: nowrap;
	zoom: 1;
}

input[type="button"]:hover, input[type="submit"]:hover {
	background-color: #607326;
	color: #ffffff;
	background-image: -moz-linear-gradient(top,#809933,#404d19);
	background-image: -webkit-gradient(linear,center top,center bottom,from(#809933),to(#404d19));
	text-decoration: underline;
}

