<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin" type="text/css"?>
<?xml-stylesheet href="data:text/css,
vbox { height: 50px; }
radio {
  color: transparent;
  margin: 0;
}
" type="text/css"?>

<window title="Radio buttons with mini, small and regular control font"
        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
  <vbox style="font-size: 9px">
    <hbox><radio label="Mini"/></hbox>
  </vbox>
  <vbox style="font: message-box">
    <hbox><radio label="Small"/></hbox>
  </vbox>
  <vbox style="font: -moz-dialog">
    <hbox><radio label="Regular"/></hbox>
  </vbox>
  <vbox style="font-size: 9px">
    <hbox><radio label="Mini" selected="true"/></hbox>
  </vbox>
  <vbox style="font: message-box">
    <hbox><radio label="Small" selected="true"/></hbox>
  </vbox>
  <vbox style="font: -moz-dialog">
    <hbox><radio label="Regular" selected="true"/></hbox>
  </vbox>
</window>
