diff --git a/src/assets/_project/_blocks/components/forms/_qg-forms.scss b/src/assets/_project/_blocks/components/forms/_qg-forms.scss
index ed1af5dbc..0586012f3 100644
--- a/src/assets/_project/_blocks/components/forms/_qg-forms.scss
+++ b/src/assets/_project/_blocks/components/forms/_qg-forms.scss
@@ -42,10 +42,6 @@
     }
   }
 
-  //[type="checkbox"]:checked + label .rc-theme__icon, [type="radio"]:checked + label .rc-theme__icon {
-  //  background-color: #007eb1 !important;
-  //  fill: #fff;
-  //}
   &.choices {
     li {
       width: 255px;
@@ -190,23 +186,38 @@
     color: $labelHeadingColour;
     font-weight: $labelHeadingWeight;
   }
+  .qg-forms-v2__checkbox, .qg-forms-v2__radio {
+    label {
+      margin-bottom: rem(14px);
+    }
+    input[type=radio], input[type=checkbox] {
+      top:0;
+    }
+  }
   .checkbox, .qg-forms-v2__checkbox,
   .form-radio, .qg-forms-v2__radio {
+    padding-top: 0.8rem;
+    padding-bottom: 0.8rem;
+    margin: 0;
+    .radio {
+      margin: 0;
+    }
     div.form-check {
       padding-bottom: $defaultRem;
+      padding-left: 0
     }
     input[type=radio], input[type=checkbox] {
-      width: 25px;
-      height: 25px;
+      width: rem(25px);
+      height: rem(25px);
       padding-right: 1rem;
-      top: $none;
-      margin-top: $none;
+      margin-top: 0;
       border-radius: $borderRadius;
       border-width: $borderWidth;
       float: left;
     }
     label {
-      margin-left: rem(12px);
+      font-weight: normal;
+      margin-left: rem(16px);
       display: inline-block;
       span {
         font-weight: $checkboxWeight;
@@ -228,8 +239,12 @@
   .formio-hidden {
     margin-bottom: 0 !important;
   }
+  .invalid .alert{
+    font-weight: normal;
+  }
   .alert {
     margin-bottom: $defaultRem;
+    font-size: rem(16px);
   }
   .text-muted {
     color: $hintColour;
@@ -275,7 +290,7 @@
     color: white !important;
     background-color: white !important;
     border-color: white !important;
-    padding: $none;
+    padding: 0;
   }
 
   //error labels
@@ -353,7 +368,7 @@
   //Workarounds -----------------------------------------------------
   //Workarounds for instances where panel/card is applied to form body
   .border {
-    border: $none;
+    border: 0;
   }
   .card {
     position: relative;
diff --git a/src/assets/_project/_blocks/scss-general/_qg-variables.scss b/src/assets/_project/_blocks/scss-general/_qg-variables.scss
index 433a1df58..3eea65c03 100644
--- a/src/assets/_project/_blocks/scss-general/_qg-variables.scss
+++ b/src/assets/_project/_blocks/scss-general/_qg-variables.scss
@@ -190,7 +190,7 @@ $tables-paginate-enabled-previous-next-color: #111111;
 
 // forms
 $fontFace: inherit;
-$defaultRem: 1rem !important;
+$defaultRem: 1rem;
 
 $labelHeadingColour: #000;
 $labelHeadingSize: 20px;
@@ -205,7 +205,6 @@ $hintColour: #767676 !important;
 $hintWeight: 400;
 $borderRadius: 4px;
 $borderWidth: 3px;
-$none: 0px !important;
 $checkboxWeight: 400;
 
 $inputHeight: 46px;
diff --git a/src/docs/examples/form-new-styles.html b/src/docs/examples/form-new-styles.html
new file mode 100644
index 000000000..c27af49e0
--- /dev/null
+++ b/src/docs/examples/form-new-styles.html
@@ -0,0 +1,1662 @@
+
+
+
+
+
+
+
+
+<!DOCTYPE html>
+
+<html lang="en">
+
+<head>
+
+  <title>Form-with-new-styles | Queensland Government</title>
+
+
+  <!-- Misc Metadata test-->
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+  <!--[if (lt IE 9)|(gt IE 10) ]><link href="//fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic" rel="stylesheet" type="text/css" /><![endif]-->
+  <!--[if !IE]><!--><link href="//fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic" rel="stylesheet" type="text/css" /><!--<![endif]-->
+
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+  <link rel="schema.DCTERMS" href="http://purl.org/dc/terms/" />
+  <link rel="schema.AGLSTERMS" href="https://agls.gov.au/documents/aglsterms/" />
+  <link rel="stylesheet" href="https://oss-uat.clients.squiz.net/__data/assets/css_file/0028/89920/jquery.fancybox.min.css">
+
+
+  <link href="/assets/v4/latest/css/qg-main.css" rel="stylesheet" type="text/css" media="all">
+
+  
+  <link href="https://oss-uat.clients.squiz.net/_qgdesigns/css/qg-main.css?v=0.3.0" rel="stylesheet">
+
+
+
+
+  <link href="https://oss-uat.clients.squiz.net/__data/assets/css_file_folder/0015/110823/qg-components.css?v=0.1.10" rel="stylesheet">
+
+
+  <!-- Frontend Metadata -->
+  <link rel="shortcut icon" href="https://oss-uat.clients.squiz.net/__data/assets/file/0018/297/favicon.ico">
+
+
+  <meta name="DCTERMS.title" content="Form-with-new-styles | Asif">
+
+  <meta name="DCTERMS.publisher" scheme="AGLSTERMS.AglsAgent" content="corporateName=The State of Queensland; jurisdiction=Queensland" />
+  <meta name="DCTERMS.creator" content="c=AU; o=The State of Queensland;">
+  <meta name="DCTERMS.created" content="2022-04-05">
+  <meta name="DCTERMS.modified" content="1970-01-01">
+  <meta name="DCTERMS.description" content="">
+  <meta name="DCTERMS.identifier" scheme="DCTERMS.URI" content="https://oss-uat.clients.squiz.net/dev/asif/form-with-new-styles">
+  <meta name="DCTERMS.jurisdiction" scheme="AGLSTERMS.AglsJuri" content="Queensland">
+
+  <meta name="DCTERMS.type" scheme="DCTERMS.DCMIType" content="Text" />
+  <meta name="AGLSTERMS.documentType" scheme="AGLSTERMS.agls-document" content="guidelines" />
+
+
+  <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>    <!-- page.footer-extra -->
+  <style>
+    @media (max-width: 600px) {
+      table.tbl-maintenance-form  {
+        white-space: nowrap;
+        width:100%;
+        display: block;
+        overflow-x: auto;
+      }
+    }
+  </style>
+  <!-- END page.footer-extra -->
+  <!-- Global - Site Schema //-->
+
+  <!-- SEO (required) //-->
+  <meta name="description" content="" />
+
+  <!-- SEO //-->
+  <meta name="keywords" content="" />
+  <meta name="DCTERMS.subject" content="" />
+  <meta name="DCTERMS.audience" content="all" scheme="AGLSTERMS.agls-audience" />
+  <meta name="DCTERMS.license" scheme="DCTERMS.URI" content="https://creativecommons.org/licenses/by/4.0/">
+
+  <!-- Open Graph //-->
+  <meta property="og:title" content="Form-with-new-styles" />
+  <meta name="twitter:title" content="Form-with-new-styles" />
+  <meta property="og:description" content="" />
+  <meta name="twitter:description" content="" />
+  <meta property="og:image" content="https://oss-uat.clients.squiz.net/__data/assets/image/0012/110460/Opengraph-default-thumbnail.png">
+  <meta name="twitter:image:src" content="https://oss-uat.clients.squiz.net/__data/assets/image/0012/110460/Opengraph-default-thumbnail.png" />
+  <meta property="og:url" content="https://oss-uat.clients.squiz.net/dev/asif/form-with-new-styles" />
+  <meta property="og:type" content="article" />
+
+  <!-- Personalisation //-->
+  <meta name="page.tags" content="" />
+
+  <!-- News Schema //-->
+
+
+
+
+</head>
+
+<body class="standard" data-root-url="https://oss-uat.clients.squiz.net" id="body">
+<!-- noindex -->
+
+
+
+
+
+<!-- Google Tag Manager -->
+<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-PMDS7K"
+                  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+  j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+  '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+})(window,document,'script','dataLayer','GTM-PMDS7K');</script>
+<!-- End Google Tag Manager -->
+
+
+
+
+<section id="qg-access" role="navigation" aria-labelledby="landmark-label">
+  <h2 id="landmark-label" tabindex="1">Skip links and keyboard navigation</h2>
+  <ul>
+    <li><a id="skip-to-content" href="#qg-primary-content" tabindex="1">Skip to content</a></li>
+    <li id="access-instructions"><a href="https://oss-uat.clients.squiz.net/help/keyboard#section-aria-keyboard-navigation" tabindex="1">Use tab and cursor keys to move around the page (more information)</a></li>
+  </ul>
+</section>
+
+
+<!--@ Global Alerts - ESI @@-->
+
+
+
+
+
+
+<header id="qg-site-header" class="qg-site-header sticky">
+  <div class="container-fluid qg-site-width qg-site-header-top">
+    <div class="row align-items-center justify-content-between">
+
+      <button id="qg-show-menu" class="qg-show-menu" aria-label="Search" data-toggle="collapse" data-target=".qg-navigation" aria-expanded="false" aria-controls="qg-site-nav qg-portal-links">
+        <div class="qg-global-icons ">
+          <div class="qg-icon--menu-default">
+            <svg width="512px" height="512px" viewBox="0 0 512 512">
+              <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+                <rect x="72" y="95" width="368" height="60" rx="15"></rect>
+                <rect x="72" y="226" width="368" height="59" rx="15"></rect>
+                <rect x="72" y="356" width="368" height="60" rx="15"></rect>
+              </g>
+            </svg>
+          </div>
+          <div class="qg-icon--menu-close">
+            <svg width="512px" height="512px" viewBox="0 0 512 512">
+              <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+                <rect transform="translate(256.500000, 256.000000) scale(1, -1) rotate(45.000000) translate(-256.500000, -256.000000) " x="32" y="220" width="449" height="72" rx="15"></rect>
+                <rect transform="translate(256.500000, 256.000000) rotate(45.000000) translate(-256.500000, -256.000000) " x="32" y="220" width="449" height="72" rx="15"></rect>
+              </g>
+            </svg>
+          </div>
+        </div>
+        <span>Menu</span>
+      </button>
+
+
+
+      <div class="qg-coat-of-arms">
+        <a href="https://oss-uat.clients.squiz.net" tabindex="0" accesskey="1">
+          <img src="https://oss-uat.clients.squiz.net/__data/assets/git_bridge/0029/95447/static.qgov.net.au/assets/v4/latest/images/coat-of-arms/qg-coa-white.svg" alt="Queensland Government" class="hidden-xs">
+          <img src="https://oss-uat.clients.squiz.net/__data/assets/git_bridge/0029/95447/static.qgov.net.au/assets/v4/latest/images/coat-of-arms/qg-coa-stacked-white.svg" alt="Queensland Government" class="hidden-sm hidden-md hidden-lg">
+          <img src="https://oss-uat.clients.squiz.net/__data/assets/git_bridge/0029/95447/static.qgov.net.au/assets/v4/latest/images/coat-of-arms/qg-coa-stacked.svg" alt="Queensland Government" class="hidden-xs hidden-sm hidden-md hidden-lg qg-print-coat-of-arms">
+        </a>
+      </div>
+
+
+
+
+      <button id="qg-show-search" class="qg-show-search" aria-label="Search" data-toggle="collapse" data-target="#qg-global-search-form" aria-expanded="false">
+        <div class="qg-global-icons ">
+          <div class="qg-icon--mobile-search-default">
+            <svg width="512px" height="512px" viewBox="0 0 512 512">
+              <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+                <g transform="translate(67.298684, 71.201316)">
+                  <path d="M108.7791,227.405285 L11.3079182,324.876467 C5.45005384,330.734332 5.45005384,340.231806 11.3079182,346.089671 L27.4103294,362.192082 C33.2681938,368.049946 42.7656685,368.049946 48.6235328,362.192082 L146.094715,264.7209 C151.952579,258.863035 151.952579,249.365561 146.094715,243.507696 L129.992304,227.405285 C124.134439,221.547421 114.636965,221.547421 108.7791,227.405285 Z"></path>
+                  <path d="M221.701316,0.798683501 C305.096314,0.798683501 372.701316,68.6275439 372.701316,152.298684 C372.701316,235.969823 305.096314,303.798684 221.701316,303.798684 C138.306319,303.798684 70.7013165,235.969823 70.7013165,152.298684 C70.7013165,68.6275439 138.306319,0.798683501 221.701316,0.798683501 Z M221.310125,54.0389936 C167.081772,54.0389936 123.121006,98.2066236 123.121006,152.690156 C123.121006,207.173689 167.081772,251.341319 221.310125,251.341319 C275.538478,251.341319 319.499244,207.173689 319.499244,152.690156 C319.499244,98.2066236 275.538478,54.0389936 221.310125,54.0389936 Z" fill-rule="nonzero" transform="translate(221.701316, 152.298684) scale(-1, 1) translate(-221.701316, -152.298684) "></path>
+                </g>
+              </g>
+            </svg>
+          </div>
+          <div class="qg-icon--menu-close">
+            <svg width="512px" height="512px" viewBox="0 0 512 512">
+              <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+                <rect transform="translate(256.500000, 256.000000) scale(1, -1) rotate(45.000000) translate(-256.500000, -256.000000) " x="32" y="220" width="449" height="72" rx="15"></rect>
+                <rect transform="translate(256.500000, 256.000000) rotate(45.000000) translate(-256.500000, -256.000000) " x="32" y="220" width="449" height="72" rx="15"></rect>
+              </g>
+            </svg>
+          </div>
+        </div>
+        <span>Search</span>
+      </button><form action="https://oss-uat.clients.squiz.net/search" id="qg-global-search-form" role="search" class="qg-search-form collapse qg-global-web-autocomplete" data-suggestions="https://find.search.qld.gov.au/s/suggest.json?collection=qld-gov&fmt=json%2B%2B&alpha=0.5&profile=qld" data-results-url="https://find.search.qld.gov.au/s/search.json?collection=qld-gov&profile=qld&meta_sfinder_sand=yes">
+      <div class="input-group">
+        <label for="qg-search-query" class="qg-visually-hidden">Search Queensland Government</label>
+        <input type="text" name="query" id="qg-search-query" accesskey="5" class="form-control" autocomplete="off" placeholder="Search website" tabindex="0" aria-required="true" aria-expanded="false"/>
+        <svg class="qg-search__icon" width="512px" height="512px" viewBox="0 0 512 512">
+          <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+            <g transform="translate(67.298684, 71.201316)">
+              <path d="M108.7791,227.405285 L11.3079182,324.876467 C5.45005384,330.734332 5.45005384,340.231806 11.3079182,346.089671 L27.4103294,362.192082 C33.2681938,368.049946 42.7656685,368.049946 48.6235328,362.192082 L146.094715,264.7209 C151.952579,258.863035 151.952579,249.365561 146.094715,243.507696 L129.992304,227.405285 C124.134439,221.547421 114.636965,221.547421 108.7791,227.405285 Z"></path>
+              <path d="M221.701316,0.798683501 C305.096314,0.798683501 372.701316,68.6275439 372.701316,152.298684 C372.701316,235.969823 305.096314,303.798684 221.701316,303.798684 C138.306319,303.798684 70.7013165,235.969823 70.7013165,152.298684 C70.7013165,68.6275439 138.306319,0.798683501 221.701316,0.798683501 Z M221.310125,54.0389936 C167.081772,54.0389936 123.121006,98.2066236 123.121006,152.690156 C123.121006,207.173689 167.081772,251.341319 221.310125,251.341319 C275.538478,251.341319 319.499244,207.173689 319.499244,152.690156 C319.499244,98.2066236 275.538478,54.0389936 221.310125,54.0389936 Z" fill-rule="nonzero" transform="translate(221.701316, 152.298684) scale(-1, 1) translate(-221.701316, -152.298684) "></path>
+            </g>
+          </g>
+        </svg>
+
+        <button class="qg-search-close-concierge hide" type="button" aria-label="Close Search Concierge">
+          <svg width="512px" height="512px" viewBox="0 0 512 512">
+            <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+              <rect transform="translate(256.500000, 256.000000) scale(1, -1) rotate(45.000000) translate(-256.500000, -256.000000) " x="32" y="220" width="449" height="72" rx="15"></rect>
+              <rect transform="translate(256.500000, 256.000000) rotate(45.000000) translate(-256.500000, -256.000000) " x="32" y="220" width="449" height="72" rx="15"></rect>
+            </g>
+          </svg>
+        </button>
+        <button type="submit" id="feature-search-submit" class="btn btn-global-primary" data-analytics-link-group="qg-global-search-submit" title="Search site">Search</button>
+
+        <div class="qg-search-concierge qg-search-concierge-initial">
+          <div class="qg-search-concierge-group helper">
+            <div class="qg-search-concierge-content">
+              <h4>Popular services</h4>
+              <ul class="list-group">
+                <li class="list-group-item"><a href="https://www.service.transport.qld.gov.au/renewregistration/public/Welcome.xhtml" tabindex="-1" data-analytics-link-group="qg-global-search-popular-services">Renew vehicle or boat rego</a></li>
+                <li class="list-group-item"><a href="https://www.service.transport.qld.gov.au/checkmydemeritpoints/public/Welcome.xhtml" tabindex="-1" data-analytics-link-group="qg-global-search-popular-services">Check my licence demerit points</a></li>
+                <li class="list-group-item"><a href="https://www.qld.gov.au/transport/licensing/driver-licensing/renew-replace/renew/online" tabindex="-1" data-analytics-link-group="qg-global-search-popular-services">Renew my driving licence</a></li>
+                <li class="list-group-item"><a href="https://www.change-of-address.services.qld.gov.au/" tabindex="-1" data-analytics-link-group="qg-global-search-popular-services">Change my address</a></li>
+              </ul>
+            </div>
+          </div>
+          <div class="qg-search-concierge-group helper">
+            <div class="qg-search-concierge-content">
+              <h4>Browse by category</h4>
+              <ul class="list-group">
+                <li class="list-group-item"><a href="https://oss-uat.clients.squiz.net/transport" tabindex="-1">Transport and motoring</a></li>
+                <li class="list-group-item"><a href="https://oss-uat.clients.squiz.net/jobs" tabindex="-1">Employment and jobs</a></li>
+                <li class="list-group-item"><a href="https://oss-uat.clients.squiz.net/education" tabindex="-1">Education and training</a></li>
+                <li class="list-group-item"><a href="https://oss-uat.clients.squiz.net/about" tabindex="-1">Queensland and its government</a></li>
+              </ul>
+              <a href="https://oss-uat.clients.squiz.net/queenslanders" tabindex="-1" class="all" data-analytics-link-group="qg-global-search-category">Browse all categories</a>
+            </div>
+          </div>
+        </div>
+
+
+        <div class="qg-search-concierge qg-search-concierge-help">
+
+          <div class="qg-search-concierge-group suggestions"></div>
+
+
+          <div class="qg-search-concierge-group highlight"></div>
+
+
+          <div class="qg-search-concierge-group helper"></div>
+        </div>
+      </div>
+
+      <!--parameters to display results on search page-->
+      <input type="hidden" name="num_ranks" value="10">
+      <input type="hidden" name="tiers" value="off">
+      <input type="hidden" name="collection" value="qld-gov">
+      <input type="hidden" name="profile" value="qld">
+    </form>
+
+    </div>
+  </div>
+
+
+  <div id="qg-portal-links" class="qg-portal-links qg-navigation collapse">
+    <div class="container-fluid qg-site-width">
+      <nav class="navbar navbar-expand">
+        <div class="collapse navbar-collapse" id="qgPortalLinksDropdown">
+          <ul class="qg-portal-links__list navbar-nav">
+            <li class="nav-item">
+              <a class="nav-link" href="https://oss-uat.clients.squiz.net/services" data-analytics-link-group=“qg-portal-links-link“>Find services</a>
+            </li>
+            <li class="nav-item dropdown">
+              <button class="qg-portal-links__btn dropdown-toggle" type="button" id="qgPortalLinkBusiness" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Business and industry</button>
+              <div class="dropdown-menu dropdown-menu-right" aria-labelledby="qgPortalLinkBusiness">
+                <div class="qg-dropdown-wrapper">
+                  <a class="dropdown-item" href="https://www.business.qld.gov.au/starting-business" data-analytics-link-group=“qg-portal-links-link“>Starting a business</a>
+                  <a class="dropdown-item" href="https://www.business.qld.gov.au/running-business" data-analytics-link-group=“qg-portal-links-link“>Running a business</a>
+                  <a class="dropdown-item" href="https://www.business.qld.gov.au/running-business/employing" data-analytics-link-group=“qg-portal-links-link“>Employing people</a>
+                  <a class="dropdown-item" href="https://www.business.qld.gov.au/running-business/employing/payroll-tax" data-analytics-link-group=“qg-portal-links-link“>Payroll tax</a>
+                  <a class="dropdown-item" href="https://www.business.qld.gov.au/industries" data-analytics-link-group=“qg-portal-links-link“>Industries</a>
+                  <a class="dropdown-item" href="https://www.business.qld.gov.au/industries/invest" data-analytics-link-group=“qg-portal-links-link“>Investing in Queensland</a>
+                  <a class="qg-dropdown-all dropdown-item" href="https://www.business.qld.gov.au/" data-analytics-link-group=“qg-portal-links-all-category“>All categories</a>
+                </div>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <button class="qg-portal-links__btn dropdown-toggle" type="button" id="qgPortalLinkGovernment" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Government employees</button>
+              <div class="dropdown-menu dropdown-menu-right" aria-labelledby="qgPortalLinkGovernment">
+                <div class="qg-dropdown-wrapper">
+                  <a class="dropdown-item" href="https://www.forgov.qld.gov.au/working-in-the-public-service" data-analytics-link-group=“qg-portal-links-link“>Working in the public service</a>
+                  <a class="dropdown-item" href="https://www.forgov.qld.gov.au/human-resources" data-analytics-link-group=“qg-portal-links-link“>Human resources</a>
+                  <a class="dropdown-item" href="https://www.forgov.qld.gov.au/finance-and-procurement" data-analytics-link-group=“qg-portal-links-link“>Finance and procurement</a>
+                  <a class="dropdown-item" href="https://www.forgov.qld.gov.au/ict" data-analytics-link-group=“qg-portal-links-link“>Information and communication technology</a>
+                  <a class="dropdown-item" href="https://www.forgov.qld.gov.au/service-delivery-and-community-support" data-analytics-link-group=“qg-portal-links-link“>Service delivery and community support</a>
+                  <a class="dropdown-item" href="https://www.forgov.qld.gov.au/mail-facilities-vehicles" data-analytics-link-group=“qg-portal-links-link“>Mail, facilities and vehicles</a>
+                  <a class="qg-dropdown-all dropdown-item" href="https://www.forgov.qld.gov.au/" data-analytics-link-group=“qg-portal-links-all-category“>All categories</a>
+                </div>
+              </div>
+            </li>
+          </ul>
+        </div>
+      </nav>
+    </div>
+  </div>
+
+  <div class="container-fluid qg-site-width qg-site-header-bottom">
+    <div class="row align-items-center justify-content-between">
+
+      <nav id="qg-site-nav" class="qg-navigation collapse" role="navigation" aria-label="Main navigation">
+        <ul class="nav">
+          <li class="nav-item hidden-lg hidden-md">
+            <a class="nav-link" href="/" data-analytics-link-group="qg-primary-nav-link">Home</a>
+          </li>
+          <li class="nav-item dropdown mega-dropdown">
+            <button class="nav-link dropdown-toggle" data-toggle="dropdown" data-flip="false" id="qgPrimaryNavForQueenslanders" aria-haspopup="true" aria-expanded="false">For Queenslanders</button>
+            <div class="dropdown-menu mega-menu" aria-labelledby="qgPrimaryNavForQueenslanders">
+              <ul>
+                <li><a href="https://oss-uat.clients.squiz.net/transport" data-analytics-link-group="qg-primary-nav-link">Transport and motoring</a></li>
+                <li><a href="https://oss-uat.clients.squiz.net/jobs" data-analytics-link-group="qg-primary-nav-link">Employment and jobs</a></li>
+                <li><a href="https://oss-uat.clients.squiz.net/education" data-analytics-link-group="qg-primary-nav-link">Education and training</a></li>
+                <li><a href="https://oss-uat.clients.squiz.net/about" data-analytics-link-group="qg-primary-nav-link">Queensland and its government</a></li>
+                <li><a href="https://oss-uat.clients.squiz.net/health" data-analytics-link-group="qg-primary-nav-link">Health and wellbeing</a></li>
+                <li><a href="https://oss-uat.clients.squiz.net/community" data-analytics-link-group="qg-primary-nav-link">Community support</a></li>
+                <li><a href="https://oss-uat.clients.squiz.net/emergency" data-analytics-link-group="qg-primary-nav-link">Emergency services and safety</a></li>
+                <li><a href="https://oss-uat.clients.squiz.net/law" data-analytics-link-group="qg-primary-nav-link">Your rights, crime and the law</a></li>
+                <li><a href="https://oss-uat.clients.squiz.net/environment" data-analytics-link-group="qg-primary-nav-link">Environment, land and water</a></li>
+                <li><a href="https://oss-uat.clients.squiz.net/housing" data-analytics-link-group="qg-primary-nav-link">Homes and housing</a></li>
+                <li><a href="https://oss-uat.clients.squiz.net/recreation" data-analytics-link-group="qg-primary-nav-link">Recreation, sport and arts</a></li>
+                <li><a href="https://oss-uat.clients.squiz.net/families" data-analytics-link-group="qg-primary-nav-link">Parents and families</a></li>
+                <li><a href="https://oss-uat.clients.squiz.net/disability" data-analytics-link-group="qg-primary-nav-link">People with disability</a></li>
+                <li><a href="https://oss-uat.clients.squiz.net/youth" data-analytics-link-group="qg-primary-nav-link">Youth</a></li>
+                <li><a href="https://oss-uat.clients.squiz.net/firstnations" data-analytics-link-group="qg-primary-nav-link">Aboriginal and Torres Strait Islander peoples</a></li>
+                <li><a href="https://oss-uat.clients.squiz.net/seniors" data-analytics-link-group="qg-primary-nav-link">Seniors</a></li>
+              </ul>
+              <div class="d-flex flex-row-reverse">
+                <a href="https://oss-uat.clients.squiz.net/queenslanders" class="btn btn-global-primary" data-analytics-link-group=“qg-primary-nav-browse-all“>Browse all information and services</a>
+              </div>
+            </div>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link" href="https://oss-uat.clients.squiz.net/contact-us" data-analytics-link-group="qg-primary-nav-link">Contact us</a>
+          </li>
+        </ul>
+      </nav>
+
+
+
+
+    </div>
+  </div>
+</header>
+
+
+<!-- Override: 0--><!--[{"asset_assetid":"157","asset_name":"Queensland Government","asset_url":"https://oss-uat.clients.squiz.net","asset_type_code":"site","asset_status_description":"Safe Editing"},{"asset_assetid":"253032","asset_name":"Form-with-new-styles","asset_url":"https://oss-uat.clients.squiz.net/dev/asif/form-with-new-styles","asset_type_code":"page_standard","asset_status_description":"Under Construction"}]--><div class="qg-global-breadcrumb qg-breadcrumb"><div class="container-fluid qg-site-width"><nav id="qg-breadcrumb" aria-label="breadcrumb" class="qg-breadcrumb-nav row test"><ol class="qg-breadcrumb-list" data-items-after-collapse=""><li class="qg-breadcrumb-list-item"><a class="qg-breadcrumb-list-item__link" href="https://oss-uat.clients.squiz.net">Home</a></li><li class="qg-breadcrumb-list-item"><span aria-current="page">Form-with-new-styles</span></li></ol></nav></div></div>
+
+
+
+<!-- endnoindex -->
+
+<!-- Design Body Start -->
+
+
+<!-- Paint Layout - qld.gov.au - Global Start -->
+
+
+
+<div class="container-fluid qg-site-width">
+  <div id="qg-content">
+
+
+    <div id="qg-three-col" class="row">
+
+
+
+
+
+
+
+
+      <div id="qg-primary-content" role="main">
+
+
+        <a class="print-content-link" href='#'><span class="fa fa-print"></span> Print</a>
+
+
+
+
+        <h1>Form-with-new-styles</h1>
+
+
+
+
+
+
+
+
+
+
+
+
+        <!-- noindex -->
+        <!-- endnoindex -->
+
+
+
+
+
+
+
+
+
+
+
+
+        <p>Questions marked with <abbr title="(required)">*</abbr> must be completed</p><p>If details are not known, type in &lsquo;Unknown&rsquo;</p>                    <!-- Modal -->
+        <div class="modal fade" tabindex="-1" role="dialog" aria-hidden="true" id="contactModal">
+          <div class="modal-dialog modal-lg" role="document">
+            <div class="modal-content">
+              <div class="modal-header">
+                <h4 class="modal-title" id="modalTitle">Building and Asset Services 1 and 4 hour work orders</h4>
+                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                  <span aria-hidden="true">&times;</span>
+                </button>
+              </div>
+              <div class="modal-body">
+                <p>Business hours for:</p>
+                <ul>
+                  <li>
+                    South East Queenland and North Queensland BAS offices are 7.30am-5pm Mon-Fri, excluding public holidays
+                  </li>
+                  <li>
+                    All other BAS offices are 8am-5pm Mon-Fri, excluding public holidays
+                  </li>
+                </ul>
+                <table class="tbl-maintenance-form">
+                  <thead>
+                  <th>Hours</th>
+                  <th>Priority</th>
+                  <th>Region</th>
+                  <th>When to phone through</th>
+                  </thead>
+                  <tbody>
+                  <tr>
+                    <td rowspan="3">Business hours</th>
+                    <td>Immediate</td>
+                    <td>All regions</td>
+                    <td>All work orders to be phoned through</td>
+                  </tr>
+                  <tr>
+                    <td rowspan="2">Urgent</td>
+                    <td>South East Queensland</td>
+                    <td>Only phone to advise if customer has called after 3.30pm</td>
+                  </tr>
+                  <tr>
+                    <td>All other regions</td>
+                    <td>All work orders to be phoned through</td>
+                  </tr>
+                  <tr>
+                    <td rowspan="1">After hours</th>
+                    <td>Immediate and urgent</td>
+                    <td>All regions</td>
+                    <td>All work orders to be phoned through</td>
+                  </tr>
+                  </tbody>
+                </table>
+              </div>
+              <div class="modal-footer">
+                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!-- Modal -->
+        <div class="modal fade" tabindex="-1" role="dialog" aria-hidden="true" id="afterHoursModal">
+          <div class="modal-dialog modal-lg" role="document">
+            <div class="modal-content">
+              <div class="modal-header">
+                <h4 class="modal-title" id="modalTitle">What is 'after hours'?</h4>
+                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                  <span aria-hidden="true">&times;</span>
+                </button>
+              </div>
+
+              <div class="modal-body">
+                <ul>
+                  <li>Public holidays</li>
+                  <li>Weekends (Saturday and Sunday)</li>
+                  <li>After 5pm (Mon–Fri)</li>
+                  <li>Before 7.30am (North Queensland and Cannon Hill regions)</li>
+                  <li>Before 8am (all other regions)</li>
+                </ul>
+              </div>
+              <div class="modal-footer">
+                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <form class="qg-forms-v2"
+              action="https://www.smartservice.qld.gov.au/services/submissions/email/qld/responsive-maintenance-request"
+              method="post" class="form" data-recaptcha="true">
+
+          <ol class="questions">
+            <li>
+              <label for="name-of-tenant">
+                <span class="label">Name of tenant</span>
+                <abbr class="required" title="(required)">*</abbr>
+              </label>
+              <input id="name-of-tenant" name="name-of-tenant" size="30" required="required"
+                     type="text" />
+            </li>
+
+            <li>
+              <label for="caller-s-name-and-relationship-to-tenant">
+                <span class="label">Caller’s name and relationship to tenant</span>
+                <small class="hint">If caller is not tenant, fill in relationship details
+                  below</small>
+              </label>
+              <textarea id="caller-s-name-and-relationship-to-tenant"
+                        name="caller-s-name-and-relationship-to-tenant" rows="2" cols="40"></textarea>
+            </li>
+
+            <li>
+              <label for="contact-telephone-numbers">
+                <span class="label">Contact telephone numbers</span>
+                <abbr class="required" title="(required)">*</abbr>
+              </label>
+              <input id="contact-telephone-numbers" name="contact-telephone-numbers" size="20"
+                     type="text" required="required" />
+            </li>
+
+            <li>
+              <label for="rental-agreement-number-or-tenant-s-date-of-birth">
+                <span class="label">Rental agreement number or tenant’s date of birth</span>
+              </label>
+              <input id="rental-agreement-number-or-tenant-s-date-of-birth"
+                     name="rental-agreement-number-or-tenant-s-date-of-birth" size="20" type="text" />
+            </li>
+
+            <li class="atomic group">
+              <fieldset>
+                <legend>
+                  <span class="label">Address</span>
+                </legend>
+                <ol class="questions">
+                  <li>
+                    <label for="streetaddress1">
+                      <span class="label">Address line 1</span>
+                      <abbr class="required" title="(required)">*</abbr>
+                    </label>
+                    <input name="streetaddress1" id="streetaddress1" size="20" value=""
+                           required="required" type="text" />
+                  </li>
+                  <li>
+                    <label for="streetaddress2">
+                      <span class="label">Address line 2</span>
+                    </label>
+                    <input name="streetaddress2" id="streetaddress2" size="20" value=""
+                           type="text" />
+                  </li>
+                  <li>
+                    <label for="streetaddress3">
+                      <span class="label">Address line 3</span>
+                    </label>
+                    <input name="streetaddress3" id="streetaddress3" size="20" value=""
+                           type="text" />
+                  </li>
+                  <li class="group">
+                    <ol class="questions compact">
+                      <li>
+                        <label for="town">
+                          <span class="label">Town, city or suburb</span>
+                          <abbr class="required" title="(required)">*</abbr>
+                        </label>
+                        <input name="town" id="town" size="20" value="" required="required"
+                               type="text" />
+                      </li>
+                      <li>
+                        <label for="state">
+                          <span class="label">State</span>
+                          <abbr class="required" title="(required)">*</abbr>
+                        </label>
+                        <input name="state" id="state" size="5" value="QLD"
+                               required="required" type="text" />
+                      </li>
+                      <li>
+                        <label for="postcode">
+                          <span class="label">Postcode</span>
+                          <abbr class="required" title="(required)">*</abbr>
+                        </label>
+                        <input name="postcode" id="postcode" size="5" value=""
+                               required="required" type="text" />
+                      </li>
+                    </ol>
+                  </li>
+                </ol>
+              </fieldset>
+            </li>
+
+            <li>
+              <label for="work-order-text">
+                <span class="label">Service request text</span>
+                <abbr class="required" title="(required)">*</abbr>
+              </label>
+              <textarea id="work-order-text" name="work-order-text" rows="10" cols="40"
+                        required="required"></textarea>
+            </li>
+
+            <li>
+              <fieldset>
+                <legend>
+                  <span class="label">Priority level</span>
+                  <abbr class="required" title="(required)">*</abbr>
+                </legend>
+                <ol class="choices qg-forms-v2__radio">
+                  <li><input id="priority-level-immediate-1-hour" name="priority-level"
+                             value="Immediate (1 hour)" required="required" type="radio" /><label
+                    for="priority-level-immediate-1-hour">Immediate (1
+                    hour)</label></li>
+                  <li><input id="priority-level-urgent-4-hour" name="priority-level"
+                             value="Urgent (4 hour)" required="required" type="radio" /><label
+                    for="priority-level-urgent-4-hour">Urgent (4
+                    hour)</label></li>
+                  <li><input id="priority-level-priority-24-hour" name="priority-level"
+                             value="Priority (24 hour)" required="required" type="radio" /><label
+                    for="priority-level-priority-24-hour">Priority
+                    (next business day)</label></li>
+                  <li><input id="priority-level-normal-14-days" name="priority-level"
+                             value="Normal (14 days)" required="required" type="radio" /><label
+                    for="priority-level-normal-14-days">Normal (14
+                    days)</label></li>
+                </ol>
+              </fieldset>
+            </li>
+
+            <li id="was-this-issue-reported-after-hours">
+              <fieldset>
+                <legend>
+                  <span class="label">Was this issue reported after hours</span>
+                  <abbr class="required" title="(required)">*</abbr>
+                  <small class="hint">
+                    <a href="#" href="#" data-toggle="modal" data-target="#afterHoursModal">What is ‘after hours’?</a></small>
+                </legend>
+                <ol class="choices compact">
+                  <li>
+                    <input id="was-this-issue-reported-after-hours-yes"
+                           name="was-this-issue-reported-after-hours" value="Yes"
+                           required="required" type="radio" /><label
+                    for="was-this-issue-reported-after-hours-yes" disabled="disabled">Yes</label>
+                  </li>
+                  <li>
+                    <input id="was-this-issue-reported-after-hours-no"
+                           name="was-this-issue-reported-after-hours" value="No"
+                           required="required" type="radio" /><label
+                    for="was-this-issue-reported-after-hours-no" disabled="disabled">No</label>
+                  </li>
+                </ol>
+              </fieldset>
+            </li>
+
+            <li id="after-hours-contact">
+              <fieldset>
+                <legend>
+                                        <span class="h2">After hours contractor / Building and Asset Services
+                                            supervisor</span>
+                  <small class="hint relevance">(If you chose 'Yes' above)</small>
+                </legend>
+                <ol class="questions">
+                  <li>
+                    <label for="name">
+                      <span class="label">Name</span>
+                      <abbr class="required" title="(required)">*</abbr>
+                    </label>
+                    <input id="name" name="name" size="30" required="required" type="text" />
+                  </li>
+                  <li>
+                    <label for="company-or-qbuild">
+                      <span class="label">Company or Building and Asset Services</span>
+                      <abbr class="required" title="(required)">*</abbr>
+                    </label>
+                    <input id="company-or-qbuild" name="company-or-qbuild" size="30"
+                           required="required" type="text" />
+                  </li>
+                  <li>
+                    <label for="phone-number">
+                      <span class="label">Phone number</span>
+                      <abbr class="required" title="(required)">*</abbr>
+                      <small class="hint">Please include area code</small>
+                    </label>
+                    <input id="phone-number" name="phone-number" size="20" required="required"
+                           type="text" />
+                  </li>
+                </ol>
+              </fieldset>
+            </li>
+
+            <li id="has-qbuild-been-contacted">
+              <fieldset>
+                <legend>
+                                        <span class="label">Is there a  <a href="#" data-toggle="modal" data-target="#contactModal">requirement</a> for Building and Asset services to be
+                                           contacted?</span>
+                  <abbr class="required" title="(required)">*</abbr>
+                  <small class="hint">For all 'immediate' or 'urgent – after 3.30pm)'
+                    requests</small>
+                </legend>
+                <ol class="choices compact">
+                  <li><input id="has-qbuild-been-contacted-yes" name="has-qbuild-been-contacted"
+                             value="Yes" required="required" type="radio" /><label
+                    for="has-qbuild-been-contacted-yes">Yes</label>
+                  </li>
+                  <li><input id="has-qbuild-been-contacted-no" name="has-qbuild-been-contacted"
+                             value="No" required="required" type="radio" /><label
+                    for="has-qbuild-been-contacted-no">No</label></li>
+                </ol>
+              </fieldset>
+            </li>
+
+            <li id="qbuild-information" class="section">
+              <fieldset>
+                <legend>
+                  <span class="h2">Building and Asset Services information</span>
+                </legend>
+                <ol class="questions">
+                  <li>
+                    <label for="qbuild-office-notified">
+                      <span class="label">Building and Asset Services office notified</span>
+                      <abbr class="required" title="(required)">*</abbr>
+                      <small class="hint">Example: Cannon Hill</small>
+                    </label>
+                    <input id="qbuild-office-notified" name="qbuild-office-notified" size="30"
+                           required="required" type="text" />
+                  </li>
+                  <li>
+                    <label for="staff-member-name">
+                      <span class="label">Building and Asset Services staff member name</span>
+                      <abbr class="required" title="(required)">*</abbr>
+                    </label>
+                    <input id="staff-member-name" name="staff-member-name" size="30"
+                           required="required" type="text" />
+                  </li>
+                </ol>
+              </fieldset>
+            </li>
+
+            <li id="lodgment-details">
+              <fieldset>
+                <legend>
+                  <span class="h2">Lodgement details</span>
+                </legend>
+                <ol class="questions">
+                  <li class="group">
+                    <ol class="questions compact">
+                      <li>
+                        <label for="date">
+                          <span class="label">Date</span>
+                          <abbr class="required" title="(required)">*</abbr>
+
+                        </label>
+                        <input id="date" name="date" size="10" required="required"
+                               type="text" />
+                      </li>
+                      <li>
+                        <label for="time">
+                          <span class="label">Time</span>
+                          <abbr class="required" title="(required)">*</abbr>
+
+                        </label>
+                        <input id="time" name="time" size="10" required="required"
+                               type="text" />
+                      </li>
+                    </ol>
+                  </li>
+                  <li>
+                    <label for="csa-s-name">
+                      <span class="label">CSA’s name</span>
+                      <abbr class="required" title="(required)">*</abbr>
+                      <small class="hint">First then last name</small>
+                    </label>
+                    <input id="csa-s-name" name="csa-s-name" size="30" required="required"
+                           type="text" />
+                  </li>
+                </ol>
+              </fieldset>
+            </li>
+
+            <li class="footer">
+              <ul class="actions">
+                <li><strong><input value="Send email" type="submit" /></strong></li>
+              </ul>
+
+              <input type="hidden" name="captcha" value="" />
+
+              <!-- could rely on client-side validation. fields that may be irrelevant cannot be in this list (server-side does not understand relevance) -->
+              <input type="hidden" name="mandatory_fields"
+                     value="name-of-tenant,contact-telephone-numbers,streetaddress1,town,state,postcode,work-order-text,priority-level,was-this-issue-reported-after-hours,date,time,csa-s-name" />
+            </li>
+          </ol>
+        </form>
+
+
+
+
+
+
+
+
+
+
+        <div class="clearfix"></div>
+
+
+        <div class="qg-content-footer">
+
+
+
+
+
+
+          <dl>
+            <dt>Last updated:</dt>
+            <dd>1 January 1970</dd>
+          </dl>
+
+
+        </div>
+
+
+
+
+
+
+
+
+
+
+        <div id="qg-options" class="row justify-content-sm-end">
+          <div class="qg-share navbar">
+            <span class="navbar-brand qg-share__title">Share this page:</span>
+            <ul class="navbar navbar-right qg-share-list">
+
+
+              <li class="qg-share-list-item">
+                <a class="qg-share-link" href="http://www.facebook.com/share.php?u=https://oss-uat.clients.squiz.net/dev/asif/form-with-new-styles&title=Facebook" title="Facebook" data-analytics-link-group="qg-sharing-facebook" aria-label="Share on Facebook">
+                  <span class="fa fa-facebook-square fa-2x qg-share-icon" aria-hidden="true"></span>
+                  <span class="title qg-visually-hidden">Facebook</span>
+                </a>
+              </li>
+
+
+              <li class="qg-share-list-item">
+                <a class="qg-share-link" href="https://twitter.com/share?url=https://oss-uat.clients.squiz.net/dev/asif/form-with-new-styles" title="Twitter" data-analytics-link-group="qg-sharing-twitter" aria-label="Share on Twitter">
+                  <span class="fa fa-twitter-square fa-2x qg-share-icon" aria-hidden="true"></span>
+                  <span class="title qg-visually-hidden">Twitter</span>
+                </a>
+              </li>
+
+
+              <li class="qg-share-list-item">
+                <a class="qg-share-link" href="http://www.linkedin.com/shareArticle?mini=true&url=https://oss-uat.clients.squiz.net/dev/asif/form-with-new-styles&title=LinkedIn&source=www.qld.gov.au" title="LinkedIn" data-analytics-link-group="qg-sharing-linkedin" aria-label="Share on LinkedIn">
+                  <span class="fa fa-linkedin-square fa-2x qg-share-icon" aria-hidden="true"></span>
+                  <span class="title qg-visually-hidden">LinkedIn</span>
+                </a>
+              </li>
+            </ul>
+          </div>
+        </div>
+
+      </div>
+
+
+
+
+
+
+
+      <aside id="qg-secondary-content">
+
+        <div class="qg-aside" role="complementary">
+          <h2>What is ‘after hours’?</h2>
+          <div id="def"><ul><li>Public holidays</li><li>Weekends (Saturday and Sunday)</li><li>After 5pm (Mon&ndash;Fri)</li><li>Before 7.30am (North Queensland and Cannon Hill regions)</li><li>Before 8am (all other regions)</li></ul></div>
+        </div>
+
+        <!--https://find.search.qld.gov.au/s/search.json?collection=qgov-content&query=!null&meta_ContentType=aside&meta_Tags_or=&fmo=true&profile=_default-->
+      </aside>
+
+
+
+      <!-- noindex -->
+
+
+      <nav class="qg-section-nav" aria-label="side navigation" role="navigation">
+
+
+        <h2><a href="https://oss-uat.clients.squiz.net/dev/asif">Asif</a></h2>
+        <ul aria-label="section navigation">
+          <!--<li><a href="https://oss-uat.clients.squiz.net/dev/asif/accordion-example">accordion</a></li>-->
+          <li>
+            <a href="https://oss-uat.clients.squiz.net/dev/asif/accordion-example" >
+              accordion
+            </a>
+          </li>
+
+
+
+
+
+
+
+
+
+          <!--<li><a href="https://oss-uat.clients.squiz.net/dev/asif/demo-of-components">Food Pantry Components</a></li>-->
+          <li>
+            <a href="https://oss-uat.clients.squiz.net/dev/asif/demo-of-components" >
+              Food Pantry Components
+            </a>
+          </li>
+
+
+
+
+
+
+
+
+
+          <!--<li><a href="https://oss-uat.clients.squiz.net/dev/asif/demo-of-components2">community-form-testing</a></li>-->
+          <li>
+            <a href="https://oss-uat.clients.squiz.net/dev/asif/demo-of-components2" >
+              community-form-testing
+            </a>
+          </li>
+
+
+
+
+
+
+
+
+
+          <!--<li><a href="https://oss-uat.clients.squiz.net/dev/asif/resident">Queensland resident or travelling to take up permanent Queensland residency or border resident commuting or accessing essential goods and services</a></li>-->
+          <li>
+            <a href="https://oss-uat.clients.squiz.net/dev/asif/resident" >
+              Resident
+            </a>
+          </li>
+
+
+
+
+
+
+
+
+
+          <!--<li><a href="https://oss-uat.clients.squiz.net/dev/asif/ajax-queensland-border-declaration-pass">Promotional banner component</a></li>-->
+          <li>
+            <a href="https://oss-uat.clients.squiz.net/dev/asif/ajax-queensland-border-declaration-pass" >
+              Promotional banner component
+            </a>
+          </li>
+
+
+
+
+
+
+
+
+
+          <!--<li><a href="https://oss-uat.clients.squiz.net/dev/asif/psma-address-validation-testing">PSMA Address Validation Testing</a></li>-->
+          <li>
+            <a href="https://oss-uat.clients.squiz.net/dev/asif/psma-address-validation-testing" >
+              PSMA Address Validation Testing
+            </a>
+          </li>
+
+
+
+
+
+
+
+
+
+          <!--<li><a href="https://oss-uat.clients.squiz.net/dev/asif/queensland-border-declaration-pass-residential">Queensland Border Declaration Pass (Residential)</a></li>-->
+          <li>
+            <a href="https://oss-uat.clients.squiz.net/dev/asif/queensland-border-declaration-pass-residential" >
+              Queensland Border Declaration Pass (Residential)
+            </a>
+          </li>
+
+
+
+
+
+
+
+
+
+          <!--<li><a href="https://oss-uat.clients.squiz.net/dev/asif/queensland-border-declaration-pass-ray">Queensland Border Declaration Pass (Ray)</a></li>-->
+          <li>
+            <a href="https://oss-uat.clients.squiz.net/dev/asif/queensland-border-declaration-pass-ray" >
+              Queensland Border Declaration Pass (Ray)
+            </a>
+          </li>
+
+
+
+
+
+
+
+
+
+          <!--<li><a href="https://oss-uat.clients.squiz.net/dev/asif/psma">PSMA</a></li>-->
+          <li>
+            <a href="https://oss-uat.clients.squiz.net/dev/asif/psma" >
+              PSMA
+            </a>
+          </li>
+
+
+
+
+
+
+
+
+
+          <!--<li><a href="https://oss-uat.clients.squiz.net/dev/asif/psma2">PSMA2</a></li>-->
+          <li>
+            <a href="https://oss-uat.clients.squiz.net/dev/asif/psma2" >
+              PSMA2
+            </a>
+          </li>
+
+
+
+
+
+
+
+
+
+          <!--<li><a href="https://oss-uat.clients.squiz.net/dev/asif/autocomple-queensland-border-declaration-pass-general">Autocomple Queensland Border Declaration Pass (General)</a></li>-->
+          <li>
+            <a href="https://oss-uat.clients.squiz.net/dev/asif/autocomple-queensland-border-declaration-pass-general" >
+              Autocomple Queensland Border Declaration Pass (General)
+            </a>
+          </li>
+
+
+
+
+
+
+
+
+
+          <!--<li><a href="https://oss-uat.clients.squiz.net/dev/asif/general">Queensland Border Declaration Pass (General)</a></li>-->
+          <li>
+            <a href="https://oss-uat.clients.squiz.net/dev/asif/general" >
+              Queensland Border Declaration Pass (General)
+            </a>
+          </li>
+
+
+
+
+
+
+
+
+
+          <!--<li><a href="https://oss-uat.clients.squiz.net/dev/asif/single-file-queensland-border-declaration-pass-general">SIngle file - Queensland Border Declaration Pass (General)</a></li>-->
+          <li>
+            <a href="https://oss-uat.clients.squiz.net/dev/asif/single-file-queensland-border-declaration-pass-general" >
+              SIngle file - Queensland Border Declaration Pass (General)
+            </a>
+          </li>
+
+
+
+
+
+
+
+
+
+          <!--<li><a href="https://oss-uat.clients.squiz.net/dev/asif/cards-example">Cards-example</a></li>-->
+          <li>
+            <a href="https://oss-uat.clients.squiz.net/dev/asif/cards-example" >
+              Cards-example
+            </a>
+          </li>
+
+
+
+
+
+
+
+
+
+          <!--<li><a href="https://oss-uat.clients.squiz.net/dev/asif/Standard-No-Asides">Standard (No Asides)</a></li>-->
+          <li>
+            <a href="https://oss-uat.clients.squiz.net/dev/asif/Standard-No-Asides" >
+              Standard (No Asides)
+            </a>
+          </li>
+
+
+
+
+
+
+
+
+
+          <!--<li><a href="https://oss-uat.clients.squiz.net/dev/asif/contact-us">Contact us</a></li>-->
+          <li>
+            <a href="https://oss-uat.clients.squiz.net/dev/asif/contact-us" >
+              Contact us
+            </a>
+          </li>
+
+
+
+
+
+
+
+
+
+          <!--<li><a href="https://oss-uat.clients.squiz.net/dev/asif/backup-border-zone-travel-x-pass">backup Border Zone Travel (X Pass)</a></li>-->
+          <li>
+            <a href="https://oss-uat.clients.squiz.net/dev/asif/backup-border-zone-travel-x-pass" >
+              backup Border Zone Travel (X Pass)
+            </a>
+          </li>
+
+
+
+
+
+
+
+
+
+          <!--<li><a href="https://oss-uat.clients.squiz.net/dev/asif/backup-mitch-changes-disasters-and-alerts">backup-mitch-changes-Disasters and alerts</a></li>-->
+          <li>
+            <a href="https://oss-uat.clients.squiz.net/dev/asif/backup-mitch-changes-disasters-and-alerts" >
+              backup-mitch-changes-Disasters and alerts
+            </a>
+          </li>
+
+
+
+
+
+
+
+
+
+          <!--<li><a href="https://oss-uat.clients.squiz.net/dev/asif/video-component-test">Video component test</a></li>-->
+          <li>
+            <a href="https://oss-uat.clients.squiz.net/dev/asif/video-component-test" >
+              Video component test
+            </a>
+          </li>
+
+
+
+
+
+
+
+
+
+
+        </ul>
+      </nav>
+
+      <!-- endnoindex -->
+
+    </div><!-- /page type -->
+  </div><!-- /#qg-content -->
+</div><!-- /.container-fluid -->
+</div>
+
+
+
+<div id="nuanceC2CImgContainer"></div>
+
+
+
+
+
+<link rel="stylesheet" href="https://oss-uat.clients.squiz.net/_qgdesigns/css/console-panel/console-panel.css" />
+<script defer src="https://oss-uat.clients.squiz.net/__data/assets/js_file_folder/0017/103616/console-panel.js"></script>
+<div class="matrix-admin-container">
+  <div class="matrix-admin-tab">
+    <img class="squiz-logo" src="/__lib/web/images/logo-toolbar-matrix.png" alt="" />
+    <a class="nocache admin-button" href="https://oss-uat.clients.squiz.net/dev/asif/form-with-new-styles/_nocache" title="Force no-cache"><i class="fa fa-refresh"></i>Refresh</a>
+    <a class="performance admin-button" href="https://oss-uat.clients.squiz.net/dev/asif/form-with-new-styles/_performance" title="View performance statistics"><i class="fa fa-bar-chart"></i>Performance</a>
+    <a href="https://oss-uat.clients.squiz.net/dev/asif/form-with-new-styles/_edit" class="edit admin-button" title="Edit page"><i class="fa fa-edit"></i>Edit</a>
+
+    <a href="https://oss-uat.clients.squiz.net/dev/asif/form-with-new-styles/_admin" class="admin admin-button" title="Admin view"><i class="fa fa-lock"></i>Admin view</a>
+
+
+
+
+    <!--Re test this start-->
+
+
+
+    <!--Re test this end-->
+
+
+    <span class="status-box asset-status" style="background-color:#AACCDD">Under Construction</span>
+
+
+
+
+    <i class="fa fa-chevron-down admin-toggle"></i>
+  </div>
+  <div class="matrix-admin-content">
+    <hr/>
+    <h4>
+      <i class="fa fa-user-circle-o"></i>
+      Asif Amin [<span class="white">asif.amin</span>]
+      <a href="https://oss-uat.clients.squiz.net/dev/asif/form-with-new-styles?SQ_ACTION=logout" class="admin-button logout"><i class="fa fa-sign-out"></i>Log out</a>
+    </h4>
+    <hr/>
+
+    <h4>
+      <img src="https://oss-uat.clients.squiz.net/__data/asset_types/page_standard/icon.png" alt="" title="" height="16" width="16"  class="sq-icon" />
+
+
+      Standard Page
+
+
+      <small>(#
+        253032
+        )</small>
+
+      <!--<div class="button-panel">-->
+      <!--<a href="https://oss-uat.clients.squiz.net/dev/asif/form-with-new-styles/_edit" class="admin-button edit"><i class="fa fa-edit"></i>Edit</a>-->
+      <!--<a href="https://oss-uat.clients.squiz.net/dev/dave/workflow-manager?root=157" class="admin-button edit"><i class="fa fa-dashboard"></i>Assets Manager</a>-->
+      <!---->
+      <!--    <a href="https://oss-uat.clients.squiz.net/dev/asif/form-with-new-styles/_admin" class="admin-button admin"><i class="fa fa-lock"></i>Admin</a>-->
+      <!---->
+      <!--</div>-->
+    </h4>
+    <hr/>
+    <!--<dl>-->
+    <!--    <dt>Asset ID:</dt>-->
+    <!--    <dd>-->
+    <!--        253032-->
+    <!--    </dd>-->
+    <!--</dl>-->
+    <dl>
+      <dt>Created:</dt>
+      <dd>
+        05 Apr 2022
+      </dd>
+
+      <dt>Created by:</dt>
+      <dd>
+        Asif Amin
+      </dd>
+    </dl>
+    <dl>
+      <dt>Updated:</dt>
+      <dd>
+        05 Apr 2022
+      </dd>
+
+      <dt>Updated by:</dt>
+      <dd>
+        Asif Amin
+      </dd>
+    </dl>
+    <dl>
+      <dt>Published:</dt>
+      <dd>
+
+        Never
+
+      </dd>
+
+
+
+
+    </dl>
+    <hr/>
+    <h3><i class="fa fa-gears"></i>Page settings</h3>
+    <dl class="page-settings">
+      <dt>Page Type:</dt>
+      <dd>standard</dd>
+      <br/>
+
+
+
+      <dt>Head extra: </dt><dd> 99114</dd><br/>
+
+
+
+
+
+      <dt>Footer extra: </dt><dd> [45961]</dd><br/>
+
+
+
+
+
+      <dt>Asides: </dt><dd> [45954]</dd><br/>
+
+
+
+      <dt>Design:</dt>
+      <dd>
+        qld.gov.au - Global - Customisation [118372]
+      </dd>
+      <br/>
+      <dt>Paint Layout:</dt>
+      <dd>
+        qld.gov.au - Global [118405]
+      </dd>
+      <br/>
+
+    </dl>
+    <h4 class="ms-metadata">
+      <i class="fa fa-database"></i>Metadata <i class="fa fa-chevron-down"></i>
+    </h4>
+    <div class="matrix-admin-metadata">
+            <pre>
+
+
+&lt;!-- Global - Site Schema //--&gt;
+
+&lt;!-- SEO (required) //--&gt;
+&lt;meta name=&quot;description&quot; content=&quot;&quot; /&gt;
+
+&lt;!-- SEO //--&gt;
+&lt;meta name=&quot;keywords&quot; content=&quot;&quot; /&gt;
+&lt;meta name=&quot;DCTERMS.subject&quot; content=&quot;&quot; /&gt;
+&lt;meta name=&quot;DCTERMS.audience&quot; content=&quot;all&quot; scheme=&quot;AGLSTERMS.agls-audience&quot; /&gt;
+&lt;meta name=&quot;DCTERMS.license&quot; scheme=&quot;DCTERMS.URI&quot; content=&quot;https://creativecommons.org/licenses/by/4.0/&quot;&gt;
+
+&lt;!-- Open Graph //--&gt;
+&lt;meta property=&quot;og:title&quot; content=&quot;Form-with-new-styles&quot; /&gt;
+&lt;meta name=&quot;twitter:title&quot; content=&quot;Form-with-new-styles&quot; /&gt;
+&lt;meta property=&quot;og:description&quot; content=&quot;&quot; /&gt;
+&lt;meta name=&quot;twitter:description&quot; content=&quot;&quot; /&gt;
+&lt;meta property=&quot;og:image&quot; content=&quot;https://oss-uat.clients.squiz.net/__data/assets/image/0012/110460/Opengraph-default-thumbnail.png&quot;&gt;
+&lt;meta name=&quot;twitter:image:src&quot; content=&quot;https://oss-uat.clients.squiz.net/__data/assets/image/0012/110460/Opengraph-default-thumbnail.png&quot; /&gt;
+&lt;meta property=&quot;og:url&quot; content=&quot;https://oss-uat.clients.squiz.net/dev/asif/form-with-new-styles&quot; /&gt;
+&lt;meta property=&quot;og:type&quot; content=&quot;article&quot; /&gt;
+
+&lt;!-- Personalisation //--&gt;
+&lt;meta name=&quot;page.tags&quot; content=&quot;&quot; /&gt;
+
+&lt;!-- News Schema //--&gt;
+
+
+
+            </pre>
+    </div>
+  </div>
+</div>
+
+
+
+
+<!-- Paint Layout - qld.gov.au - Global End -->
+
+<!-- Design Body End -->
+
+<!-- noindex -->
+
+<footer class="qg-site-footer">
+  <div class="container-fluid qg-site-width">
+    <div class="d-flex flex-wrap">
+      <div class="col col-md-4">
+        <div class="qg-footer-col-content">
+
+
+          <h3>Contact us</h3>
+          <!--<p>For general enquiries, feedback, complaints and compliments: test</p>-->
+          <ul>
+            <li>For general enquiries, feedback, complaints and compliments: <p class="phone"><span>13 QGOV (<a href="tel:137468" class="d-inline d-sm-none" data-analytics-link-group="qg-contact-phone">13 74 68</a><span class="d-none d-sm-inline">13 74 68</span>)</span></p></li>
+            <li>For COVID-19 related enquiries: <p class="phone"><span>134 COVID (<a href="tel:134268" class="d-inline d-sm-none" data-analytics-link-group="qg-contact-phone">13 42 68</a><span class="d-none d-sm-inline">13 42 68</span>)</span></p></li>
+            <li class="facebook"><a href="https://www.facebook.com/QueenslandGovernment/" aria-label="Facebook /QueenslandGovernment" data-analytics-link-group="qg-contact-facebook">/QueenslandGovernment</a></li>
+            <li class="twitter"><a href="https://twitter.com/qldgov" aria-label="Twitter @QldGov" data-analytics-link-group="qg-contact-twitter">@QldGov</a></li>
+          </ul>
+
+
+          <a class="btn btn-global-secondary" accesskey="4" href="https://oss-uat.clients.squiz.net/contact-us" data-analytics-link-group="qg-contact-other">Other contact options</a>
+
+
+          <hr class="hidden-lg hidden-md">
+        </div>
+      </div>
+
+
+
+
+      <div class="col col-md-4">
+        <div class="qg-footer-col-content">
+
+
+          <h3>Website feedback</h3>
+          <p>Help us improve the content on our website or tell us what is working really well.</p>
+          <div class="qg-footer-feedback-wrap no-js">
+            <a class="btn btn-global-secondary qg-feedback-toggle" data-toggle="collapse" href="#qg-footer-feedback" role="button" aria-expanded="false" aria-controls="qg-footer-feedback" data-analytics-link-group="qg-feedback">
+              <span class="qg-feedback-toggle__text">Leave your feedback</span>
+            </a>
+            <div id="qg-footer-feedback" class="qg-footer-feedback collapse">
+              <div class="qg-footer-feedback-content">
+                <form id="qg-page-feedback-form" method="post" action="https://www.smartservice.qld.gov.au/services/submissions/email/feedback/feedback-v2" class="form" data-recaptcha="true" data-thanks="./?a=119717?SQ_ASSET_CONTENTS_RAW" novalidate>
+                  <ol class="questions initial-question">
+                    <li>
+                      <fieldset id="page-feedback-about">
+                        <legend><span class="label">Is your feedback about:</span></legend>
+                        <div class="radio">
+                          <input name="page-feedback-about" id="page-feedback-about-this-website" type="radio" value="this website" data-qg-pr="default" data-parent="#qg-page-feedback-form" data-target="#feedback-page" data-toggle="false" data-hide-others="true">
+                          <label for="page-feedback-about-this-website">this website</label>
+                        </div>
+                        <div class="radio">
+                          <input name="page-feedback-about" id="page-feedback-about-a-government-service" type="radio" value="a government service" data-qg-pr="default" data-parent="#qg-page-feedback-form" data-target="#feedback-serv-dep-staff" data-toggle="false" data-hide-others="true">
+                          <label for="page-feedback-about-a-government-service">a government service, department or staff member?</label>
+                        </div>
+                      </fieldset>
+                    </li>
+                  </ol>
+
+                  <div class="panel">
+
+                    <div id="feedback-serv-dep-staff" class="status global-info panel-collapse collapse">
+                      <h4><span class="fa fa-info-circle"></span>Feedback on government services, departments and staff</h4>
+                      <p>Please use our <a href="https://www.qld.gov.au/contact-us/complaints/" data-analytics-link-group="qg-feedback-non-website">complaints and compliments form</a>.</p>
+                    </div>
+
+                    <div id="feedback-page" class="panel-collapse collapse">
+
+                      <ol id="feedback-page-list" class="questions">
+
+                        <li>
+
+                          <fieldset>
+
+                            <legend>
+                              <span class="label">How satisfied are you with your experience today?</span>
+                              <abbr title="(required)" class="required">*</abbr>
+                            </legend>
+                            <div class="radio">
+                              <input type="radio" name="feedback-satisfaction" value="Very dissatisfied" required="" id="fs-very-dissatisfied">
+                              <label for="fs-very-dissatisfied">Very dissatisfied (1)</label>
+                            </div>
+                            <div class="radio">
+                              <input type="radio" name="feedback-satisfaction" value="Dissatisfied" required="" id="fs-dissatisfied">
+                              <label for="fs-dissatisfied">Dissatisfied (2)</label>
+                            </div>
+                            <div class="radio">
+                              <input type="radio" name="feedback-satisfaction" value="Neither satisfied or dissatisfied" required="" id="fs-neither-satisfied-or-dissatisfied">
+                              <label for="fs-neither-satisfied-or-dissatisfied">Neither satisfied or dissatisfied (3)</label>
+                            </div>
+                            <div class="radio">
+                              <input type="radio" name="feedback-satisfaction" value="Satisfied" required="" id="fs-satisfied">
+                              <label for="fs-satisfied">Satisfied (4)</label>
+                            </div>
+                            <div class="radio">
+                              <input type="radio" name="feedback-satisfaction" value="Very satisfied" required="" id="fs-very-satisfied">
+                              <label for="fs-very-satisfied">Very satisfied (5)</label>
+                            </div>
+
+                          </fieldset>
+                        </li>
+
+                        <li>
+                          <div class="form-group">
+                            <label for="comments">
+                              <span class="label">Comments</span>
+                              <abbr title="(required)" class="required">*</abbr>
+                            </label>
+                            <textarea class="form-control" name="comments" id="comments" rows="6" cols="40" required="required"></textarea>
+                          </div>
+                        </li>
+
+                        <li class="footer col-md-12">
+                          <span id="feedback-hidden-inputs"></span>
+
+                          <ul class="actions">
+
+                            <li>
+                              <button type="submit" value="Submit feedback" class="btn btn-global-primary" data-analytics-link-group="qg-feedback-website">Submit feedback</button>
+                            </li>
+
+                          </ul>
+                          <p class="captchaPrivacyTerms">
+                            This site is protected by reCAPTCHA and the Google
+                            <a href="https://policies.google.com/privacy">Privacy Policy</a> and
+                            <a href="https://policies.google.com/terms">Terms of Service</a> apply.
+                          </p>
+
+                        </li>
+
+                      </ol>
+                    </div>
+                  </div>
+                </form>
+                <div class='thankyou d-none'></div>
+                <div class="qg-footer-feedback-footer">
+                  <a class="qg-footer-feedback__close" data-toggle="collapse" href="#qg-footer-feedback" role="button" aria-expanded="false" aria-controls="qg-footer-feedback">Close</a>
+                </div>
+              </div>
+            </div>
+          </div>
+
+
+
+        </div>
+      </div>
+    </div>
+    <div class="qg-legal d-flex flex-wrap align-items-end justify-content-between">
+      <ul class="list-inline col-lg-6 col-md-6">
+        <li><a href="https://oss-uat.clients.squiz.net/help" class="no-print">Help</a></li>
+        <li><a href="https://oss-uat.clients.squiz.net/legal/copyright">Copyright</a></li>
+        <li><a href="https://oss-uat.clients.squiz.net/legal/disclaimer">Disclaimer</a></li>
+        <li><a href="https://oss-uat.clients.squiz.net/legal/privacy">Privacy</a></li>
+        <li><a href="https://oss-uat.clients.squiz.net/about/rights-accountability/right-to-information">Right to information</a></li>
+        <li><a href="https://oss-uat.clients.squiz.net/help/accessibility" class="no-print">Accessibility</a></li>
+        <li class="d-none"><a href="https://oss-uat.clients.squiz.net/help/keyboard" accesskey="0">Keyboard Accessibility</a>
+        <li><a href="http://www.smartjobs.qld.gov.au/" class="no-print">Jobs in Queensland Government</a></li>
+        <li id="link-languages"><a href="https://oss-uat.clients.squiz.net/help/languages" class="no-print">Other languages</a></li>
+      </ul>
+      <p class="qg-copyright col-lg-4 col-md-4">&copy; The State of Queensland <span id="qg-copyright-yearrange">1995&ndash;2022</span></p>
+    </div>
+  </div>
+</footer>
+
+
+
+<script src="https://oss-uat.clients.squiz.net/__data/assets/js_file_folder/0013/337/all-ext-min.js?v=0.9.4"></script>
+
+
+<script src="https://oss-uat.clients.squiz.net/__data/assets/js_file_folder/0004/130/qg-main.js?v=0.9.4"></script>
+
+
+
+
+<script type="text/javascript" src="https://oss-uat.clients.squiz.net/__data/assets/git_bridge/0029/95447/static.qgov.net.au/assets/v4/latest/lib/all-ext-min.js?h=596bab3"></script>
+<script type="text/javascript" src="https://oss-uat.clients.squiz.net/__data/assets/git_bridge/0029/95447/static.qgov.net.au/assets/v4/latest/js/qg-main.js?h=596bab3"></script>
+
+
+
+<!--<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDvR5MCDqi0HtcjkehKqbKhyoCxt4Khqac"></script>-->
+
+
+
+
+<script type="text/javascript">
+  (function( $, qg ) {
+    'use strict';
+
+    //Global form vars
+    var hourPriority = $('#priority-level-immediate-1-hour');
+    var fourHourPriority = $('#priority-level-urgent-4-hour');
+    var dayPriority = $('#priority-level-priority-24-hour');
+    var normalPriority = $('#priority-level-normal-14-days');
+    var afterHourContact = $('#after-hours-contact');
+    var qBuildInformation = $('#qbuild-information');
+    var lodgementDetails = $('#lodgment-details');
+    var qBuildContact = $('#has-qbuild-been-contacted');
+    var qb_childInput = qBuildContact.find('input');
+    var afterHours = $('#was-this-issue-reported-after-hours');
+    var ah_childInput = afterHours.find('input');
+    var ah_yes = $('#was-this-issue-reported-after-hours-yes');
+    var ah_no = $('#was-this-issue-reported-after-hours-no');
+
+    //OnReady/directed - reset selections
+    $(document).ready(function() {
+      hourPriority.prop( "checked", false);
+      fourHourPriority.prop( "checked", false);
+      dayPriority.prop( "checked", false);
+      normalPriority.prop( "checked", false);
+      afterHours.relevance('relevant', false);
+      qBuildContact.relevance('relevant', false);
+    });
+
+    //decision trees
+    hourPriority.change(function () {
+      if (hourPriority.is(":checked")) {
+        afterHours.relevance('relevant', true);
+        afterHourContact.relevance('relevant', false);
+        ah_childInput.prop('checked', false);
+        qBuildContact.relevance('relevant', false);
+        qb_childInput.prop('checked', false);
+      }
+    });
+    fourHourPriority.change(function () {
+      if (fourHourPriority.is(":checked")) {
+        afterHours.relevance('relevant', true);
+        afterHourContact.relevance('relevant', false);
+        ah_childInput.prop('checked', false);
+        qBuildContact.relevance('relevant', false);
+        qb_childInput.prop('checked', false);
+      }
+    });
+    dayPriority.change(function () {
+      if (dayPriority.is(":checked")) {
+        afterHours.relevance('relevant', false);
+        afterHourContact.relevance('relevant', false);
+        ah_childInput.prop('checked', false);
+        qBuildContact.relevance('relevant', false);
+        qb_childInput.prop('checked', false);
+      }
+    });
+    normalPriority.change(function () {
+      if (normalPriority.is(":checked")) {
+        afterHours.relevance('relevant', false);
+        afterHourContact.relevance('relevant', false);
+        ah_childInput.prop('checked', false);
+        qBuildContact.relevance('relevant', false);
+        qb_childInput.prop('checked', false);
+      }
+    });
+    afterHours.change(function () {
+      if (ah_yes.is(":checked")) {
+        qb_childInput.prop('checked', false);
+      }
+      if (ah_no.is(":checked")) {
+        qb_childInput.prop('checked', false);
+      }
+    });
+
+    //Default relevance
+    afterHourContact.relevance('relevantWhen', { name: 'was-this-issue-reported-after-hours', value: 'Yes' });
+    qBuildContact.relevance('relevantWhen', { name: 'was-this-issue-reported-after-hours', value: 'No' });
+    qBuildInformation.relevance('relevantWhen', { name: 'has-qbuild-been-contacted', value: 'Yes' });
+
+  }( jQuery, qg ));
+</script>
+<!-- endnoindex -->
+
+
+</body>
+</html>

Hours	Priority	Region	When to phone through
Business hours +	Immediate	All regions	All work orders to be phoned through
	Urgent	South East Queensland	Only phone to advise if customer has called after 3.30pm
	Urgent	All other regions	All work orders to be phoned through
After hours +	Immediate and urgent	All regions	All work orders to be phoned through