@import url('https://fonts.googleapis.com/css2?family=Heebo&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@900&display=swap');

@media screen {
  /**
   * @file
   * Generic theme-independent base styles.
   */
  /**
   * Autocomplete.
   *
   * @see autocomplete.js
   */
  /* Suggestion list */
  #autocomplete {
    border: 1px solid;
    overflow: hidden;
    position: absolute;
    z-index: 100; }

  #autocomplete ul {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0; }

  #autocomplete li {
    background: #fff;
    color: #000;
    cursor: default;
    white-space: pre;
    zoom: 1;
    /* IE7 */ }

  /* Animated throbber */
  html.js input.form-autocomplete {
    background-image: url(../../misc/throbber-inactive.png);
    background-position: 100% center;
    /* LTR */
    background-repeat: no-repeat; }

  html.js input.throbbing {
    background-image: url(../../misc/throbber-active.gif);
    background-position: 100% center;
    /* LTR */ }

  /**
   * Collapsible fieldsets.
   *
   * @see collapse.js
   */
  html.js fieldset.collapsed {
    border-bottom-width: 0;
    border-left-width: 0;
    border-right-width: 0;
    height: 1em; }

  html.js fieldset.collapsed .fieldset-wrapper {
    display: none; }

  fieldset.collapsible {
    position: relative; }

  fieldset.collapsible .fieldset-legend {
    display: block; }

  /**
   * Resizable textareas.
   *
   * @see textarea.js
   */
  .form-textarea-wrapper textarea {
    display: block;
    margin: 0;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }

  .resizable-textarea .grippie {
    background: #eee url(../../misc/grippie.png) no-repeat center 2px;
    border: 1px solid #ddd;
    border-top-width: 0;
    cursor: s-resize;
    height: 9px;
    overflow: hidden; }

  /**
   * TableDrag behavior.
   *
   * @see tabledrag.js
   */
  body.drag {
    cursor: move; }

  .draggable a.tabledrag-handle {
    cursor: move;
    float: left;
    /* LTR */
    height: 1.7em;
    margin-left: -1em;
    /* LTR */
    overflow: hidden;
    text-decoration: none; }

  a.tabledrag-handle:hover {
    text-decoration: none; }

  a.tabledrag-handle .handle {
    background: url(../../misc/draggable.png) no-repeat 6px 9px;
    height: 13px;
    margin: -0.4em 0.5em;
    /* LTR */
    padding: 0.42em 0.5em;
    /* LTR */
    width: 13px; }

  a.tabledrag-handle-hover .handle {
    background-position: 6px -11px; }

  div.indentation {
    float: left;
    /* LTR */
    height: 1.7em;
    margin: -0.4em 0.2em -0.4em -0.4em;
    /* LTR */
    padding: 0.42em 0 0.42em 0.6em;
    /* LTR */
    width: 20px; }

  div.tree-child {
    background: url(../../misc/tree.png) no-repeat 11px center;
    /* LTR */ }

  div.tree-child-last {
    background: url(../../misc/tree-bottom.png) no-repeat 11px center;
    /* LTR */ }

  div.tree-child-horizontal {
    background: url(../../misc/tree.png) no-repeat -11px center; }

  .tabledrag-toggle-weight-wrapper {
    text-align: right;
    /* LTR */ }

  /**
   * TableHeader behavior.
   *
   * @see tableheader.js
   */
  table.sticky-header {
    background-color: #fff;
    margin-top: 0; }

  /**
   * Progress behavior.
   *
   * @see progress.js
   */
  /* Bar */
  .progress .bar {
    background-color: #fff;
    border: 1px solid; }

  .progress .filled {
    background-color: #000;
    height: 1.5em;
    width: 5px; }

  .progress .percentage {
    float: right;
    /* LTR */ }

  /* Throbber */
  .ajax-progress {
    display: inline-block; }

  .ajax-progress .throbber {
    background: transparent url(../../misc/throbber-active.gif) no-repeat 0px center;
    float: left;
    /* LTR */
    height: 15px;
    margin: 2px;
    width: 15px; }

  .ajax-progress .message {
    padding-left: 20px; }

  tr .ajax-progress .throbber {
    margin: 0 2px; }

  .ajax-progress-bar {
    width: 16em; }

  /**
   * Inline items.
   */
  .container-inline div,
  .container-inline label {
    display: inline; }

  /* Fieldset contents always need to be rendered as block. */
  .container-inline .fieldset-wrapper {
    display: block; }

  /**
   * Prevent text wrapping.
   */
  .nowrap {
    white-space: nowrap; }

  /**
   * For anything you want to hide on page load when JS is enabled, so
   * that you can use the JS to control visibility and avoid flicker.
   */
  html.js .js-hide {
    display: none; }

  /**
   * Hide elements from all users.
   *
   * Used for elements which should not be immediately displayed to any user. An
   * example would be a collapsible fieldset that will be expanded with a click
   * from a user. The effect of this class can be toggled with the jQuery show()
   * and hide() functions.
   */
  .element-hidden {
    display: none; }

  /**
   * Hide elements visually, but keep them available for screen-readers.
   *
   * Used for information required for screen-reader users to understand and use
   * the site where visual display is undesirable. Information provided in this
   * manner should be kept concise, to avoid unnecessary burden on the user.
   * "!important" is used to prevent unintentional overrides.
   */
  .element-invisible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    height: 1px; }

  /**
   * The .element-focusable class extends the .element-invisible class to allow
   * the element to be focusable when navigated to via the keyboard.
   */
  .element-invisible.element-focusable:active,
  .element-invisible.element-focusable:focus {
    position: static !important;
    clip: auto;
    overflow: visible;
    height: auto; }

  /**
   * Markup free clearing.
   *
   * @see http://perishablepress.com/press/2009/12/06/new-clearfix-hack
   */
  .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }

  /* IE6 */
  * html .clearfix {
    height: 1%; }

  /* IE7 */
  *:first-child + html .clearfix {
    min-height: 1%; }

  /**
   * @file
   * Styles for system messages.
   */
  div.messages {
    background-position: 8px 8px;
    /* LTR */
    background-repeat: no-repeat;
    border: 1px solid;
    margin: 6px 0;
    padding: 10px 10px 10px 50px;
    /* LTR */ }

  div.status {
    background-image: url(../../misc/message-24-ok.png);
    border-color: #be7; }

  div.status,
  .ok {
    color: #234600; }

  div.status,
  table tr.ok {
    background-color: #f8fff0; }

  div.warning {
    background-image: url(../../misc/message-24-warning.png);
    border-color: #ed5; }

  div.warning,
  .warning {
    color: #840; }

  div.warning,
  table tr.warning {
    background-color: #fffce5; }

  div.error {
    background-image: url(../../misc/message-24-error.png);
    border-color: #ed541d; }

  div.error,
  .error {
    color: #8c2e0b; }

  div.error,
  table tr.error {
    background-color: #fef5f1; }

  div.error p.error {
    color: #000; }

  div.messages ul {
    margin: 0 0 0 1em;
    /* LTR */
    padding: 0; }

  div.messages ul li {
    list-style-image: none; }

  /**
   * @file
   * Basic styling for common markup.
   */
  /**
   * HTML elements.
   */
  fieldset {
    margin-bottom: 1em;
    padding: 0.5em; }

  form {
    margin: 0;
    padding: 0; }

  hr {
    border: 1px solid gray;
    height: 1px; }

  img {
    border: 0; }

  table {
    border-collapse: collapse; }

  th {
    border-bottom: 3px solid #ccc;
    padding-right: 1em;
    /* LTR */
    text-align: left;
    /* LTR */ }

  tbody {
    border-top: 1px solid #ccc; }

  tr.even,
  tr.odd {
    background-color: #eee;
    border-bottom: 1px solid #ccc;
    padding: 0.1em 0.6em; }

  /**
   * Markup generated by theme_tablesort_indicator().
   */
  th.active img {
    display: inline; }

  td.active {
    background-color: #ddd; }

  /**
   * Markup generated by theme_item_list().
   */
  .item-list .title {
    font-weight: bold; }

  .item-list ul {
    margin: 0 0 0.75em 0;
    padding: 0; }

  .item-list ul li {
    margin: 0 0 0.25em 1.5em;
    /* LTR */
    padding: 0; }

  /**
   * Markup generated by Form API.
   */
  .form-item,
  .form-actions {
    margin-top: 1em;
    margin-bottom: 1em; }

  tr.odd .form-item,
  tr.even .form-item {
    margin-top: 0;
    margin-bottom: 0;
    white-space: nowrap; }

  .form-item .description {
    font-size: 0.85em; }

  label {
    display: block;
    font-weight: bold; }

  label.option {
    display: inline;
    font-weight: normal; }

  .form-checkboxes .form-item,
  .form-radios .form-item {
    margin-top: 0.4em;
    margin-bottom: 0.4em; }

  .form-type-radio .description,
  .form-type-checkbox .description {
    margin-left: 2.4em; }

  input.form-checkbox,
  input.form-radio {
    vertical-align: middle; }

  .marker,
  .form-required {
    color: #f00; }

  .form-item input.error,
  .form-item textarea.error,
  .form-item select.error {
    border: 2px solid red; }

  /**
   * Inline items.
   */
  .container-inline .form-actions,
  .container-inline.form-actions {
    margin-top: 0;
    margin-bottom: 0; }

  /**
   * Markup generated by theme_more_link().
   */
  .more-link {
    text-align: right;
    /* LTR */ }

  /**
   * Markup generated by theme_more_help_link().
   */
  .more-help-link {
    text-align: right;
    /* LTR */ }

  .more-help-link a {
    background: url(../../misc/help.png) 0 50% no-repeat;
    /* LTR */
    padding: 1px 0 1px 20px;
    /* LTR */ }

  /**
   * Markup generated by theme_pager().
   */
  .item-list .pager {
    clear: both;
    text-align: center; }

  .item-list .pager li {
    background-image: none;
    display: inline;
    list-style-type: none;
    padding: 0.5em; }

  .pager-current {
    font-weight: bold; }

  /**
   * Autocomplete.
   *
   * @see autocomplete.js
   */
  /* Suggestion list */
  #autocomplete li.selected {
    background: #0072b9;
    color: #fff; }

  /**
   * Collapsible fieldsets.
   *
   * @see collapse.js
   */
  html.js fieldset.collapsible .fieldset-legend {
    background: url(../../misc/menu-expanded.png) 5px 65% no-repeat;
    /* LTR */
    padding-left: 15px;
    /* LTR */ }

  html.js fieldset.collapsed .fieldset-legend {
    background-image: url(../../misc/menu-collapsed.png);
    /* LTR */
    background-position: 5px 50%;
    /* LTR */ }

  .fieldset-legend span.summary {
    color: #999;
    font-size: 0.9em;
    margin-left: 0.5em; }

  /**
   * TableDrag behavior.
   *
   * @see tabledrag.js
   */
  tr.drag {
    background-color: #fffff0; }

  tr.drag-previous {
    background-color: #ffd; }

  .tabledrag-toggle-weight {
    font-size: 0.9em; }

  body div.tabledrag-changed-warning {
    margin-bottom: 0.5em; }

  /**
   * TableSelect behavior.
   *
   * @see tableselect.js
  */
  tr.selected td {
    background: #ffc; }

  td.checkbox,
  th.checkbox {
    text-align: center; }

  /**
   * Progress bar.
   *
   * @see progress.js
   */
  .progress {
    font-weight: bold; }

  .progress .bar {
    background: #ccc;
    border-color: #666;
    margin: 0 0.2em;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; }

  .progress .filled {
    background: #0072b9 url(../../misc/progress.gif); }

  label {
    font-weight: normal; }

  /**
   * Styles for theme in the Aggregator module.
   */
  #aggregator .feed-source .feed-title {
    margin-top: 0; }

  #aggregator .feed-source .feed-image img {
    margin-bottom: 0.75em; }

  #aggregator .feed-source .feed-icon {
    float: right;
    /* LTR */
    display: block; }

  #aggregator .feed-item {
    margin-bottom: 1.5em; }

  #aggregator .feed-item-title {
    margin-bottom: 0;
    font-size: 1.3em; }

  #aggregator .feed-item-meta,
  #aggregator .feed-item-body {
    margin-bottom: 0.5em; }

  #aggregator .feed-item-categories {
    font-size: 0.9em; }

  #aggregator td {
    vertical-align: bottom; }

  #aggregator td.categorize-item {
    white-space: nowrap; }

  #aggregator .categorize-item .news-item .body {
    margin-top: 0; }

  #aggregator .categorize-item h3 {
    margin-bottom: 1em;
    margin-top: 0; }

  /**
   * @file
   * Main stylesheet for Date module.
   */
  /* Force start/end dates to float using inline-block, where it works, otherwise inline. */
  .container-inline-date {
    clear: both; }

  .container-inline-date .form-item {
    float: none;
    margin: 0;
    padding: 0; }

  .container-inline-date > .form-item {
    display: inline-block;
    margin-right: 0.5em;
    /* LTR */
    margin-bottom: 10px;
    vertical-align: top; }

  .container-inline-date .form-item .form-item {
    float: left;
    /* LTR */ }

  .container-inline-date .form-item,
  .container-inline-date .form-item input {
    width: auto; }

  .container-inline-date .description {
    clear: both; }

  .container-inline-date .form-item input,
  .container-inline-date .form-item select,
  .container-inline-date .form-item option {
    margin-right: 5px;
    /* LTR */ }

  .container-inline-date .date-spacer {
    margin-left: -5px;
    /* LTR */ }

  .views-right-60 .container-inline-date div {
    margin: 0;
    padding: 0; }

  .container-inline-date .date-timezone .form-item {
    clear: both;
    float: none;
    width: auto; }

  /* The exposed Views form doesn't need some of these styles */
  .container-inline-date .date-padding {
    padding: 10px;
    float: left; }

  .views-exposed-form .container-inline-date .date-padding {
    padding: 0; }

  /* Fixes for date popup css so it will behave in Drupal */
  #calendar_div,
  #calendar_div td,
  #calendar_div th {
    margin: 0;
    padding: 0; }

  #calendar_div,
  .calendar_control,
  .calendar_links,
  .calendar_header,
  .calendar {
    border-collapse: separate;
    margin: 0;
    width: 185px; }

  .calendar td {
    padding: 0; }

  /* formatting for start/end dates in nodes and views */
  .date-prefix-inline {
    display: inline-block; }

  .date-clear {
    clear: both;
    display: block;
    float: none; }

  .date-no-float {
    clear: both;
    float: none;
    width: 98%; }

  .date-float {
    clear: none;
    float: left;
    width: auto; }

  /* Add space between date option checkboxes ('All day' & 'Collect End Date') */
  .date-float .form-type-checkbox {
    padding-right: 1em; }

  /* Add space between the date and time portions of the date_select widget. */
  .form-type-date-select .form-type-select[class$=hour] {
    margin-left: .75em;
    /* LTR */ }

  .date-container .date-format-delete {
    float: left;
    margin-top: 1.8em;
    margin-left: 1.5em; }

  .date-container .date-format-name {
    float: left; }

  .date-container .date-format-type {
    float: left;
    padding-left: 10px; }

  .date-container .select-container {
    clear: left;
    float: left; }

  /* Calendar day css */
  div.date-calendar-day {
    background: #F3F3F3;
    border-top: 1px solid #EEE;
    border-left: 1px solid #EEE;
    border-right: 1px solid #BBB;
    border-bottom: 1px solid #BBB;
    color: #999;
    float: left;
    line-height: 1;
    margin: 6px 10px 0 0;
    text-align: center;
    width: 40px; }

  div.date-calendar-day span {
    display: block;
    text-align: center; }

  div.date-calendar-day span.month {
    background-color: #B5BEBE;
    color: white;
    font-size: .9em;
    padding: 2px;
    text-transform: uppercase; }

  div.date-calendar-day span.day {
    font-size: 2em;
    font-weight: bold; }

  div.date-calendar-day span.year {
    font-size: .9em;
    padding: 2px; }

  /* Admin styling */
  .form-item.form-item-instance-widget-settings-input-format-custom,
  .form-item.form-item-field-settings-enddate-required {
    margin-left: 1.3em; }

  #edit-field-settings-granularity .form-type-checkbox {
    margin-right: .6em;
    /* LTR */ }

  .date-year-range-select {
    margin-right: 1em; }

  #ui-datepicker-div {
    font-size: 100%;
    font-family: Arial, 'Heebo', Helvetica, sans-serif;
    background: #eee;
    border-right: 2px #666 solid;
    border-bottom: 2px #666 solid;
    z-index: 9999; }

  /* Datepicker
  ----------------------------------*/
  .ui-datepicker {
    width: 17em;
    padding: .2em .2em 0; }

  .ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0; }

  .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em; }

  .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
    top: 1px; }

  .ui-datepicker .ui-datepicker-prev {
    left: 2px; }

  .ui-datepicker .ui-datepicker-next {
    right: 2px; }

  .ui-datepicker .ui-datepicker-prev-hover {
    left: 1px; }

  .ui-datepicker .ui-datepicker-next-hover {
    right: 1px; }

  .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px; }

  .ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center; }

  .ui-datepicker .ui-datepicker-title select {
    float: left;
    font-size: 1em;
    margin: 1px 0; }

  .ui-datepicker select.ui-datepicker-month-year {
    width: 100%; }

  .ui-datepicker select.ui-datepicker-month,
  .ui-datepicker select.ui-datepicker-year {
    width: 49%; }

  .ui-datepicker .ui-datepicker-title select.ui-datepicker-year {
    float: right; }

  .ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em; }

  .ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0; }

  .ui-datepicker td {
    border: 0;
    padding: 1px; }

  .ui-datepicker td span, .ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none; }

  .ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0; }

  .ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible; }

  .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left; }

  /* with multiple calendars */
  .ui-datepicker.ui-datepicker-multi {
    width: auto; }

  .ui-datepicker-multi .ui-datepicker-group {
    float: left; }

  .ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em; }

  .ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%; }

  .ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%; }

  .ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%; }

  .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
    border-left-width: 0; }

  .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0; }

  .ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left; }

  .ui-datepicker-row-break {
    clear: both;
    width: 100%; }

  /* RTL support */
  .ui-datepicker-rtl {
    direction: rtl; }

  .ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto; }

  .ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto; }

  .ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto; }

  .ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto; }

  .ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right; }

  .ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left; }

  .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: right; }

  .ui-datepicker-rtl .ui-datepicker-group {
    float: right; }

  .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px; }

  .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px; }

  /* Field display */
  .field .field-label {
    font-weight: bold; }

  .field-label-inline .field-label,
  .field-label-inline .field-items {
    float: left;
    /*LTR*/ }

  /* Form display */
  form .field-multiple-table {
    margin: 0; }

  form .field-multiple-table th.field-label {
    padding-left: 0;
    /*LTR*/ }

  form .field-multiple-table td.field-multiple-drag {
    width: 30px;
    padding-right: 0;
    /*LTR*/ }

  form .field-multiple-table td.field-multiple-drag a.tabledrag-handle {
    padding-right: .5em;
    /*LTR*/ }

  form .field-add-more-submit {
    margin: .5em 0 0; }

  .node-unpublished {
    background-color: #fff4f4; }

  .preview .node {
    background-color: #ffffea; }

  td.revision-current {
    background: #ffc; }

  .search-form {
    margin-bottom: 1em; }

  .search-form input {
    margin-top: 0;
    margin-bottom: 0; }

  .search-results {
    list-style: none; }

  .search-results p {
    margin-top: 0; }

  .search-results .title {
    font-size: 1.2em; }

  .search-results li {
    margin-bottom: 1em; }

  .search-results .search-snippet-info {
    padding-left: 1em;
    /* LTR */ }

  .search-results .search-info {
    font-size: 0.85em; }

  .search-advanced .criterion {
    float: left;
    /* LTR */
    margin-right: 2em;
    /* LTR */ }

  .search-advanced .action {
    float: left;
    /* LTR */
    clear: left;
    /* LTR */ }

  #permissions td.module {
    font-weight: bold; }

  #permissions td.permission {
    padding-left: 1.5em;
    /* LTR */ }

  #permissions tr.odd .form-item,
  #permissions tr.even .form-item {
    white-space: normal; }

  #user-admin-settings fieldset .fieldset-description {
    font-size: 0.85em;
    padding-bottom: .5em; }

  /**
   * Override default textfield float to put the "Add role" button next to
   * the input textfield.
   */
  #user-admin-roles td.edit-name {
    clear: both; }

  #user-admin-roles .form-item-name {
    float: left;
    /* LTR */
    margin-right: 1em;
    /* LTR */ }

  /**
   * Password strength indicator.
   */
  .password-strength {
    width: 17em;
    float: right;
    /* LTR */
    margin-top: 1.4em; }

  .password-strength-title {
    display: inline; }

  .password-strength-text {
    float: right;
    /* LTR */
    font-weight: bold; }

  .password-indicator {
    background-color: #C4C4C4;
    height: 0.3em;
    width: 100%; }

  .password-indicator div {
    height: 100%;
    width: 0%;
    background-color: #47C965; }

  input.password-confirm,
  input.password-field {
    width: 16em;
    margin-bottom: 0.4em; }

  div.password-confirm {
    float: right;
    /* LTR */
    margin-top: 1.5em;
    visibility: hidden;
    width: 17em; }

  div.form-item div.password-suggestions {
    padding: 0.2em 0.5em;
    margin: 0.7em 0;
    width: 38.5em;
    border: 1px solid #B4B4B4; }

  div.password-suggestions ul {
    margin-bottom: 0; }

  .confirm-parent,
  .password-parent {
    clear: left;
    /* LTR */
    margin: 0;
    width: 36.3em; }

  /* Generated by user.module but used by profile.module: */
  .profile {
    clear: both;
    margin: 1em 0; }

  .profile .user-picture {
    float: right;
    /* LTR */
    margin: 0 1em 1em 0;
    /* LTR */ }

  .profile h3 {
    border-bottom: 1px solid #ccc; }

  .profile dl {
    margin: 0 0 1.5em 0; }

  .profile dt {
    margin: 0 0 0.2em 0;
    font-weight: bold; }

  .profile dd {
    margin: 0 0 1em 0; }

  .views-exposed-form .views-exposed-widget {
    float: left;
    /* LTR */
    padding: .5em 1em 0 0;
    /* LTR */ }

  .views-exposed-form .views-exposed-widget .form-submit {
    margin-top: 1.6em; }

  .views-exposed-form .form-item,
  .views-exposed-form .form-submit {
    margin-top: 0;
    margin-bottom: 0; }

  .views-exposed-form label {
    font-weight: bold; }

  .views-exposed-widgets {
    margin-bottom: .5em; }

  /* table style column align */
  .views-align-left {
    text-align: left; }

  .views-align-right {
    text-align: right; }

  .views-align-center {
    text-align: center; }

  /* Remove the border on tbody that system puts in */
  .views-view-grid tbody {
    border-top: none; }

  .view .progress-disabled {
    float: none; }

  .ctools-locked {
    color: red;
    border: 1px solid red;
    padding: 1em; }

  .ctools-owns-lock {
    background: #FFFFDD none repeat scroll 0 0;
    border: 1px solid #F0C020;
    padding: 1em; }

  a.ctools-ajaxing,
  input.ctools-ajaxing,
  button.ctools-ajaxing,
  select.ctools-ajaxing {
    padding-right: 18px !important;
    background: url(../images/status-active.gif) right center no-repeat; }

  div.ctools-ajaxing {
    float: left;
    width: 18px;
    background: url(../images/status-active.gif) center center no-repeat; }

  div.panel-pane div.admin-links {
    font-size: xx-small;
    margin-right: 1em; }

  div.panel-pane div.admin-links li a {
    color: #ccc; }

  div.panel-pane div.admin-links li {
    padding-bottom: 2px;
    background: white;
    z-index: 201; }

  div.panel-pane div.admin-links:hover a,
  div.panel-pane div.admin-links-hover a {
    color: #000; }

  div.panel-pane div.admin-links a:before {
    content: "["; }

  div.panel-pane div.admin-links a:after {
    content: "]"; }

  div.panel-pane div.panel-hide {
    display: none; }

  /** For IE we add the class via js; for other browsers we rely on :hover **/
  div.panel-pane div.panel-hide-hover,
  div.panel-pane:hover div.panel-hide {
    display: block;
    position: absolute;
    z-index: 200;
    margin-top: -1.5em; }

  div.panel-pane div.node {
    margin: 0;
    padding: 0; }

  div.panel-pane div.feed a {
    float: right; }

  /*
    This file contains the basic logic for nice menus, and should not be
    edited.  To customize the menus, it's recommended to create a custom CSS
    file using nice_menus_default.css as a template, then configure the module
    to use your custom CSS file (this is done in the global settings tab of
    the theme administration.)
  */
  /* Below should fix menu being a few pixels away in some themes, and menus disappearing behind other stuff. */
  .block-nice-menus {
    line-height: normal;
    z-index: 10; }

  ul.nice-menu,
  ul.nice-menu ul {
    z-index: 5;
    position: relative; }

  ul.nice-menu li {
    position: relative; }

  ul.nice-menu a {
    display: block;
    /*Default to Blue, but override as necessary*/
    color: #027ac6; }

  ul.nice-menu ul,
  #header-region ul.nice-menu ul {
    position: absolute;
    visibility: hidden; }

  ul.nice-menu li.over ul {
    visibility: visible; }

  ul.nice-menu ul li {
    display: block; }

  ul.nice-menu:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }

  /* Show submenus when over their parents. */
  ul.nice-menu li:hover ul,
  ul.nice-menu li.menuparent li:hover ul,
  ul.nice-menu li.menuparent li.menuparent li:hover ul,
  ul.nice-menu li.menuparent li.menuparent li.menuparent li:hover ul,
  ul.nice-menu li.over ul,
  ul.nice-menu li.menuparent li.over ul,
  ul.nice-menu li.menuparent li.menuparent li.over ul,
  ul.nice-menu li.menuparent li.menuparent li.menuparent li.over ul,
  #header-region ul.nice-menu li:hover ul,
  #header-region ul.nice-menu li.menuparent li:hover ul,
  #header-region ul.nice-menu li.menuparent li.menuparent li:hover ul,
  #header-region ul.nice-menu li.over ul,
  #header-region ul.nice-menu li.menuparent li.over ul,
  #header-region ul.nice-menu li.menuparent li.menuparent li.over ul {
    visibility: visible; }

  /* Hide sub-menus initially. */
  ul.nice-menu li:hover ul ul,
  ul.nice-menu li:hover ul ul ul,
  ul.nice-menu li:hover li:hover ul ul,
  ul.nice-menu li:hover li:hover ul ul ul,
  ul.nice-menu li:hover li:hover li:hover ul ul,
  ul.nice-menu li:hover li:hover li:hover ul ul ul,
  ul.nice-menu li.over ul ul,
  ul.nice-menu li.over ul ul ul,
  ul.nice-menu li.over li.over ul ul,
  ul.nice-menu li.over li.over ul ul ul,
  ul.nice-menu li.over li.over li.over ul ul,
  ul.nice-menu li.over li.over li.over ul ul ul,
  #header-region ul.nice-menu li:hover ul ul,
  #header-region ul.nice-menu li:hover ul ul ul,
  #header-region ul.nice-menu li:hover li:hover ul ul,
  #header-region ul.nice-menu li:hover li:hover ul ul ul,
  #header-region ul.nice-menu li:hover li:hover li:hover ul ul,
  #header-region ul.nice-menu li:hover li:hover li:hover ul ul ul,
  #header-region ul.nice-menu li.over ul ul,
  #header-region ul.nice-menu li.over ul ul ul,
  #header-region ul.nice-menu li.over li.over ul ul,
  #header-region ul.nice-menu li.over li.over ul ul ul,
  #header-region ul.nice-menu li.over li.over li.over ul ul,
  #header-region ul.nice-menu li.over li.over li.over ul ul ul {
    visibility: hidden; }

  /***************
   IE 6 Fixes
  ***************/
  /* Iframe to fix z-index bug when menu hovers over <select> fields. */
  ul.nice-menu li.menuparent ul,
  #header-region ul.nice-menu li.menuparent ul {
    overflow: visible !important; }

  ul.nice-menu li.menuparent ul iframe,
  #header-region ul.nice-menu li.menuparent ul iframe {
    display: none;
    display/**/: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    filter: mask();
    width: 20px;
    height: 20px; }

  /*
  	
  	Custom CSS file of nice_menus_default.css
  	
  */
  /******************************
   Global CSS for ALL menu types
  ******************************/
  #block-nice-menus-1 {
    margin-bottom: 0; }

  ul.nice-menu,
  ul.nice-menu ul {
    list-style: none;
    padding: 0 0;
    margin: 0;
    font-size: 16px; }

  ul.nice-menu li {
    border-top: 0;
    float: left;
    /* LTR */
    margin-left: 0px; }

  ul.nice-menu li.last {
    float: left;
    /* LTR */
    margin-right: 0; }

  ul.nice-menu a {
    padding: 0.3em 5px 0.3em 5px;
    text-decoration: none;
    color: #313b3b; }

  ul.nice-menu ul {
    top: 44px;
    left: -1px;
    /* LTR */
    border: 0;
    margin-right: 0;
    /* LTR */
    background-color: #fdfdfd; }

  ul.nice-menu li.active-trail ul {
    top: 41px; }

  ul.nice-menu ul li {
    width: 18em; }

  /******************************
   VERTICAL (left/right) menus
  ******************************/
  /* This is the default width of all vertical menus. */
  ul.nice-menu-right, ul.nice-menu-left,
  ul.nice-menu-right li, ul.nice-menu-left li {
    width: 12.5em; }

  /* VERTICAL menus where submenus pop RIGHT (default). */
  ul.nice-menu-right ul {
    width: 12.5em;
    left: 12.5em;
    top: -1px; }

  ul.nice-menu-right ul ul {
    width: 12.5em;
    left: 12.5em;
    top: -1px; }

  ul.nice-menu-right li.menuparent,
  ul.nice-menu-right li li.menuparent {
    background: url(arrow-right.png) right center no-repeat; }

  ul.nice-menu-right li.menuparent:hover,
  ul.nice-menu-right li li.menuparent:hover {
    background: url(arrow-right.png) right center no-repeat; }

  /* VERTICAL menus where submenus pop LEFT. */
  ul.nice-menu-left li ul {
    width: 12.5em;
    left: -12.65em;
    top: -1px; }

  ul.nice-menu-left li ul li ul {
    width: 12.5em;
    left: -12.65em;
    top: -1px; }

  ul.nice-menu-left li.menuparent,
  ul.nice-menu-left li li.menuparent {
    background: #eee url(arrow-left.png) left center no-repeat; }

  ul.nice-menu-left li.menuparent:hover,
  ul.nice-menu-left li li.menuparent:hover {
    background: #ccc url(arrow-left.png) left center no-repeat; }

  ul.nice-menu-left a, ul.nice-menu-left ul a {
    padding-left: 14px; }

  /******************************
   HORIZONTAL (down) menus
  ******************************/
  ul.nice-menu-down {
    float: left;
    /* LTR */
    z-index: 9999;
    position: relative;
    border: 0;
    height: 54px;
    background: url(../images/mainButton-back.jpg) repeat-x;
    *margin-top: 7px; }

  ul.nice-menu-down li li {
    border-top: 0; }

  ul.nice-menu-down ul {
    left: 0;
    /* LTR */
    border: 1px solid #e1e1e1;
    *border: 1px solid #e1e1e1;
    border-bottom: 4px solid #d11d3c;
    box-shadow: 0 3px 3px 3px rgba(60, 60, 60, 0.1);
    box-shadow-top: none;
    position: absolute;
    z-index: 1500; }

  ul.nice-menu-down li.active-trail ul {
    top: 44px; }

  ul.nice-menu-down ul li {
    clear: both; }

  ul.nice-menu-down li ul li ul {
    left: 12.5em;
    /* LTR */
    top: -1px; }

  ul.nice-menu-down .menuparent a,
  ul.nice-menu-down .first a,
  ul.nice-menu-down .menu-1467 a {
    padding: 6px 5px 14px 5px;
    /* LTR */ }

  ul.nice-menu-down .menuparent ul li a,
  ul.nice-menu-down .first ul li a,
  ul.nice-menu-down .menu-1467 ul li a {
    padding: 10px 14px; }

  ul.nice-menu-down li.menuparent,
  ul.nice-menu-down li.first,
  ul.nice-menu-down li.menu-1467 {
    padding: 8px 30px 2px 10px;
    background: url(../images/mainButton-right.jpg) top right no-repeat;
    height: 44px;
    /* LTR */ }

  ul.nice-menu-down li.first.active-trail,
  ul.nice-menu-down li.menuparent.active-trail,
  ul.nice-menu-down li.menu-1467.active-trail {
    background: url(../images/mainButton-right-active.jpg) top right no-repeat #d11d3c;
    height: 36px;
    /* LTR */
    margin: 0 0 10px 0;
    padding: 6px 22px 2px 17px; }

  ul.nice-menu-down li.menuparent.active-trail.last {
    background: #d11d3c;
    height: 36px;
    /* LTR */
    margin: 0 0 10px 0;
    padding: 6px 22px 2px 17px; }

  ul.nice-menu-down li li.first.active-trail,
  ul.nice-menu-down li li.menuparent.active-trail,
  ul.nice-menu-down li li.menuparent.active-trail.last {
    background: none;
    height: auto;
    /* LTR */
    margin: 0;
    padding: 0; }

  ul.nice-menu-down li.first.active-trail a,
  ul.nice-menu-down li.menuparent.active-trail a,
  ul.nice-menu-down li.menuparent.active-trail.last a {
    color: #fff; }

  ul.nice-menu-down li.first.active-trail,
  ul.nice-menu-down li.menuparent.active-trail {
    color: #fff; }

  ul.nice-menu-down li.menuparent.last {
    background: url(../images/mainButton-right-last.jpg) top right no-repeat; }

  ul.nice-menu-down li.menuparent:hover {
    /* LTR */ }

  ul.nice-menu-down li li.menuparent {
    background: none;
    /* LTR */ }

  ul.nice-menu-down li li.first {
    padding: 0;
    background: none;
    height: auto;
    /* LTR */ }

  ul.nice-menu-down li li a {
    padding: 10px; }

  ul.nice-menu-down li.first.active-trail li a,
  ul.nice-menu-down li.menuparent.active-trail li a,
  ul.nice-menu-down li.menuparent.active-trail.last li a {
    color: #000; }

  ul.nice-menu-down li li a:hover, ul.nice-menu-down li.first.active-trail li a:hover,
  ul.nice-menu-down li.menuparent.active-trail li a:hover,
  ul.nice-menu-down li.menuparent.active-trail.last li a:hover {
    background: #2C4899;
    /* LTR */
    color: #fff; }

  /* $Id $ */
  a#text_resize_increase {
    background: url(aBig.gif) no-repeat 0 0;
    display: block;
    float: right;
    width: 28px;
    height: 27px;
    margin: 6px 0 0 0;
    /*outline: none;*/
    text-indent: -9000px;
    cursor: pointer; }

  a#text_resize_reset {
    background: url(a_reset.gif) no-repeat 0 0;
    display: block;
    float: right;
    width: 25px;
    height: 24px;
    margin: 9px 0 0 3px;
    /*outline: none;*/
    text-indent: -9000px;
    cursor: pointer; }

  a#text_resize_decrease {
    background: url(aSmall.gif) no-repeat 0 0;
    display: block;
    float: right;
    width: 23px;
    height: 21px;
    margin: 12px 0 0 3px;
    /*outline: none;*/
    text-indent: -9000px;
    cursor: pointer; }

  #text_resize_clear {
    clear: both; }

  /* normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */
  /* =============================================================================
     Normalize.css is intended to be used as an alternative to CSS resets.
  
     It is suggested that you read through the normalize.css file and customise it
     to meet the design requirements of a project rather including it as a "black
     box". @see http://nicolasgallagher.com/about-normalize-css/
  
     Also: @see http://meiert.com/en/blog/20080419/reset-style-sheets-are-bad/
           @see http://snook.ca/archives/html_and_css/no_css_reset/
     ========================================================================== */
  /* =============================================================================
     HTML5 display definitions
     ========================================================================== */
  /*
   * Corrects block display not defined in IE6/7/8/9 & FF3
   */
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  menu,
  nav,
  section,
  summary {
    display: block; }

  /*
   * Corrects inline-block display not defined in IE6/7/8/9 & FF3
   */
  audio,
  canvas,
  video {
    display: inline-block;
    *display: inline;
    *zoom: 1; }

  /*
   * Prevents modern browsers from displaying 'audio' without controls
   * Remove excess height in iOS5 devices
   */
  audio:not([controls]) {
    display: none;
    height: 0; }

  /*
   * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
   * Known issue: no IE6 support
   */
  [hidden] {
    display: none; }

  /* =============================================================================
     Base
     ========================================================================== */
  /* Instead of relying on the fonts that are available on a user's computer, you
     can use web fonts which, like images, are resources downloaded to the user's
     browser. Because of the bandwidth and rendering resources required, web fonts
     should be used with care.
  
     Numerous resources for web fonts can be found on Google. Here are a few
     websites where you can find Open Source fonts to download:
     - http://www.fontsquirrel.com/fontface
     - http://www.theleagueofmoveabletype.com
  
     In order to use these fonts, you will need to convert them into formats
     suitable for web fonts. We recommend the free-to-use Font Squirrel's
     Font-Face Generator:
       http://www.fontsquirrel.com/fontface/generator
  
     The following is an example @font-face declaration. This font can then be
     used in any ruleset using a property like this:  font-family: Example, serif;
  
     Since we're using Sass, you'll need to declare your font faces here, then you
     can add them to the font variables in the _base.scss partial.
  */
  /*
  @font-face {
    font-family: 'Example';
    src: url('../fonts/example.eot');
    src: url('../fonts/example.eot?iefix') format('eot'),
      url('../fonts/example.woff') format('woff'),
      url('../fonts/example.ttf') format('truetype'),
      url('../fonts/example.svg#webfontOkOndcij') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  */
  /*
   * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
   *    http://clagnut.com/blog/348/#c790
   * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
   *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
   */
  html {
    /*
     * To use a 14px font size on the page, delete the 16px and 12px declarations.
     * To use a 12px font size on the page, delete the 16px and 14px declarations.
     */
    /* Use a 12px base font size */
    font-size: 75%;
    /* 16px x 75% = 12px */
    -webkit-text-size-adjust: 100%;
    /* 2 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    /* Establish a vertical rhythm. */
    line-height: 2em; }

  /*
   * Instead of relying on the fonts that are available on a user's computer, you
   * can use web fonts which, like images, are resources downloaded to the user's
   * browser. Because of the bandwidth and rendering resources required, web fonts
   * should be used with care.
   *
   * Numerous resources for web fonts can be found on Google. Here are a few
   * websites where you can find Open Source fonts to download:
   * - http://www.fontsquirrel.com/fontface
   * - http://www.theleagueofmoveabletype.com
   *
   * In order to use these fonts, you will need to convert them into formats
   * suitable for web fonts. We recommend the free-to-use Font Squirrel's
   * Font-Face Generator:
   *   http://www.fontsquirrel.com/fontface/generator
   *
   * The following is an example @font-face declaration. This font can then be
   * used in any ruleset using a property like this:  font-family: Example, serif;
  
  @font-face {
    font-family: 'Example';
    src: url('../fonts/example.eot');
    src: url('../fonts/example.eot?iefix') format('eot'),
      url('../fonts/example.woff') format('woff'),
      url('../fonts/example.ttf') format('truetype'),
      url('../fonts/example.svg#webfontOkOndcij') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  
   */
  /*
   * Addresses font-family inconsistency between 'textarea' and other form elements.
   */
  html,
  button,
  input,
  select,
  textarea {
  /* The following font family declarations are based on the Microsoft core web
   * fonts which are common fonts available on most computer systems. The DejaVu
   * and Nimbus Sans fonts are commonly available on Linux systems where the MS
   * fonts are less common. Tahoma and Helvetica are also widely available.
   *
   * A user's web browser will look at the comma-separated list and will
   * attempt to use each font in turn until it finds one that is available
   * on the user's computer. The final "generic" font (sans-serif, serif or
   * monospace) hints at what type of font to use if the web browser doesn't
   * find any of the fonts in the list.

  font-family: "Times New Roman", Times, Georgia, "DejaVu Serif", serif;
  font-family: Times, "Times New Roman", Georgia, "DejaVu Serif", serif;
  font-family: Georgia, "Times New Roman", "DejaVu Serif", serif;

  font-family: Verdana, Tahoma, "DejaVu Sans", sans-serif;
  font-family: Tahoma, Verdana, "DejaVu Sans", sans-serif;
  font-family: Helvetica, Arial, "Nimbus Sans L", sans-serif;
  font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;

  font-family: "Courier New", "DejaVu Sans Mono", monospace;

   */
    font-family: Arial, 'Heebo', Helvetica, sans-serif; }

  /*
   * Addresses margins handled incorrectly in IE6/7
   */
  body {
    margin: 0; }

  /* =============================================================================
     Links
     ========================================================================== */
  /*
   * The order of link states are based on Eric Meyer's article:
   * http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states
   */
  a:link {
    color: #404040; }

  a:visited {
    color: #404040; }

  a:hover,
  a:focus {
    color: #d54614; }

  /*
   * Addresses outline displayed oddly in Chrome
   */
  a:focus {
    outline: thin dotted; }

  /*
   * Improves readability when focused and also mouse hovered in all browsers
   * people.opera.com/patrickl/experiments/keyboard/test
   */
  a:hover,
  a:active {
    outline: 0; }

  /* =============================================================================
     Typography
  
     To achieve a pleasant vertical rhythm, we use Compass' Vertical Rhythm mixins
     so that the line height of our base font becomes the basic unit of vertical
     measurement. We use multiples of that unit to set the top and bottom margins
     for our block level elements and to set the line heights of any fonts.
     For more information, see http://24ways.org/2006/compose-to-a-vertical-rhythm
     ========================================================================== */
  /*
   * Addresses font sizes and margins set differently in IE6/7
   * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
   */
  h1 {
        font-weight: 900;
        line-height: 132%;
        color: rgba(0,0,0,0.9);
        letter-spacing: 0;
        font-size: 2.75rem;
        margin-bottom: 1.25rem;
        margin-top: 0.5rem;
        font-family: 'Heebo', Arial, Helvetica, sans-serif; 
  }

#content h1 {
        font-weight: 900;
        line-height: 132%;
        color: rgba(0,0,0,0.9);
        letter-spacing: 0;
        font-size: 2.25rem;
        margin-bottom: 1.25rem;
        margin-top: 0.5rem;
        font-family: 'Heebo', Arial, Helvetica, sans-serif;
}

  h2 {
        font-weight: 900;
        line-height: 132%;
        color: rgba(0,0,0,0.9);
        letter-spacing: 0;
        font-size: 2.25rem;
        margin-bottom: 1.25rem;
        margin-top: 0.5rem;
        font-family: 'Heebo', Arial, Helvetica, sans-serif;
 }

  h3 {
        font-weight: 900;
        line-height: 132%;
        color: rgba(0,0,0,0.9);
        letter-spacing: 0;
        font-size: 1.75rem;
        margin-bottom: 1.25rem;
        margin-top: 0.5rem;
        font-family: 'Heebo', Arial, Helvetica, sans-serif;
 }

  h4 {
        font-weight: 700;
        line-height: 132%;
        color: rgba(0,0,0,0.9);
        letter-spacing: 0;
        font-size: 1.5rem;
        margin-bottom: 1.25rem;
        margin-top: 0.5rem;
        font-family: 'Heebo', Arial, Helvetica, sans-serif;
}

  h5 {
        font-weight: 700;
        line-height: 132%;
        color: rgba(0,0,0,0.9);
        letter-spacing: 0;
        font-size: 1rem;
        margin-bottom: 1.25rem;
        margin-top: 0.5rem;
        font-family: 'Heebo', Arial, Helvetica, sans-serif;
}

  h6 {
        font-weight: 700;
        line-height: 132%;
        color: rgba(0,0,0,0.9);
        letter-spacing: 0;
        font-size: 0.75rem;
        margin-bottom: 1.25rem;
        margin-top: 0.5rem;
        font-family: 'Heebo', Arial, Helvetica, sans-serif;
}

  /* Thematic break */
  hr {
    height: 1px;
    border: 1px solid #666;
    padding-bottom: -1px;
    margin: 1.5em 0; }

  /*
   * Addresses styling not present in IE7/8/9, S5, Chrome
   */
  abbr[title] {
    border-bottom: 1px dotted;
    cursor: help;
    white-space: nowrap; }

  /*
   * Addresses style set to 'bolder' in FF3+, S4/5, Chrome
  */
  b,
  strong {
    font-weight: bold; }

  blockquote {
    /* Sets 1 unit of vertical rhythm on the top and bottom margin. */
    margin: 1.5em 30px; }

  /*
   * Addresses styling not present in S5, Chrome
   */
  dfn {
    font-style: italic; }

  /*
   * Addresses styling not present in IE6/7/8/9
   */
  mark {
    background: #ff0;
    color: #000; }

  /*
   * Addresses margins set differently in IE6/7
   */
  p,
  pre {
    /* Sets 1 unit of vertical rhythm on the top and bottom margin. */
    margin: 1.5em 0; }

  /*
   * Corrects font family set oddly in IE6, S4/5, Chrome
   * en.wikipedia.org/wiki/User:Davidgothberg/Test59
   */
  pre,
  code,
  kbd,
  samp,
  tt,
  var {
    font-family: Arial, 'Heebo', Helvetica, sans-serif;
    _font-family: Arial, 'Heebo', Helvetica, sans-serif;
    font-size: 1em;
    line-height: 1.5em; }

  /*
   * Improves readability of pre-formatted text in all browsers
   */
  pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word; }

  /*
   * 1. Addresses CSS quotes not supported in IE6/7
   * 2. Addresses quote property not supported in S4
   */
  /* 1 */
  q {
    quotes: none; }

  /* 2 */
  q:before,
  q:after {
    content: '';
    content: none; }

  /* @todo Determine how big element affects vertical rhythm. */
  small {
    font-size: 75%; }

  /*
   * Prevents sub and sup affecting line-height in all browsers
   * gist.github.com/413930
   */
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline; }

  sup {
    top: -0.5em; }

  sub {
    bottom: -0.25em; }

  /* =============================================================================
     Lists
     ========================================================================== */
  /*
   * Addresses margins set differently in IE6/7
   */
  dl,
  menu,
  ol,
  ul,
  .item-list ul {
    /* Sets 1 unit of vertical rhythm on the top and bottom margin. */
    margin: .5em 0; }

  .item-list ul li {
    /* Drupal override */
    margin: 0; }

  dd {
    margin: 0 0 0 30px;
    /* LTR */ }

  ul ul, ul ol,
  ol ul, ol ol,
  .item-list ul ul, .item-list ul ol,
  .item-list ol ul, .item-list ol ol {
    margin: 0;
    /* Turn off margins on nested lists. */ }

  /*
   * Addresses paddings set differently in IE6/7
   */
  menu,
  ol,
  ul,
  .item-list ul {
    padding: 0 0 0 30px;
    /* LTR */ }

  /*
   * Corrects list images handled incorrectly in IE7
   */
  nav ul,
  nav ol {
    list-style: none;
    list-style-image: none; }

  /* =============================================================================
     Embedded content
     ========================================================================== */
  /*
   * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
   * 2. Improves image quality when scaled in IE7
   *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
   */
  img {
    border: 0;
    /* 1 */
    -ms-interpolation-mode: bicubic;
    /* 2 */
    /* vertical-align: bottom; */
    /* Suppress the space beneath the baseline */
    /* Responsive images */
    /* @todo Add responsive embedded video. */
    max-width: 100%;
    height: auto; }

  /*
   * Corrects overflow displayed oddly in IE9
   */
  svg:not(:root) {
    overflow: hidden; }

  /* =============================================================================
     Figures
     ========================================================================== */
  /*
   * Addresses margin not present in IE6/7/8/9, S5, O11
   */
  figure {
    margin: 0; }

  /* =============================================================================
     Forms
     ========================================================================== */
  /*
   * Corrects margin displayed oddly in IE6/7
   */
  form {
    margin: 0; }

  /*
   * Define consistent border, margin, and padding
   */
  fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.5em 0.625em 1em; }

  /*
   * 1. Corrects color not being inherited in IE6/7/8/9
   * 2. Corrects text not wrapping in FF3
   * 3. Corrects alignment displayed oddly in IE6/7
   */
  legend {
    border: 0;
    /* 1 */
    padding: 0;
    white-space: normal;
    /* 2 */
    *margin-left: -7px;
    /* 3 */
    /* LTR */ }

  /*
   * 1. Corrects font size not being inherited in all browsers
   * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
   * 3. Improves appearance and consistency in all browsers
   */
  button,
  input,
  select,
  textarea {
    font-size: 100%;
    /* 1 */
    margin: 0;
    /* 2 */
    vertical-align: baseline;
    /* 3 */
    *vertical-align: middle;
    /* 3 */ }

  /*
   * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
   */
  button,
  input {
    line-height: normal;
    /* 1 */ }

  /*
   * 1. Improves usability and consistency of cursor style between image-type 'input' and others
   * 2. Corrects inability to style clickable 'input' types in iOS
   * 3. Removes inner spacing in IE7 without affecting normal text inputs
   *    Known issue: inner spacing remains in IE6
   */
  button,
  input[type="button"],
  input[type="reset"],
  input[type="submit"] {
    cursor: pointer;
    /* 1 */
    -webkit-appearance: button;
    /* 2 */
    *overflow: visible;
    /* 3 */ }

  /*
   * Re-set default cursor for disabled elements
   */
  button[disabled],
  input[disabled] {
    cursor: default; }

  /*
   * 1. Addresses box sizing set to content-box in IE8/9
   * 2. Removes excess padding in IE8/9
   * 3. Removes excess padding in IE7
        Known issue: excess padding remains in IE6
   */
  input[type="checkbox"],
  input[type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
    *height: 13px;
    /* 3 */
    *width: 13px;
    /* 3 */ }

  /*
   * 1. Addresses appearance set to searchfield in S5, Chrome
   * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
   */
  input[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    -webkit-box-sizing: content-box;
    /* 2 */
    -moz-box-sizing: content-box;
    box-sizing: content-box; }

  /*
   * Removes inner padding and search cancel button in S5, Chrome on OS X
   */
  input[type="search"]::-webkit-search-decoration,
  input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none; }

  /*
   * Removes inner padding and border in FF3+
   * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
   */
  button::-moz-focus-inner,
  input::-moz-focus-inner {
    border: 0;
    padding: 0; }

  /*
   * 1. Removes default vertical scrollbar in IE6/7/8/9
   * 2. Improves readability and alignment in all browsers
   */
  textarea {
    overflow: auto;
    /* 1 */
    vertical-align: top;
    /* 2 */ }

  /* =============================================================================
     Tables
     ========================================================================== */
  /*
   * Remove most spacing between table cells
   */
  table {
    border-collapse: collapse;
    border-spacing: 0;
    /* width: 100%; */
    /* Prevent cramped-looking tables */
    /* Add vertical rhythm margins. */
    margin-top: 1.5em;
    margin-bottom: 1.5em; }

  /*
   * Drupal provides table styling which is only useful for its admin section
   * forms, so we override this default CSS. (We set it back in forms.css.)
   */
  th {
    text-align: left;
    /* LTR */
    padding: 0;
    border-bottom: none; }

  tbody {
    border-top: none; }

  /**
   * @file
   * Positioning for responsive layout .
   *
   * Define CSS classes to create a table-free, 3-column, 2-column, or single
   * column layout depending on whether blocks are enabled in the left or right
   * columns.
   *
   * This layout uses the Zen Grids plugin for Compass: http://zengrids.com
   */
  /*
   * Center the page.
   */
  #page,
  .region-bottom {
    /* For screen sizes larger than 1200px, prevent excessively long lines of text
       by setting a max-width. */
    margin-left: auto;
    margin-right: auto; }

  /*
   * Apply the shared properties of grid items in a single, efficient ruleset.
   */
  #header,
  #content,
  #navigation,
  .region-sidebar-first,
  .region-sidebar-second,
  #footer {
    padding-left: 0px;
    padding-right: 0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    _display: inline;
    _overflow: hidden;
    _overflow-y: visible; }

  #main-wrapper {
    max-width: 1200px;
    margin: 0 auto 15px;
    width: 96%; }

  /* Remove footer section for full width footer*/
  #footer {
    margin: 0 auto; }

  #main-menu {
    max-width: 1200px;
    margin: 0 auto; }

  /*
   * Containers for grid items and flow items.
   */
  #header,
  #main,
  #footer {
    *position: relative;
    *zoom: 1; }

  #header:before, #header:after,
  #main:before, #main:after,
  #footer:before, #footer:after {
    content: "";
    display: table; }

  #header:after,
  #main:after,
  #footer:after {
    clear: both; }

  /*
   * Use 3 grid columns for smaller screens.
   */
  /*
   * The layout when there is only one sidebar, the left one.
   */
  .sidebar-first #content {
    /* Span 4 columns, starting in 2nd column from left. */
    float: left;
    width: 78%;
    *width: 74%;
    min-height: 52rem; }

  .sidebar-first .region-sidebar-first {
    /* Span 1 column, starting in 1st column from left. */
    float: right;
    width: 20%; }

  /*
   * The layout when there is only one sidebar, the right one.
   */
  .sidebar-second #content {
    /* Span 4 columns, starting in 1st column from left. */
    float: left;
    width: 68%;
    *width: 64%;
    margin-left: 0%;
    margin-right: -70%; }

  .sidebar-second .region-sidebar-second {
    /* Span 1 column, starting in 5th column from left. */
    float: right;
    width: 30%;
    *width: 27%;
    margin-left: 70%;
    margin-right: -100%; }

  /*
   * The layout when there are two sidebars.
   */
  .two-sidebars #content {
    /* Span 3 columns, starting in 2nd column from left. */
    float: left;
    width: 60%;
    margin-left: 20%;
    margin-right: -80%; }

  .two-sidebars .region-sidebar-first {
    /* Span 1 column, starting in 1st column from left. */
    float: right;
    width: 20%;
    margin-left: 0%;
    margin-right: -20%; }

  .two-sidebars .region-sidebar-second {
    /* Span 1 column, starting in 5th column from left. */
    float: right;
    width: 20%;
    margin-left: 80%;
    margin-right: -100%; }

  /**
   * @file
   * Tabs Styling
   *
   * Adds styles for the primary and secondary tabs.
   *
   * Compare this with default CSS found in the system module's stylesheet (a copy
   * of which is in drupal7-reference.css.)
   */
  /*
   * Basic positioning styles shared by primary and secondary tabs.
   */
  ul.primary,
  ul.secondary {
    overflow: hidden;
    *zoom: 1;
    border-bottom: 1px solid #bbbbbb;
    list-style: none;
    margin: 1em 0 1.5em;
    padding: 0 2px;
    white-space: nowrap; }

  ul.primary li,
  ul.secondary li {
    float: left;
    /* LTR */
    margin: 0.5em 3px 0; }

  ul.primary a,
  ul.secondary a {
    border: 1px solid #e9e9e9;
    border-right: 0;
    border-bottom: 0;
    display: block;
    line-height: 1.5em;
    text-decoration: none; }

  /*
   * Primary tabs
   */
  ul.primary li {
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -ms-border-top-left-radius: 4px;
    -o-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    -ms-border-top-right-radius: 4px;
    -o-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    text-shadow: white 1px 1px 0;
    border: 1px solid #bbbbbb;
    border-bottom: 0;
    margin: 0.5em 0 0 3px;
    /* LTR */ }

  ul.primary li.active {
    border-bottom: 1px solid white;
    margin-bottom: -1px;
    /* Overlap the ul's border. */ }

  ul.primary a:link,
  ul.primary a:visited {
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -ms-border-top-left-radius: 4px;
    -o-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    -ms-border-top-right-radius: 4px;
    -o-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -ms-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
    color: #000;
    background-color: #dedede;
    letter-spacing: 1px;
    padding: 0 1em;
    text-align: center; }

  ul.primary a:hover,
  ul.primary a:focus {
    background-color: #e9e9e9;
    border-color: #f2f2f2; }

  ul.primary a.active {
    background-color: transparent;
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE9E9E9', endColorstr='#00E9E9E9');
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e9e9e9), color-stop(100%, rgba(233, 233, 233, 0)));
    background-image: -webkit-linear-gradient(#e9e9e9, rgba(233, 233, 233, 0));
    background-image: -moz-linear-gradient(#e9e9e9, rgba(233, 233, 233, 0));
    background-image: -o-linear-gradient(#e9e9e9, rgba(233, 233, 233, 0));
    background-image: -ms-linear-gradient(#e9e9e9, rgba(233, 233, 233, 0));
    background-image: linear-gradient(#e9e9e9, rgba(233, 233, 233, 0));
    border-color: #fff; }

  /*
   * Secondary tabs
   */
  ul.secondary {
    font-size: .9em;
    margin-top: -1.5em;
    /* Collapse bottom margin of ul.primary. */
    padding-bottom: .5em; }

  ul.secondary a:link,
  ul.secondary a:visited {
    -webkit-border-radius: 0.75em;
    -moz-border-radius: 0.75em;
    -ms-border-radius: 0.75em;
    -o-border-radius: 0.75em;
    border-radius: 0.75em;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -ms-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
    text-shadow: white 1px 1px 0;
    background-color: #f2f2f2;
    color: #666;
    padding: 0 .5em; }

  ul.secondary a:hover,
  ul.secondary a:focus {
    background-color: #dedede;
    border-color: #999;
    color: #000; }

  ul.secondary a.active,
  ul.secondary a:active {
    text-shadow: #000 1px 1px 0;
    background-color: #666;
    border-color: #000;
    color: #fff; }

  /**
   * @file
   * Page Styling
   *
   * Style the markup found in page.tpl.php. Also includes some styling of
   * miscellaneous Drupal elements that appear in the $content variable, such as
   * ul.links, .pager, .more-link, etc.
   */
  /*
   * Body
   */
  body {
    margin: 0;
    padding: 0;
    background-color: #fff;
    color: #000;
    font-size: 1.2em;
    font-family: Arial, 'Heebo', Helvetica, sans-serif; }

  #page-wrapper  {  }

  #page { }

  /*
   * The skip-link link will be completely hidden until a user tabs to the link.
   * See the element-focusable rule in system.base.css.
   */
  #skip-link {
    margin: 0; }

  #skip-link a,
  #skip-link a:visited {
    display: block;
    width: 100%;
    padding: 2px 0 3px 0;
    text-align: center;
    background-color: #666;
    color: #fff; }

  /*------------------------------------
  Accessibility Skip to content links
  -------------------------------------- */
  .skip-links {
    margin: 0;
    width: 100%;
    top: -100px; }

  .skip-hide {
    width: 100%;
    background: white;
    position: absolute;
    left: -9999em; }

  .skip-hide a:focus,
  .skip-hide a:active {
    position: relative;
    left: 9999em;
    padding: 0.5em 0.5em 0.5em 4em;
    z-index: 999;
    background: white;
    color: #0a0905;
    font-weight: bold;
    width: 100%;
    display: block; }

  a:active.advance-link,
  a:focus.advance-link,
  #thumbs .thumbs li a:active.thumb,
  #thumbs .thumbs li a:focus.thumb {
    border: 0;
    background: none; }

  .searchlink {
    display: none; }

  ul#search {
    list-style-type: none;
    padding: 0; }

  #logo {
    /* Wrapping link for logo */
    float: left;
    /* LTR */
    margin: 0;
    padding: 0; }

  #logo img {
    vertical-align: bottom; }

  .region-header {
    /* Wrapper for any blocks placed in the header region */
    clear: both;
    /* Clear the logo */ }

  /*
   * Main (container for everything else)
   */
  #main {
    padding-top: 0;
    position: relative; }

  /*
   * Content
   */
  #content {
    /*background: url(../images/page-fold-right.gif) top right no-repeat #fefefe;*/
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-top: 45px;
     }

  body.page-home #content {
    background: none;
    padding: 0;
    margin: 10px 0 0 0; }

  #content li {
    padding: 0 0 10px 0; }

  .region-sidebar-second, .region-sidebar-first {
    /*background: url(../images/page-fold-right.gif) top right no-repeat #fefefe;*/
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-top: 45px;
    }

  #inner-content {
    padding: 15px; }

  .breadcrumb ol {
    margin: 0;
    padding: 0; }

  .breadcrumb li {
    display: inline;
    list-style-type: none;
    margin: 0;
    padding: 0; }

  h1.title,
  h2.node-title,
  h2.block-title,
  h2.title,
  h2.comment-form,
  h3.title {
    /* Comment title */
    margin: 0; }

  div.messages {
    /* Important messages (status, warning, and error) for the user. See also the declarations in messages.css. */
    margin: 1.5em 0;
    /* Drupal core uses "6px 0" margin */ }

  div.messages ul {
    margin-top: 0;
    margin-bottom: 0; }

  ul.inline {
    /* List of links generated by theme_links() */
    display: inline;
    padding: 0; }

  ul.inline li {
    display: inline;
    list-style-type: none;
    padding: 0 1em 0 0;
    /* LTR */ }

  span.field-label {
    /* The inline field label used by the Fences module */
    padding: 0 1em 0 0;
    /* LTR */ }

  .item-list .pager {
    /* A list of page numbers when more than 1 page of content is available */
    padding: 0; }

  .item-list .pager li {
    /* Each page number in the pager list */
    padding: 0 0.5em; }

  /*
   * Second sidebar (on right in LTR languages, on left in RTL)
   *
   * Remember to NOT add padding or margin to your .region-sidebar-second
   * (see the layout.css file.)
   */
  #block-menu-block-1 {
    display: block;
    background-color: #fff; }

  #block-menu-block-1 h2 {
    padding: 0 0 0 15px;
    color: #568099;
    font-weight: normal; }

  #block-menu-block-1 ul.menu {
    padding-left: 40px; }

  #block-menu-block-1 a {
    color: #568099; }

  /*----------
    Footer
   ----------*/
  .footer{
    background:#2d2f32;
    color:#fff;
    /*
    position: fixed;
    bottom: 0;
    width: 100%;
    */
}
.footer h2,.footer h3{
    color:#fff;
    font-size:1.25rem;
    font-weight:500
}
.footer__top,.footer__bottom{
    padding-bottom:2.5rem;
    padding-top:2.5rem
}
.footer__bottom{
    border-top:solid 1px #393c3f
}
.footer__acknowledgement{
    margin-bottom:2.5rem
}
.footer__feedback{
    background:#393c3f;
    padding:1.5rem
}
.footer__links{
    margin-bottom:2.5rem
}
@media screen and (min-width:975px){
    .footer__top,.footer__bottom{
        padding-bottom:5rem;
        padding-top:5rem
    }
    .footer__top,.footer__bottom{
        align-items:flex-start;
        display:flex;
        justify-content:space-between
    }
    .footer__acknowledgement{
        flex:1 0 auto;
        margin-bottom:0;
        max-width:50%;
        padding-top:3rem
    }
    .footer__feedback{
        flex:1 0 auto;
        margin-left:2.5rem;
        max-width:50%;
        padding:3rem
    }
    .footer__links{
        margin-bottom:0
    }
}
@media screen and (min-width:1200px){
    .footer__acknowledgement{
        max-width:45%
    }
    .footer__feedback{
        max-width:35%
    }
}
.menu--footer ul{
    margin:0;
    padding:0;
    list-style:none
}
.menu--footer li{
    display:block;
    margin:0;
    padding:0;
    text-align:center
}
.menu--footer li+li{
    margin-top:1.75rem
}
.menu--footer a{
    color:#fff !important;
    display:inline-block;
    font-size: 0.9rem;
    font-weight: 700;
}
.menu--footer a:hover,.menu--footer a:focus{
    text-decoration:none
}
@media screen and (min-width:975px){
    .menu--footer li{
        display:inline-block
    }
    .menu--footer li+li{
        margin-left:3.75rem;
        margin-top:0
    }
}

