title: Highcharts legend custom css style / format using only highcharts options
body: <p>I've tried lots of combinations in the legend options of the highcharts object, however I was not able to successfully realize the exact design that the designer made.</p>
  
  <p>What I need is to be able to have a legend that looks exactly like this...
  <a href="http://twitpic.com/9jtn4q" rel="nofollow">Wanted legend layout</a></p>
  
  <p>But the closest result that I achieved with the legend options available was this...
  <a href="http://twitpic.com/9jtorm" rel="nofollow">The closest legend layout I could achieve</a></p>
  
  <p>The properties I used within the highchart object definition were: </p>
  
  <pre><code>legend: {
      enabled: graphProperties.legend.enabled,
      backgroundColor: ...
      borderRadius: ...
      verticalAlign: ...
      align: ...
      borderWidth: ...
      x: ...
      y: ... }
  </code></pre>
  
  <p>Thank you in advance for any help.</p>