@charset "UTF-8";
/*
    a thing to note is that these styles are addional to and sometimes override the NZQA styles
*/
/*
**	asset paths
*/
/*
**	Font face
*/
#mainPage .hidden {
  position: absolute !important;
  display: block !important;
  left: -99999em; }

#mainPage .centered {
  text-align: center; }

#mainPage .btn {
  display: inline-block;
  position: relative;
  overflow: hidden;
  background-color: #034B69;
  color: #fff;
  font-size: 1em;
  line-height: 0.1em;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  border-radius: 3px;
  border: 1px solid #034B69;
  padding: 1em 1em;
  box-shadow: 1px 1px 3px -1px #696969;
  margin: 0 0.5em; }
  #mainPage .btn:visited {
    color: #fff; }

#mainPage .btn:hover,
#mainPage .btn:focus {
  background-color: #fff;
  color: #034B69;
  text-decoration: none; }

#mainPage h1,
#mainPage h2,
#mainPage h3,
#mainPage h4,
#mainPage h5,
#mainPage h6 {
  font-family: Arial, sans-serif; }

#mainPage h1 {
  color: #034B69;
  font-size: 3.5em;
  line-height: 1.2;
  font-weight: normal;
  border-bottom: 1px solid  #006699;
  padding: 0px 120px 0.5em 0;
  margin: 0.75em 0 0.75em 0; }

#mainPage h2 {
  color: #7C2128;
  font-size: 2.8em;
  line-height: 1.2;
  font-weight: normal;
  border-bottom: 2px solid #884248;
  padding: 0 0 0.25em;
  margin: 1.5em 0 0.5em 0; }

#mainPage h2 a,
#mainPage h2 a:visited {
  position: relative;
  display: block;
  color: #7C2128;
  text-decoration: none;
  padding-right: 20px; }

#mainPage h2 a:focus,
#mainPage h2 a:hover {
  color: #0064DD;
  text-decoration: none; }

#mainPage h2 a:after {
  position: relative;
  bottom: -1px;
  right: auto;
  display: inline-block;
  content: '›';
  font-family: verdana, sans-serif;
  font-size: 1.2em;
  font-weight: normal;
  margin-left: 0.2em; }

#mainPage h3 {
  color: #151515;
  font-size: 2.5em;
  line-height: 1.2;
  font-weight: normal;
  padding: 0px;
  margin: 1.5em 0 0.5em 0; }

#mainPage h4 {
  color: #333333;
  font-size: 2em;
  line-height: 1.2;
  font-weight: normal;
  padding: 0px;
  margin: 1.5em 0 0.5em 0; }

#mainPage h5 {
  font-size: 1.5em;
  color: #333333;
  line-height: 1.2;
  font-weight: bold;
  padding: 0px;
  margin: 1.5em 0 0.5em 0; }

#mainPage h6 {
  font-size: 1.5em;
  color: #333333;
  line-height: 1.2;
  font-weight: bold;
  padding: 0px;
  margin: 1.5em 0 0.5em 0; }

#mainPage p {
  font-size: 1.4546em;
  line-height: 1.5;
  padding: 0;
  margin: 0 0 1em 0; }

#mainPage small {
  font-size: 70%; }

#mainPage a,
#mainPage a:visited {
  color: #0064DD;
  font-size: 100%; }

#mainPage a.pdf:before {
  display: none; }

#mainPage a.pdf,
#mainPage a[href$='.pdf'] {
  background-image: url(https://www.nzqa.govt.nz/resources/themes/nzqa/images/pdf.png);
  background-position: 8px 1px;
  background-repeat: no-repeat;
  padding-left: 30px; }

#mainPage li a.pdf,
#mainPage li a[href$='.pdf'] {
  background-position: 0px 1px;
  padding-left: 24px; }

#mainPage a[href^='http://nzqa-statics.bas']:before,
#mainPage a[href^='http://nzqa-phase01.bas']:before,
#mainPage a[href^='http://client.chrometoaster.com']:before {
  display: none; }

#mainPage a.anchor-link,
#mainPage a.anchor-link:visited {
  position: relative;
  display: inline-block;
  padding: 0 1.5em 0 0; }