.visually-hidden {
    position: absolute !important;
    overflow: hidden;
    clip: rect(1px,1px,1px,1px);
    width: 1px;
    height: 1px;
    word-wrap: normal;
}

.inner-container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

@media screen and (min-width: 767px)
{
  .inner-container {
    max-width: 767px;
  }
}

@media screen and (min-width: 975px)
{
  .inner-container {
    max-width: 975px;
  }
}

@media screen and (min-width: 1200px)
{
  .inner-container {
    max-width: 1200px;
  }
}

@media screen and (min-width: 1250px)
{
  .inner-container {
    max-width: 1250px;
  }
}
  /*
   * Page bottom
   */
  .region-bottom {
    /* Wrapper for any blocks placed in the page bottom region */ }

  /* -------------
    Front Page
  ---------------*/
  /* Search block */
  #search_block {
    display: block;
    text-decoration: none !important;
    height: 204px;
    background: url(../images/searchPanel-back.jpg) top left no-repeat;
    margin: 0 0 10px 0; }

  #search_block a.search-block-anchor {
    text-decoration: none;
    color: #000;
    position: relative;
    width: 100%;
    height: 204px; }

  .search_block_text {
    display: block;
    float: left;
    width: 60%;
    font-size: 24px;
    text-decoration: none;
    text-align: center;
    line-height: 1.2;
    color: #000;
    margin: 40px 0 0 36%;
    font-family: Arial, 'Heebo', Helvetica, sans-serif; }

  .search_block_text span.bigButton {
    display: block;
    color: #fff;
    background: #c01a36;
    padding: 10px 12px 12px 12px;
    width: 200px;
    margin-top: 20px;
    margin-left: 60px;
    text-decoration: none;
    font-size: 18px;
    cursor: pointer; }

  .search_block_text span.bigButton:hover {
    background: #2c4899; }

  a:hover.search_block {
    color: #fff; }

  /* Internal link blocks */
  .front-info-block {
    max-width: 282px;
    min-height: 102px;
    background: url(../images/bigButtons-back.jpg) repeat-x #eae3e1; }

  .front-info-block:hover {
    background: #fff; }

  #develop-your-career .button-content {
    background: url(../images/bigButton4.gif) top left no-repeat; }

  #application-tips .button-content {
    background: url(../images/bigButton1.gif) top left no-repeat; }

  #info-for-students .button-content {
    background: url(../images/bigButton2.gif) top left no-repeat; }

  #new-to-sector .button-content {
    background: url(../images/bigButton3.gif) top left no-repeat; }

  .button-content a {
    display: block;
    text-decoration: none; }

  #develop-your-career .button-content a {
    min-height: 92px;
    padding: 5px 10px 5px 90px; }

  #application-tips .button-content a {
    min-height: 92px;
    padding: 5px 10px 5px 90px; }

  #info-for-students .button-content a {
    min-height: 92px;
    padding: 5px 10px 5px 70px; }

  #new-to-sector .button-content a {
    min-height: 92px;
    padding: 5px 10px 5px 90px; }

  .button-content p {
    margin: 0;
    padding: 0;
    color: #000;
    line-height: 1.4em; }

  .button-content span {
    font-weight: bold;
    text-decoration: underline;
    color: #2c4899; }

  /*  Homepage Feed blocks */
  .front-feed {
    height: 100%;
    color: #000;
    padding: 0;
    line-height: 1.5; }

  .front-feed .views-row,
  .pane-jobs-wa-vacancies .views-row {
    padding: 0 0 10px 0; }

  .front-feed h2.pane-title {
    font-size: 1.2em;
    font-family: Arial, 'Heebo', Helvetica, sans-serif;
    color: #fff;
    background: #5e4fa2;
    font-weight: normal;
    padding: 5px 10px;
    margin: 0; }

  .pane-jobs-wa-vacancies h2.pane-title {
    background: #c01a36; }

  .view-front-news, .view-jobs-wa-vacancies {
    background: url(../images/panel-content-back.jpg) repeat-x #fff;
    padding: 10px;
    overflow-y: scroll;
    height: 373px; }

  .view-front-news {
    background: #eae9f3; }

  .front-feed a {
    color: #2c4899;
    text-decoration: underline;
    font-weight: bold;
    padding: 5px 0; }

  .front-feed a:hover {
    color: #5e91be; }

  .front-feed h2 {
    font-size: 12px; }

  .front-feed p {
    margin: 0px; }

  /* START temp styles for media feed - remove */
  #front-feed b {
    display: none; }

  #front-feed ul {
    list-style-type: none;
    padding: 0; }

  #front-feed li {
    display: inline; }

  #front-feed strong {
    font-weight: normal; }

  /* END temp styles for media feed - remove */
  #front-feed .views-field-description {
    border-bottom: thin dashed #ccc;
    padding-bottom: 5px;
    margin-bottom: 5px; }

  /* HOMEPAGE SLIDER PANEL */
  .slick-carousel {
    margin-bottom: 10px; }

  .slick-carousel .slick-slide {
    position: relative;
    overflow: hidden; }

  .slick-carousel .views-field-title {
    background: #2C4899;
    background: rgba(44, 72, 153, 0.8);
    padding: 7px 10px;
    color: #fff;
    position: absolute;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
    z-index: 999; }

  .slick-carousel .views-field-title a,
  #block-views-slides-block-1 .views-field-title a {
    color: #fff;
    text-decoration: underline;
    font-family: Arial, 'Heebo', Helvetica, sans-serif; }

  #block-views-slides-block-1 .views-field-title {
    background: #2C4899 !important;
    margin-top: -8px !important;
    width: auto !important;
    margin-bottom: 10px;
    padding: 7px 10px; }

  .slick-carousel .slick-prev {
    left: 5px; }

  .slick-carousel .slick-next {
    right: 5px; }

  /* ie8 fix for slide image scaling problem */
  .slides-stati img, .slick-slide img {
    height: auto !important;
    width: auto !important; }

  /*  TEXT RESIZE  */
  #block-text-resize-0 {
    margin: 0 20px 0 0;
    width: 60px;
    float: right; }

  #text_resize_increase {
    background: url(../images/icon-increase.png) no-repeat 0 0 !important;
    margin: 13px 6px 0px 0 !important;
    display: block;
    float: right;
    width: 28px;
    height: 27px;
    /*outline: none;*/
    text-indent: -9000px;
    cursor: pointer; }

  a#text_resize_decrease {
    background: url(../images/icon-decrease.png) no-repeat 0 0 !important;
    margin: 13px 0 0 3px !important;
    display: block;
    float: right;
    width: 23px;
    height: 21px;
    /*outline: none;*/
    text-indent: -9000px;
    cursor: pointer; }

  select#edit-field-graduate-key-disciplines-tid {
    width: 150px; }

  /* Mobile Navigation bar  */
  #mobileMenu_nice-menu-1 {
    width: 90%;
    padding: 10px;
    margin: 22px 0 10px 0; }

  .panels-flexible-row-1-3-inside {
    padding-bottom: 15px; }

  /* search.jobs.wa.gov.au table style - html unedited */
  table.Report td.reportheading {
    background: #4c4c4c; }

  table.Report td.reportheading a {
    color: #fff; }

  table.Report tr.oddrow {
    background: #e8e8e8; }

table.Report tr.oddrow a:link,
table.Report tr.evenrow a:link
{
    color: #404040 !important; 
}

table.Report tr.oddrow a:visited,
table.Report tr.evenrow a:visited
{
    color: #404040 !important; 
}

table.Report tr.oddrow a:hover,
table.Report tr.evenrow a:hover
{
    color: #d54614 !important; 
}

  .mobile-menu {
    display: inline-block;
    list-style: none;
    margin-top: 62px;
    padding: 0;
    text-align: right;
    vertical-align: middle;
    width: 9%; }

  #block-nice-menus-1 {
    display: none; }

  /*
   * Header
  */
.header-sm{
    background:#2d2f32;
    display:flex;
    padding-bottom:1rem;
    padding-top:1rem
}
.header-sm__container{
    align-items:center;
    display:flex;
    justify-content:space-between
}
.header-sm__toggle-icon,.header-sm__search-icon{
    color:#fff;
    display:block;
    font-size:0;
    height:24px;
    line-height:0;
    text-decoration:none;
    width:24px
}
.header-sm__toggle-icon:before,.header-sm__search-icon:before{
    font-family: Arial, 'Heebo', Helvetica, sans-serif;
    font-size:1.5rem;
    line-height:1
}
.header-sm__toggle-icon:before{
    content:"\e90b"
}
.header-sm__search-icon:before{
    content:"\e914"
}
.header-sm__logo{
    height:50px
}
@media screen and (min-width:975px){
    .header-sm{
        display:none
    }
}
.header-lg{
    display:none
}
.header-lg__container{
    align-items:center;
    display:flex;
    justify-content:space-between;
    width: 100%;
}
.header-lg__right{
    align-items:center;
    display:flex;
    flex:1;
    justify-content:flex-end
}
.header-lg__logo{
    height:75px
}
.header-lg__search-form{
    margin-left:3.75rem
}
@media screen and (min-width:975px){
    .header-lg{
        background:#2d2f32;
        color:#fff;
        display:flex;
        padding-bottom:2rem;
        padding-top:2rem
    }
}
.menu--header-navigation ul{
    margin:0;
    padding:0;
    list-style:none
}
.menu--header-navigation li{
    display:inline-block;
    margin:0;
    padding:0
}
.menu--header-navigation li+li{
    margin-left:3.75rem
}
.menu--header-navigation a{
    color:#fff !important;
    display:inline-block;
    font-size: 0.9rem;
    font-weight: 700;
}
.menu--header-navigation a:hover,.menu--header-navigation a:focus{
    text-decoration:none
}


  #header {
    width: 100%;
    position: relative;
    z-index: 500; }

  #main-wrapper {
    position: relative; }

  #govframework {
    width: 96%;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    overflow: hidden; }

  ul#logos {
    list-style-type: none; }

  #logos {
    margin-top: 10px;
    width: 65%;
    float: left;
    display: inline-block;
    vertical-align: middle; }

  #logos .gov_logo a {
    height: 80px;
    width: 80px;
    display: block;
    background: url("../images/gov_logo_sml.gif") 0 50% no-repeat;
    text-indent: -9999px;
    color: white; }

  #logos .jobs_logo a {
    height: 55px;
    width: 160px;
    display: block;
    background: url("../images/jobs_logo_sml.gif") 0 50% no-repeat;
    text-indent: -9999px;
    color: white;
    float: right; }

  #logos .gov_logo {
    float: left;
    width: 20%; }

  #logos .jobs_logo {
    float: left;
    width: 60%;
    text-align: center;
    margin-top: 15px; }

  #logos .gov_logo a {
    background: url("../images/gov_logo.gif") 0 50% no-repeat;
    width: 120px;
    height: 120px; }

  #logos .jobs_logo a {
    background: url("../images/jobs_logo.gif") 0 50% no-repeat;
    width: 240px;
    height: 85px; }

  .mobile-menu-link {
    display: block;
    text-align: right;
    height: 40px;
    width: auto;
    text-decoration: none;
    background-image: url(../images/mobile_menu.png);
    background-repeat: no-repeat;
    background-position: right; }

  .visuallyhidden {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important; }

  .page--width {
    max-width: 1200px;
    margin: 0 auto;
    width: 96%;
    min-width: 300px; }

  #search {
    float: right;
    margin-top: 50px; }

  #search li {
    text-align: center;
    white-space: nowrap;
    overflow: hidden; }

  #search li a {
    color: #000;
    text-decoration: none; }

  #search li a:hover {
    color: #000;
    text-decoration: underline; }

  #search li.extra a {
    color: #000;
    text-decoration: underline; }

  #search li label {
    display: none; }

  #search input {
    width: 60%;
    float: left;
    padding: 2px; }

  #search fieldset {
    border: 0;
    background: transparent;
    padding: 0; }

  #search form input.form-submit {
    background: white;
    color: black;
    width: 34%;
    margin: 0.1em 0 0;
    float: right;
    line-height: 1em;
    font-size: 1em;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    border-radius: 1em;
    padding: 6px; }

  #search .form-item,
  #search .form-actions {
    margin: 0; }

  /* start search.jobs.wa.gov.au CSS edits */
  .page--width, #main-wrapper, #footer-wrapper {
    width: 1292px; }

  #page-wrapper, #page {
    min-width: 1292px; }

  #footer {
    margin: 0;
    /*background: url(../images/footerTile.jpg) repeat #CCC;*/ }

  #footer-wrapper {
    margin: 0 auto;
    background-color: #CCC;
    width: 100%; }

  #t_33989 {
    width: 420px; }

  #t_33989 option {
    white-space: pre-wrap; }

  table {
    margin-top: 0;
    margin-bottom: 0; }

  #content .notRequiredField {
    color: #313b3b !important; }

  /*
  table.Report tr td:first-child {
  	display:none;
  }
  
  table.Report tr td:nth-child(4) {
  	display:none;
  }
  
  table.Report tr:first-child td:nth-child(2) a {
  	display:block;
  	height:20px;
  	overflow:hidden;
  	text-overflow:ellipsis;
  }
  
  table.Report tr td:first-child, table.Report tr td:nth-child(2) { width:auto }
  table.Report tr td:first-child, table.Report tr td:nth-child(3) {width:26% }
  table.Report tr td:first-child, table.Report tr td:nth-child(5) {width:auto }
  table.Report tr td:first-child, table.Report tr td:nth-child(6) {width:23% }
   23 June 2015 Position number displays on one line in Chrome 
  table.Report tr td:first-child, table.Report tr td:nth-child(7) {width:14% }
  */
  table.Report tr td {
    padding: 0 3px;
    vertical-align: top; }

  /* end search.jobs.wa.gov.au CSS edits */
  #block-nice-menus-1 {
    display: block; }

  .freeze {
    background: #000;
    color: #fff;
    padding: 2px 15px;
    margin-bottom: 20px;
    border-radius: 2px; 
  }

  .freeze h1 {
    font-size: 1.5em; 
    color: #fff; 
    background-color: #000; 
    text-align: center; 
    margin-top: 0.5rem; 
    margin-bottom: 0.5rem;
  } 
  
  .freeze h2 {
    color: #fff;
    margin: 0em;
    text-align: center; 
  }

  .freeze p {
    font-size: 1em !important;
    line-height: 1.7em !important;
    margin-bottom: 0.5em !important;
    margin-top: 0 !important; 
  }

  .freeze a {
    color: #fff;
    text-decoration: underline; 
  }

