@import url(https://global.curtin.edu.au/packages/jQuery-plugins/datePicker/css/smoothness/jquery-ui-1.7.1.custom.css);
/* Simple scalable breadcrumb by Veerle Pieters */
#content form.flow .progress {
  float: right;
  clear: right;
  border: 1px solid #dedede;
  margin: 1em 0;
  font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
  /* Override default display styles */ }
  #content form.flow .progress, #content form.flow .progress li {
    list-style-type: none;
    list-style-position: inside;
    list-style-type: none;
    padding: 0; }
  #content form.flow .progress li {
    height: 2em;
    margin: 0;
    float: left;
    padding-left: 1.0em;
    /* COMPLETED LINK */
    /* CURRENT LINK */
    /* INCOMPLETE LINK */ }
    #content form.flow .progress li a {
      display: relative; }
      #content form.flow .progress li a:link, #content form.flow .progress li a:visited {
        text-decoration: none; }
    #content form.flow .progress li.complete {
      background: url(https://global.curtin.edu.au/flow/forms-1.1.0/images/breadcrumbs/crumbs.gif) no-repeat right center;
      padding: 0 20px; }
      #content form.flow .progress li.complete a {
        color: #555555;
        text-decoration: underline; }
        #content form.flow .progress li.complete a:hover, #content form.flow .progress li.complete a:focus {
          color: #6ca300; }
    #content form.flow .progress li.current {
      color: #6ca300;
      font-weight: bold; }
    #content form.flow .progress li.incomplete a {
      color: #cccccc; }
      #content form.flow .progress li.incomplete a:hover, #content form.flow .progress li.incomplete a:focus {
        text-decoration: none; }

#content form.flow .header {
  /* Progress is handled by breadcrumbs.css */ }
  #content form.flow .header .copyright {
    border-width: 2px;
    border-style: solid;
    margin: 1em 0 1em 0;
    padding: 1em;
    color: black;
    border-color: #429f23;
    background-color: #dfffd6;
    font-size: 1.2em; }
    #content form.flow .header .copyright input {
      margin: 0 1em 0 0;
      padding: 0; }
  #content form.flow .header .logo {
    float: right;
    padding-bottom: 2em; }
    #content form.flow .header .logo .owner_area_logo, #content form.flow .header .logo .partner_logo {
      float: right;
      border: 1px solid black;
      margin-left: 1em; }
  #content form.flow .header .contact {
    border-width: 2px;
    border-style: solid;
    margin: 1em 0 1em 0;
    padding: 1em;
    color: black;
    background: #f4f4f4;
    border-color: black;
    display: block;
    float: right;
    clear: both;
    text-align: right;
    margin-left: 1em;
    width: 25em; }
    #content form.flow .header .contact li {
      display: block;
      margin: 0;
      padding: 0; }
    #content form.flow .header .contact .adr .type, #content form.flow .header .contact .adr .country-name {
      display: none; }
  #content form.flow .header .legislation {
    font-weight: bold;
    font-size: 110%; }
  #content form.flow .header .instructions {
    padding-top: 2em; }
#content form.flow .instructions .chrome {
  border-width: 2px;
  border-style: solid;
  margin: 1em 0 1em 0;
  padding: 1em;
  color: black;
  background: #ffffcc;
  border-color: #e0c36c;
  clear: right;
  margin-top: 1em; }
  #content form.flow .instructions .chrome h2 {
    margin-bottom: 1em;
    margin-top: 0; }
    #content form.flow .instructions .chrome h2:after {
      content: ":"; }
  #content form.flow .instructions .chrome .error {
    border-width: 2px;
    border-style: solid;
    margin: 1em 0 1em 0;
    padding: 1em;
    color: black;
    background-color: #ffe6e6;
    background-image: url(https://global.curtin.edu.au/flow/forms-1.1.0/images/icons/cross_32.png);
    background-repeat: no-repeat;
    background-position: 5px 5px;
    border-color: #ff2626; }
  #content form.flow .instructions .chrome .title {
    margin: 0; }
  #content form.flow .instructions .chrome .list {
    margin-left: 2em; }
#content form.flow .instructions .progress {
  clear: right; }

/* 
 * The .qtip css needs to be declared outside of the content,
 * as the tip divs are placed just inside the body. */
.qtip {
  font-size: 150%; }

#content form.flow *:focus {
  border-color: #7c9ab6;
  border-style: solid; }
