<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin/xul.css" type="text/css"?> 
<?xml-stylesheet href="chrome://editordlgs/skin/EditorDialog.css" type="text/css"?>
<!DOCTYPE window>
<!-- dialog containing a control requiring initial setup -->
<xul:window class="dialog" title="Horizontal Line Properties"
    xmlns:xul ="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
    xmlns="http://www.w3.org/TR/REC-html40"
    onload = "Startup()"
    align="vertical">

  <!-- Methods common to all editor dialogs -->
  <script language="JavaScript" src="chrome://editordlgs/content/EdDialogCommon.js">
  </script>
  <script language="JavaScript" src="chrome://editordlgs/content/EdHLineProps.js">
  </script>

  <table width="100%">
    <tr>
      <td colspan="2">
        <fieldset><legend align="left">Dimensions</legend>
          <table>
            <tr>
              <td align="right">
                Height:
              </td>
              <td colspan="2">
                <input type="text" id="height" size="4" maxlength="4"/>
              </td>
            </tr>
            <tr>              
              <td>
                Width:
              </td>
              <td>
                <input type="text" id="width" size="4" maxlength="4"/>
              </td>
              <td>
                <xul:titledbutton class="popup PixelOrPercent" id="pixelOrPercentButton" value="percent" align="left" popup="PixelOrPercentMenu" popupanchor="bottomleft"/>
              </td>
            </tr>
          </table>
        </fieldset>
      </td>
    </tr>
    <tr>
      <td colspan="2">
        <fieldset><legend align="left">Alignment</legend>
          <label><input type="radio" name="HRuleAlign" id="leftAlign"/>Left</label>
          <label><input type="radio" name="HRuleAlign" id="centerAlign"/>Center</label>
          <label><input type="radio" name="HRuleAlign" id="rightAlign"/>Right</label>
        </fieldset>
      </td>
    </tr>
    <tr>
      <td>
        <label><input type="checkbox" id="3dShading"/>3-D Shading</label>
      </td>
      <td align="right">
        <xul:titledbutton class="spaced" id="SaveDefault" onclick="onSaveDefault()" value="Save settings"/>
      </td>
    </tr>
  </table>
  <hr width="100%"/>
  <xul:box>
    <xul:titledbutton class="spaced" id="Advanced" onclick="onAdvanced()" value="More Attributes..."/>
    <xul:spring flex="100%"/>    
    <xul:titledbutton class="spaced" id="OK" onclick="onOK()" value="OK"/>  
    <xul:titledbutton class="spaced" id="Cancel" onclick="onCancel()" value="Cancel"/>
  </xul:box>

<xul:popup id="PixelOrPercentMenu">
  <xul:menu>
    <xul:menuitem name="pixels" onclick="SetPixelOrPercent('')"/>
    <xul:menuitem name="percent" onclick="SetPixelOrPercent('%')"/>
  </xul:menu>
</xul:popup>

</xul:window>