@media screen and (max-width: 1002px) {
  .freeze {
    margin-top: 6rem;
  }
}

  /* ad templates fix */
  #customcontent p, #customcontent span {
    font-size: 1em; }

  #customcontent li {
    padding-bottom: 0px; }

  #customcontent h2 {
    font-weight: bold; }

  #customcontent ul {
    padding-left: 40px; }

  #customcontent {
    line-height: normal;
    margin-top: 1rem; }

  /* ad templates fix */
  #steps {
    max-width: 480px;
    width: 100%; }
    #steps > div {
      margin-right: -1px;
      padding: 2px 0 0 0px !important; }
      #steps > div:last-child {
        border-right: none !important;
        margin-right: 0; }
      #steps > div:after {
        content: "\00a0"; }
    #steps + br + div {
      margin-top: 1em; }

  #searchButton, #resetButton, #clearButton {
    font-size: 0.9em; }

  #content input#searchButton, #content input#resetButton {
    /*
      margin-right:10px;
    */ }

  #content input#searchButton {
    /*
    width:150px !important;
    */ }

  #jobSearchForm > tbody > tr:nth-child(5) > td > table > tbody > tr > td {
    display: block;
    float: left; }
    #jobSearchForm > tbody > tr:nth-child(5) > td > table > tbody > tr > td #searchButton {
      width: 250px !important;
      margin: 5px 10px 5px 0; }
    #jobSearchForm > tbody > tr:nth-child(5) > td > table > tbody > tr > td #resetButton {
      width: 120px !important;
      margin: 5px 10px 5px 0px; }
    #jobSearchForm > tbody > tr:nth-child(5) > td > table > tbody > tr > td #clearButton {
      width: 120px !important;
      margin: 5px 0 10px 0; }

  input[type=text],
  input[type=password],
  select {
    max-width: 100%; }

  input#Data1473 {
    width: 99%; }

  form[action*="pageID=232&"] table.Report > tbody > tr > td:nth-child(2) > table > tbody > tr > td > table > tbody > tr > td:nth-child(2),
  form[action$="pageID=232"] table.Report > tbody > tr > td:nth-child(2) > table > tbody > tr > td > table > tbody > tr > td:nth-child(2) {
    white-space: nowrap; }
    form[action*="pageID=232&"] table.Report > tbody > tr > td:nth-child(2) > table > tbody > tr > td > table > tbody > tr > td:nth-child(2) > img[src$="cal.gif"],
    form[action$="pageID=232"] table.Report > tbody > tr > td:nth-child(2) > table > tbody > tr > td > table > tbody > tr > td:nth-child(2) > img[src$="cal.gif"] {
      vertical-align: middle; }

  form[action*="pageID=726&"] input[type="text"][size="70"],
  form[action$="pageID=726"] input[type="text"][size="70"] {
    max-width: 38.209em;
    width: 100%; }

  /**
   * @file
   * Block Styling
   */
  .block {
    /* Block wrapper */
    margin-bottom: 1.5em; }

  .block.first {
    /* The first block in the region */ }

  .block.last {
    /* The last block in the region */ }

  .block.odd {
    /* Zebra striping for each block in the region */ }

  .block.even {
    /* Zebra striping for each block in the region */ }

  h2.block-title {
    /* Block title */ }

  #block-aggregator-category-1 {
    /* Block for the latest news items in the first category */ }

  #block-aggregator-feed-1 {
    /* Block for the latest news items in the first feed */ }

  #block-block-1 {
    /* First block created with "Add block" link */ }

  #block-blog-recent {
    /* "Recent blog posts" block */ }

  #block-book-navigation {
    /* "Book navigation" block for the current book's table of contents */ }

  #block-comment-recent {
    /* "Recent comments" block */ }

  #block-forum-active {
    /* "Active forum topics" block */ }

  #block-forum-new {
    /* "New forum topics" block */ }

  #block-locale-language {
    /* Language switcher block */ }

  #block-menu-menu-NAME {
    /* Custom menu block */ }

  #block-node-recent {
    /* "Recent content" block */ }

  #block-node-syndicate {
    /* "Syndicate" block for primary RSS feed; see also page.css's .feed-icon */ }

  #block-poll-recent {
    /* "Most recent poll" block */ }

  #block-profile-author-information {
    /* "Author information" block for the profile of the page's author */ }

  #block-search-form {
    /* "Search form" block */ }

  #block-shortcut-shortcuts {
    /* "Shortcuts" block */ }

  #block-statistics-popular {
    /* "Popular content" block */ }

  #block-system-main-menu {
    /* "Main menu" block */ }

  #block-system-management {
    /* "Management" block for Drupal management menu */ }

  #block-system-navigation {
    /* "Navigation" block for Drupal navigation menu */ }

  #block-system-user-menu {
    /* "User menu" block for Drupal user menu */ }

  #block-system-help {
    /* "System help" block */ }

  #block-system-main {
    /* "Main page content" block */ }

  #block-system-powered-by {
    /* "Powered by Drupal" block */ }

  #block-user-login {
    /* "User login form" block */ }

  #block-user-new {
    /* "Who's new" block for a list of the newest users */ }

  #block-user-online {
    /* "Who's online" block for a list of the online users */ }

  /**
   * @file
   * Navigation Styling
   */
  /*
   * Markup generated by theme_menu_tree().
   */
  ul li.expanded {
    *list-style-image: url(../images/menu-expanded.png);
    list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABJJREFUeJxj+MdQw2DBIMAABgAUsAHD3c3BpwAAAABJRU5ErkJggg==");
    list-style-type: circle; }

  ul li.collapsed {
    *list-style-image: url(../images/menu-collapsed.png);
    /* LTR */
    list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABFJREFUCB1jVmCGQClmEWYOAAZ8AMy3HPLXAAAAAElFTkSuQmCC");
    /* LTR */
    list-style-type: disc; }

  ul li.leaf {
    *list-style-image: url(../images/menu-leaf.png);
    list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHBAMAAAA2fErgAAAAD1BMVEX///+/v7+Li4sAAADAwMBFvsw8AAAAAXRSTlMAQObYZgAAAB1JREFUCFtjYAADYwMGBmYVZSDhKAwkFJWhYiAAAB2+Aa/9ugeaAAAAAElFTkSuQmCC");
    list-style-type: square; }

  /*
   * The active item in a Drupal menu
   */
  li a.active {
    color: #000; }

  /*
   * Navigation bar
   */
  #navigation {
    /* overflow: hidden; */
    /* Sometimes you want to prevent overlapping with main div. */ }

  #navigation .block {
    margin-bottom: 0; }

  #navigation .block-menu .block-title,
  #navigation .block-menu-block .block-title {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px); }

  #navigation ul.links,
  #navigation ul.menu {
    /* Menu block links */
    margin: 0;
    padding: 0;
    text-align: left;
    /* LTR */ }

  #navigation ul.links li,
  #navigation ul.menu li {
    /* A simple method to get navigation links to appear in one line. */
    float: left;
    /* LTR */
    padding: 0 10px 0 0;
    /* LTR */
    list-style-type: none;
    list-style-image: none; }

  /*
   * Main menu and Secondary menu links
   */
  #main-menu {
    font-family: Arial, 'Heebo', Helvetica, sans-serif; }

  #secondary-menu {
    float: right;
    /* LTR */ }

  /*
   * Menu blocks
   */
  /*
   * "Menu block" blocks
   *
   * Drupal core has limited ways in which it can display its menus. To get around
   * these limitations, see http://drupal.org/project/menu_block
   */
  /**
  * Responsive Sidr menu
  **/
  .block-jobswa-menu {
    margin: 0; }

  .sidr-class-menu-path-home {
    background: #000;
    padding: 5px;
    text-align: center; }

  .sidr-class-menu-path-home a {
    color: #fff; }

  .sidr .sidr-class-menuparent ul {
    margin-bottom: 0;
    border-bottom: 0; }

  .sidr-class-menu__item {
    list-style: none; }

  .sidr-class-menuparent > .sidr-class-menu__link {
    color: #FFF;
    background: #C01A36;
    display: block;
    padding: 5px 10px; }

  .sidr-class-menu__link {
    text-decoration: none; }

  .sidr .sidr-class-menuparent ul .sidr-class-menuparent > .sidr-class-menu__link {
    background: #5E4FA2;
    padding: 5px 15px;
    line-height: 1; }

  .sidr ul li {
    line-height: 38px !important; }

  .sidr ul li:hover > a {
    box-shadow: none !important; }

  .sidr-class-menu-path-home a {
    color: #fff !important; }

  .sidr-class-menu-path-home {
    background: #000;
    padding: 5px;
    text-align: center; }

  .sidr-class-menu-path-home a {
    color: #fff; }

  .sidr .sidr-class-menuparent ul {
    margin-bottom: 0;
    border-bottom: 0; }

  .sidr-class-menu__item {
    list-style: none; }

  .sidr-class-menuparent > .sidr-class-menu__link {
    color: #FFF;
    background: #C01A36;
    display: block;
    padding: 5px 10px; }

  .sidr-class-menu__link {
    text-decoration: none; }

  .sidr .sidr-class-menuparent ul .sidr-class-menuparent > .sidr-class-menu__link {
    background: #5E4FA2;
    padding: 5px 15px;
    line-height: 1; }

  .sidr ul li {
    line-height: 38px !important; }

  .sidr ul li:hover > a {
    box-shadow: none !important; }

  .sidr {
    display: none;
    position: absolute;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999;
    width: 260px;
    overflow-x: none;
    overflow-y: auto;
    font-family: Arial, 'Heebo', Helvetica, sans-serif;
    font-size: 15px;
    background: #f8f8f8;
    color: #000;
    -webkit-box-shadow: inset 0 0 5px 5px #ebebeb;
    -moz-box-shadow: inset 0 0 5px 5px #ebebeb;
    box-shadow: inset 0 0 5px 5px #ebebeb; }

  .sidr .sidr-inner {
    padding: 0 0 15px; }

  .sidr .sidr-inner > p {
    margin-left: 15px;
    margin-right: 15px; }

  .sidr.right {
    left: auto;
    right: -260px; }

  .sidr.left {
    left: -260px;
    right: auto; }

  .sidr h1,
  .sidr h2,
  .sidr h3,
  .sidr h4,
  .sidr h5,
  .sidr h6 {
    font-size: 11px;
    font-weight: normal;
    padding: 0 15px;
    margin: 0 0 5px;
    color: #000;
    line-height: 24px;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dfdfdf));
    background-image: -webkit-linear-gradient(#ffffff, #dfdfdf);
    background-image: -moz-linear-gradient(#ffffff, #dfdfdf);
    background-image: -o-linear-gradient(#ffffff, #dfdfdf);
    background-image: linear-gradient(#ffffff, #dfdfdf);
    -webkit-box-shadow: 0 5px 5px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 5px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 5px 3px rgba(0, 0, 0, 0.2); }

  .sidr p {
    font-size: 13px;
    margin: 0 0 12px; }

  .sidr p a {
    color: rgba(51, 51, 51, 0.9); }

  .sidr > p {
    margin-left: 15px;
    margin-right: 15px; }

  .sidr ul {
    display: block;
    margin: 0 0 15px;
    padding: 0;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #fff; }

  .sidr ul li {
    display: block;
    margin: 0;
    line-height: 48px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #dfdfdf; }

  .sidr ul li:hover,
  .sidr ul li.active,
  .sidr ul li.sidr-class-active {
    line-height: 49px; }

  .sidr ul li:hover > a,
  .sidr ul li:hover > span,
  .sidr ul li.active > a,
  .sidr ul li.active > span,
  .sidr ul li.sidr-class-active > a,
  .sidr ul li.sidr-class-active > span {
    -webkit-box-shadow: inset 0 0 15px 3px #ebebeb;
    -moz-box-shadow: inset 0 0 15px 3px #ebebeb;
    box-shadow: inset 0 0 15px 3px #ebebeb; }

  .sidr ul li a,
  .sidr ul li span {
    padding: 0 15px;
    display: block;
    text-decoration: none;
    color: #000; }

  .sidr ul li a:hover {
    background: #ebebeb; }

  .sidr ul li ul {
    border-bottom: none;
    margin: 0; }

  .sidr ul li ul li {
    line-height: 40px;
    font-size: 13px; }

  .sidr ul li ul li:last-child {
    border-bottom: none; }

  .sidr ul li ul li:hover,
  .sidr ul li ul li.active,
  .sidr ul li ul li.sidr-class-active {
    line-height: 41px; }

  .sidr ul li ul li:hover > a,
  .sidr ul li ul li:hover > span,
  .sidr ul li ul li.active > a,
  .sidr ul li ul li.active > span,
  .sidr ul li ul li.sidr-class-active > a,
  .sidr ul li ul li.sidr-class-active > span {
    -webkit-box-shadow: inset 0 0 15px 3px #ebebeb;
    -moz-box-shadow: inset 0 0 15px 3px #ebebeb;
    box-shadow: inset 0 0 15px 3px #ebebeb; }

  .sidr ul li ul li a,
  .sidr ul li ul li span {
    color: rgba(51, 51, 51, 0.8);
    padding-left: 30px; }

  .sidr form {
    margin: 0 15px; }

  .sidr label {
    font-size: 13px; }

  .sidr input[type="text"],
  .sidr input[type="password"],
  .sidr input[type="date"],
  .sidr input[type="datetime"],
  .sidr input[type="email"],
  .sidr input[type="number"],
  .sidr input[type="search"],
  .sidr input[type="tel"],
  .sidr input[type="time"],
  .sidr input[type="url"],
  .sidr textarea,
  .sidr select {
    width: 100%;
    font-size: 13px;
    padding: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    border: none;
    background: rgba(0, 0, 0, 0.1);
    color: rgba(51, 51, 51, 0.6);
    display: block;
    clear: both; }

  .sidr input[type=checkbox] {
    width: auto;
    display: inline;
    clear: none; }

  .sidr input[type=button],
  .sidr input[type=submit] {
    color: #f8f8f8;
    background: #000; }

  .sidr input[type=button]:hover,
  .sidr input[type=submit]:hover {
    background: rgba(51, 51, 51, 0.9); } }
@media print {
  /**
   * @file
   * Print styling
   *
   * We provide some sane print styling for Drupal using Zen's layout method.
   */ }
@media print {
  a:link,
  a:visited {
    /* underline all links */
    text-decoration: underline !important; }

  #site-name a:link,
  #site-name a:visited {
    /* Don't underline header */
    text-decoration: none !important; }

  #content a[href]:after {
    /* Add visible URL after links. */
    /*
        content: " (" attr(href) ")";
        font-weight: normal;
        font-size: 16px;
    */ }

  #content a[href^="javascript:"]:after,
  #content a[href^="#"]:after {
    /* Only display useful links. */
    content: ""; }

  #content abbr[title]:after {
    /* Add visible title after abbreviations. */
    content: " (" attr(title) ")"; }

  #content {
    /* Un-float the content */
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important; }

  body,
  #page,
  #main,
  #content {
    /* Turn off any background colors or images */
    color: #000;
    background-color: transparent !important;
    background-image: none !important; }

  #skip-link,
  #toolbar,
  #navigation,
  .region-sidebar-first,
  .region-sidebar-second,
  #footer,
  .breadcrumb,
  .tabs,
  .action-links,
  .links,
  .book-navigation,
  .forum-topic-navigation,
  .pager,
  .feed-icons {
    /* Hide sidebars and nav elements */
    visibility: hidden;
    display: none; } }
@media print {
  /* End @media print */ }
@media print {
  #skip-link,
  #header,
  #breadcrumb,
  .sidebars,
  #brs_footer a[href*="get.adobe.com"],
  #footer,
  #sidr-existing-content,
  br + br {
    display: none; } }
@media screen {
  .sidr {
    background: #f8f8f8;
    color: #000;
    height: 100%;
    overflow-y: auto;
    position: fixed;
    top: 0;
    width: 260px;
    z-index: 1000; }
    .sidr.right {
      left: auto;
      right: -260px;
      display: block; }
    .sidr .sidr-class-menu-path-home {
      background: #000;
      color: #fff;
      padding: 5px;
      text-align: center; }
    .sidr .sidr-class-menuparent .sidr-class-menu__link {
      color: #000; }
    .sidr .sidr-class-menuparent > .sidr-class-menu__link {
      color: #fff; }

  /*
  a.noline:link { color: #FFF;} 
  a.noline:visited { color: #FFF;} 
  a.noline:hover { color: #FFF;} 
  a.noline:active { color: #FFF;} 
  */
  p {
    font-size: 1.2rem;
    line-height: 1.5rem; }

  p.small {
    font-size: 0.785em;
    font-family: Arial, 'Heebo', Helvetica, sans-serif;
    text-transform: none;
    color: #000000;
    text-decoration: none;
    font-weight: normal; }

  p.vsmall {
    font: 0.571em;
    font-family: Arial, 'Heebo', Helvetica, sans-serif; }

  p.toplinks {
    font-size: 0.714em;
    font-weight: bold;
    font-family: Arial, 'Heebo', Helvetica, sans-serif;
    color: #FFFFFF;
    text-transform: capitalize; }

  p.title {
    font-size: 1em;
    font-family: Arial, 'Heebo', Helvetica, sans-serif; }

  .menu {
    text-decoration: none;
    font-family: Arial, 'Heebo', Helvetica, sans-serif;
    font-size: 0.785em;
    font-style: normal;
    font-weight: normal;
    color: #FFFFFF; }

  .noline {
    font-family: Arial, 'Heebo', Helvetica, sans-serif;
    font-size: 0.714em;
    font-style: normal;
    font-weight: bold;
    text-transform: uppercase;
    color: #FFFFFF;
    vertical-align: middle; }

  .teal {
    font-family: Arial, 'Heebo', Helvetica, sans-serif;
    font-size: 0.785em;
    font-style: italic;
    color: #008080;
    text-decoration: none; }

  .ital {
    font-family: Arial, 'Heebo', Helvetica, sans-serif;
    font-size: 0.785em;
    font-style: normal;
    color: #000000;
    text-decoration: none; }

  .teallarge {
    font-family: Arial, 'Heebo', Helvetica, sans-serif;
    font-size: 0.857em;
    font-weight: bold;
    color: #008080; }

  .noline1 {
    font-family: Arial, 'Heebo', Helvetica, sans-serif;
    font-size: 0.714em;
    font-style: normal;
    font-weight: bold;
    text-transform: uppercase;
    color: #FFFFFF; }

  .style3 {
    color: #FFFFFF; }

  #content input, #content select, #content textarea, #content a, #content b, #content td, #content th, #content table, #content .pageheading, #content .requiredfield, #content .notrequiredfield, #content .formheader {
    /*font-size : 97%;*/ }

  #content .sectionheader {
    color: 000000;
    size: 14px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 5px; }

  #content b {
    font: bold; }

  #content input {
    font-size: 97%; }

  #content select {
    font-size: 97%; }

  #content textarea {
    font-size: 97%; }

  #content th {
    font-weight: bolder;
    vertical-align: top; }

  #content td {
    vertical-align: top;
    line-height: 1.5rem; }

  #content .requiredField {
    /*
    used in td tags (form item labels) to indicate a manditory field
    */
    color: RED; }

  #content .messageField {
    color: ORANGE; }

  #content td.requiredField {
    background: none; }
    #content td.requiredField:before {
      content: '*';
      padding-right: 5px; }

  #content .Form {
    /*
    used in the table tag that is used to format a form
    */ }

  #content table.Form {
    /* border: 1px solid #767A7D; */ }

  #content table.Form tr {
    /*	background-color : #D0D9E8; */ }

  #content .pagetitle, #content .reportHeader, #content .formHeader {
    /*
    used in div tags to display the title of a form
    */
    font-size: 24px; }

  #content .pageheading {
    font-weight: 900;
	line-height: 132%;
	color: rgba(0,0,0,0.9);
	letter-spacing: 0;
	font-size: 2.25rem;
	margin-bottom: 1.25rem;
    margin-top: 0.5rem;
    font-family: 'Heebo', Arial, Helvetica, sans-serif; }

  #content div.subtitle {
    font-size: small;
    margin-bottom: 2px; }

  #content content {
    width: 800px; }

  #content td.reportheading a {
    color: #FFFFFF; }

  #content table.Report {
    border: 0px solid #0B88B1; }

  #content .notRequiredField {
    /*
    used in td tags (form item labels) to indicate a optional field
    */
    color: #330066; }

  #content td.notrequiredfield {
    vertical-align: middle; }

  #content .reportcontrols {
    /*
    used in the td tag that contains the next, prev etc controls at the top and bottom of a report
    */
    border-left: none; }

  #content .tinytext {
    /*
    used in span tags to display the format of a input in a form
    */
    font-size: 10px;
    vertical-align: top;
    white-space: nowrap; }

  #content .ActiveButton {
    /*
    used in input tags for the buttons that are used for logged in jobseekers
    the active button is the button that leads to the current page
    */
    color: red; }

  #content .InActiveButton {
    /*
    used in input tags for the buttons that are used for logged in jobseekers
    */
    color: #000000; }

  #content .errorMessage {
    color: #FF0000; }

  #tableWidthOuterMain {
    width: 140; }

  #tableWidthOuter {
    width: 130; }

  #tableWidthInner {
    width: 123; }

  #content div.adCountText {
    color: #FFFFFF;
    font-family: Arial, 'Heebo', Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold; }

  #content div.adCountNumber {
    color: #FFFFFF;
    font-family: Arial, 'Heebo', Helvetica, sans-serif;
    font-size: 24px;
    font-weight: bold; }

  #content .b {
    color: #FFFFFF;
    font-family: Arial, 'Heebo', Helvetica, sans-serif;
    font-size: 9px;
    text-decoration: underline; }

  #captchaImageBox {
    padding-bottom: 4px; }

  .titleFont {
    color: #FF0000;
    font-size: x-large; }

  #titleFont {
    display: none;
  }  

  #titleFont br {
    display: none; }

  #cutomheader h2:first {
    color: #c01a36;
    font-size: 1.5em; }

  #header, #content, #navigation, #cutomheader .region-sidebar-first, #cutomheader .region-sidebar-second, #content pre, #footer {
    word-wrap: normal; }

  .reportheading {
    color: #FFFFFF; }

  #content hr {
    height: 0; }

  UL.nice-menu-down LI.last A {
    color: #000; }

  #adContentCell div:first-child {
    /*line-height: 8px;*/ }

  .hide4thCol {
    display: none; }

  table.Report tr td {
    padding: 8px 3px;
    line-height: 1.3em; }

  table.Report > tbody > tr > td:first-child, table.Report > tbody > tr > td:nth-child(3) {
    width: 20%; }

  .col4thWidth {
    width: 21%; }

  /*
  #content table.Report tr td:first-child {
  	display: table-cell;
  }
  */
  #content table.Report > tbody > tr > td:first-child, table.Report > tbody > tr > td:nth-child(3) {
    width: auto; }

  #content input[type="button"], #content input[type="submit"], #content input[type="reset"] {
    background: #000000;
	font-weight: 500;
	padding: 0.75em 1em;
	color: #ffffff;
	border: none;
	margin-right: 0.5rem;
	width: auto !important;
 }

 #content input[name="searchButton"], #content input[name="resetButton"], #content input[name="clearButton"] {
	margin-right: 10px;
	margin-top: 5px;
 }

 #content input[type="button"]:hover, #content input[type="submit"]:hover, #content input[type="reset"]:hover {
 	background: #d14210;
 }
  /*
  #content table.Report > tbody > tr > td:last-child {
  	width: 10%;
  }
  */
  /* fix univesal adContainer style start */
  #adHeader {
    display: block !important; }

  /*
  #adheader1, #adheader2, #adheader3 {
  	background-size: cover !important;
  	width: auto !important;
  }
  */
  #adDetails {
    line-height: normal; }

  #adContainer h1 {
    font-weight: bold; }

  #adContainer a {
    /*color: #000;*/ }

  #adContainer a:link {
    /*color: #000;*/ }

  #adContainer {
    font-family: Arial, 'Heebo', Helvetica, sans-serif;
    line-height: normal; }

  #adContainer li {
    padding: 0; }

  #adContainer ul {
    /*padding: 0px 39px*/ }

  #adContainer li div {
    line-height: normal !important; }

  #adContainer table {
    margin-top: 0px;
    margin-bottom: 0px;
    border-collapse: initial; }

  .tempfixed {
    line-height: 20px; }

  /* fix univesal adContainer style end*/
  /*
  #customcontent img {
  	max-width: initial; 
  	margin-bottom: 6px;
  }
  */

  /* JIRA ERSS-993 WCAG2 - Report - TR -> TH */
  table.Report th.reportheading {
    background-color: #4c4c4c;
    padding: 8px 3px;
    line-height: 1.3em; }

  table.Report th.reportheading a {
    color: #FFF;
    font-weight: normal; }

  /* JIRA ERSS-993 WCAG2 - Report - TR -> TH */
  select#hID67086481 {
    max-width: 400px; }

  #regisTable {
    max-width: 520px;
    width: 100%; }
    #regisTable > tbody > tr:nth-child(1) > td > table > tbody > tr > td:nth-child(2) {
      white-space: nowrap; }

  table.report-paging-top > tbody > tr > td,
  table.report-paging-bottom > tbody > tr > td {
    width: auto; }
    table.report-paging-top > tbody > tr > td > a,
    table.report-paging-top > tbody > tr > td > nobr > a,
    table.report-paging-bottom > tbody > tr > td > a,
    table.report-paging-bottom > tbody > tr > td > nobr > a {
      white-space: nowrap;
      display: inline-block;
      margin: 0.3em 0; }

  table.report-paging-top nobr {
    white-space: normal; }

  table.Report > tbody > tr > td > table > tbody > tr > td > select {
    width: 100%;
    min-width: 50px; }

  img[src$="images/cal.gif"] {
    min-width: 16px; }

  .table-container {
    overflow-x: auto; } }