#content form.flow.erroneous dd.sub_section.invalid {
  padding: 1em 1em 1em 4.5em !important;
  border: 1px solid red;
  margin-bottom: 1em;
  background-color: #ffe6e6;
  background-image: url(https://global.curtin.edu.au/flow/forms-1.1.0/images/icons/cross_32.png);
  background-repeat: no-repeat;
  background-position: 5px 5px; }
  #content form.flow.erroneous dd.sub_section.invalid p.error_text {
    color: #A31;
    font-weight: bold;
    font-size: 120%; }
#content form.flow .confirmation_message {
  border-width: 2px;
  border-style: solid;
  margin: 1em 0 1em 0;
  padding: 1em;
  color: black;
  border-color: #429f23;
  background-color: #dfffd6;
  background-image: url(https://global.curtin.edu.au/flow/forms-1.1.0/images/icons/tick_32.png);
  background-repeat: no-repeat;
  background-position: 5px 5px;
  padding: 0 2em 2em 2em; }
  #content form.flow .confirmation_message h2 {
    margin: 0.8em 0 1em 0;
    margin-left: 2em; }
  #content form.flow .confirmation_message .message {
    background: white;
    padding: 1em;
    margin-top: 1em;
    border: 1px solid #999999; }
    #content form.flow .confirmation_message .message .contact {
      list-style-type: none;
      padding: 1em;
      margin: 0; }
      #content form.flow .confirmation_message .message .contact li {
        padding: 0;
        margin: 0; }
#content form.flow .tip {
  border-width: 2px;
  border-style: solid;
  margin: 1em 0 1em 0;
  padding: 1em;
  color: black;
  background: #ffffcc;
  border-color: #e0c36c;
  padding: 0.2em; }
#content form.flow.completed table td, #content form.flow.completed table th {
  padding: 0.5em;
  background: white;
  color: black; }
#content form.flow.completed table th.key {
  font-weight: normal; }
  #content form.flow.completed table th.key:after {
    content: ":"; }
#content form.flow.completed table .value {
  font-weight: bold; }
#content form.flow fieldset.section {
  border: 1px solid black;
  margin: 2em 0 1em 0;
  padding: 1em;
  clear: right; }
  #content form.flow fieldset.section legend {
    border: 1px solid black;
    background: white;
    padding: 0.2em 0.3em;
    font-size: 200%; }
  #content form.flow fieldset.section .instructions {
    font-size: 80%; }
    #content form.flow fieldset.section .instructions .chrome {
      background: #ffffe6;
      border-color: #ffe58e; }
  #content form.flow fieldset.section dt.sub_section {
    font-size: 120%;
    margin-top: 0.5em; }
  #content form.flow fieldset.section dd.sub_section {
    font-size: 100%;
    margin-bottom: 0.5em; }
    #content form.flow fieldset.section dd.sub_section li dt {
      font-size: 100%; }
  #content form.flow fieldset.section .sub_section {
    clear: right;
    padding: 0;
    /* Deal with how a nested subsection is displayed */ }
    #content form.flow fieldset.section .sub_section .nested_sub_section {
      border: 1px solid black;
      background: #efffdf;
      margin: 0.5em 1em;
      padding: 0 1em 0.5em 1em; }
    #content form.flow fieldset.section .sub_section ul.check, #content form.flow fieldset.section .sub_section ul.radio {
      margin: 0; }
      #content form.flow fieldset.section .sub_section ul.check li,       #content form.flow fieldset.section .sub_section ul.radio li {
        margin: 0;
        list-style-type: none;
        line-height: 1em; }
    #content form.flow fieldset.section .sub_section .hint {
      border-width: 2px;
      border-style: solid;
      margin: 1em 0 1em 0;
      padding: 1em;
      color: black;
      background: #ffffcc;
      border-color: #e0c36c;
      float: right;
      clear: right;
      width: 300px;
      margin-top: 0; }
    #content form.flow fieldset.section .sub_section .inputs {
      margin-left: 1em; }
    #content form.flow fieldset.section .sub_section .date_picker .date {
      width: 6em; }
#content form.flow .footer {
  border-width: 2px;
  border-style: solid;
  margin: 1em 0 1em 0;
  padding: 1em;
  color: black;
  background: #f4f4f4;
  border-color: black;
  display: block;
  border: 2px solid #333333;
  background: #eeeeee;
  padding: 0.5em;
  margin-top: 2em;
  text-align: center; }
  #content form.flow .footer .segment {
    display: inline;
    margin: 0.5em;
    white-space: nowrap; }