<?xml version="1.0"?>
<paste-with-annotations>
  <paste>
    <number>
      <integer>21008</integer>
    </number>
    <user>
      <string>flaccid</string>
    </user>
    <title>
      <string>accessible pure css forms no structure</string>
    </title>
    <contents>
      <string>&lt;!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot; &quot;http://www.w3.org/TR/html4/loose.dtd&quot;&gt;
&lt;html&gt;
&lt;head&gt;
 &lt;title&gt;Name of the game&lt;/title&gt;
 &lt;style type=&quot;text/css&quot;&gt;

* { margin: 0; padding: 0; }

body {

font: normal 13px/1.2em &quot;Trebuchet MS&quot;, &quot;Arial&quot;, &quot;Helvetica&quot;, serif;

}
/* forms */

form {
 margin: auto;
 width: 600px;
}

form * {
 font-family: &quot;Arial&quot;, &quot;Helvetica&quot;, serif;
}

fieldset {
 overflow: hidden;
 padding: 10px;
 padding-left: 205px;
 border: none;
 border-top: 1px solid #ccc;
 margin-bottom: 20px;
}

label {
 display: inline;
 text-align: right;
 float: left;
 margin-left: -130px;
 clear: left;
 position: relative;
 top: 20px;
 white-space: nowrap;
 width: 120px;
}

input, textarea, fieldset select, fieldset em, fieldset p {
 float: left;
 clear: left;
}

fieldset p {
 margin-top: -25px;
 margin-left: 70px;
 width: 290px;
}

legend  {
 background: transparent;
 font-size: 1.3em;
 font-weight: bold;
 margin-left: -180px;
 color: #00f;
}

input:focus, textarea:focus {
 background: #efefef;
 color: #000;
}

input.submit {
 border: solid 1px #fffafa;
 padding: 2px;
 border: solid 1px #aaa;
}

fieldset.submit {
 margin: 0;
 border: 0;
}


        &lt;/style&gt;
&lt;/head&gt;

&lt;body&gt;

&lt;h3&gt;Certificate II in Business&lt;/h3&gt;

&lt;p&gt;

 Change required fields and press update to confirm.
&lt;/p&gt;