@media screen and (max-width: 1200px) {
  /*
      #content {
          table.Report {
              width: 100%;
          }
      }
  */
  .mobile-only {
    display: none;
    float: left;
  }
}
@media screen and (max-width: 767px) {
  table.Report,
  table.Report > tbody,
  table.Report > tbody > tr,
  table.Report > tbody > tr > th.reportheading,
  table.Report > tbody > tr > td {
    display: block; }

  table.Report {
    min-width: auto; }

  table.Report > tbody > tr {
    padding: 5px 3px; }

  table.Report > tbody > tr:nth-of-type(1) {
    display: none; }

  table.Report > tbody > tr > td[data-fieldName] {
    position: relative;
    /*left: 38.1966%;*/
    left:20%
    width: 61.8034% !important;
    padding: 0 !important; }
    table.Report > tbody > tr > td[data-fieldName]:before {
      font-style: italic;
      position: absolute;
      left: -61.8034%;
      width: 60.8034%;
      display: block;
      text-align: right;
      overflow: hidden;
      white-space: nowrap; }
    table.Report > tbody > tr > td[data-fieldName]:after {
      content: "\00a0"; }
    .mobile-only{
      display: block !important;
      font-style: italic;
      /*font-weight: bold;*/
    }
    table.Report > tbody > tr > td[data-fieldName]:before {
      /*content: attr(data-fieldName) ":"; */
    }
    table.Report > tbody > tr > td[data-fieldName] > div {
      display: inline; }
    table.Report > tbody > tr > td[data-fieldName] > .indent {
      display: none; }
    table.Report > tbody > tr > td[data-fieldName] > input[type=checkbox] {
      margin: 0;
      vertical-align: middle; } }
