<!DOCTYPE mstrlayout:layout SYSTEM "mstrlayout.dtd">
 <mstrlayout:layout>
  <!-- including color properties row -->
  <mstrlayout:include file="/plugins/VitaraCharts/WEB-INF/xml/layouts/ColorPropertiesRows.xml">
  </mstrlayout:include>

 	<table>
    <tr>
      <td style="font-weight:bold;" colspan="3">Chart Area</td>
    </tr>
    <tr>
      <td colspan="2" align="right">Background Color</td>
      <td>
        <mstrlayout:render name="colorPicker">
          <mstrlayout:argument type="String" value="chartAreaBGColor" /> <!-- prop name for 'even row'-->
          <mstrlayout:argument type="String" value="#ffffff" /> <!-- default val -->
        </mstrlayout:render>
      </td>
    </tr>
    <tr>
      <td style="font-weight:bold;" colspan="3">Plot Area</td>
    </tr>
    <tr>
      <td colspan="2" align="right">Background Color</td>
      <td>
        <mstrlayout:render name="colorPicker">
          <mstrlayout:argument type="String" value="plotAreaBGColor" /> <!-- prop name for 'even row'-->
          <mstrlayout:argument type="String" value="#ffffff" /> <!-- default val -->
        </mstrlayout:render>
      </td>
    </tr>
    <tr>
      <td colspan="2" align="right">Border Width</td>
      <td>
        <mstrlayout:render name="SelectBox">
          <mstrlayout:argument type="string" value="plotAreaBorderWidth" />
          <mstrlayout:argument type="string" value="0^Select|1^1|2^2|3^3|4^4|5^5|6^6|7^7|8^8|9^9|10^10|11^11|12^12|13^13|14^14|15^15|16^16|17^17|18^18|19^19|20^20" />
        </mstrlayout:render>
      </td>
    </tr>
    <tr>
      <td colspan="2" align="right">Border Color</td>
      <td>
        <mstrlayout:render name="colorPicker">
          <mstrlayout:argument type="String" value="plotAreaBorderColor" /> <!-- prop name for 'even row'-->
          <mstrlayout:argument type="String" value="#ffffff" /> <!-- default val -->
        </mstrlayout:render>
      </td>
    </tr>
    </table>
</mstrlayout:layout>