&lt;form action=&quot;/jobsmart.net.au/subdomains/admin/httpdocs/certificates.php&quot; method=&quot;get&quot;&gt;
 &lt;fieldset&gt;
  &lt;input type=&quot;hidden&quot; name=&quot;action&quot; value=&quot;edit&quot; /&gt;
  &lt;legend&gt;Main Details&lt;/legend&gt;

  &lt;label for=&quot;cert_id&quot;&gt;Cert ID:&lt;/label&gt;
  &lt;input id=&quot;cert_id&quot; value=&quot;1&quot; disabled=&quot;disabled&quot; size=&quot;3&quot; /&gt;

  &lt;input type=&quot;hidden&quot; name=&quot;cert_id&quot; value=&quot;1&quot; /&gt;

  &lt;label for=&quot;cert_name&quot;&gt;Unit Code:&lt;/label&gt;
  &lt;input name=&quot;cert_name&quot; id=&quot;cert_name&quot; value=&quot;BSB20101&quot; /&gt;

  &lt;label for=&quot;cert_desc&quot;&gt;Cert Description:&lt;/label&gt;
  &lt;input name=&quot;cert_desc&quot; id=&quot;cert_desc&quot; value=&quot;Certificate II in Business&quot; size=&quot;42&quot; /&gt;

  &lt;label for=&quot;cert_type&quot;&gt;Cert Type:&lt;/label&gt;

  &lt;select name=&quot;cert_type&quot; id=&quot;cert_type&quot;&gt;
   &lt;option value=&quot;b&quot;&gt;Retail&lt;/option&gt;
   &lt;option value=&quot;b&quot;&gt;Business&lt;/option&gt;
  &lt;/select&gt;

  &lt;label for=&quot;suit&quot;&gt;Suit:&lt;/label&gt;
  &lt;select name=&quot;suit&quot; id=&quot;suit&quot;&gt;
   &lt;option value=&quot;J&quot;&gt;Junior&lt;/option&gt;

   &lt;option value=&quot;S&quot;&gt;Senior&lt;/option&gt;
   &lt;option value=&quot;JS&quot;&gt;Junior or Senior&lt;/option&gt;
  &lt;/select&gt;

  &lt;label for=&quot;emptype&quot;&gt;Employee type:&lt;/label&gt;
  &lt;select name=&quot;emptype&quot; id=&quot;emptype&quot;&gt;
   &lt;option value=&quot;N&quot;&gt;New&lt;/option&gt;

   &lt;option value=&quot;E&quot;&gt;Existing&lt;/option&gt;
   &lt;option value=&quot;NE&quot;&gt;New or Existing&lt;/option&gt;
  &lt;/select&gt;
 &lt;/fieldset&gt;

 &lt;fieldset&gt;
  &lt;legend&gt;Costs&lt;/legend&gt;

  &lt;label for=&quot;dest_incentive&quot;&gt;DEST Incentive:&lt;/label&gt;
  &lt;input name=&quot;dest_incentive&quot; id=&quot;dest_incentive&quot; value=&quot;1250&quot; size=&quot;8&quot; maxlength=&quot;12&quot; /&gt;&lt;em&gt;&amp;#36;AU&lt;/em&gt;

  &lt;label for=&quot;det_subsidy&quot;&gt;DET Subsidy:&lt;/label&gt;
  &lt;input name=&quot;det_subsidy&quot; id=&quot;det_subsidy&quot; value=&quot;0&quot; size=&quot;8&quot; maxlength=&quot;12&quot; /&gt;&lt;em&gt;&amp;#36;AU&lt;/em&gt;

  &lt;label for=&quot;emp_cost&quot;&gt;Employer cost:&lt;/label&gt;

  &lt;input name=&quot;emp_cost&quot; id=&quot;emp_cost&quot; value=&quot;1750&quot; size=&quot;8&quot; maxlength=&quot;12&quot; /&gt;&lt;em&gt;&amp;#36;AU&lt;/em&gt;

  &lt;label for=&quot;partic_cost&quot;&gt;Participant cost:&lt;/label&gt;
  &lt;input name=&quot;partic_cost&quot; id=&quot;partic_cost&quot; value=&quot;0&quot; size=&quot;8&quot; maxlength=&quot;12&quot; /&gt;&lt;em&gt;&amp;#36;AU&lt;/em&gt;
 &lt;/fieldset&gt;

 &lt;fieldset&gt;
  &lt;legend&gt;Site Inclusion&lt;/legend&gt;

  &lt;label for=&quot;wizard&quot;&gt;Show in Wizard&lt;/label&gt;
  &lt;select name=&quot;wizard&quot; id=&quot;wizard&quot;&gt;
   &lt;option value=&quot;0&quot;&gt;No&lt;/option&gt;
   &lt;option value=&quot;1&quot;&gt;Yes&lt;/option&gt;
  &lt;/select&gt;
  &lt;p&gt;If yes, this certificate will appear in the &lt;a href=&quot;http://jobsmart.net.au/wizard.php&quot; title=&quot;JobSmart Certificate Wizard&quot;&gt;Certificate Wizard&lt;/a&gt;.&lt;/p&gt;

  &lt;label for=&quot;resources&quot;&gt;Show in Resources&lt;/label&gt;
  &lt;select name=&quot;resources&quot; id=&quot;resources&quot;&gt;
   &lt;option value=&quot;0&quot;&gt;No&lt;/option&gt;
   &lt;option value=&quot;1&quot;&gt;Yes&lt;/option&gt;
  &lt;/select&gt;
  &lt;p&gt;If yes, this certificate will appear in &lt;a href=&quot;http://jobsmart.net.au/resources.php&quot; title=&quot;JobSmart Traineeship Resources&quot;&gt;Traineeship Resources&lt;/a&gt;.&lt;/p&gt;

 &lt;/fieldset&gt;

 &lt;fieldset class=&quot;submit&quot;&gt;
  &lt;input type=&quot;submit&quot; value=&quot;Update&quot; class=&quot;submit&quot; /&gt;
 &lt;/fieldset&gt;

&lt;/form&gt;

&lt;/body&gt;
&lt;/html&gt; </string>
    </contents>
    <universal-time>
      <integer>3358745200</integer>
    </universal-time>
    <channel>
      <string>None</string>
    </channel>
    <colorization-mode>
      <string></string>
    </colorization-mode>
    <maybe-spam>
      <null/>
    </maybe-spam>
    <is-unicode>
      <null/>
    </is-unicode>
  </paste>
</paste-with-annotations>