@media screen {
  /* 782px */ }
@media screen and (max-width: 320px) {
  table.Report > tbody > tr {
    padding-left: 0;
    padding-right: 0; }

  .pageID-186 #content,
  .pageID-187 #content,
  .pageID-215 #content,
  .pageID-220 #content,
  .pageID-235 #content,
  .pageID-257 #content,
  .pageID-465 #content {
    padding-left: 5px;
    padding-right: 5px; } }
@media screen {
  /* 37.5em */
  form[action*="pageID=184&"],
  form[action$="pageID=184"] {
    /* 782px */ } }
  @media screen and (max-width: 1200px) {
    form[action*="pageID=184&"] table.normDatePicker,
    form[action$="pageID=184"] table.normDatePicker {
      display: table; }
    form[action*="pageID=184&"] table.normDatePicker > tbody,
    form[action$="pageID=184"] table.normDatePicker > tbody {
      display: table-row-group; }
    form[action*="pageID=184&"] table.normDatePicker > tbody > tr,
    form[action$="pageID=184"] table.normDatePicker > tbody > tr {
      display: table-row; }
    form[action*="pageID=184&"] table.normDatePicker > tbody > tr > td,
    form[action$="pageID=184"] table.normDatePicker > tbody > tr > td {
      display: table-cell; }
    form[action*="pageID=184&"] table.normDateSel2,
    form[action$="pageID=184"] table.normDateSel2 {
      display: table; }
    form[action*="pageID=184&"] table.normDateSel2 > tbody,
    form[action$="pageID=184"] table.normDateSel2 > tbody {
      display: table-row-group; }
    form[action*="pageID=184&"] table.normDateSel2 > tbody > tr,
    form[action$="pageID=184"] table.normDateSel2 > tbody > tr {
      display: table-row; }
    form[action*="pageID=184&"] table.normDateSel2 > tbody > tr > td,
    form[action$="pageID=184"] table.normDateSel2 > tbody > tr > td {
      display: table-cell; }
    form[action*="pageID=184&"] table.normDatePicker td,
    form[action*="pageID=184&"] table.normDateSel2 td,
    form[action$="pageID=184"] table.normDatePicker td,
    form[action$="pageID=184"] table.normDateSel2 td {
      white-space: nowrap; }
    #customcontent form[action*="pageID=184&"] table.normDatePicker img, #customcontent form[action*="pageID=184&"] table.normDateSel2 img, #customcontent
    form[action$="pageID=184"] table.normDatePicker img, #customcontent
    form[action$="pageID=184"] table.normDateSel2 img {
      display: inline-block;
      vertical-align: middle;
      margin: 0 0.25em; } }
  @media screen and (max-width: 767px) {
    form[action*="pageID=184&"] table.normDatePicker,
    form[action*="pageID=184&"] table.normDateSel2,
    form[action$="pageID=184"] table.normDatePicker,
    form[action$="pageID=184"] table.normDateSel2 {
      width: 100%; }
    form[action*="pageID=184&"] table.normDatePicker td,
    form[action*="pageID=184&"] table.normDateSel2 td,
    form[action$="pageID=184"] table.normDatePicker td,
    form[action$="pageID=184"] table.normDateSel2 td {
      width: 100%; }
    form[action*="pageID=184&"] table.normDatePicker td:first,
    form[action*="pageID=184&"] table.normDateSel2 td:first,
    form[action$="pageID=184"] table.normDatePicker td:first,
    form[action$="pageID=184"] table.normDateSel2 td:first {
      width: 100%; } }

