     label: 'Veldspar'
     iconId: 1230
 
+  great:
+    label: 'Excellent'
+    color: '#0C2174'
+    icon: 'images/standingsExcellent.png'
+  good:
+    label: 'Good'
+    color: '#3E5FBF'
+    icon: 'images/standingsGood.png'
+  neutral:
+    label: 'Neutral'
+    color: '#868786'
+    icon: 'images/standingsNeutral.png'
+  bad:
+    label: 'Bad'
+    color: '#A94700'
+    icon: 'images/standingsBad.png'
+  horrible:
+    label: 'Terrible'
+    color: '#7C0000'
+    icon: 'images/standingsTerrible.png'
+
 # alias styles
 STYLES.HighSec = STYLES.high
 STYLES.LowSec = STYLES.low

      if STYLES[d.key]?.iconId
        iconCell = dom.td null,
          dom.img {src: eveIconUrl(STYLES[d.key].iconId), width: 32, height: 32}, null
      else
        iconCell = dom.td null, null
      return dom.tr {key: d.key},

        React.createElement(PieDataPanel,{data: @chartData()})
)

ISKPanel = React.createClass(
  displayName: 'ISKPanel'
  render: ->
    dom.div null,
      dom.ul null,
        dom.li null, "#{Intl.NumberFormat().format(@props.stats.iskIn)} ISK earned total"
        dom.li null, "#{Intl.NumberFormat().format(@props.stats.iskOut)} ISK spent total"
        dom.li null, "#{Intl.NumberFormat().format(@props.stats.marketISKGained)} ISK earned from the market"
        dom.li null, "#{Intl.NumberFormat().format(@props.stats.marketISKSpent)} ISK spent on the market"
)

MarketPanel = React.createClass(
  displayName: 'MarketPanel'
  render: ->
    dom.div null,
      dom.ul null,
        dom.li null, "#{Intl.NumberFormat().format(@props.stats.marketBuyOrdersPlaced)} buy orders placed"
        dom.li null, "#{Intl.NumberFormat().format(@props.stats.marketSellOrdersPlaced)} sell orders placed"
        dom.li null, "#{Intl.NumberFormat().format(@props.stats.marketCreateContractsTotal)} contacts created"
        dom.li null, "#{Intl.NumberFormat().format(@props.stats.marketAcceptContractsItemExchange)} item contracts accepted"
        dom.li null, "#{Intl.NumberFormat().format(@props.stats.marketAcceptContractsCourier)} courier contracts accepted"
        dom.li null, "#{Intl.NumberFormat().format(@props.stats.marketDeliverCourierContract)} courier contracts delivered"
        dom.li null, "#{Intl.NumberFormat().format(@props.stats.marketModifyMarketOrder)} market orders modified"
        dom.li null, "#{Intl.NumberFormat().format(@props.stats.marketCancelMarketOrder)} market orders cancelled"
)

ContactsPanel = React.createClass(
  displayName: 'ContactsPanel'
  render: ->
    if @props.context == 'self'
      str = 'Add'
      title = 'Contacts You\'ve Added'
    else
      str = 'AddedAs'
      title = 'How You Have Been Added'
    data = [
      {
        key: 'great'
        value: @props.stats["social#{str}ContactHigh"]
      }
      {
        key: 'good'
        value: @props.stats["social#{str}ContactGood"]
      }
      {
        key: 'neutral'
        value: @props.stats["social#{str}ContactNeutral"]
      }
      {
        key: 'bad'
        value: @props.stats["social#{str}ContactBad"]
      }
      {
        key: 'horrible'
        value: @props.stats["social#{str}ContactHorrible"]
      }
    ]
    dom.div {className: 'container'},
      dom.h3 null, title
      React.createElement(PieDataPanel, {data: data})

)

PieDataPanel = React.createClass(
  displayName: 'PieDataPanel'
  getDefaultProps: ->
