// 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;
}