@media screen {
  form[action*="pageID=268&"],
  form[action$="pageID=268"] {
    /* 782px */ } }
  @media screen and (max-width: 1200px) {
    form[action*="pageID=268&"] table.normDatePicker,
    form[action$="pageID=268"] table.normDatePicker {
      display: table; }
    form[action*="pageID=268&"] table.normDatePicker > tbody,
    form[action$="pageID=268"] table.normDatePicker > tbody {
      display: table-row-group; }
    form[action*="pageID=268&"] table.normDatePicker > tbody > tr,
    form[action$="pageID=268"] table.normDatePicker > tbody > tr {
      display: table-row; }
    form[action*="pageID=268&"] table.normDatePicker > tbody > tr > td,
    form[action$="pageID=268"] table.normDatePicker > tbody > tr > td {
      display: table-cell; }
    form[action*="pageID=268&"] table.normDateSel2,
    form[action$="pageID=268"] table.normDateSel2 {
      display: table; }
    form[action*="pageID=268&"] table.normDateSel2 > tbody,
    form[action$="pageID=268"] table.normDateSel2 > tbody {
      display: table-row-group; }
    form[action*="pageID=268&"] table.normDateSel2 > tbody > tr,
    form[action$="pageID=268"] table.normDateSel2 > tbody > tr {
      display: table-row; }
    form[action*="pageID=268&"] table.normDateSel2 > tbody > tr > td,
    form[action$="pageID=268"] table.normDateSel2 > tbody > tr > td {
      display: table-cell; }
    form[action*="pageID=268&"] table.normDatePicker td,
    form[action*="pageID=268&"] table.normDateSel2 td,
    form[action$="pageID=268"] table.normDatePicker td,
    form[action$="pageID=268"] table.normDateSel2 td {
      white-space: nowrap; }
    #customcontent form[action*="pageID=268&"] table.normDatePicker img, #customcontent form[action*="pageID=268&"] table.normDateSel2 img, #customcontent
    form[action$="pageID=268"] table.normDatePicker img, #customcontent
    form[action$="pageID=268"] table.normDateSel2 img {
      display: inline-block;
      vertical-align: middle;
      margin: 0 0.25em; } }
  @media screen and (max-width: 767px) {
    form[action*="pageID=268&"] table.normDatePicker,
    form[action*="pageID=268&"] table.normDateSel2,
    form[action$="pageID=268"] table.normDatePicker,
    form[action$="pageID=268"] table.normDateSel2 {
      width: 100%; }
    form[action*="pageID=268&"] table.normDatePicker td,
    form[action*="pageID=268&"] table.normDateSel2 td,
    form[action$="pageID=268"] table.normDatePicker td,
    form[action$="pageID=268"] table.normDateSel2 td {
      width: 100%; }
    form[action*="pageID=268&"] table.normDatePicker td:first,
    form[action*="pageID=268&"] table.normDateSel2 td:first,
    form[action$="pageID=268"] table.normDatePicker td:first,
    form[action$="pageID=268"] table.normDateSel2 td:first {
      width: 100%; } }