#mainPage a.anchor-link:before {
  display: none; }

#mainPage a.anchor-link:after {
  position: relative;
  display: inline-block;
  bottom: 1px;
  right: -8px;
  content: "▾";
  font-size: 1.1em;
  padding: 0 6px 0 0;
  margin: 0; }

#mainPage img.right {
  margin-top: 0.5em;
  margin-right: 3em;
  margin-bottom: 0.5em; }

#mainPage img.right {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: 3em; }

/*
---------------
    TABLES
---------------
*/
#mainPage table th,
#mainPage table td {
  font-size: 1.4546em;
  line-height: 1.5; }

#mainPage table p,
#mainPage table li {
  font-size: 1em; }

/*
    TABLE descr-qual-types
----------------------------------
*/
#mainPage table.descr-qual-types {
  overflow: hidden;
  background-color: #FFF;
  border-collapse: separate;
  border-top: none;
  border-right: none;
  border-left: none;
  margin: 2em 0 4em 0; }

#mainPage table.descr-qual-types thead tr {
  background-color: #d8e9f0; }

#mainPage table.descr-qual-types thead th {
  background-image: none;
  background-color: transparent;
  font-size: 1.5em;
  color: #333333;
  line-height: 1.2;
  font-weight: bold;
  border-top: 1px solid #00709E;
  border-bottom: 1px solid #00709E;
  padding: 20px; }

#mainPage table.descr-qual-types thead th:first-child {
  text-align: center;
  min-width: 110px; }

#mainPage table.descr-qual-types tbody tr:hover {
  background-color: #F6FBFD; }

#mainPage table.descr-qual-types tbody td {
  vertical-align: top;
  padding: 10px 20px;
  border-bottom: solid 1px #00709E;
  border-left: none; }

#mainPage table.descr-qual-types tbody td:first-child {
  min-width: 110px;
  font-size: 1.5em;
  color: #333333;
  line-height: 1.2;
  font-weight: bold;
  text-align: center;
  border-left: none;
  padding-top: 10px;
  padding-bottom: 2px; }

#mainPage table.descr-qual-types tbody tr.opened {
  background-color: #F2F8FA; }

#mainPage table.descr-qual-types tbody tr.opened td {
  border-bottom: 1px solid #CACACA; }

#mainPage table.descr-qual-types tbody tr.show-hide-container {
  display: table-row;
  background-color: #F2F8FA; }

#mainPage table.descr-qual-types tbody tr.show-hide-container td:first-child,
#mainPage table.descr-qual-types tbody tr.show-hide-container td {
  color: #333;
  font-family: Arial, sans-serif;
  font-size: 1.4546em;
  line-height: 1.5;
  padding: 0;
  font-weight: normal;
  text-align: left;
  margin: 0 0 1em 0;
  padding: 10px 20px; }

#mainPage table.descr-qual-types tbody tr.show-hide-container td h3 {
  color: #034B69;
  font-size: 1em;
  line-height: 1.2;
  font-weight: normal;
  padding: 0px;
  margin: 0.2em 0 0.5em 0; }

#mainPage table.descr-qual-types tbody tr.opened td button.show-hide-button {
  background: #034B69;
  color: #fff; }

#mainPage table.descr-qual-types tbody tr.opened td button.show-hide-button:focus,
#mainPage table.descr-qual-types tbody tr.opened td button.show-hide-button:hover {
  background: #fff;
  color: #034B69; }

/*
    TABLE nzqf-levels
----------------------------------
*/
#mainPage table.nzqf-levels {
  background-color: #FFF;
  border-collapse: separate;
  border: none;
  margin: 2em 0 4em 0; }

#mainPage table.nzqf-levels thead tr {
  background-color: #d8e9f0; }

#mainPage table.nzqf-levels thead th {
  background-image: none;
  background-color: transparent;
  font-size: 1.5em;
  color: #333333;
  line-height: 1.2;
  font-weight: bold;
  border-top: 1px solid #00709E;
  border-bottom: 1px solid #00709E;
  padding: 20px; }

#mainPage table.nzqf-levels thead th:first-child {
  text-align: center;
  min-width: 70px; }

#mainPage table.nzqf-levels tbody tr:hover {
  background-color: #F2F8FA; }

