<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin" type="text/css"?>
<?xml-stylesheet href="data:text/css,
vbox { height: 50px; }
box {
  -moz-appearance: radio;
  margin-left: 2px;
  margin-top: 1px;
}
" type="text/css"?>

<window title="Reference for mini, small and regular radio button sizes"
        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
  <vbox>
    <hbox><box width="11" height="11"/></hbox>
  </vbox>
  <vbox>
    <hbox><box width="13" height="13"/></hbox>
  </vbox>
  <vbox>
    <hbox><box width="16" height="16"/></hbox>
  </vbox>
  <vbox>
    <hbox selected="true"><box width="11" height="11"/></hbox>
  </vbox>
  <vbox>
    <hbox selected="true"><box width="13" height="13"/></hbox>
  </vbox>
  <vbox>
    <hbox selected="true"><box width="16" height="16"/></hbox>
  </vbox>
</window>