@media screen {
  form[action*="pageID=726&"],
  form[action$="pageID=726"] {
    /* 782px */ } }
  @media screen and (max-width: 1200px) {
    form[action*="pageID=726&"] table.normDatePicker,
    form[action$="pageID=726"] table.normDatePicker {
      display: table; }
    form[action*="pageID=726&"] table.normDatePicker > tbody,
    form[action$="pageID=726"] table.normDatePicker > tbody {
      display: table-row-group; }
    form[action*="pageID=726&"] table.normDatePicker > tbody > tr,
    form[action$="pageID=726"] table.normDatePicker > tbody > tr {
      display: table-row; }
    form[action*="pageID=726&"] table.normDatePicker > tbody > tr > td,
    form[action$="pageID=726"] table.normDatePicker > tbody > tr > td {
      display: table-cell; }
    form[action*="pageID=726&"] table.normDateSel2,
    form[action$="pageID=726"] table.normDateSel2 {
      display: table; }
    form[action*="pageID=726&"] table.normDateSel2 > tbody,
    form[action$="pageID=726"] table.normDateSel2 > tbody {
      display: table-row-group; }
    form[action*="pageID=726&"] table.normDateSel2 > tbody > tr,
    form[action$="pageID=726"] table.normDateSel2 > tbody > tr {
      display: table-row; }
    form[action*="pageID=726&"] table.normDateSel2 > tbody > tr > td,
    form[action$="pageID=726"] table.normDateSel2 > tbody > tr > td {
      display: table-cell; }
    form[action*="pageID=726&"] table.normDatePicker td,
    form[action*="pageID=726&"] table.normDateSel2 td,
    form[action$="pageID=726"] table.normDatePicker td,
    form[action$="pageID=726"] table.normDateSel2 td {
      white-space: nowrap; }
    #customcontent form[action*="pageID=726&"] table.normDatePicker img, #customcontent form[action*="pageID=726&"] table.normDateSel2 img, #customcontent
    form[action$="pageID=726"] table.normDatePicker img, #customcontent
    form[action$="pageID=726"] table.normDateSel2 img {
      display: inline-block;
      vertical-align: middle;
      margin: 0 0.25em; } }
  @media screen and (max-width: 767px) {
    form[action*="pageID=726&"] table.normDatePicker,
    form[action*="pageID=726&"] table.normDateSel2,
    form[action$="pageID=726"] table.normDatePicker,
    form[action$="pageID=726"] table.normDateSel2 {
      width: 100%; }
    form[action*="pageID=726&"] table.normDatePicker td,
    form[action*="pageID=726&"] table.normDateSel2 td,
    form[action$="pageID=726"] table.normDatePicker td,
    form[action$="pageID=726"] table.normDateSel2 td {
      width: 100%; }
    form[action*="pageID=726&"] table.normDatePicker td:first,
    form[action*="pageID=726&"] table.normDateSel2 td:first,
    form[action$="pageID=726"] table.normDatePicker td:first,
    form[action$="pageID=726"] table.normDateSel2 td:first {
      width: 100%; } }

@media screen {
  .hide {
    display: none; }

  .page--width, #main-wrapper {
    max-width: 1292px;
    width: 96%; }

  input[type="checkbox"], input[type="radio"] {
    margin: 0 3px 0 10px;
    width: auto !important;
    min-width: 20px; }

  textarea {
    width: 99% !important; }

  fieldset {
    margin: 20px 0 0; }

  .Form.Frm143 .notRequiredField, .Form.Frm98 .notRequiredField, .Form.Frm120 .notRequiredField {
    display: block;
    float: left; }

  /*
  .Form.Frm143 {
  	.notRequiredField:last-child {
  		width: 28%;
  		select {
  			width: 99%;
  		}
  	}
  }
  */ }
@media screen and (max-width: 1200px) {
  #page-wrapper, #page {
    min-width: 0;
    width: 100%; }

  #main-wrapper, .page--width, #govframework, #main-menu {
    max-width: 96%; }

  #footer-wrapper ul {
    max-width: 100%; }

  /*
  	form[name="tblGenForm"]{ 
  		overflow-x: auto;
  	}
  	
  	#searchButton, #resetButton, #clearButton {
  		margin-bottom: 10px;
  	}
  */
  /* job details - styles are embedded on page */
  /*
  	#advertWrap {
  		width: 99% !important;
  	}
  	#advertHeaderBanner {
  		background-size: 100% !important;
  		width: 100% !important;
  		h1 {
  			margin: 0;
  			width: auto;
  		}
  	}
  	#advertBody {
  		width: auto !important;
  	}
  	#advertHeaderTextTop, #advertHeaderTextBot {
  		background-size: 100% !important;
  		width: auto !important;
  	}
  	#advertHeaderText {
  		padding: 0 20px;
  		width: auto !important;
  	}
  	#dsRight, #dsBottom, #dsBottom ~ td img {
  		display: none;
  	}
  	#adContainer {
  		height: auto !important;
  		width: 100% !important;
  		#tafeheader, #adContentCell > table {
  			width: 100% !important;
  		}
  		#tafeheader {
  			background-size: 100%;
  		}
  	}
  */
  .indentation {
    display: none; } }
@media screen and (min-width: 1003px) {
  #header .clearfix {
    display: block; }

  .mobile-menu {
    display: none; } }
