title: How to implement this button in HTML / CSS?
body: <p>This is a button that has been originally implemented and styled in Silverlight. </p>
  
  <p>How to implement this button in HTML/CSS? <strong>Note the different gradients in the border and the button background</strong> and also the rounder corners in the border. The border width should be adjustable but uniform size around the button.</p>
  
  <p>The red colour in the example picture is page background, not part of the button.</p>
  
  <p><a href="http://i52.tinypic.com/2vsetlw.png" rel="nofollow noreferrer">Button screenshot http://i52.tinypic.com/2vsetlw.png</a></p>
  
  <p><strong>UPDATE</strong>: Forgot to mention, I would prefer a solution without images, ie. pure-css. Css3 is fine, I don't need to support IE6-8 for example.</p>