#mainPage table.nzqf-levels tbody td {
  vertical-align: top;
  border-bottom: 1px solid #00709E;
  padding: 10px 20px; }

#mainPage table.nzqf-levels tbody td:first-child {
  min-width: 70px;
  color: #333333;
  font-size: 1.5em;
  line-height: 1.2;
  font-weight: bold;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 2px; }

#mainPage table.nzqf-levels tbody td.show-hide {
  font-weight: normal;
  padding-right: 45px;
  cursor: pointer; }

#mainPage table.nzqf-levels tbody tr.opened {
  background-color: #F2F8FA; }

#mainPage table.nzqf-levels tbody td.show-hide .show-hide-container {
  font-weight: normal;
  width: 100% !important; }

#mainPage table.nzqf-levels .show-hide-button {
  position: absolute;
  top: 10px;
  right: 10px;
  height: 24px;
  width: 24px;
  background: #F2F8FA;
  color: #137198;
  font-family: "Times New Roman", Georgia, Serif;
  font-size: 1em;
  line-height: 1.1em;
  border-radius: 50%;
  border: 1px solid #9BC9DC;
  padding: 0.2em 0.5em;
  padding: 0;
  box-shadow: 1px 1px 3px -1px #696969;
  cursor: pointer; }

#mainPage table.nzqf-levels .show-hide-button:focus,
#mainPage table.nzqf-levels .show-hide-button:hover {
  background: #034B69; }

#mainPage table.nzqf-levels .opened .show-hide-button {
  background: #034B69; }

#mainPage table.nzqf-levels .opened .show-hide-button:focus,
#mainPage table.nzqf-levels .opened .show-hide-button:hover {
  background: #fff; }

#mainPage table.nzqf-levels .show-hide-button:after {
  position: absolute;
  top: -11px;
  left: -1px;
  display: inline-block;
  height: 24px;
  width: 24px;
  content: "⌃";
  color: #034B69;
  font-family: Arial, sans-serif;
  font-size: 20px;
  line-height: 0.5;
  font-weight: normal;
  letter-spacing: 0px;
  text-align: center;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

html.ie-lt10 #mainPage table.nzqf-levels .show-hide-button:after {
  top: 8px;
  left: -1px;
  content: "˅";
  font-size: 17px;
  -webkit-transform: none;
          transform: none; }

#mainPage table.nzqf-levels .show-hide-button:focus:after,
#mainPage table.nzqf-levels .show-hide-button:hover:after {
  color: #fff; }

#mainPage table.nzqf-levels .opened .show-hide-button:after {
  color: #fff;
  content: "⌃";
  top: 9px;
  left: -1px;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg); }

html.ie-lt10 #mainPage table.nzqf-levels .opened .show-hide-button:after {
  top: 7px;
  content: "˄";
  -webkit-transform: none;
          transform: none; }

#mainPage table.nzqf-levels .opened .show-hide-button:focus:after,
#mainPage table.nzqf-levels .opened .show-hide-button:hover:after {
  color: #034B69; }

.show-hide-table .show-hide-container * {
  padding-right: 0 !important;
  padding-left: 0 !important; }

#mainPage table.nzqf-levels h3 {
  color: #333333;
  font-size: 1.05em;
  line-height: 1.2;
  font-weight: bold;
  padding: 0px;
  margin: 1.5em 0 0.5em 0; }

#mainPage table.nzqf-levels p {
  padding-bottom: 6px;
  margin: 0 0 0.1em 0; }

/*
    TABLE nzqf-levels
----------------------------------
*/
#mainPage table.assessment-fees {
  background-color: #FFF;
  border-collapse: separate;
  border: none;
  margin: 2em 0 4em 0; }

#mainPage table.assessment-fees thead tr {
  background-color: #d8e9f0; }

#mainPage table.assessment-fees thead th {
  background-image: none;
  background-color: transparent;
  font-size: 1.5em;
  color: #333333;
  line-height: 1.2;
  font-weight: bold;
  border-top: 1px solid #00709E;
  border-bottom: 1px solid #00709E;
  padding: 20px; }

#mainPage table.assessment-fees tbody tr:hover {
  background-color: #F2F8FA; }