@media screen and (max-width: 1002px) {
  #page-wrapper, #page {
    min-width: 0;
    width: 100%;
    transition: margin-left 0.5s; }

  #header .clearfix {
    display: none; }

  #logos {
    margin-top: 25px;
    width: 85%; }

  .mobile-menu {
    margin-top: 47px; }

  #main-wrapper {
    margin: 10px auto 15px;
    margin-top: 0;
    padding-top: 10px; }

  /*
  	#breadcrumb {
  		padding-top: 20px;
  	}
  */
  .sidebar-first #content {
    float: none;
    width: 100%;
    margin-top: 64px; }

  /*
  	.Form input {
  		width: 80%;
  	}
  */
  .Form.Frm143 .notRequiredField, .Form.Frm98 .notRequiredField, .Form.Frm120 .notRequiredField {
    float: none; }

  .Form.Frm143 .notRequiredField:last-child {
    width: auto; }

  .dateField > tbody > tr > td {
    display: table-cell; }
    .dateField > tbody > tr > td input[type="text"] {
      width: 95%; }

  #search {
    margin: 0;
    position: absolute;
    right: 0;
    top: 5px;
    width: 100%; }
    #search li {
      overflow: hidden;
      text-align: center;
      white-space: nowrap; }

  #page-wrapper.navOpen {
    margin-left: -260px;
    transition: margin-left 0.5s; }

  .sidr.right.navOpen {
    right: 0;
    transition: right 0.5s; }

  #logos {
    padding-left: 0;
    width: 85%; }

  #logos .gov_logo {
    width: 35%; }
    #logos .gov_logo a {
      height: 80px;
      width: 80px;
      display: block;
      background: url("../images/gov_logo_sml.gif") 0 50% no-repeat;
      text-indent: -9999px;
      color: white; }

  #logos .jobs_logo {
    width: 60%; }
    #logos .jobs_logo a {
      height: 55px;
      width: 160px;
      display: block;
      background: url("../images/jobs_logo_sml.gif") 0 50% no-repeat;
      text-indent: -9999px;
      color: white;
      float: left; }

  #page {  }

  #footer-wrapper ul li a.wagovau {
    float: none;
    margin: 0; }

  /* Job details */
  /*
  	#advertWrap, #advertJobTitle, #advertHeaderTextTop, #advertHeaderTextBot, #adContainer, #tafeheader, #adContentCell > table {
  		height: auto !important;
  		width: auto !important;
  	}
  	#advertWrap {
  		border-width: 3px !important;
  	}
  	#advertHeaderBanner, #tafeheader {
  		background: none !important;
  		width: 100% !important;
  	}
  	#tafeheader {
  		height: 0 !important;
  		padding: 20px 0 0 !important;
  	}
  	#advertJobTitle, h1#advertJobTitle {
  		padding: 0 !important;
  		margin: 10px 11px 0 !important;
  		font-size: 18px;
  	}
  	#advertWrap {
  		width:99% !important;
  	}
  	#advertHeaderText, #advertBody {
  		width: 100% !important;
  		table > tbody {
  			padding: 10px;
  		}
  		p {
  			padding: 10px;
  		}
  	}
  	#advertHeaderTextTop, #advertHeaderText, #advertBody, #advertHeaderTextBot {
  		margin-left: 0 !important;
  		margin-right: 0 !important;
  		padding: 0;
  	}
  */
  /*
  	#dsRight, #dsBottom, #dsBottom ~ td {
  		img {
  			display: none;
  		}
  	}
  */
  .mobile-menu {
    display: inline-block; }

  .sidr.right {
    transition: right 0.5s; }

  /* application form */
  .Form {
    /*
    		select, input {
    			width: 100% !important;
    		}
    */ }
    .Form input[type="checkbox"], .Form input[type="radio"] {
      width: auto !important; }

  form[name="tblGenForm"] table.Report tr td {
    padding: 5px 3px; }

  form[action*="pageID=299&"],
  form[action$="pageID=299"] {
    overflow: hidden; }
    form[action*="pageID=299&"] input[id^="attachment"],
    form[action$="pageID=299"] input[id^="attachment"] {
      width: 100%; } }
@media screen and (max-width: 767px) {
  #brs_footer a[href*="adobe.com"] {
    display: none; }

  #customcontent input[type=text],
  #customcontent input[type=password],
  #customcontent select {
    width: 100% !important; }

  #customcontent .report-paging-bottom input {
    width: auto !important;
    width: auto !important; }

  a {
    word-break: break-word; }

  #customcontent p, #customcontent ul {
    text-align: left; }

  #logos .gov_logo {
    width: 30%; }

  #customcontent ul {
    padding: 0 10px 0 28px; }

  input[type="button"] {
    margin-bottom: 10px; }

  #footer-wrapper p {
    padding: 10px; }

  .wagovau {
    display: block;
    margin: 0 auto;
    text-align: center; }

  #customcontent > h1,
  #customheader > h1,
  .pageheading,
  #content .pageheading,
  .mobileAd-title {
    font-size: 1.5em;
    line-height: 1.3em;
    margin-top: 0.4em;
    margin-bottom: 0.4em; }

  #customcontent h2 {
    font-size: 1.4em;
    line-height: 1.5em;
    margin-top: 0.6em;
    margin-bottom: 0.6em; }

  #summary > table {
    width: 100% !important; }

  table.report-paging-bottom.report-paging-bottom--scrollFixed {
    position: fixed;
    bottom: 0;
    left: 0;
    height: 5.3em;
    background-color: #D8D8DA;
    -webkit-box-shadow: 0px 1px 21px -3px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 1px 21px -3px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 1px 21px -3px rgba(0, 0, 0, 0.75); }
    table.report-paging-bottom.report-paging-bottom--scrollFixed.report-paging-bottom--empty {
      visibility: hidden; }
    #content table.report-paging-bottom.report-paging-bottom--scrollFixed ~ input[name="custom"] {
      position: fixed;
      bottom: 0;
      left: 0;
      margin: 0;
      padding: 0; }

  table.Report > tbody,
  table.Report > tbody > tr > td:not(.reportheading) {
    padding: 0; }
    table.Report > tbody > tbody,
    table.Report > tbody > tbody > tr > td:not(.reportheading),
    table.Report > tbody > tr > td:not(.reportheading) > tbody,
    table.Report > tbody > tr > td:not(.reportheading) > tbody > tr > td:not(.reportheading) {
      padding: 0; }
      form[name="tblGenForm"] table.Report > tbody > tbody, form[name="tblGenForm"]
      table.Report > tbody > tbody > tr > td:not(.reportheading), form[name="tblGenForm"]
      table.Report > tbody > tr > td:not(.reportheading) > tbody, form[name="tblGenForm"]
      table.Report > tbody > tr > td:not(.reportheading) > tbody > tr > td:not(.reportheading) {
        padding: 0; }
    form[name="tblGenForm"] table.Report > tbody, form[name="tblGenForm"]
    table.Report > tbody > tr > td:not(.reportheading) {
      padding: 0; }

  .Form table, .Form tbody, .Form tr, .Form td {
    display: block; }

  #customcontent > form[action*="pageID=163&"] div[style*="width:450px"], #customcontent >
  form[action$="pageID=163"] div[style*="width:450px"] {
    width: auto !important; }

  form[action*="pageID=243&"] .Form table,
  form[action$="pageID=243"] .Form table {
    display: table; }
  form[action*="pageID=243&"] .Form tbody,
  form[action$="pageID=243"] .Form tbody {
    display: table-row-group; }
  form[action*="pageID=243&"] .Form tr,
  form[action$="pageID=243"] .Form tr {
    display: table-row; }
  form[action*="pageID=243&"] .Form td,
  form[action$="pageID=243"] .Form td {
    display: table-cell; }

  form[action*="pageID=230&"] a[href$="//search.jobs.wa.gov.au/RAMS_BRS_ToU.html"],
  form[action*="pageID=230&"] a[href$="//search.jobs.wa.gov.au/RAMS_BRS_GPP.html"],
  form[action$="pageID=230"] a[href$="//search.jobs.wa.gov.au/RAMS_BRS_ToU.html"],
  form[action$="pageID=230"] a[href$="//search.jobs.wa.gov.au/RAMS_BRS_GPP.html"] {
    margin-left: 0 !important; }

  form[action*="pageID=232&"] table, form[action*="pageID=232&"] tr, form[action*="pageID=232&"] td,
  form[action$="pageID=232"] table,
  form[action$="pageID=232"] tr,
  form[action$="pageID=232"] td {
    display: block !important; }
  form[action*="pageID=232&"] select,
  form[action$="pageID=232"] select {
    width: 100%; }

  form[action*="pageID=251&"] .Frm118 tbody,
  form[action*="pageID=251&"] .Frm118 tbody > tr,
  form[action*="pageID=251&"] .Frm118 tbody > tr > td,
  form[action$="pageID=251"] .Frm118 tbody,
  form[action$="pageID=251"] .Frm118 tbody > tr,
  form[action$="pageID=251"] .Frm118 tbody > tr > td {
    display: block; } }
@media screen {
  /* 782px */ }
@media screen and (max-width: 320px) {
  /*
  	#advertHeaderBanner h1 {
  		margin-left: 0 !important;
  		padding-top: 100px;
  		word-break: break-word;
  	}
  	.page--width {
  		min-width: 0; 
  	}
  	#logos .jobs_logo, #logos .gov_logo {
  		width: 100%;
  	}
  */ }
@media screen {
  /* 37.5em */ }
ul.job-search-menu {
  list-style-type: none;
  padding: 0;
  margin: 0;
  font-family: Arial, 'Heebo', Helvetica, sans-serif;
  font-size: 1em;
  line-height: 2.5rem; }

ul.job-search-menu #menu_title
{
	color: #404040;
	font-weight: 900;
	font-size: 1.25rem;
}

ul.job-search-menu li a:link {  
	color: #404040 !important;
  font-weight: 700;
}

ul.job-search-menu li:first-of-type a { }

ul.job-search-menu li a:hover {
  color: #d54614 !important; }

ul.job-search-menu li a:visited {
  color: #404040; }

@media screen and (min-width: 1003px) {
  .btnDropdown {
    display: none; }

  ul.job-search-menu li:first-of-type a {
    border-top: 0; } }
@media screen and (max-width: 1002px) {
  .sidebars {
    background-image: none;
    position: absolute;
    top: 24px;
    float: none;
    width: 100%; }
    .sidebars .btnDropdown {
      color: #fff;
      font-family: Arial, 'Heebo', Helvetica, sans-serif;
      font-size: 1.2em;
      display: table;
      width: 100%; 
      font-weight: 700; }
      .sidebars .btnDropdown .btnDropdown-text {
        display: table-cell;
        text-align: center; }
        .sidebars .btnDropdown .btnDropdown-text .btnDropdown-icon:before {
          font-family: FontAwesome;
          content: "\f007"; }
      .sidebars .btnDropdown .btnDropdown-down {
        display: table-cell;
        text-align: right;
        width: 20px; }
      .sidebars .btnDropdown .btnDropdown-down:before {
        font-family: FontAwesome;
        content: "\f150"; }
    .sidebars .block-block {
      max-height: 0;
      margin: 0;
      overflow: hidden;
      text-align: center;
      transition: max-height 0.5s ease-in; }
      .sidebars .block-block.open {
        max-height: 600px;
        transition: max-height 1s ease-out; }

  .sidebars .region-sidebar-first {
    background: #2d2f32;
    -moz-box-shadow: 5px 5px 5px #999;
    -webkit-box-shadow: 5px 5px 5px #999;
    box-shadow: 5px 5px 5px #999;
    padding: 0 10px;
    width: 100%; } 

	ul.job-search-menu li a:visited {
	    color: #fff;
	}

	ul.job-search-menu li a:hover {
	    color: #fff !important;
	    text-decoration: none;
	}

	ul.job-search-menu li a:link {
	    color: #fff !important;
	}

	ul.job-search-menu #menu_title
	{
		color: #FFF;
 	}
}

@media screen and (max-width: 767px) {
  .job-search-menu {
    text-align: center !important; } }
/* 782px */
@media screen {
  .advert-data {
    /* 782px */ }
    .advert-data #dsRight {
      position: relative; }
      .advert-data #dsRight div {
        position: absolute;
        top: 0; }
    .advert-data td[colspan="2"]#tafeheader {
      display: block; } }
  @media screen and (max-width: 767px) {
    .advert-data {
      display: none; } }

@media screen {
  .advert-mobileData {
    display: none;
    /* 782px */ } }
  @media screen and (max-width: 767px) {
    .advert-mobileData {
      display: block !important; } }
@media screen {
    .advert-mobileData .mobileAd dl {
      margin: 0; }
      .advert-mobileData .mobileAd dl > dt:after {
        content: ":"; }
      .advert-mobileData .mobileAd dl > dd {
        margin: 0; }
    .advert-mobileData .mobileAd > div {
      float: left;
      min-width: 250px; }
    .advert-mobileData .mobileAd > div.mobileAd-summary hr {
      border: 0;
      margin: 0 0 1.6em 0; }
    .advert-mobileData .mobileAd > div.mobileAd-summary dl {
      position: relative;
      overflow: hidden; }
      .advert-mobileData .mobileAd > div.mobileAd-summary dl.mobileAd-title > dt, .advert-mobileData .mobileAd > div.mobileAd-summary dl.mobileAd-subtitle > dt {
        display: none; }
      .advert-mobileData .mobileAd > div.mobileAd-summary dl.mobileAd-title > dd, .advert-mobileData .mobileAd > div.mobileAd-summary dl.mobileAd-subtitle > dd {
        float: none;
        width: auto; }
      .advert-mobileData .mobileAd > div.mobileAd-summary dl.mobileAd-title {
        font-size: 1.5em; }
      .advert-mobileData .mobileAd > div.mobileAd-summary dl.mobileAd-subtitle {
        font-size: 1.25em; }
      .advert-mobileData .mobileAd > div.mobileAd-summary dl.mobileAd-agency > dd > span {
        display: inline-block;
        width: 0;
        text-indent: -999em; }
        .advert-mobileData .mobileAd > div.mobileAd-summary dl.mobileAd-agency > dd > span:empty {
          display: none; }
      .advert-mobileData .mobileAd > div.mobileAd-summary dl.mobileAd-agency > dd:after {
        content: "NA";
        position: absolute; }
      .advert-mobileData .mobileAd > div.mobileAd-summary dl > dt {
        float: left;
        width: 38.1966%;
        position: absolute; }
      .advert-mobileData .mobileAd > div.mobileAd-summary dl > dd {
        float: right;
        width: 61.8034%; }
    .advert-mobileData .mobileAd > div.mobileAd-details dl {
      margin-top: 2em; }
      .advert-mobileData .mobileAd > div.mobileAd-details dl > dt {
        display: none; }
      .advert-mobileData .mobileAd > div.mobileAd-details dl.mobileAd-attachments > dt {
        display: block; }
    .advert-mobileData .mobileAd:after {
      content: "";
      display: block;
      clear: left; } }
@media print {
  .advert-mobileData {
    display: none; } }
@media screen {
  .advert-mobileData .mobileAd > div.mobileAd-summary dl.mobileAd-agency > dd > span {
    display: inline;
    width: auto;
    text-indent: 0; }
    .advert-mobileData .mobileAd > div.mobileAd-summary dl.mobileAd-agency > dd > span:empty {
      display: inline; }
  .advert-mobileData .mobileAd > div.mobileAd-summary dl.mobileAd-agency > dd:after {
    content: none;
    position: static; } }

/*# sourceMappingURL=main.css.map */

.page-hero
{
  background-color: #f5f5f5;
  padding-bottom: 1.5rem;
  padding-top: 1.5rem;
}

.page-hero__bottom .block 
{
    font-size: 1.425rem;
}

@media screen and (min-width: 975px)
{
  .page-hero 
  {
    padding-bottom: 3rem;
    padding-top: 3rem;
  }

  .page-hero__bottom .block 
  {
    font-size: 1.625rem;
  }
}

table.print
{
  margin-left: 0;
  margin-top: -3.5rem;
}

#summary 
{
	margin-top: -4rem !important;
}

#summary a:link
{
	color: #404040 !important;
}

#summary a:visited
{
	color: #404040 !important;
}

#summary a:hover
{
	color: #d54614 !important;
}

.nores
{
  margin-bottom: 2rem;
  margin-left: 0.2rem;
  font-size: 1.5rem;
  font-weight: 700;
}

/* Not Registered? link START */
#loginform a[href="/page.php?pageID=253"]
{
  /*font-size: 0rem;*/
  font-size: 1.275rem;
  text-decoration: underline;
  line-height: 2rem;
}

/*#loginform a[href="/page.php?pageID=253"]:before*/
/*{*/
/*  content: "Not registered?";*/
/*  color: #404040;*/
/*  font-size: 1.275rem;*/
/*  text-decoration: underline;*/
/*  line-height: 2rem;*/
/*}*/

/*#loginform a[href="/page.php?pageID=253"]:hover:before*/
/*{*/
/*  color: #d54614;*/
/*}*/
/* Not Registered? link END */

/* Forgotten Your Password? link START */
#loginform a[href="/page.php?pageID=243"]
{
  /*font-size: 0rem;*/
  font-size: 1.275rem;
  text-decoration: underline;
  line-height: 2rem;
}

/*#loginform a[href="/page.php?pageID=243"]:before*/
/*{*/
/*  content: "Forgotten your password?";*/
/*  color: #404040;*/
/*  font-size: 1.275rem;*/
/*  text-decoration: underline;*/
/*  line-height: 2rem;*/
/*}*/

/*#loginform a[href="/page.php?pageID=243"]:hover:before*/
/*{*/
/*  color: #d54614;*/
/*}*/
/* Forgotten Your Password? link END */

/* System Requirements link START */
#loginform a[href="https://support.bigredsky.com/software-req/brs5/standard/pub-req.html"]
{
  /*font-size: 0rem;*/
  font-size: 1.275rem;
  text-decoration: underline;
  line-height: 2rem;
}

/*#loginform a[href="https://support.bigredsky.com/software-req/brs5/standard/pub-req.html"]:before*/
/*{*/
/*  content: "System requirements";*/
/*  color: #404040;*/
/*  font-size: 1.275rem;*/
/*  text-decoration: underline;*/
/*  line-height: 2rem;*/
/*}*/

/*#loginform a[href="https://support.bigredsky.com/software-req/brs5/standard/pub-req.html"]:hover:before*/
/*{*/
/*  color: #d54614;*/
/*}*/
/* System Requirements link END */

input#Username,
input#Password,
input#jobseekerlogin,
input[name="Login"]
{
	margin-left: 1rem;
}


/* Allow more column width for application responses/answers. */
form[action*="pageID=232"] > table.Report > tbody > tr > td 
{
  width: 30%;
}

@media screen and (max-width: 767px)
{
  form[action*="pageID=232"] > table.Report > tbody > tr > td 
  {
    width: auto;
  }
}