#mainPage table.assessment-fees tbody td {
  vertical-align: top;
  border-bottom: 1px solid #00709E;
  padding: 10px 20px; }

#mainPage table.assessment-fees tbody td p:last-child {
  margin-bottom: 0; }

#mainPage ol,
#mainPage ul {
  padding: 0;
  margin: 1.5em 0; }

#mainPage ol ol,
#mainPage ol ul,
#mainPage ul ol,
#mainPage ul ul {
  margin: 0; }

#mainPage ul li,
#mainPage ol li {
  font-size: 1.4546em;
  line-height: 1.5;
  margin: 0.75em 0 0 2em; }

#mainPage li li {
  font-size: 100%; }

#mainPage ul ul.additional-notes {
  list-style-type: circle;
  font-style: italic; }

body.wide #mainPage,
body #mainPage {
  box-sizing: border-box;
  width: 763px;
  padding: 0 47px 80px 40px; }
  body.wide #mainPage *,
  body #mainPage * {
    box-sizing: border-box; }

body,
input,
textarea {
  font-family: verdana, sans-serif;
  /* Not Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: antialiased;
  text-rendering: auto; }

/*.block {
	display: block;
}

.hide {
	&.mobile {
		@include media($mobile-only) {
			display: none !important;
		}
	}
	&.tablet {
		@include media($medium) {
			display: none !important;
		}
	}
}*/
.margin-top {
  margin-top: 2em !important; }

#mainPage table.descr-qual-types tbody td button.show-hide-button, #mainPage .FC-show-guidance {
  position: relative;
  top: -2px;
  width: 1.5em;
  height: 1.5em;
  content: "i";
  overflow: hidden;
  background: #F2F8FA;
  color: #137198;
  font-family: "Times New Roman", Georgia, Serif;
  font-size: 1em;
  line-height: 0.1em;
  font-weight: bold;
  text-transform: lowercase;
  cursor: pointer;
  border-radius: 50%;
  border: 1px solid #9BC9DC;
  padding: 0.6em 0.5em;
  box-shadow: 1px 1px 3px -1px #696969;
  margin: 0 0 0 0.5em; }
  #mainPage table.descr-qual-types tbody td button.show-hide-button:focus, #mainPage .FC-show-guidance:focus, #mainPage table.descr-qual-types tbody td button.show-hide-button:hover, #mainPage .FC-show-guidance:hover {
    background: #034B69;
    color: #fff; }

/*
---------------
    index-page
---------------
This is for the index page of the statics, not to be inlcuded on the actual live site
*/
body.index-page #mainBody {
  background-image: url(../img/widemainbodybg.png) !important; }

body.index-page #mainPage,
body.wide.index-page #mainPage {
  width: 100% !important; }

body.index-page #mainPage a[target="_blank"]:before {
  display: inline !important;
  content: url(https://www.nzqa.govt.nz/resources/themes/nzqa/images/externallink.png) " "; }

body.index-page #mainPage h1 {
  border-bottom: none; }

/*
---------------
    H2INDEX
---------------
an list of anchor links to all h2's on the page (generated by js)
*/
.h2indexcontainer {
  margin: 3em 0 1em; }

#mainPage .h2indexcontainer h2 {
  font-size: 1.5em;
  color: #333333;
  line-height: 1.2;
  font-weight: bold;
  border-bottom: none;
  padding: 0px;
  margin: 1.5em 0 0.5em 0; }

#mainPage .h2indexcontainer ul {
  list-style-type: none;
  padding: 0;
  margin: 0; }

#mainPage .h2indexcontainer ul li {
  list-style-type: none;
  margin-left: 0; }

/*
---------------
    HANDY-TIPS
---------------
*/
.handy-tip {
  position: relative;
  float: right;
  max-width: 33%;
  background-color: #F2F8FA;
  font-size: 0.85em;
  border-radius: 3px;
  border: 1px solid #00709E;
  padding: 10px  20px;
  box-shadow: inset 1px 1px 5px -2px #696969;
  margin: 3em 0 3em 5em; }
  .togglable-content-wrapper .handy-tip {
    background-color: #fff; }

.handy-tip:after {
  position: relative;
  display: table;
  float: none;
  clear: both; }

#mainPage .handy-tip h3 {
  position: relative;
  color: #034B69;
  font-weight: normal;
  padding-right: 0;
  padding-left: 0;
  margin-top: 0.3em; }

.togglable-content .handy-tip {
  font-size: 0.6em; }

/*
---------------
    PULL-OUT-BOX
---------------
*/
.pull-out-box {
  position: relative;
  background-color: #FDF7F7;
  font-size: 0.85em;
  border-radius: 3px;
  border: 1px solid #7C2128;
  padding: 20px  20px 10px;
  box-shadow: inset 1px 1px 5px -2px #696969;
  margin: 3em 0; }
  .pull-out-box :first-child {
    margin-top: 0 !important; }

.pull-out-box:after {
  position: relative;
  display: table;
  float: none;
  clear: both; }

#mainPage .pull-out-box h3 {
  position: relative;
  color: #034B69;
  font-weight: normal;
  padding-right: 0;
  padding-left: 0;
  margin-top: 0.3em; }

/*
---------------
    INTRO
---------------
*/
#mainPage .intro {
  font-size: 1.05em;
  margin: 0 0 2em 0; }

/*
---------------
    pageUtils
---------------
*/
#pageUtils {
  margin-right: 30px;
  margin-top: 30px; }

#pageUtils a#pdf {
  width: 16px;
  background-image: url(https://www.nzqa.govt.nz/resources/themes/nzqa/images/pdf.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  padding: 0;
  margin-right: 8px; }

/*
---------------
    SECONDARY-NAVIGATION
---------------
This is just for presenting statics, all navigation styling is taken care off on the live site (php and css)
*/
#secNav ul {
  margin: 0 6px;
  padding: 0 0 73px 0; }

#secNav ul li {
  padding: 15px 0 14px 0;
  line-height: 1.2;
  border-bottom: solid 1px #cccccc; }

#secNav ul ul {
  margin: 0 0 0 0.82em;
  padding: 0px; }

#secNav li.active a {
  color: #0064DD; }

#secNav li a.active {
  font-weight: bold;
  color: #666; }

#secNav li.open > ul,
#secNav li.active > ul {
  display: block; }

.visuallyhidden, #mainPage .FC-radio-wrap input[type="radio"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0; }

#mainPage .FC-wrapper {
  margin: 2em 0;
  background: #F2F8FA;
  border-bottom: solid 2px #00709E; }

#mainPage .FC-title {
  background: #6da4ba;
  margin: 0;
  padding: 22px 20px;
  color: #fff; }

#mainPage .FC-panel {
  width: 100%;
  margin: 0;
  list-style: none;
  border-top: solid 2px #fff;
  display: table; }
  #mainPage .FC-panel:hover .FC-header {
    opacity: 1; }
  #mainPage .FC-panel.transition .FC-header {
    opacity: 0.5; }
  #mainPage .FC-panel.transition .FC-reveal:hover {
    opacity: 0.5;
    box-shadow: 0 0 0 1px #00709D; }
  #mainPage .FC-panel.active .FC-header {
    color: #000;
    transition: opacity linear 0s;
    opacity: 1; }
  #mainPage .FC-panel.active .FC-reveal {
    transition: opacity linear 0s;
    opacity: 1; }

#mainPage .FC-header {
  padding: 16px 20px;
  border-right: solid 2px #fff;
  display: table-cell;
  vertical-align: top;
  width: 50%;
  transition: opacity linear 0.1s;
  background-color: #E5F0F5;
  color: #000;
  opacity: 0.5;
  font-size: 14px;
  line-height: 20px; }

#mainPage .FC-reveal-wrap,
#mainPage .FC-options,
#mainPage .FC-actions {
  display: table-cell;
  background: #F2F8FA; }

#mainPage .FC-show-guidance {
  position: absolute;
  right: 24px;
  top: 12px;
  display: block; }
  #mainPage .FC-show-guidance.active, #mainPage .FC-show-guidance:focus {
    background: #034B69;
    color: #fff; }

#mainPage .FC-guidance {
  margin: 0 0 12px 12px;
  padding-left: 14px;
  color: #00709E;
  font-size: 12px; }

#mainPage .FC-reveal-wrap {
  padding: 12px; }

#mainPage .FC-reveal {
  position: relative;
  padding: 14px 42px 13px 42px;
  background: #fff;
  transition: box-shadow linear 0.1s;
  box-shadow: 0 0 0 1px #00709D;
  width: 100%;
  font-family: verdana, sans-serif;
  color: #333333;
  text-align: left;
  white-space: nowrap;
  max-width: 314px;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: opacity linear 0.1s;
  opacity: 0.5; }
  #mainPage .FC-reveal:before {
    content: '';
    display: block;
    border-radius: 4px;
    height: 12px;
    width: 2px;
    left: 17px;
    position: absolute;
    top: 19px;
    background: #00709E;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-3);
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }
  #mainPage .FC-reveal:after {
    content: '';
    display: block;
    border-radius: 4px;
    height: 12px;
    width: 2px;
    left: 24px;
    position: absolute;
    top: 19px;
    background: #00709E;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
  #mainPage .FC-reveal:hover, #mainPage .FC-reveal:focus {
    opacity: 1;
    cursor: pointer;
    box-shadow: 0 0 0 2px #00709D; }
    #mainPage .FC-reveal:hover:after, #mainPage .FC-reveal:focus:after {
      opacity: 1; }
  #mainPage .FC-reveal .FC-show-guidance {
    display: none; }

#mainPage .FC-destination .FC-header {
  background-color: #E5F5EA;
  font-size: 16px;
  line-height: 22px; }

#mainPage .FC-destination .FC-actions {
  padding: 16px 20px;
  background-color: #EEF9F2;
  font-size: 14px; }
  #mainPage .FC-destination .FC-actions li {
    margin: 0 0 12px 16px; }

#mainPage a:focus {
  text-decoration: underline; }

#mainPage .FC-radio-wrap {
  position: relative; }
  #mainPage .FC-radio-wrap label {
    display: block; }
  #mainPage .FC-radio-wrap input[type="radio"]:checked + label, #mainPage .FC-radio-wrap input[type="radio"]:focus + label {
    box-shadow: 0 0 0 2px #00709D; }
  #mainPage .FC-radio-wrap input[type="radio"]:checked + label:after {
    opacity: 1; }
  #mainPage .FC-radio-wrap input[type="radio"] + label {
    position: relative;
    margin: 12px;
    padding: 12px 42px 12px 42px;
    background: #fff;
    transition: box-shadow linear 0.1s;
    box-shadow: 0 0 0 1px #00709D; }
    #mainPage .FC-radio-wrap input[type="radio"] + label:before {
      content: '';
      display: block;
      border-radius: 50%;
      height: 16px;
      width: 16px;
      border: solid 2px #00709E;
      left: 12px;
      position: absolute;
      top: 14px; }
    #mainPage .FC-radio-wrap input[type="radio"] + label:after {
      content: '';
      transition: opacity linear 0.1s;
      display: block;
      opacity: 0;
      border-radius: 50%;
      height: 12px;
      width: 12px;
      left: 16px;
      position: absolute;
      top: 18px;
      background: #00709E; }
    #mainPage .FC-radio-wrap input[type="radio"] + label:hover {
      cursor: pointer;
      box-shadow: 0 0 0 2px #00709D;
      color: #00709D; }
    #mainPage .FC-radio-wrap input[type="radio"] + label:active:after {
      opacity: 1; }
  #mainPage .FC-radio-wrap input[type="radio"]:first-child label {
    border-left: solid 2px; }

#mainPage .FC-NS-wrapper h5 {
  margin-top: 0; }

#mainPage .FC-NS-wrapper a[href*="#"] {
  color: #333;
  display: block;
  position: relative;
  margin: 12px;
  padding: 12px 42px 12px 42px;
  background: #fff;
  transition: box-shadow linear 0.1s;
  box-shadow: 0 0 0 1px #00709D; }
  #mainPage .FC-NS-wrapper a[href*="#"]:before {
    content: '';
    display: block;
    border-radius: 50%;
    height: 16px;
    width: 16px;
    border: solid 2px #00709E;
    left: 12px;
    position: absolute;
    top: 14px; }
  #mainPage .FC-NS-wrapper a[href*="#"]:after {
    content: '';
    transition: opacity linear 0.1s;
    display: block;
    opacity: 0;
    border-radius: 50%;
    height: 12px;
    width: 12px;
    left: 16px;
    position: absolute;
    top: 18px;
    background: #00709E; }
  #mainPage .FC-NS-wrapper a[href*="#"]:hover {
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0 0 0 2px #00709D; }
    #mainPage .FC-NS-wrapper a[href*="#"]:hover:after {
      opacity: 1; }

#mainPage .FC-NS-wrapper {
  display: inline-block; }

html.js #mainPage .FC-NS-wrapper {
  display: none; }

/*
---------------
    TOOLTIP
---------------
uses the jquery-powertip plugin
following style are slightly altered from the original
*/
.tooltip {
  border-bottom: 2px dotted #0064DD;
  cursor: help; }

.tooltip:hover,
.tooltip:focus {
  border-bottom-style: solid; }

#powerTip {
  display: none;
  position: absolute;
  z-index: 2147483647;
  cursor: default;
  background-color: #333;
  background-color: rgba(0, 0, 0, 0.9);
  color: #fff;
  white-space: nowrap;
  border-radius: 3px;
  padding: 10px; }

#powerTip:before {
  content: "";
  position: absolute; }

#powerTip.n:before, #powerTip.s:before {
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  left: 50%;
  margin-left: -8px; }

#powerTip.e:before, #powerTip.w:before {
  border-bottom: 8px solid transparent;
  border-top: 8px solid transparent;
  margin-top: -5px;
  top: 50%; }

#powerTip.n:before {
  border-top: 6px solid #333;
  border-top: 6px solid rgba(0, 0, 0, 0.8);
  bottom: -6px; }

#powerTip.e:before {
  border-right: 6px solid #333;
  border-right: 6px solid rgba(0, 0, 0, 0.8);
  left: -10px; }

#powerTip.s:before {
  border-bottom: 6px solid #333;
  border-bottom: 6px solid rgba(0, 0, 0, 0.8);
  top: -10px; }

#powerTip.w:before {
  border-left: 6px solid #333;
  border-left: 6px solid rgba(0, 0, 0, 0.8);
  right: -10px; }

#powerTip.ne:before, #powerTip.se:before {
  border-right: 6px solid transparent;
  border-left: 0;
  left: 10px; }

#powerTip.nw:before, #powerTip.sw:before {
  border-left: 6px solid transparent;
  border-right: 0;
  right: 10px; }

#powerTip.ne:before, #powerTip.nw:before {
  border-top: 6px solid #333;
  border-top: 6px solid rgba(0, 0, 0, 0.8);
  bottom: -10px; }

#powerTip.se:before, #powerTip.sw:before {
  border-bottom: 6px solid #333;
  border-bottom: 6px solid rgba(0, 0, 0, 0.8);
  top: -10px; }

#powerTip.nw-alt:before, #powerTip.ne-alt:before,
#powerTip.sw-alt:before, #powerTip.se-alt:before {
  border-top: 6px solid #333;
  border-top: 6px solid rgba(0, 0, 0, 0.8);
  bottom: -10px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  left: 10px; }

#powerTip.ne-alt:before {
  left: auto;
  right: 10px; }

#powerTip.sw-alt:before, #powerTip.se-alt:before {
  border-top: none;
  border-bottom: 6px solid #333;
  border-bottom: 6px solid rgba(0, 0, 0, 0.8);
  bottom: auto;
  top: -10px; }

#powerTip.se-alt:before {
  left: auto;
  right: 10px; }

/*
---------------
    H2INDEX
---------------
an list of anchor links to all h2's on the page (generated by js)
*/
#mainPage .togglable-content-wrapper {
  border: none;
  margin-bottom: 0; }
  #mainPage .togglable-content-wrapper.first {
    margin-top: 0; }

html.js #mainPage .togglable-content-wrapper {
  border-bottom: solid 1px #00709E;
  margin-bottom: 2em; }
  html.js #mainPage .togglable-content-wrapper.first {
    margin-top: 2em; }

#mainPage .togglable-content-wrapper.opened {
  background-color: #F2F8FA; }
  #mainPage .togglable-content-wrapper.opened .togglable-content-header.clickable {
    color: #555; }
    #mainPage .togglable-content-wrapper.opened .togglable-content-header.clickable:before {
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg); }
  #mainPage .togglable-content-wrapper.opened .togglable-content {
    background-color: #F2F8FA; }

#mainPage .togglable-content-wrapper .togglable-content {
  width: auto !important;
  background-color: transparent;
  border-radius: 0;
  padding: 0 !important; }

html.js #mainPage .togglable-content-wrapper .togglable-content {
  width: 100% !important;
  position: relative;
  background-color: #F9FDFF;
  border-radius: 3px;
  padding: 20px 20px 10px !important; }
  html.js #mainPage .togglable-content-wrapper .togglable-content:after {
    content: "";
    display: table;
    clear: both; }
  html.js #mainPage .togglable-content-wrapper .togglable-content :first-child {
    margin-top: 0 !important; }

#mainPage .togglable-content-wrapper .show-hide-button {
  display: block;
  width: 100%;
  text-align: left;
  cursor: pointer;
  border: 0;
  padding: 0;
  margin: 0; }

#mainPage .togglable-content-wrapper .show-hide-button:focus .togglable-content-header,
#mainPage .togglable-content-wrapper .show-hide-button:hover .togglable-content-header {
  color: #00709E;
  background-color: #F2F8FA; }

#mainPage .togglable-content-wrapper .togglable-content-hide:focus,
#mainPage .togglable-content-wrapper .togglable-content-hide:hover {
  text-decoration: underline; }

#mainPage .togglable-content-wrapper .togglable-content-header.clickable {
  position: relative;
  cursor: pointer;
  margin: 0;
  padding: 16px 20px 16px 12px;
  font-size: 24px;
  color: #555; }
  #mainPage .togglable-content-wrapper .togglable-content-header.clickable.spin-arrow {
    background-color: #F2F8FA;
    padding-left: 32px; }
    #mainPage .togglable-content-wrapper .togglable-content-header.clickable.spin-arrow .show-hide-button {
      display: none; }
    #mainPage .togglable-content-wrapper .togglable-content-header.clickable.spin-arrow:hover, #mainPage .togglable-content-wrapper .togglable-content-header.clickable.spin-arrow:focus {
      color: #00709E; }
    #mainPage .togglable-content-wrapper .togglable-content-header.clickable.spin-arrow:before {
      content: "";
      transition: -webkit-transform 0.1s linear;
      transition: transform 0.1s linear;
      transition: transform 0.1s linear, -webkit-transform 0.1s linear;
      display: block;
      position: absolute;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 6px 0 6px 8px;
      border-color: transparent transparent transparent #00709E;
      left: 12px;
      top: 24px; }

#mainPage .togglable-content-wrapper.opened .togglable-content-header.spin-arrow {
  color: #00709E; }

#mainPage .togglable-content-wrapper .togglable-content-hide {
  color: #0064DD;
  font-size: 16px;
  margin-top: 12px;
  position: relative;
  float: right;
  margin-right: 20px; }
  #mainPage .togglable-content-wrapper .togglable-content-hide:hover {
    cursor: pointer;
    text-decoration: underline; }
  #mainPage .togglable-content-wrapper .togglable-content-hide:before {
    content: '';
    display: block;
    border-radius: 4px;
    height: 10px;
    width: 2px;
    right: -16px;
    position: absolute;
    top: 4px;
    background: #0064DD;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  #mainPage .togglable-content-wrapper .togglable-content-hide:after {
    content: '';
    display: block;
    border-radius: 4px;
    height: 10px;
    width: 2px;
    right: -10px;
    position: absolute;
    top: 4px;
    background: #0064DD;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }

/*
---------------
    sectHeader
---------------
*/
#sectHeader {
  height: auto;
  font-size: 1.4em;
  line-height: 1.2;
  text-align: center;
  background-color: #00709E;
  padding: 20px 35px; }

#sectHeader a {
  color: #fff;
  text-decoration: none; }

#sectHeader a:hover {
  text-decoration: underline; }