/* images */
/* fonts */
/************** BEGIN Font Declarations ************************/
/* Noto Sans */
@font-face {
  font-family: 'Noto Sans';
  font-weight: normal;
  font-style: normal;
  src: url("/publishedcontent/fonts/Noto-Sans-regular.eot");
  src: url("/publishedcontent/fonts/Noto-Sans-regular.eot?#iefix") format('embedded-opentype'), url("/publishedcontent/fonts/Noto-Sans-regular.woff") format('woff'), url("/publishedcontent/fonts/Noto-Sans-regular.ttf") format('truetype'), url("/publishedcontent/fonts/Noto-Sans-regular.svg#NotoSans") format('svg'); }

@font-face {
  font-family: 'Noto Sans';
  font-weight: normal;
  font-style: italic;
  src: url("/publishedcontent/fonts/Noto-Sans-italic.eot");
  src: url("/publishedcontent/fonts/Noto-Sans-italic.eot?#iefix") format('embedded-opentype'), url("/publishedcontent/fonts/Noto-Sans-italic.woff") format('woff'), url("/publishedcontent/fonts/Noto-Sans-italic.ttf") format('truetype'), url("/publishedcontent/fonts/Noto-Sans-italic.svg#NotoSans") format('svg'); }

@font-face {
  font-family: 'Noto Sans';
  font-weight: bold;
  font-style: normal;
  src: url("/publishedcontent/fonts/Noto-Sans-700.eot");
  src: url("/publishedcontent/fonts/Noto-Sans-700.eot?#iefix") format('embedded-opentype'), url("/publishedcontent/fonts/Noto-Sans-700.woff") format('woff'), url("/publishedcontent/fonts/Noto-Sans-700.ttf") format('truetype'), url("/publishedcontent/fonts/Noto-Sans-700.svg#NotoSans") format('svg'); }

@font-face {
  font-family: 'Noto Sans';
  font-weight: bold;
  font-style: italic;
  src: url("/publishedcontent/fonts/Noto-Sans-700italic.eot");
  src: url("/publishedcontent/fonts/Noto-Sans-700italic.eot?#iefix") format('embedded-opentype'), url("/publishedcontent/fonts/Noto-Sans-700italic.woff") format('woff'), url("/publishedcontent/fonts/Noto-Sans-700italic.ttf") format('truetype'), url("/publishedcontent/fonts/Noto-Sans-700italic.svg#NotoSans") format('svg'); }

/* Montserrat */
@font-face {
  font-family: 'Montserrat';
  font-weight: normal;
  font-style: normal;
  src: url("/publishedcontent/fonts/Montserrat-regular.eot");
  src: url("/publishedcontent/fonts/Montserrat-regular.eot?#iefix") format('embedded-opentype'), url("/publishedcontent/fonts/Montserrat-regular.woff") format('woff'), url("/publishedcontent/fonts/Montserrat-regular.ttf") format('truetype'), url("/publishedcontent/fonts/Montserrat-regular.svg#Montserrat") format('svg'); }

@font-face {
  font-family: 'Montserrat';
  font-weight: bold;
  font-style: normal;
  src: url("/publishedcontent/fonts/Montserrat-700.eot");
  src: url("/publishedcontent/fonts/Montserrat-700.eot?#iefix") format('embedded-opentype'), url("/publishedcontent/fonts/Montserrat-700.woff") format('woff'), url("/publishedcontent/fonts/Montserrat-700.ttf") format('truetype'), url("/publishedcontent/fonts/Montserrat-700.svg#Montserrat") format('svg'); }

/********************* END Font Declarations ******************************************/
/****************** VENDOR LIBRARIES SECTION ********************/
/***  BEGIN RESET STYLES ***/
/* CSS Document */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, .related-resources h6, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, .legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/***  END RESET STYLES ***/
/***  BEGIN FOUNDATION STYLES ***/
meta.foundation-mq-small {
  font-family: "screen and (min-width: 641px)";
  width: 641px; }

meta.foundation-mq-medium {
  font-family: "screen and (min-width: 1025px)";
  width: 1025px; }

meta.foundation-mq-large {
  font-family: "screen and (min-width: 1441px)";
  width: 1441px; }

/* Grid HTML Classes */
.row {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 62.5em;
  *zoom: 1; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }
  .row.collapse > .column, .row.collapse > .columns {
    position: relative;
    padding-left: 0;
    padding-right: 0;
    float: left; }
  .row.collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .row .row {
    width: auto;
    margin-left: -0.9375em;
    margin-right: -0.9375em;
    margin-top: 0;
    margin-bottom: 0;
    max-width: none;
    *zoom: 1; }
    .row .row:before, .row .row:after {
      content: " ";
      display: table; }
    .row .row:after {
      clear: both; }
    .row .row.collapse {
      width: auto;
      margin: 0;
      max-width: none;
      *zoom: 1; }
      .row .row.collapse:before, .row .row.collapse:after {
        content: " ";
        display: table; }
      .row .row.collapse:after {
        clear: both; }

.column, .columns {
  position: relative;
  padding-left: 0.9375em;
  padding-right: 0.9375em;
  width: 100%;
  float: left; }

@media only screen {
  .column, .columns {
    position: relative;
    padding-left: 0.9375em;
    padding-right: 0.9375em;
    float: left; }

  .small-1 {
    position: relative;
    width: 8.33333%; }

  .small-2 {
    position: relative;
    width: 16.66667%; }

  .small-3 {
    position: relative;
    width: 25%; }

  .small-4 {
    position: relative;
    width: 33.33333%; }

  .small-5 {
    position: relative;
    width: 41.66667%; }

  .small-6 {
    position: relative;
    width: 50%; }

  .small-7 {
    position: relative;
    width: 58.33333%; }

  .small-8 {
    position: relative;
    width: 66.66667%; }

  .small-9 {
    position: relative;
    width: 75%; }

  .small-10 {
    position: relative;
    width: 83.33333%; }

  .small-11 {
    position: relative;
    width: 91.66667%; }

  .small-12 {
    position: relative;
    width: 100%; }

  .small-offset-0 {
    position: relative;
    margin-left: 0%; }

  .small-offset-1 {
    position: relative;
    margin-left: 8.33333%; }

  .small-offset-2 {
    position: relative;
    margin-left: 16.66667%; }

  .small-offset-3 {
    position: relative;
    margin-left: 25%; }

  .small-offset-4 {
    position: relative;
    margin-left: 33.33333%; }

  .small-offset-5 {
    position: relative;
    margin-left: 41.66667%; }

  .small-offset-6 {
    position: relative;
    margin-left: 50%; }

  .small-offset-7 {
    position: relative;
    margin-left: 58.33333%; }

  .small-offset-8 {
    position: relative;
    margin-left: 66.66667%; }

  .small-offset-9 {
    position: relative;
    margin-left: 75%; }

  .small-offset-10 {
    position: relative;
    margin-left: 83.33333%; }

  [class*="column"] + [class*="column"]:last-child {
    float: right; }

  [class*="column"] + [class*="column"].end {
    float: left; }

  .column.small-centered, .columns.small-centered {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    float: none !important; }
 }

/* Styles for screens that are atleast 768px; */
@media screen and (min-width: 641px) {
  .large-1 {
    position: relative;
    width: 8.33333%; }

  .large-2 {
    position: relative;
    width: 16.66667%; }

  .large-3 {
    position: relative;
    width: 25%; }

  .large-4 {
    position: relative;
    width: 33.33333%; }

  .large-5 {
    position: relative;
    width: 41.66667%; }

  .large-6 {
    position: relative;
    width: 50%; }

  .large-7 {
    position: relative;
    width: 58.33333%; }

  .large-8 {
    position: relative;
    width: 66.66667%; }

  .large-9 {
    position: relative;
    width: 75%; }

  .large-10 {
    position: relative;
    width: 83.33333%; }

  .large-11 {
    position: relative;
    width: 91.66667%; }

  .large-12 {
    position: relative;
    width: 100%; }

  .row .large-offset-0 {
    position: relative;
    margin-left: 0%; }

  .row .large-offset-1 {
    position: relative;
    margin-left: 8.33333%; }

  .row .large-offset-2 {
    position: relative;
    margin-left: 16.66667%; }

  .row .large-offset-3 {
    position: relative;
    margin-left: 25%; }

  .row .large-offset-4 {
    position: relative;
    margin-left: 33.33333%; }

  .row .large-offset-5 {
    position: relative;
    margin-left: 41.66667%; }

  .row .large-offset-6 {
    position: relative;
    margin-left: 50%; }

  .row .large-offset-7 {
    position: relative;
    margin-left: 58.33333%; }

  .row .large-offset-8 {
    position: relative;
    margin-left: 66.66667%; }

  .row .large-offset-9 {
    position: relative;
    margin-left: 75%; }

  .row .large-offset-10 {
    position: relative;
    margin-left: 83.33333%; }

  .row .large-offset-11 {
    position: relative;
    margin-left: 91.66667%; }

  .push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }

  .pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }

  .push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }

  .pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }

  .push-3 {
    position: relative;
    left: 25%;
    right: auto; }

  .pull-3 {
    position: relative;
    right: 25%;
    left: auto; }

  .push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }

  .pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }

  .push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }

  .pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }

  .push-6 {
    position: relative;
    left: 50%;
    right: auto; }

  .pull-6 {
    position: relative;
    right: 50%;
    left: auto; }

  .push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }

  .pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }

  .push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }

  .pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }

  .push-9 {
    position: relative;
    left: 75%;
    right: auto; }

  .pull-9 {
    position: relative;
    right: 75%;
    left: auto; }

  .push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }

  .pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }

  .push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }

  .pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; }

  .column.large-centered, .columns.large-centered {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    float: none !important; }

  .column.large-uncentered, .columns.large-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left !important; }

  .column.large-uncentered.opposite, .columns.large-uncentered.opposite {
    float: right !important; }
 }

/* Foundation Visibility HTML Classes */
.show-for-small, .show-for-medium-down, .show-for-large-down {
  display: inherit !important; }

.show-for-medium, .show-for-medium-up, .show-for-large, .show-for-large-up, .show-for-xlarge {
  display: none !important; }

.hide-for-medium, .hide-for-medium-up, .hide-for-large, .hide-for-large-up, .hide-for-xlarge {
  display: inherit !important; }

.hide-for-small, .hide-for-medium-down, .hide-for-large-down {
  display: none !important; }

/* Specific visilbity for tables */
table.show-for-small, table.show-for-medium-down, table.show-for-large-down, table.hide-for-medium, table.hide-for-medium-up, table.hide-for-large, table.hide-for-large-up, table.hide-for-xlarge {
  display: table; }

thead.show-for-small, thead.show-for-medium-down, thead.show-for-large-down, thead.hide-for-medium, thead.hide-for-medium-up, thead.hide-for-large, thead.hide-for-large-up, thead.hide-for-xlarge {
  display: table-header-group !important; }

tbody.show-for-small, tbody.show-for-medium-down, tbody.show-for-large-down, tbody.hide-for-medium, tbody.hide-for-medium-up, tbody.hide-for-large, tbody.hide-for-large-up, tbody.hide-for-xlarge {
  display: table-row-group !important; }

tr.show-for-small, tr.show-for-medium-down, tr.show-for-large-down, tr.hide-for-medium, tr.hide-for-medium-up, tr.hide-for-large, tr.hide-for-large-up, tr.hide-for-xlarge {
  display: table-row !important; }

td.show-for-small, td.show-for-medium-down, td.show-for-large-down, td.hide-for-medium, td.hide-for-medium-up, td.hide-for-large, td.hide-for-large-up, td.hide-for-xlarge, th.show-for-small, th.show-for-medium-down, th.show-for-large-down, th.hide-for-medium, th.hide-for-medium-up, th.hide-for-large, th.hide-for-large-up, th.hide-for-xlarge {
  display: table-cell !important; }

/* Medium Displays: 768px - 1279px */
@media screen and (min-width: 641px) {
  .show-for-medium, .show-for-medium-up {
    display: inherit !important; }

  .show-for-small {
    display: none !important; }

  .hide-for-small {
    display: inherit !important; }

  .hide-for-medium, .hide-for-medium-up {
    display: none !important; }

  /* Specific visilbity for tables */
  table.show-for-medium, table.show-for-medium-up, table.hide-for-small {
    display: table; }

  thead.show-for-medium, thead.show-for-medium-up, thead.hide-for-small {
    display: table-header-group !important; }

  tbody.show-for-medium, tbody.show-for-medium-up, tbody.hide-for-small {
    display: table-row-group !important; }

  tr.show-for-medium, tr.show-for-medium-up, tr.hide-for-small {
    display: table-row !important; }

  td.show-for-medium, td.show-for-medium-up, td.hide-for-small, th.show-for-medium, th.show-for-medium-up, th.hide-for-small {
    display: table-cell !important; }
 }

/* Large Displays: 1280px - 1440px */
@media screen and (min-width: 1025px) {
  .show-for-large, .show-for-large-up {
    display: inherit !important; }

  .show-for-medium, .show-for-medium-down {
    display: none !important; }

  .hide-for-medium, .hide-for-medium-down {
    display: inherit !important; }

  .hide-for-large, .hide-for-large-up {
    display: none !important; }

  /* Specific visilbity for tables */
  table.show-for-large, table.show-for-large-up, table.hide-for-medium, table.hide-for-medium-down {
    display: table; }

  thead.show-for-large, thead.show-for-large-up, thead.hide-for-medium, thead.hide-for-medium-down {
    display: table-header-group !important; }

  tbody.show-for-large, tbody.show-for-large-up, tbody.hide-for-medium, tbody.hide-for-medium-down {
    display: table-row-group !important; }

  tr.show-for-large, tr.show-for-large-up, tr.hide-for-medium, tr.hide-for-medium-down {
    display: table-row !important; }

  td.show-for-large, td.show-for-large-up, td.hide-for-medium, td.hide-for-medium-down, th.show-for-large, th.show-for-large-up, th.hide-for-medium, th.hide-for-medium-down {
    display: table-cell !important; }
 }

/* X-Large Displays: 1400px and up */
@media screen and (min-width: 1441px) {
  .show-for-xlarge {
    display: inherit !important; }

  .show-for-large, .show-for-large-down {
    display: none !important; }

  .hide-for-large, .hide-for-large-down {
    display: inherit !important; }

  .hide-for-xlarge {
    display: none !important; }

  /* Specific visilbity for tables */
  table.show-for-xlarge, table.hide-for-large, table.hide-for-large-down {
    display: table; }

  thead.show-for-xlarge, thead.hide-for-large, thead.hide-for-large-down {
    display: table-header-group !important; }

  tbody.show-for-xlarge, tbody.hide-for-large, tbody.hide-for-large-down {
    display: table-row-group !important; }

  tr.show-for-xlarge, tr.hide-for-large, tr.hide-for-large-down {
    display: table-row !important; }

  td.show-for-xlarge, td.hide-for-large, td.hide-for-large-down, th.show-for-xlarge, th.hide-for-large, th.hide-for-large-down {
    display: table-cell !important; }
 }

/* Orientation targeting */
.show-for-landscape, .hide-for-portrait {
  display: inherit !important; }

.hide-for-landscape, .show-for-portrait {
  display: none !important; }

/* Specific visilbity for tables */
table.hide-for-landscape, table.show-for-portrait {
  display: table; }

thead.hide-for-landscape, thead.show-for-portrait {
  display: table-header-group !important; }

tbody.hide-for-landscape, tbody.show-for-portrait {
  display: table-row-group !important; }

tr.hide-for-landscape, tr.show-for-portrait {
  display: table-row !important; }

td.hide-for-landscape, td.show-for-portrait, th.hide-for-landscape, th.show-for-portrait {
  display: table-cell !important; }

@media only screen and (orientation: landscape) {
  .show-for-landscape, .hide-for-portrait {
    display: inherit !important; }

  .hide-for-landscape, .show-for-portrait {
    display: none !important; }

  /* Specific visilbity for tables */
  table.show-for-landscape, table.hide-for-portrait {
    display: table; }

  thead.show-for-landscape, thead.hide-for-portrait {
    display: table-header-group !important; }

  tbody.show-for-landscape, tbody.hide-for-portrait {
    display: table-row-group !important; }

  tr.show-for-landscape, tr.hide-for-portrait {
    display: table-row !important; }

  td.show-for-landscape, td.hide-for-portrait, th.show-for-landscape, th.hide-for-portrait {
    display: table-cell !important; }
 }

@media only screen and (orientation: portrait) {
  .show-for-portrait, .hide-for-landscape {
    display: inherit !important; }

  .hide-for-portrait, .show-for-landscape {
    display: none !important; }

  /* Specific visilbity for tables */
  table.show-for-portrait, table.hide-for-landscape {
    display: table; }

  thead.show-for-portrait, thead.hide-for-landscape {
    display: table-header-group !important; }

  tbody.show-for-portrait, tbody.hide-for-landscape {
    display: table-row-group !important; }

  tr.show-for-portrait, tr.hide-for-landscape {
    display: table-row !important; }

  td.show-for-portrait, td.hide-for-landscape, th.show-for-portrait, th.hide-for-landscape {
    display: table-cell !important; }
 }

/* Touch-enabled device targeting */
.show-for-touch {
  display: none !important; }

.hide-for-touch {
  display: inherit !important; }

.touch .show-for-touch {
  display: inherit !important; }

.touch .hide-for-touch {
  display: none !important; }

/* Specific visilbity for tables */
table.hide-for-touch {
  display: table; }

.touch table.show-for-touch {
  display: table; }

thead.hide-for-touch {
  display: table-header-group !important; }

.touch thead.show-for-touch {
  display: table-header-group !important; }

tbody.hide-for-touch {
  display: table-row-group !important; }

.touch tbody.show-for-touch {
  display: table-row-group !important; }

tr.hide-for-touch {
  display: table-row !important; }

.touch tr.show-for-touch {
  display: table-row !important; }

td.hide-for-touch {
  display: table-cell !important; }

.touch td.show-for-touch {
  display: table-cell !important; }

th.hide-for-touch {
  display: table-cell !important; }

.touch th.show-for-touch {
  display: table-cell !important; }

/* Foundation Block Grids for below small breakpoint */
@media only screen {
  [class*="block-grid-"] {
    display: block;
    padding: 0;
    margin: 0 -0.625em;
    *zoom: 1; }
    [class*="block-grid-"]:before, [class*="block-grid-"]:after {
      content: " ";
      display: table; }
    [class*="block-grid-"]:after {
      clear: both; }
    [class*="block-grid-"] > li {
      display: inline;
      height: auto;
      float: left;
      padding: 0 0.625em 1.25em; }

  .small-block-grid-1 > li {
    width: 100%;
    padding: 0 0.625em 1.25em; }
    .small-block-grid-1 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }

  .small-block-grid-2 > li {
    width: 50%;
    padding: 0 0.625em 1.25em; }
    .small-block-grid-2 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }

  .small-block-grid-3 > li {
    width: 33.33333%;
    padding: 0 0.625em 1.25em; }
    .small-block-grid-3 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }

  .small-block-grid-4 > li {
    width: 25%;
    padding: 0 0.625em 1.25em; }
    .small-block-grid-4 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }

  .small-block-grid-5 > li {
    width: 20%;
    padding: 0 0.625em 1.25em; }
    .small-block-grid-5 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }

  .small-block-grid-6 > li {
    width: 16.66667%;
    padding: 0 0.625em 1.25em; }
    .small-block-grid-6 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }

  .small-block-grid-7 > li {
    width: 14.28571%;
    padding: 0 0.625em 1.25em; }
    .small-block-grid-7 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both; }

  .small-block-grid-8 > li {
    width: 12.5%;
    padding: 0 0.625em 1.25em; }
    .small-block-grid-8 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both; }

  .small-block-grid-9 > li {
    width: 11.11111%;
    padding: 0 0.625em 1.25em; }
    .small-block-grid-9 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both; }

  .small-block-grid-10 > li {
    width: 10%;
    padding: 0 0.625em 1.25em; }
    .small-block-grid-10 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both; }

  .small-block-grid-11 > li {
    width: 9.09091%;
    padding: 0 0.625em 1.25em; }
    .small-block-grid-11 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both; }

  .small-block-grid-12 > li {
    width: 8.33333%;
    padding: 0 0.625em 1.25em; }
    .small-block-grid-12 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; }
 }

/* Foundation Block Grids for above small breakpoint */
@media screen and (min-width: 641px) {
  /* Remove small grid clearing */
  .small-block-grid-1 > li:nth-of-type(1n+1) {
    clear: none; }

  .small-block-grid-2 > li:nth-of-type(2n+1) {
    clear: none; }

  .small-block-grid-3 > li:nth-of-type(3n+1) {
    clear: none; }

  .small-block-grid-4 > li:nth-of-type(4n+1) {
    clear: none; }

  .small-block-grid-5 > li:nth-of-type(5n+1) {
    clear: none; }

  .small-block-grid-6 > li:nth-of-type(6n+1) {
    clear: none; }

  .small-block-grid-7 > li:nth-of-type(7n+1) {
    clear: none; }

  .small-block-grid-8 > li:nth-of-type(8n+1) {
    clear: none; }

  .small-block-grid-9 > li:nth-of-type(9n+1) {
    clear: none; }

  .small-block-grid-10 > li:nth-of-type(10n+1) {
    clear: none; }

  .small-block-grid-11 > li:nth-of-type(11n+1) {
    clear: none; }

  .small-block-grid-12 > li:nth-of-type(12n+1) {
    clear: none; }

  .large-block-grid-1 > li {
    width: 100%;
    padding: 0 0.625em 1.25em; }
    .large-block-grid-1 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }

  .large-block-grid-2 > li {
    width: 50%;
    padding: 0 0.625em 1.25em; }
    .large-block-grid-2 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }

  .large-block-grid-3 > li {
    width: 33.33333%;
    padding: 0 0.625em 1.25em; }
    .large-block-grid-3 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }

  .large-block-grid-4 > li {
    width: 25%;
    padding: 0 0.625em 1.25em; }
    .large-block-grid-4 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }

  .large-block-grid-5 > li {
    width: 20%;
    padding: 0 0.625em 1.25em; }
    .large-block-grid-5 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }

  .large-block-grid-6 > li {
    width: 16.66667%;
    padding: 0 0.625em 1.25em; }
    .large-block-grid-6 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }

  .large-block-grid-7 > li {
    width: 14.28571%;
    padding: 0 0.625em 1.25em; }
    .large-block-grid-7 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both; }

  .large-block-grid-8 > li {
    width: 12.5%;
    padding: 0 0.625em 1.25em; }
    .large-block-grid-8 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both; }

  .large-block-grid-9 > li {
    width: 11.11111%;
    padding: 0 0.625em 1.25em; }
    .large-block-grid-9 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both; }

  .large-block-grid-10 > li {
    width: 10%;
    padding: 0 0.625em 1.25em; }
    .large-block-grid-10 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both; }

  .large-block-grid-11 > li {
    width: 9.09091%;
    padding: 0 0.625em 1.25em; }
    .large-block-grid-11 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both; }

  .large-block-grid-12 > li {
    width: 8.33333%;
    padding: 0 0.625em 1.25em; }
    .large-block-grid-12 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; }
 }

p.lead {
  font-size: 1.21875em;
  line-height: 1.6; }

.subheader {
  line-height: 1.4;
  color: #adadad;
  font-weight: 300;
  margin-top: 0.2em;
  margin-bottom: 0.5em; }

/* Typography resets */
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, .related-resources h6, h5, h6, pre, form, p, blockquote, th, td {
  margin: 0;
  padding: 0;
  direction: ltr; }

/* Default Link Styles */
a {
  color: #2ba6cb;
  text-decoration: none;
  line-height: inherit; }
  a:hover, a:focus {
    color: #2795b6; }
  a img {
    border: none; }

/* Default paragraph styles */
p {
  font-family: inherit;
  font-weight: normal;
  font-size: 1em;
  line-height: 1.6;
  margin-bottom: 1.25em;
  text-rendering: optimizeLegibility; }
  p aside {
    font-size: 0.875em;
    line-height: 1.35;
    font-style: italic; }

/* Default header styles */
h1, h2, h3, h4, .related-resources h6, h5, h6 {
  font-family: 'Montserrat', Arial, sans-serif;
  font-weight: bold;
  font-style: normal;
  color: #606060;
  text-rendering: optimizeLegibility;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  line-height: 1.2125em; }
  h1 small, h2 small, h3 small, h4 small, .related-resources h6 small, h5 small, h6 small {
    font-size: 60%;
    color: #adadad;
    line-height: 0; }

h1 {
  font-size: 1.375em; }

h2 {
  font-size: 1.125em; }

h3 {
  font-size: 1.1875em; }

h4, .related-resources h6 {
  font-size: 0.9375em; }

h5 {
  font-size: 1.125em; }

h6 {
  font-size: 1em; }

hr {
  border: solid #ddd;
  border-width: 1px 0 0;
  clear: both;
  margin: 1.25em 0 1.1875em;
  height: 0; }

/* Helpful Typography Defaults */
em, i {
  font-style: italic;
  line-height: inherit; }

strong, b {
  font-weight: bold;
  line-height: inherit; }

small {
  font-size: 60%;
  line-height: inherit; }

code {
  font-family: Consolas, 'Liberation Mono', Courier, monospace;
  font-weight: bold;
  color: #7f0a0c; }

/* Lists */
ul, ol, dl {
  font-size: 1em;
  line-height: 1.6;
  margin-bottom: 1.25em;
  list-style-position: outside;
  font-family: inherit; }

ul, ol {
  margin-left: 0; }
  ul.no-bullet, ol.no-bullet {
    margin-left: 0; }

/* Unordered Lists */
ul li ul, ul li ol {
  margin-left: 1.25em;
  margin-bottom: 0;
  font-size: 1em;
  /* Override nested font-size change */ }
ul.square li ul, ul.circle li ul, ul.disc li ul {
  list-style: inherit; }
ul.square {
  list-style-type: square; }
ul.circle {
  list-style-type: circle; }
ul.disc {
  list-style-type: disc; }
ul.no-bullet {
  list-style: none; }

/* Ordered Lists */
ol li ul, ol li ol {
  margin-left: 1.25em;
  margin-bottom: 0; }

/* Definition Lists */
dl dt {
  margin-bottom: 0.3em;
  font-weight: normal; }
dl dd {
  margin-bottom: 0.75em; }

/* Dictionary Definition Term */
dt dfn span, dt dfn {
  font-weight: bold; }

/* Abbreviations */
abbr, acronym {
  text-transform: uppercase;
  font-size: 90%;
  color: #2e2e2e;
  border-bottom: 1px dotted #ddd;
  cursor: help; }

abbr {
  text-transform: none; }

/* Blockquotes */
blockquote {
  margin: 0 0 1.25em;
  padding: 0.5625em 1.25em 0 1.1875em;
  border-left: 1px solid #ddd; }
  blockquote cite {
    display: block;
    font-size: 0.8125em;
    color: #939393; }
    blockquote cite:before {
      content: "\2014 \0020"; }
    blockquote cite a, blockquote cite a:visited {
      color: #939393; }

blockquote, blockquote p {
  line-height: 1.6;
  color: #adadad; }

/* Microformats */
.vcard {
  display: inline-block;
  margin: 0 0 1.25em 0;
  border: 1px solid #ddd;
  padding: 0.625em 0.75em; }
  .vcard li {
    margin: 0;
    display: block; }
  .vcard .fn {
    font-weight: bold;
    font-size: 0.9375em; }

.vevent .summary {
  font-weight: bold; }
.vevent abbr {
  cursor: default;
  text-decoration: none;
  font-weight: bold;
  border: none;
  padding: 0 0.0625em; }

@media screen and (min-width: 641px) {
  h1, h2, h3, h4, .related-resources h6, h5, h6 {
    line-height: 1.4; }

  h1 {
    font-size: 2em; }

  h2 {
    font-size: 1.75em; }

  h3 {
    font-size: 1.5em; }

  h4, .related-resources h6 {
    font-size: 1.25em; }
 }

/* Flex Video */
.flex-video {
  position: relative;
  padding-top: 1.5625em;
  padding-bottom: 67.5%;
  height: 0;
  margin-bottom: 1em;
  overflow: hidden; }
  .flex-video.widescreen {
    padding-bottom: 57.25%; }
  .flex-video.vimeo {
    padding-top: 0; }
  .flex-video iframe, .flex-video object, .flex-video embed, .flex-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/* Breadcrumbs */
.breadcrumbs {
  display: block;
  padding: 0.5625em 0.875em 0.5625em;
  overflow: hidden;
  margin-left: 0;
  list-style: none;
  border-style: solid;
  border-width: 1px;
  background-color: #f6f6f6;
  border-color: gainsboro;
  -webkit-border-radius: 3px;
  border-radius: 3px; }
  .breadcrumbs > * {
    margin: 0;
    float: left;
    font-size: 0.6875em;
    text-transform: uppercase; }
    .breadcrumbs > *:hover a, .breadcrumbs > *:focus a {
      text-decoration: underline; }
    .breadcrumbs > * a, .breadcrumbs > * span {
      text-transform: uppercase;
      color: #2ba6cb; }
    .breadcrumbs > *.current {
      cursor: default;
      color: #333; }
      .breadcrumbs > *.current a {
        cursor: default;
        color: #333; }
      .breadcrumbs > *.current:hover, .breadcrumbs > *.current:hover a, .breadcrumbs > *.current:focus, .breadcrumbs > *.current:focus a {
        text-decoration: none; }
    .breadcrumbs > *.unavailable {
      color: #999; }
      .breadcrumbs > *.unavailable a {
        color: #999; }
      .breadcrumbs > *.unavailable:hover, .breadcrumbs > *.unavailable:hover a, .breadcrumbs > *.unavailable:focus, .breadcrumbs > *.unavailable a:focus {
        text-decoration: none;
        color: #999;
        cursor: default; }
    .breadcrumbs > *:before {
      content: "/";
      color: #aaa;
      margin: 0 0.75em;
      position: relative;
      top: 1px; }
    .breadcrumbs > *:first-child:before {
      content: " ";
      margin: 0; }

/* Inline Lists */
.inline-list {
  margin: 0 auto 1.0625em auto;
  margin-left: -1.375em;
  margin-right: 0;
  padding: 0;
  list-style: none;
  overflow: hidden; }
  .inline-list > li {
    list-style: none;
    float: left;
    margin-left: 1.375em;
    display: block; }
    .inline-list > li > * {
      display: block; }

/* Default Pagination */
ul.pagination {
  display: block;
  height: 1.5em;
  margin-left: -0.3125em; }
  ul.pagination li {
    height: 1.5em;
    color: #222;
    font-size: 0.875em;
    margin-left: 0.3125em; }
    ul.pagination li a {
      display: block;
      padding: 0.0625em 0.4375em 0.0625em;
      color: #999; }
    ul.pagination li:hover a, ul.pagination li a:focus {
      background: #e6e6e6; }
    ul.pagination li.unavailable a {
      cursor: default;
      color: #999; }
    ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus {
      background: transparent; }
    ul.pagination li.current a {
      background: #2ba6cb;
      color: #fff;
      font-weight: bold;
      cursor: default; }
      ul.pagination li.current a:hover, ul.pagination li.current a:focus {
        background: #2ba6cb; }
  ul.pagination li {
    float: left;
    display: block; }

/* Pagination centred wrapper */
.pagination-centered {
  text-align: center; }
  .pagination-centered ul.pagination li {
    float: none;
    display: inline-block; }

/* Tables */
table {
  background: #fff;
  margin-bottom: 1.25em;
  border: solid 1px #ddd; }
  table thead, table tfoot {
    background: #f5f5f5;
    font-weight: bold; }
    table thead tr th, table thead tr td, table tfoot tr th, table tfoot tr td {
      padding: 0.5em 0.625em 0.625em;
      font-size: 0.875em;
      color: #454545;
      text-align: left; }
  table tr th, table tr td {
    padding: 0.5625em 0.625em;
    font-size: 0.875em;
    color: #2e2e2e; }
  table tr.even, table tr.alt, table tr:nth-of-type(even) {
    background: #f9f9f9; }
  table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td {
    display: table-cell;
    line-height: inherit; }

/* Image Thumbnails */
.th {
  line-height: 0;
  display: inline-block;
  border: solid 4px #fff;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200ms ease-out;
  transition: all 200ms ease-out; }
  .th:hover, .th:focus {
    -webkit-box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5);
    box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5); }
  .th.radius {
    -webkit-border-radius: 3px;
    border-radius: 3px; }

a.th {
  display: inline-block;
  max-width: 100%; }

/* Tooltips */
.has-tip {
  border-bottom: dotted 1px #ccc;
  cursor: help;
  font-weight: bold;
  color: #333; }
  .has-tip:hover, .has-tip:focus {
    border-bottom: dotted 1px #196177;
    color: #2ba6cb; }
  .has-tip.tip-left, .has-tip.tip-right {
    float: none !important; }

.tooltip {
  display: none;
  position: absolute;
  z-index: 999;
  font-weight: bold;
  font-size: 0.9375em;
  line-height: 1.3;
  padding: 0.5em;
  max-width: 85%;
  left: 50%;
  width: 100%;
  color: #fff;
  background: #000;
  -webkit-border-radius: 3px;
  border-radius: 3px; }
  .tooltip > .nub {
    display: block;
    left: 5px;
    position: absolute;
    width: 0;
    height: 0;
    border: solid 5px;
    border-color: transparent transparent #000 transparent;
    top: -10px; }
  .tooltip.opened {
    color: #2ba6cb !important;
    border-bottom: dotted 1px #196177 !important; }

.tap-to-close {
  display: block;
  font-size: 0.625em;
  color: #888;
  font-weight: normal; }

@media screen and (min-width: 641px) {
  .tooltip > .nub {
    border-color: transparent transparent #000 transparent;
    top: -10px; }
  .tooltip.tip-top > .nub {
    border-color: #000 transparent transparent transparent;
    top: auto;
    bottom: -10px; }
  .tooltip.tip-left, .tooltip.tip-right {
    float: none !important; }
  .tooltip.tip-left > .nub {
    border-color: transparent transparent transparent #000;
    right: -10px;
    left: auto;
    top: 50%;
    margin-top: -5px; }
  .tooltip.tip-right > .nub {
    border-color: transparent #000 transparent transparent;
    right: auto;
    left: -10px;
    top: 50%;
    margin-top: -5px; }
 }

/* @import "grid"; */
/* using this for override of foundation media screen if necessary */
/***  END FOUNDATION STYLES ***/
/***  BEGIN FOUNDATION OVERRIDE STYLES ***/
/* Breadcrumb Overrides */
ul.breadcrumbs {
  border: none;
  background: none;
  padding: 0;
  margin: 0;
  min-height: 1em; }

ul.breadcrumbs > * {
  text-transform: none;
  font-size: inherit;
  /* The .bcrumbs container sets the font at 0.8em, so this does not need to reset it */ }

ul.breadcrumbs > *:first-child:before {
  content: " ";
  margin: 0; }

ul.breadcrumbs > *:before {
  content: "\003E";
  color: #2e2e2e;
  margin: 0 0.25em; }

ul.breadcrumbs > * a {
  text-transform: none;
  color: #2b7bba; }

/* Remove extra margin on second-level list items */
ul li ul, ul li ul {
  margin-left: 0; }

/***  END FOUNDATION OVERRIDE STYLES ***/
/***  BEGIN SLICK STYLES ***/
/* Slider */
.other-nci-sites {
  margin-left: -10px; }

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }
  .slick-loading .slick-list {
    background: white url('ajax-loader.gif') center center no-repeat; }

.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  zoom: 1; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

/* Icons
@font-face { font-family: "slick"; src: url('fonts/slick.eot'); src: url('fonts/slick.eot?#iefix') format("embedded-opentype"), url('fonts/slick.woff') format("woff"), url('fonts/slick.ttf') format("truetype"), url('fonts/slick.svg#slick') format("svg"); font-weight: normal; font-style: normal; }
*/
/* Arrows */
.slick-prev, .slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  margin-top: -10px;
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:focus, .slick-next:focus {
    outline: none; }
  .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before, .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.85;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

/*
.slick-prev { left: -25px; }
.slick-prev:before { content: "\2190"; }

.slick-next { right: -25px; }
.slick-next:before { content: "\2192"; }
*/
/* Dots */
.slick-slider {
  margin-bottom: 30px; }

ul.slick-dots {
  list-style: none;
  display: block;
  text-align: center;
  padding: 0px;
  width: 100%;
  margin: 1.5em 0; }
  ul.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0px 5px;
    padding: 0px;
    cursor: pointer; }
    ul.slick-dots li button {
      display: block;
      height: 20px;
      width: 20px;
      background: url("/publishedcontent/images/images/design-elements/icons/nci-sprite.png") no-repeat -320px -259px;
      border-width: 0px;
      outline: none;
      line-height: 0;
      font-size: 0;
      padding: 5px;
      cursor: pointer; }
      ul.slick-dots li button:before {
        height: 20px;
        width: 20px;
        position: absolute;
        display: block;
        content: " ";
        top: 0;
        left: 0; }
      ul.slick-dots li button:focus {
        outline: dotted 1px #2A72A5; }
      ul.slick-dots li button:hover {
        background: url("/publishedcontent/images/images/design-elements/icons/nci-sprite.png") no-repeat -364px -297px; }
      ul.slick-dots li button:active {
        background: url("/publishedcontent/images/images/design-elements/icons/nci-sprite.png") no-repeat -347px -259px; }
    ul.slick-dots li.slick-active button {
      background: url("/publishedcontent/images/images/design-elements/icons/nci-sprite.png") no-repeat -347px -259px; }

@media only screen and (max-width: 768px) {
  .slick-dots li {
    margin: 0px 4px; }

  .slick-dots {
    text-align: left; }
 }

/***  BEGIN SLICK STYLES ***/
/***  BEGIN JQUERY UI STYLES ***/
/*! jQuery UI - v1.11.1 - 2014-08-13
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, draggable.css, menu.css, progressbar.css, resizable.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none; }

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none; }

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse; }

.ui-helper-clearfix:after {
  clear: both; }

.ui-helper-clearfix {
  min-height: 0;
  /* support: IE7 */ }

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
  /* support: IE8 */ }

.ui-front {
  z-index: 100; }

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important; }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat; }

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: 0.5em 0.5em 0.5em 0.7em;
  min-height: 0;
  /* support: IE7 */
  font-size: 100%; }

.ui-accordion .ui-accordion-icons {
  padding-left: 2.2em; }

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
  padding-left: 2.2em; }

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  left: 0.5em;
  top: 50%;
  margin-top: -8px; }

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto; }

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default; }

.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  line-height: normal;
  margin-right: 0.1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  overflow: visible;
  /* removes extra width in IE */ }

.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {
  text-decoration: none; }

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
  width: 2.2em; }

/* button elements seem to need a little more width */
button.ui-button-icon-only {
  width: 2.4em; }

.ui-button-icons-only {
  width: 3.4em; }

button.ui-button-icons-only {
  width: 3.7em; }

/* button text element */
.ui-button .ui-button-text {
  display: block;
  line-height: normal; }

.ui-button-text-only .ui-button-text {
  padding: 0.4em 1em; }

.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
  padding: 0.4em;
  text-indent: -9999999px; }

.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
  padding: 0.4em 1em 0.4em 2.1em; }

.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {
  padding: 0.4em 2.1em 0.4em 1em; }

.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em; }

/* no icon support for input elements, provide padding by default */
input.ui-button {
  padding: 0.4em 1em; }

/* button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px; }

.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px; }

.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary {
  left: 0.5em; }

.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
  right: 0.5em; }

/* button sets */
.ui-buttonset {
  margin-right: 7px; }

.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -0.3em; }

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0; }

.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none; }

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.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 {
  font-size: 1em;
  margin: 1px 0; }

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

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

.ui-datepicker th {
  padding: 0.7em 0.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: 0.2em;
  text-align: right;
  text-decoration: none; }

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

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.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 0.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, .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%;
  font-size: 0; }

/* 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, .ui-datepicker-rtl .ui-datepicker-group {
  float: right; }

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

.ui-dialog {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.2em;
  outline: 0; }

.ui-dialog .ui-dialog-titlebar {
  padding: 0.4em 1em;
  position: relative; }

.ui-dialog .ui-dialog-title {
  float: left;
  margin: 0.1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis; }

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 0.3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px; }

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: 0.5em 1em;
  background: none;
  overflow: auto; }

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: 0.5em;
  padding: 0.3em 1em 0.5em 0.4em; }

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right; }

.ui-dialog .ui-dialog-buttonpane button {
  margin: 0.5em 0.4em 0.5em 0;
  cursor: pointer; }

.ui-dialog .ui-resizable-se {
  width: 12px;
  height: 12px;
  right: -5px;
  bottom: -5px;
  background-position: 16px 16px; }

.ui-draggable .ui-dialog-titlebar {
  cursor: move; }

.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none; }

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: none; }

.ui-menu .ui-menu {
  position: absolute; }

.ui-menu .ui-menu-item {
  position: relative;
  margin: 0;
  padding: 3px 1em 3px 0.4em;
  cursor: pointer;
  min-height: 0;
  /* support: IE7 */
  /* support: IE10, see #8844 */
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); }

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0; }

.ui-menu .ui-state-focus, .ui-menu .ui-state-active {
  margin: -1px; }

/* icon support */
.ui-menu-icons {
  position: relative; }

.ui-menu-icons .ui-menu-item {
  padding-left: 2em; }

/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.2em;
  margin: auto 0; }

/* right-aligned */
.ui-menu .ui-menu-icon {
  left: auto;
  right: 0; }

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden; }

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%; }

.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  filter: alpha(opacity=25);
  /* support: IE8 */
  opacity: 0.25; }

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none; }

.ui-resizable {
  position: relative; }

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none; }

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
  display: none; }

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0; }

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0; }

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px; }

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px; }

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px; }

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px; }

.ui-selectable {
  -ms-touch-action: none;
  touch-action: none; }

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black; }

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none; }

.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  /* Support: IE7 */
  overflow-x: hidden;
  padding-bottom: 1px; }

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0; }

.ui-selectmenu-open {
  display: block; }

.ui-selectmenu-button {
  display: inline-block;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  cursor: pointer; }

.ui-selectmenu-button span.ui-icon {
  right: 0.5em;
  left: auto;
  margin-top: -8px;
  position: absolute;
  top: 50%; }

.ui-selectmenu-button span.ui-selectmenu-text {
  text-align: left;
  padding: 0.4em 2.1em 0.4em 1em;
  display: block;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.ui-slider {
  position: relative;
  text-align: left; }

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none; }

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0; }

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit; }

.ui-slider-horizontal {
  height: 0.8em; }

.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em; }

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%; }

.ui-slider-horizontal .ui-slider-range-min {
  left: 0; }

.ui-slider-horizontal .ui-slider-range-max {
  right: 0; }

.ui-slider-vertical {
  width: 0.8em;
  height: 100px; }

.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em; }

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%; }

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0; }

.ui-slider-vertical .ui-slider-range-max {
  top: 0; }

.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none; }

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle; }

.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: 0;
  margin: 0.2em 0;
  vertical-align: middle;
  margin-left: 0.4em;
  margin-right: 22px; }

.ui-spinner-button {
  width: 16px;
  height: 50%;
  font-size: 0.5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0; }

/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
  border-top: none;
  border-bottom: none;
  border-right: none; }

/* vertically center icon */
.ui-spinner .ui-icon {
  position: absolute;
  margin-top: -8px;
  top: 50%;
  left: 0; }

.ui-spinner-up {
  top: 0; }

.ui-spinner-down {
  bottom: 0; }

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
  /* need to fix icons sprite */
  background-position: -65px -16px; }

.ui-tabs {
  position: relative;
  /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: 0.2em; }

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0.2em 0.2em 0; }

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px 0.2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap; }

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: 0.5em 1em;
  text-decoration: none; }

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px; }

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text; }

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer; }

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none; }

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  -webkit-box-shadow: 0 0 5px #aaa;
  box-shadow: 0 0 5px #aaa; }

body .ui-tooltip {
  border-width: 2px; }

/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1.1em; }

.ui-widget .ui-widget {
  font-size: 1em; }

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1em; }

.ui-widget-content {
  border: 1px solid #aaaaaa;
  background: #ffffff url("images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x;
  color: #222222; }

.ui-widget-content a {
  color: #222222; }

.ui-widget-header {
  border: 1px solid #aaaaaa;
  background: #cccccc url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;
  color: #222222;
  font-weight: bold; }

.ui-widget-header a {
  color: #222222; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: 1px solid #d3d3d3;
  background: #e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
  font-weight: normal;
  color: #555555; }

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
  color: #555555;
  text-decoration: none; }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  border: 1px solid #999999;
  background: #dadada url("images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;
  font-weight: normal;
  color: #212121; }

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited {
  color: #212121;
  text-decoration: none; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  border: 1px solid #aaaaaa;
  background: #ffffff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
  font-weight: normal;
  color: #212121; }

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #212121;
  text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #fcefa1;
  background: #fbf9ee url("images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;
  color: #363636; }

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
  color: #363636; }

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #fef1ec url("images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;
  color: #cd0a0a; }

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
  color: #cd0a0a; }

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
  color: #cd0a0a; }

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
  font-weight: bold; }

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  filter: Alpha(Opacity=70);
  /* support: IE8 */
  font-weight: normal; }

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35);
  /* support: IE8 */
  background-image: none; }

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
  /* support: IE8 - See #6059 */ }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px; }

.ui-icon, .ui-widget-content .ui-icon {
  background-image: url("images/ui-icons_222222_256x240.png"); }

.ui-widget-header .ui-icon {
  background-image: url("images/ui-icons_222222_256x240.png"); }

.ui-state-default .ui-icon {
  background-image: url("images/ui-icons_888888_256x240.png"); }

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
  background-image: url("images/ui-icons_454545_256x240.png"); }

.ui-state-active .ui-icon {
  background-image: url("images/ui-icons_454545_256x240.png"); }

.ui-state-highlight .ui-icon {
  background-image: url("images/ui-icons_2e83ff_256x240.png"); }

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
  background-image: url("images/ui-icons_cd0a0a_256x240.png"); }

/* positioning */
.ui-icon-blank {
  background-position: 16px 16px; }

.ui-icon-carat-1-n {
  background-position: 0 0; }

.ui-icon-carat-1-ne {
  background-position: -16px 0; }

.ui-icon-carat-1-e {
  background-position: -32px 0; }

.ui-icon-carat-1-se {
  background-position: -48px 0; }

.ui-icon-carat-1-s {
  background-position: -64px 0; }

.ui-icon-carat-1-sw {
  background-position: -80px 0; }

.ui-icon-carat-1-w {
  background-position: -96px 0; }

.ui-icon-carat-1-nw {
  background-position: -112px 0; }

.ui-icon-carat-2-n-s {
  background-position: -128px 0; }

.ui-icon-carat-2-e-w {
  background-position: -144px 0; }

.ui-icon-triangle-1-n {
  background-position: 0 -16px; }

.ui-icon-triangle-1-ne {
  background-position: -16px -16px; }

.ui-icon-triangle-1-e {
  background-position: -32px -16px; }

.ui-icon-triangle-1-se {
  background-position: -48px -16px; }

.ui-icon-triangle-1-s {
  background-position: -64px -16px; }

.ui-icon-triangle-1-sw {
  background-position: -80px -16px; }

.ui-icon-triangle-1-w {
  background-position: -96px -16px; }

.ui-icon-triangle-1-nw {
  background-position: -112px -16px; }

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px; }

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px; }

.ui-icon-arrow-1-n {
  background-position: 0 -32px; }

.ui-icon-arrow-1-ne {
  background-position: -16px -32px; }

.ui-icon-arrow-1-e {
  background-position: -32px -32px; }

.ui-icon-arrow-1-se {
  background-position: -48px -32px; }

.ui-icon-arrow-1-s {
  background-position: -64px -32px; }

.ui-icon-arrow-1-sw {
  background-position: -80px -32px; }

.ui-icon-arrow-1-w {
  background-position: -96px -32px; }

.ui-icon-arrow-1-nw {
  background-position: -112px -32px; }

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px; }

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px; }

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px; }

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px; }

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px; }

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px; }

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px; }

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px; }

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px; }

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px; }

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px; }

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px; }

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px; }

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px; }

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px; }

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px; }

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px; }

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px; }

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px; }

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px; }

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px; }

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px; }

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px; }

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px; }

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px; }

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px; }

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px; }

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px; }

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px; }

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px; }

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px; }

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px; }

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px; }

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px; }

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px; }

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px; }

.ui-icon-arrow-4 {
  background-position: 0 -80px; }

.ui-icon-arrow-4-diag {
  background-position: -16px -80px; }

.ui-icon-extlink {
  background-position: -32px -80px; }

.ui-icon-newwin {
  background-position: -48px -80px; }

.ui-icon-refresh {
  background-position: -64px -80px; }

.ui-icon-shuffle {
  background-position: -80px -80px; }

.ui-icon-transfer-e-w {
  background-position: -96px -80px; }

.ui-icon-transferthick-e-w {
  background-position: -112px -80px; }

.ui-icon-folder-collapsed {
  background-position: 0 -96px; }

.ui-icon-folder-open {
  background-position: -16px -96px; }

.ui-icon-document {
  background-position: -32px -96px; }

.ui-icon-document-b {
  background-position: -48px -96px; }

.ui-icon-note {
  background-position: -64px -96px; }

.ui-icon-mail-closed {
  background-position: -80px -96px; }

.ui-icon-mail-open {
  background-position: -96px -96px; }

.ui-icon-suitcase {
  background-position: -112px -96px; }

.ui-icon-comment {
  background-position: -128px -96px; }

.ui-icon-person {
  background-position: -144px -96px; }

.ui-icon-print {
  background-position: -160px -96px; }

.ui-icon-trash {
  background-position: -176px -96px; }

.ui-icon-locked {
  background-position: -192px -96px; }

.ui-icon-unlocked {
  background-position: -208px -96px; }

.ui-icon-bookmark {
  background-position: -224px -96px; }

.ui-icon-tag {
  background-position: -240px -96px; }

.ui-icon-home {
  background-position: 0 -112px; }

.ui-icon-flag {
  background-position: -16px -112px; }

.ui-icon-calendar {
  background-position: -32px -112px; }

.ui-icon-cart {
  background-position: -48px -112px; }

.ui-icon-pencil {
  background-position: -64px -112px; }

.ui-icon-clock {
  background-position: -80px -112px; }

.ui-icon-disk {
  background-position: -96px -112px; }

.ui-icon-calculator {
  background-position: -112px -112px; }

.ui-icon-zoomin {
  background-position: -128px -112px; }

.ui-icon-zoomout {
  background-position: -144px -112px; }

.ui-icon-search {
  background-position: -160px -112px; }

.ui-icon-wrench {
  background-position: -176px -112px; }

.ui-icon-gear {
  background-position: -192px -112px; }

.ui-icon-heart {
  background-position: -208px -112px; }

.ui-icon-star {
  background-position: -224px -112px; }

.ui-icon-link {
  background-position: -240px -112px; }

.ui-icon-cancel {
  background-position: 0 -128px; }

.ui-icon-plus {
  background-position: -16px -128px; }

.ui-icon-plusthick {
  background-position: -32px -128px; }

.ui-icon-minus {
  background-position: -48px -128px; }

.ui-icon-minusthick {
  background-position: -64px -128px; }

.ui-icon-close {
  background-position: -80px -128px; }

.ui-icon-closethick {
  background-position: -96px -128px; }

.ui-icon-key {
  background-position: -112px -128px; }

.ui-icon-lightbulb {
  background-position: -128px -128px; }

.ui-icon-scissors {
  background-position: -144px -128px; }

.ui-icon-clipboard {
  background-position: -160px -128px; }

.ui-icon-copy {
  background-position: -176px -128px; }

.ui-icon-contact {
  background-position: -192px -128px; }

.ui-icon-image {
  background-position: -208px -128px; }

.ui-icon-video {
  background-position: -224px -128px; }

.ui-icon-script {
  background-position: -240px -128px; }

.ui-icon-alert {
  background-position: 0 -144px; }

.ui-icon-info {
  background-position: -16px -144px; }

.ui-icon-notice {
  background-position: -32px -144px; }

.ui-icon-help {
  background-position: -48px -144px; }

.ui-icon-check {
  background-position: -64px -144px; }

.ui-icon-bullet {
  background-position: -80px -144px; }

.ui-icon-radio-on {
  background-position: -96px -144px; }

.ui-icon-radio-off {
  background-position: -112px -144px; }

.ui-icon-pin-w {
  background-position: -128px -144px; }

.ui-icon-pin-s {
  background-position: -144px -144px; }

.ui-icon-play {
  background-position: 0 -160px; }

.ui-icon-pause {
  background-position: -16px -160px; }

.ui-icon-seek-next {
  background-position: -32px -160px; }

.ui-icon-seek-prev {
  background-position: -48px -160px; }

.ui-icon-seek-end {
  background-position: -64px -160px; }

.ui-icon-seek-start {
  background-position: -80px -160px; }

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px; }

.ui-icon-stop {
  background-position: -96px -160px; }

.ui-icon-eject {
  background-position: -112px -160px; }

.ui-icon-volume-off {
  background-position: -128px -160px; }

.ui-icon-volume-on {
  background-position: -144px -160px; }

.ui-icon-power {
  background-position: 0 -176px; }

.ui-icon-signal-diag {
  background-position: -16px -176px; }

.ui-icon-signal {
  background-position: -32px -176px; }

.ui-icon-battery-0 {
  background-position: -48px -176px; }

.ui-icon-battery-1 {
  background-position: -64px -176px; }

.ui-icon-battery-2 {
  background-position: -80px -176px; }

.ui-icon-battery-3 {
  background-position: -96px -176px; }

.ui-icon-circle-plus {
  background-position: 0 -192px; }

.ui-icon-circle-minus {
  background-position: -16px -192px; }

.ui-icon-circle-close {
  background-position: -32px -192px; }

.ui-icon-circle-triangle-e {
  background-position: -48px -192px; }

.ui-icon-circle-triangle-s {
  background-position: -64px -192px; }

.ui-icon-circle-triangle-w {
  background-position: -80px -192px; }

.ui-icon-circle-triangle-n {
  background-position: -96px -192px; }

.ui-icon-circle-arrow-e {
  background-position: -112px -192px; }

.ui-icon-circle-arrow-s {
  background-position: -128px -192px; }

.ui-icon-circle-arrow-w {
  background-position: -144px -192px; }

.ui-icon-circle-arrow-n {
  background-position: -160px -192px; }

.ui-icon-circle-zoomin {
  background-position: -176px -192px; }

.ui-icon-circle-zoomout {
  background-position: -192px -192px; }

.ui-icon-circle-check {
  background-position: -208px -192px; }

.ui-icon-circlesmall-plus {
  background-position: 0 -208px; }

.ui-icon-circlesmall-minus {
  background-position: -16px -208px; }

.ui-icon-circlesmall-close {
  background-position: -32px -208px; }

.ui-icon-squaresmall-plus {
  background-position: -48px -208px; }

.ui-icon-squaresmall-minus {
  background-position: -64px -208px; }

.ui-icon-squaresmall-close {
  background-position: -80px -208px; }

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px; }

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px; }

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px; }

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px; }

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px; }

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px; }

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
  border-top-left-radius: 4px; }

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
  border-top-right-radius: 4px; }

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
  border-bottom-left-radius: 4px; }

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  border-bottom-right-radius: 4px; }

/* Overlays */
.ui-widget-overlay {
  background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
  opacity: 0.3;
  filter: Alpha(Opacity=30);
  /* support: IE8 */ }

.ui-widget-shadow {
  margin: -8px 0 0 -8px;
  padding: 8px;
  background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
  opacity: 0.3;
  filter: Alpha(Opacity=30);
  /* support: IE8 */
  border-radius: 8px; }

/***  END JQUERY UI STYLES ***/
/***  BEGIN JQUERY UI OVERRIDE STYLES ***/
/*
 * jQuery UI Overrides
 */
/* general */
.ui-widget {
  font-family: inherit;
  /* jquery-ui.css:832 sets this to 'Verdana,Arial,sans-serif' */
  font-size: inherit;
  /* jquery-ui.css:832 sets this to '1.1em' */ }

/* accordion */
.ui-accordion .ui-accordion-header {
  font-weight: bold;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-radius: 0;
  border-bottom: 1px solid #96aeb8;
  background: #1D5E86;
  color: #fff;
  margin: 0 -0.9375em;
  padding: 14.5px 70px 14.5px 20px;
  min-height: 50px; }
.ui-accordion.columns .ui-accordion-header {
  margin: 0; }
.ui-accordion .ui-accordion-header:first-child {
  border-top: 1px solid #96aeb8; }
.ui-accordion .ui-accordion-header.ui-state-active {
  background: #CCEEFA;
  color: #606060; }
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  top: 0;
  left: auto;
  right: 0;
  background-image: none;
  margin-top: 0; }
.ui-accordion .ui-accordion-content {
  border: 0;
  padding: 10px 20px; }

/* selectmenu */
.ui-selectmenu-button {
  color: #2e2e2e;
  background-color: #f2f2f3;
  vertical-align: middle; }
  .ui-selectmenu-button span.ui-icon {
    top: 0;
    right: 0;
    margin-top: 0;
    padding: 1em;
    height: 11px;
    width: 8px;
    background: #2b7bba url("/publishedcontent/images/images/design-elements/icons/nci-sprite.png") no-repeat -378.5px -172px; }
  .ui-selectmenu-button span.ui-selectmenu-text {
    padding: 0.5em 2em 0.5em 1em;
    line-height: 1; }

.ui-selectmenu-menu .ui-menu {
  padding-bottom: 0;
  max-height: 14.125em; }
.ui-selectmenu-menu .ui-menu-item {
  padding: 0.5em 2em 0.5em 1em;
  line-height: 1; }
.ui-selectmenu-menu .ui-state-focus {
  color: #fff;
  background: #BB0E3D; }

/* Stop drop downs from bleeding through megamenu*/
.ui-selectmenu-menu.ui-front.ui-selectmenu-open {
  z-index: 998 !important; }

/* autocomplete */
.ui-autocomplete .ui-menu-item {
  background-color: #FEFEFD;
  background-color: rgba(254, 254, 253, 0.9);
  color: #2e2e2e;
  list-style: none; }
  .ui-autocomplete .ui-menu-item:before {
    content: none;
    display: none; }
  @media only screen and (max-width: 1024px) {
    .ui-autocomplete .ui-menu-item {
      background-color: transparent;
      border-bottom: 1px solid #2e2e2e;
      padding: 0.5em 3em 0.5em 12.5%; }
      .dictionary-search .ui-autocomplete .ui-menu-item {
        padding-left: 0.5em; } }
  @media only screen and (max-width: 640px) {
    .ui-autocomplete .ui-menu-item {
      padding-left: 17.5%; } }
.ui-autocomplete .ui-state-focus {
  color: #fff;
  background: #BB0E3D; }
@media only screen and (max-width: 1024px) {
  .ui-autocomplete {
    z-index: 99999;
    height: 100%;
    background-color: #e9eae8;
    background-color: rgba(230, 232, 230, 0.9);
    font-size: 1.375em; }
    .dictionary-search .ui-autocomplete {
      height: auto;
      font-size: 1em; } }

/* accordion zebra styling */
.ui-accordion-header.odd, .ui-accordion .ui-accordion-header.odd.ui-state-active {
  background: #bcedf2; }

.ui-accordion-header.even, .ui-accordion .ui-accordion-header.even.ui-state-active {
  background: #dbf4f6; }

/* end accordion zebra styling */
.ui-accordion .ui-accordion-header {
  color: #606060;
  font-size: 1.125em;
  font-weight: normal;
  border-bottom-width: 0; }

.ui-accordion .ui-accordion-header:first-child {
  border-top-width: 0; }

.accordion-header-active .toggle {
  background: white;
  color: #8fd4db; }

/* this overcomes p tag Percussion is putting inside h2 */
.ui-accordion-header > p {
  margin: 0;
  line-height: inherit; }

/***  END JQUERY UI OVERRIDE STYLES ***/
/****************** END VENDOR LIBRARIES SECTION ********************/
/****************** NCI COMPONENTS SECTION ********************/
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html, body {
  font-size: 100%; }

body {
  background: #fff;
  color: #2e2e2e;
  padding: 0;
  margin: 0;
  font-family: 'Noto Sans', Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  position: relative;
  cursor: default; }

a:hover {
  cursor: pointer; }

img {
  max-width: 100%;
  height: auto; }

img {
  -ms-interpolation-mode: bicubic; }

#map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object {
  max-width: none !important; }

.left {
  float: left !important; }

.right {
  float: right !important; }

.text-left {
  text-align: left !important; }

.text-right {
  text-align: right !important; }

.text-center {
  text-align: center !important; }

.text-justify {
  text-align: justify !important; }

.hide {
  display: none; }

.antialiased {
  -webkit-font-smoothing: antialiased; }

img {
  display: inline-block;
  vertical-align: middle; }

textarea {
  height: auto;
  min-height: 50px; }

select {
  width: 100%; }

form a.button, form a.button:hover {
  text-decoration: none; }

form button, .button {
  border-style: none;
  border-width: 0;
  cursor: pointer;
  font-family: 'Montserrat', Arial, sans-serif;
  font-weight: bold;
  line-height: normal;
  margin: 0 0 1.25em;
  position: relative;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  padding-top: 0.375em;
  padding-right: 0.75em;
  padding-bottom: 0.4375em;
  padding-left: 0.75em;
  font-size: 1em;
  background-color: #2ba6cb;
  border-color: #2284a1;
  color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-right: 28px; }
  form button:hover, form button:focus, .button:hover, .button:focus {
    background-color: #2284a1; }
  form button:hover, form button:focus, .button:hover, .button:focus {
    color: #fff; }
  form button[type=submit], form button.submit, .button[type=submit], .button.submit {
    background-color: #0eb5bb;
    border-color: #0a878c;
    color: #fff; }
    form button[type=submit]:hover, form button[type=submit]:focus, form button.submit:hover, form button.submit:focus, .button[type=submit]:hover, .button[type=submit]:focus, .button.submit:hover, .button.submit:focus {
      background-color: #0a878c; }
    form button[type=submit]:hover, form button[type=submit]:focus, form button.submit:hover, form button.submit:focus, .button[type=submit]:hover, .button[type=submit]:focus, .button.submit:hover, .button.submit:focus {
      color: #fff; }
  form button[type=reset], form button.reset, .button[type=reset], .button.reset {
    background-color: #2b7bba;
    border-color: #216091;
    color: #fff; }
    form button[type=reset]:hover, form button[type=reset]:focus, form button.reset:hover, form button.reset:focus, .button[type=reset]:hover, .button[type=reset]:focus, .button.reset:hover, .button.reset:focus {
      background-color: #216091; }
    form button[type=reset]:hover, form button[type=reset]:focus, form button.reset:hover, form button.reset:focus, .button[type=reset]:hover, .button[type=reset]:focus, .button.reset:hover, .button.reset:focus {
      color: #fff; }
  form button.action, .button.action {
    background-color: #620788;
    border-color: #3f0557;
    color: #fff; }
    form button.action:hover, form button.action:focus, .button.action:hover, .button.action:focus {
      background-color: #3f0557; }
    form button.action:hover, form button.action:focus, .button.action:hover, .button.action:focus {
      color: #fff; }
  form button.startover, .button.startover {
    position: relative;
    padding-left: 2.4375em; }
    form button.startover:before, .button.startover:before {
      content: "";
      position: absolute;
      left: 0.75em;
      background: url("/publishedcontent/images/images/design-elements/icons/nci-sprite.png") no-repeat;
      background-position: -245px -348px;
      width: 23px;
      height: 20px; }
  form button.left-align, .button.left-align {
    text-align: left;
    padding-left: 0.75em; }
  form button.right-align, .button.right-align {
    text-align: right;
    padding-right: 0.75em; }
  form button[disabled][type=submit], form button[disabled].submit, form button.disabled[type=submit], form button.disabled.submit, .button[disabled][type=submit], .button[disabled].submit, .button.disabled[type=submit], .button.disabled.submit {
    background-color: #0eb5bb;
    border-color: #0a878c;
    color: #fff;
    cursor: default;
    opacity: 0.6;
    -webkit-box-shadow: none;
    box-shadow: none; }
    form button[disabled][type=submit]:hover, form button[disabled][type=submit]:focus, form button[disabled].submit:hover, form button[disabled].submit:focus, form button.disabled[type=submit]:hover, form button.disabled[type=submit]:focus, form button.disabled.submit:hover, form button.disabled.submit:focus, .button[disabled][type=submit]:hover, .button[disabled][type=submit]:focus, .button[disabled].submit:hover, .button[disabled].submit:focus, .button.disabled[type=submit]:hover, .button.disabled[type=submit]:focus, .button.disabled.submit:hover, .button.disabled.submit:focus {
      background-color: #0a878c; }
    form button[disabled][type=submit]:hover, form button[disabled][type=submit]:focus, form button[disabled].submit:hover, form button[disabled].submit:focus, form button.disabled[type=submit]:hover, form button.disabled[type=submit]:focus, form button.disabled.submit:hover, form button.disabled.submit:focus, .button[disabled][type=submit]:hover, .button[disabled][type=submit]:focus, .button[disabled].submit:hover, .button[disabled].submit:focus, .button.disabled[type=submit]:hover, .button.disabled[type=submit]:focus, .button.disabled.submit:hover, .button.disabled.submit:focus {
      color: #fff; }
    form button[disabled][type=submit]:hover, form button[disabled][type=submit]:focus, form button[disabled].submit:hover, form button[disabled].submit:focus, form button.disabled[type=submit]:hover, form button.disabled[type=submit]:focus, form button.disabled.submit:hover, form button.disabled.submit:focus, .button[disabled][type=submit]:hover, .button[disabled][type=submit]:focus, .button[disabled].submit:hover, .button[disabled].submit:focus, .button.disabled[type=submit]:hover, .button.disabled[type=submit]:focus, .button.disabled.submit:hover, .button.disabled.submit:focus {
      background-color: #0eb5bb; }
  form button[disabled][type=reset], form button[disabled].reset, form button.disabled[type=reset], form button.disabled.reset, .button[disabled][type=reset], .button[disabled].reset, .button.disabled[type=reset], .button.disabled.reset {
    background-color: #2b7bba;
    border-color: #216091;
    color: #fff;
    cursor: default;
    opacity: 0.6;
    -webkit-box-shadow: none;
    box-shadow: none; }
    form button[disabled][type=reset]:hover, form button[disabled][type=reset]:focus, form button[disabled].reset:hover, form button[disabled].reset:focus, form button.disabled[type=reset]:hover, form button.disabled[type=reset]:focus, form button.disabled.reset:hover, form button.disabled.reset:focus, .button[disabled][type=reset]:hover, .button[disabled][type=reset]:focus, .button[disabled].reset:hover, .button[disabled].reset:focus, .button.disabled[type=reset]:hover, .button.disabled[type=reset]:focus, .button.disabled.reset:hover, .button.disabled.reset:focus {
      background-color: #216091; }
    form button[disabled][type=reset]:hover, form button[disabled][type=reset]:focus, form button[disabled].reset:hover, form button[disabled].reset:focus, form button.disabled[type=reset]:hover, form button.disabled[type=reset]:focus, form button.disabled.reset:hover, form button.disabled.reset:focus, .button[disabled][type=reset]:hover, .button[disabled][type=reset]:focus, .button[disabled].reset:hover, .button[disabled].reset:focus, .button.disabled[type=reset]:hover, .button.disabled[type=reset]:focus, .button.disabled.reset:hover, .button.disabled.reset:focus {
      color: #fff; }
    form button[disabled][type=reset]:hover, form button[disabled][type=reset]:focus, form button[disabled].reset:hover, form button[disabled].reset:focus, form button.disabled[type=reset]:hover, form button.disabled[type=reset]:focus, form button.disabled.reset:hover, form button.disabled.reset:focus, .button[disabled][type=reset]:hover, .button[disabled][type=reset]:focus, .button[disabled].reset:hover, .button[disabled].reset:focus, .button.disabled[type=reset]:hover, .button.disabled[type=reset]:focus, .button.disabled.reset:hover, .button.disabled.reset:focus {
      background-color: #2b7bba; }
  form button[disabled].action, form button.disabled.action, .button[disabled].action, .button.disabled.action {
    background-color: #620788;
    border-color: #3f0557;
    color: #fff;
    cursor: default;
    opacity: 0.6;
    -webkit-box-shadow: none;
    box-shadow: none; }
    form button[disabled].action:hover, form button[disabled].action:focus, form button.disabled.action:hover, form button.disabled.action:focus, .button[disabled].action:hover, .button[disabled].action:focus, .button.disabled.action:hover, .button.disabled.action:focus {
      background-color: #3f0557; }
    form button[disabled].action:hover, form button[disabled].action:focus, form button.disabled.action:hover, form button.disabled.action:focus, .button[disabled].action:hover, .button[disabled].action:focus, .button.disabled.action:hover, .button.disabled.action:focus {
      color: #fff; }
    form button[disabled].action:hover, form button[disabled].action:focus, form button.disabled.action:hover, form button.disabled.action:focus, .button[disabled].action:hover, .button[disabled].action:focus, .button.disabled.action:hover, .button.disabled.action:focus {
      background-color: #620788; }

@media only screen {
  form button, form .button {
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1) inset;
    -webkit-transition: background-color 300ms ease-out;
    -moz-transition: background-color 300ms ease-out;
    transition: background-color 300ms ease-out; }
    form button.radius, form .button.radius {
      -webkit-border-radius: 3px;
      border-radius: 3px; }
 }

@media only screen and (min-width: 641px) {
  form button, form .button {
    display: inline-block; }
 }

.toggle {
  display: inline-block;
  cursor: pointer;
  background: transparent;
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  position: absolute;
  right: 4%;
  top: 50%;
  margin-top: -0.5em;
  overflow: visible;
  font-family: Arial, sans-serif;
  font-size: 1em;
  font-weight: bold;
  line-height: 1;
  text-indent: 0;
  text-align: center;
  height: 1em;
  width: 1em; }
  .toggle:after {
    display: block;
    height: 1em;
    width: 100%;
    line-height: 1; }
  [aria-expanded="false"] .toggle:after, .toggle[aria-expanded="false"]:after {
    content: "+"; }
  [aria-expanded="true"] .toggle:after, .toggle[aria-expanded="true"]:after {
    content: "\2212";
    /* "2212" is Unicode for the minus sign */ }

@media only screen and (max-width: 1024px) {
  .toggle {
    right: 0;
    top: 0;
    margin-top: 0;
    font-size: 2em;
    height: 100%;
    width: 50px; }
    .toggle:after {
      position: absolute;
      top: 50%;
      margin-top: -0.5em; }

  .ui-accordion-header.odd[aria-expanded="false"] .toggle, .ui-accordion-header.odd .toggle[aria-expanded="false"] {
    color: white;
    background-color: #8fd4db; }
  .ui-accordion-header.odd[aria-expanded="true"] .toggle, .ui-accordion-header.odd .toggle[aria-expanded="true"] {
    color: #8fd4db;
    background-color: white; }

  .ui-accordion-header.even[aria-expanded="false"] .toggle, .ui-accordion-header.even .toggle[aria-expanded="false"] {
    color: white;
    background-color: #b2dcdf; }
  .ui-accordion-header.even[aria-expanded="true"] .toggle, .ui-accordion-header.even .toggle[aria-expanded="true"] {
    color: #b2dcdf;
    background-color: white; }

  #mega-nav .toggle {
    font-size: 2.5em;
    -webkit-box-shadow: -15px 0px 15px -15px rgba(0, 0, 0, 0.6) inset;
    -moz-box-shadow: -15px 0px 15px -15px rgba(0, 0, 0, 0.6) inset;
    box-shadow: -15px 0px 15px -15px rgba(0, 0, 0, 0.6) inset; }

  #mega-nav[aria-expanded="false"] .toggle, #mega-nav .toggle[aria-expanded="false"] {
    color: white;
    background-color: #c3c1b4; }
  #mega-nav[aria-expanded="true"] .toggle, #mega-nav .toggle[aria-expanded="true"] {
    color: #c3c1b4;
    background-color: white; }
  #mega-nav .current-page > div[aria-expanded="false"] .toggle, #mega-nav .current-page > div .toggle[aria-expanded="false"] {
    color: white;
    background-color: #12738a; }
  #mega-nav .current-page > div[aria-expanded="true"] .toggle, #mega-nav .current-page > div .toggle[aria-expanded="true"] {
    color: #12738a;
    background-color: white; }

  .section-nav[aria-expanded="false"] .toggle, .section-nav .toggle[aria-expanded="false"] {
    color: white;
    background-color: #c3c1b4; }
  .section-nav[aria-expanded="true"] .toggle, .section-nav .toggle[aria-expanded="true"] {
    color: #c3c1b4;
    background-color: white; }
  .section-nav .level-1.contains-current[aria-expanded="false"] .toggle, .section-nav .level-1.contains-current .toggle[aria-expanded="false"] {
    color: white;
    background-color: #d4d2e3; }
  .section-nav .level-1.contains-current[aria-expanded="true"] .toggle, .section-nav .level-1.contains-current .toggle[aria-expanded="true"] {
    color: #d4d2e3;
    background-color: white; }
  .section-nav .has-children > .current-page[aria-expanded="false"] .toggle, .section-nav .has-children > .current-page .toggle[aria-expanded="false"] {
    color: white;
    background-color: #12738a; }
  .section-nav .has-children > .current-page[aria-expanded="true"] .toggle, .section-nav .has-children > .current-page .toggle[aria-expanded="true"] {
    color: #12738a;
    background-color: white; }
 }

@media only screen and (min-width: 1025px) {
  .toggle {
    font-size: 1.25em;
    margin-top: -0.625em; }
    [aria-expanded="false"] .toggle, .toggle[aria-expanded="false"] {
      color: #454545; }
    [aria-expanded="true"] .toggle, .toggle[aria-expanded="true"] {
      color: #14819b; }
 }

/* Placeholder text styling */
input::-webkit-input-placeholder {
  font-family: inherit;
  color: #7b7b7b;
  font-size: inherit;
  font-style: italic;
  opacity: 1; }
input:-moz-placeholder {
  font-family: inherit;
  color: #7b7b7b;
  font-size: inherit;
  font-style: italic;
  opacity: 1; }
input::-moz-placeholder {
  font-family: inherit;
  color: #7b7b7b;
  font-size: inherit;
  font-style: italic;
  opacity: 1; }
input:-ms-input-placeholder {
  font-family: inherit;
  color: #7b7b7b;
  font-size: inherit;
  font-style: italic;
  opacity: 1; }

/* Standard Forms */
form {
  margin: 0 0 1em; }

/* Using forms within rows, we need to set some defaults */
form .row .row {
  margin: 0 -0.9375em; }
  form .row .row .column, form .row .row .columns {
    padding: 0 0.9375em; }
  form .row .row.collapse {
    margin: 0; }
    form .row .row.collapse .column, form .row .row.collapse .columns {
      padding: 0; }
    form .row .row.collapse input {
      -moz-border-radius-bottomright: 0;
      -moz-border-radius-topright: 0;
      -webkit-border-bottom-right-radius: 0;
      -webkit-border-top-right-radius: 0; }
form .row input.column, form .row input.columns, form .row textarea.column, form .row textarea.columns {
  padding-left: 0.9375em; }

/* Label Styles */
label, .label {
  font-size: 0.875em;
  color: #2e2e2e;
  cursor: pointer;
  display: block;
  font-weight: normal;
  margin-bottom: 0.1875em;
  display: inline-block;
  line-height: 1em;
  /* Styles for required inputs */ }
  label.right, .label.right {
    float: none;
    text-align: right; }
  label.inline, .label.inline {
    margin: 0 0 1em 0;
    padding: 0.625em 0; }
  label small, .label small {
    text-transform: capitalize;
    color: #484848; }

.label {
  margin: 0 0 1em 0; }

.email-us-form label {
  float: right;
  text-align: right; }

@media only screen and (max-width: 640px) {
  .email-us-form label {
    text-align: left;
    float: left; }
 }

/* Attach elements to the beginning or end of an input */
.prefix, .postfix {
  display: block;
  position: relative;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  border-style: none;
  border-width: 0px;
  overflow: hidden;
  font-size: 0.875em;
  height: 2.3125em;
  line-height: 2.3125em; }

/* Adjust padding, alignment and radius if pre/post element is a button */
.postfix.button {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  line-height: 2.125em;
  height: 2.8125em; }

.prefix.button {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  line-height: 2.125em;
  height: 2.4375em; }

.prefix.button.radius {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }

.postfix.button.radius {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px; }

.prefix.button.round {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-border-radius-bottomleft: 1000px;
  -moz-border-radius-topleft: 1000px;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px; }

.postfix.button.round {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-border-radius-topright: 1000px;
  -moz-border-radius-bottomright: 1000px;
  -webkit-border-top-right-radius: 1000px;
  -webkit-border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px; }

/* Separate prefix and postfix styles when on span or label so buttons keep their own */
span.prefix, label.prefix {
  background: #f2f2f2;
  border-color: #d9d9d9;
  border-right: none;
  color: #333; }
  span.prefix.radius, label.prefix.radius {
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-topleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px; }

span.postfix, label.postfix {
  background: #f2f2f2;
  border-color: #cccccc;
  border-left: none;
  color: #333; }
  span.postfix.radius, label.postfix.radius {
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px; }

/* Input groups will automatically style first and last elements of the group */
.input-group.radius > *:first-child, .input-group.radius > *:first-child * {
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }
.input-group.radius > *:last-child, .input-group.radius > *:last-child * {
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px; }
.input-group.round > *:first-child, .input-group.round > *:first-child * {
  -moz-border-radius-bottomleft: 1000px;
  -moz-border-radius-topleft: 1000px;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px; }
.input-group.round > *:last-child, .input-group.round > *:last-child * {
  -moz-border-radius-topright: 1000px;
  -moz-border-radius-bottomright: 1000px;
  -webkit-border-top-right-radius: 1000px;
  -webkit-border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px; }

/* We use this to get basic styling on all basic form elements */
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  background-color: #f2f2f3;
  font-family: inherit;
  border: 1px solid #bdbdc2;
  -webkit-box-shadow: 0px 2px 4px 0px rgba(242, 242, 243, 0.05) inset;
  box-shadow: 0px 2px 4px 0px rgba(242, 242, 243, 0.05) inset;
  color: #2e2e2e;
  display: block;
  font-size: 1em;
  margin: 0 0 1em 0;
  padding: 0.5em;
  height: 2.4375em;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: -webkit-box-shadow 0.45s, border-color 0.45s ease-in-out;
  -moz-transition: -moz-box-shadow 0.45s, border-color 0.45s ease-in-out;
  transition: box-shadow 0.45s, border-color 0.45s ease-in-out;
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  transition: all 0.15s linear; }
  input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus {
    -webkit-box-shadow: 0 0 5px #999999;
    -moz-box-shadow: 0 0 5px #999999;
    box-shadow: 0 0 5px #999999;
    border-color: #999999; }
  input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus {
    background: #ededee;
    border-color: #888891;
    outline: none; }
  input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="datetime-local"][disabled], input[type="month"][disabled], input[type="week"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="time"][disabled], input[type="url"][disabled], textarea[disabled] {
    background-color: #ddd; }

/* Disable box shadow effect on forms */
input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

input[type="text"]::-ms-clear {
  width: 0;
  height: 0;
  visibility: hidden; }

input[size] {
  width: auto;
  width: initial;
  display: inline-block; }

textarea[rows] {
  height: auto;
  height: initial; }

/* Adjust margin for form elements below */
input[type="file"], input[type="checkbox"], input[type="radio"], select {
  margin: 0 0 1em; }

/* Normalize file input width */
input[type="file"] {
  width: 100%; }

#recaptcha_area input {
  height: auto;
  height: initial;
  display: inline-block;
  display: initial; }

/* We add basic fieldset styling */
fieldset {
  border: none 0px transparent;
  padding: 0;
  margin: 0; }
  fieldset legend, fieldset .legend {
    font-weight: bold;
    background: #fff;
    padding: 0 0.1875em;
    margin: 0;
    margin-left: -0.1875em; }
  fieldset legend, fieldset .legend {
    margin-left: 0;
    font-family: 'Montserrat', Arial, sans-serif;
    color: #606060;
    font-size: 1.25em;
    line-height: 1.13636em; }

form fieldset {
  margin-top: 40px; }

fieldset div.row {
  padding-bottom: 20px; }

/* Error Handling */
[data-abide] .error small.error, [data-abide] span.error, [data-abide] small.error {
  display: block;
  padding: 0.375em 0.25em;
  margin-top: 0;
  margin-bottom: 1em;
  font-size: 0.75em;
  font-weight: bold;
  background: #c60f13;
  color: #fff; }
[data-abide] span.error, [data-abide] small.error {
  display: none; }

span.error, small.error {
  display: block;
  padding: 0.375em 0.25em;
  margin-top: 0;
  margin-bottom: 1em;
  font-size: 0.75em;
  font-weight: bold;
  background: #c60f13;
  color: #fff; }

.error input, .error textarea, .error select {
  border-color: #c60f13;
  background-color: rgba(198, 15, 19, 0.1);
  margin-bottom: 0; }
  .error input:focus, .error textarea:focus, .error select:focus {
    background: #ededee;
    border-color: #888891; }
.error label, .error label.error {
  color: #c60f13; }
.error > small, .error small.error {
  display: block;
  padding: 0.375em 0.25em;
  margin-top: 0;
  margin-bottom: 1em;
  font-size: 0.75em;
  font-weight: bold;
  background: #c60f13;
  color: #fff; }
.error span.error-message {
  display: block; }

input.error, textarea.error {
  border-color: #c60f13;
  background-color: rgba(198, 15, 19, 0.1);
  margin-bottom: 0; }
  input.error:focus, textarea.error:focus {
    background: #ededee;
    border-color: #888891; }

.error select {
  border-color: #c60f13;
  background-color: rgba(198, 15, 19, 0.1); }
  .error select:focus {
    background: #ededee;
    border-color: #888891; }

label.error {
  color: #c60f13; }

select {
  width: auto;
  font-size: inherit;
  font-family: 'Noto Sans', Arial, sans-serif;
  color: #2e2e2e;
  line-height: 1;
  padding: 0.5em 2em 0.5em 0.75em; }
  select.full-width, select.fullwidth {
    width: 100%; }
  select[multiple] {
    padding: 0; }
    select[multiple] > option {
      padding: 0.05em 2.25em 0.05em 1em; }

/* Custom radio and checkbox styling
 * Note that these do not get applied to IE8 and below.
 */
span.radio + span.radio, span.radio + span.checkbox, span.checkbox + span.radio, span.checkbox + span.checkbox {
  margin-left: 2em; }

html.borderradius.generatedcontent {
  /*.scrolling-list {
		input[type="checkbox"] + label,
		input[type="radio"] + label {
			position: absolute;
			// this is to prevent the checkbox/radio from going to a new line when it's supposed to wrap
		}
	}*/ }
  html.borderradius.generatedcontent .radio, html.borderradius.generatedcontent .checkbox {
    position: relative; }
  html.borderradius.generatedcontent span.radio input[type="radio"], html.borderradius.generatedcontent span.checkbox input[type="checkbox"] {
    margin-top: 0.5em; }
  html.borderradius.generatedcontent .radio input[type="radio"] {
    position: absolute;
    left: 0;
    opacity: 0;
    z-index: 1;
    cursor: pointer;
    margin: 0; }
    html.borderradius.generatedcontent .radio input[type="radio"] + label {
      position: relative;
      margin-left: 1.5em; }
      html.borderradius.generatedcontent .radio input[type="radio"] + label:before {
        content: "";
        position: absolute;
        left: -1.5em;
        display: inline-block;
        text-align: center;
        border-style: solid;
        margin-right: 0.5em;
        width: 1em;
        height: 1em;
        background-color: white;
        border-width: 2px;
        border-color: #186d89; }
    html.borderradius.generatedcontent .radio input[type="radio"]:disabled + label:before {
      border-color: #b0b0b0; }
  html.borderradius.generatedcontent .radio input[type="radio"] + label:before {
    -webkit-border-radius: 0.5em;
    border-radius: 0.5em; }
  html.borderradius.generatedcontent .radio input[type="radio"]:checked + label:before {
    background-color: #186d89; }
  html.borderradius.generatedcontent .radio input[type="radio"]:checked:disabled + label:before {
    background-color: #ccc; }
  html.borderradius.generatedcontent .checkbox input[type="checkbox"] {
    position: absolute;
    left: 0;
    opacity: 0;
    z-index: 1;
    cursor: pointer;
    margin: 0; }
    html.borderradius.generatedcontent .checkbox input[type="checkbox"] + label {
      position: relative;
      margin-left: 1.5em; }
      html.borderradius.generatedcontent .checkbox input[type="checkbox"] + label:before {
        content: "";
        position: absolute;
        left: -1.5em;
        display: inline-block;
        text-align: center;
        border-style: solid;
        margin-right: 0.5em;
        width: 1em;
        height: 1em;
        background-color: white;
        border-width: 2px;
        border-color: #186d89; }
    html.borderradius.generatedcontent .checkbox input[type="checkbox"]:disabled + label:before {
      border-color: #b0b0b0; }
  html.borderradius.generatedcontent .checkbox input[type="checkbox"] {
    margin-top: 0.5em; }
    html.borderradius.generatedcontent .checkbox input[type="checkbox"] + label:before {
      -webkit-border-radius: 0;
      border-radius: 0;
      line-height: 0.75em;
      font-weight: bold; }
    html.borderradius.generatedcontent .checkbox input[type="checkbox"]:checked + label:before {
      content: "\2713";
      background-color: white;
      color: #186d89; }
    html.borderradius.generatedcontent .checkbox input[type="checkbox"]:checked:disabled + label:before {
      color: #ccc; }

/* unique form element styling */
.roundy-box {
  border: 1px solid;
  border-color: black;
  border-color: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.scrolling-list {
  overflow: auto;
  white-space: nowrap;
  max-height: 200px;
  padding: 0.5em 2em 0.5em 1em; }
  .scrolling-list.tall {
    max-height: none;
    max-height: initial;
    overflow: visible;
    overflow: initial; }
  .scrolling-list p:first-child {
    margin-top: 0; }
  .scrolling-list p:last-child {
    margin-bottom: 0; }

fieldset label.field {
  float: right;
  text-align: right; }

.columns.legend {
  text-align: right;
  padding-right: 0.9375em;
  margin-bottom: 15px; }

@media only screen and (max-width: 640px) {
  .columns.legend {
    text-align: left; }

  .clinical-trials-search-form .field {
    margin-bottom: 10px; }

  fieldset label.field {
    float: left;
    text-align: left; }
 }

.clinical-trials-search-form fieldset {
  outline: 0; }

#legend-location-zip + div, #legend-location-citystate + div {
  display: inline-block;
  margin-left: 15px;
  margin-top: 15px; }

#legend-location-hospital + div, #legend-location-NIH + div {
  margin-top: 15px; }

.ct-country-area {
  margin-bottom: 10px; }
  .ct-country-area span.ui-selectmenu-button, .ct-country-area div.ui-selectmenu-menu {
    width: 220px !important; }

@media only screen and (max-width: 640px) {
  .ct-country-area .ui-selectmenu-button {
    width: 200px !important; }
 }

.ct-state-label {
  width: 72px;
  float: left; }

.ct-state-list {
  background: white; }

.ct-country-label, .ct-city-label {
  width: 70px; }

#showInterventionListButtonArea {
  margin-top: 10px; }

/*.checkbox label {
	padding-left: 5px;
}*/
.cts-location {
  padding: 10px; }

.cts-location > div {
  padding: 12px 0; }

.ct-zip-row {
  margin-top: 10px;
  padding-bottom: 0 !important; }

.ct-zip-area {
  display: inline-block;
  position: relative; }

.ct-zip-row .ui-selectmenu-button {
  margin-right: 10px;
  margin-bottom: 10px; }

@media only screen and (max-width: 1024px) {
  .ct-zip-row span {
    display: block; }

  .ct-zip-row .ui-selectmenu-button {
    margin-bottom: 15px; }
 }

.ct-zip {
  margin-left: 15px;
  margin-bottom: 30px;
  width: 140px !important; }

.ct-zip-lookup {
  display: block;
  position: absolute;
  bottom: -10px;
  right: 0;
  text-align: right; }

.ct-zip-row .icon-exit-notification {
  display: none; }

fieldset fieldset {
  background: #E2F5F9;
  margin: 0;
  padding: 18px; }

fieldset fieldset .legend {
  font-size: 1.2em;
  color: #606060;
  background: transparent; }

#drugListSubBox .radio {
  display: block; }

.ct-popup-form {
  margin-left: 1em; }

.ct-popup-line {
  margin-top: 1em; }

.ct-popup-label {
  font-weight: bold; }

.text-icon-help, .main-content .text-icon-help {
  font-size: 1em;
  line-height: 1;
  font-family: 'Montserrat', Arial, sans-serif;
  font-weight: bold;
  color: #2b7bba;
  background-color: white;
  display: inline-block;
  height: 1.5625em;
  width: 1.5625em;
  padding: 0.21875em;
  text-align: center;
  border: 2px solid #2b7bba;
  border-radius: 1em;
  -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1) inset; }
  .text-icon-help:hover, .text-icon-help:focus, .main-content .text-icon-help:hover, .main-content .text-icon-help:focus {
    color: #bb0e3d;
    border-color: #bb0e3d;
    text-decoration: none; }

.icon-exit-notification {
  background: url("/publishedcontent/images/images/design-elements/icons/nci-sprite.png") no-repeat -470px -264px;
  width: 13px;
  height: 11px;
  display: inline-block;
  margin-left: 0.25em;
  margin-right: 0.25em; }

.CDR_audiofile {
  background: url("/publishedcontent/images/images/design-elements/icons/nci-sprite.png") no-repeat -379px -259px;
  width: 27px;
  height: 19px;
  display: inline-block;
  position: relative;
  top: 4.75px; }

#sitesearch {
  background: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
  padding: 0;
  margin: 0;
  background: url("/publishedcontent/images/images/design-elements/icons/nci-sprite.png") no-repeat -199px -261px;
  width: 16px;
  height: 16px;
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 1em; }

.pseudo-icon-deletelist {
  background: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
  padding: 0;
  margin: 0;
  margin-right: 0.5em;
  padding: 0 0.25em; }
  .pseudo-icon-deletelist:before {
    content: "";
    background: url("/publishedcontent/images/images/design-elements/icons/nci-sprite.png") no-repeat -438px -260px;
    width: 15px;
    height: 15px;
    display: inline-block; }

/****************** END NCI COMPONENTS SECTION ********************/
/********************* BEGIN General Styles ******************************************/
body {
  line-height: 1.375em;
  /* word-wrap: break-word; */
  /* done to let long words that are bigger than container wrap within the word */ }

h1, h2, h3, h4, .related-resources h6, h5, h6 {
  margin-top: 1em;
  margin-bottom: 0.5em; }
  h1 p, h2 p, h3 p, h4 p, .related-resources h6 p, h5 p, h6 p {
    font-weight: inherit; }
  h1 a, h2 a, h3 a, h4 a, .related-resources h6 a, h5 a, h6 a {
    font-weight: normal; }

.section-nav {
  font-family: 'Montserrat', Arial, sans-serif; }

h1 {
  line-height: 1.1em;
  font-size: 2em; }

h2 {
  line-height: 1.215em;
  font-size: 1.75em; }

h3 {
  line-height: 1.25em;
  font-size: 1.5em; }

h4, .related-resources h6 {
  line-height: 1.333em;
  font-size: 1.25em; }

h5 {
  line-height: 1.333em;
  font-size: 1.125em; }

h6 {
  line-height: 1.125em;
  font-size: 1em; }

p {
  margin: 0.5em 0;
  line-height: 1.5em;
  font-size: inherit; }

table caption {
  font-weight: bold;
  text-align: left;
  color: #000;
  padding: 20px 0 10px;
  /* using padding instead of margin due to problem in Safari */ }

.row .header {
  font-weight: bold;
  font-family: 'Montserrat', Arial, sans-serif; }

/* begin add-on functionality to foundation rows */
.row .row.vertical-space, .row.vertical-space {
  margin-top: 1.5em;
  margin-bottom: 1.5em; }

.row .row.top-row-padding, .row.top-row-padding {
  margin-top: 3em;
  margin-bottom: 1.5em; }

.row.collapse-edges .columns:first-child, .row .row.collapse-edges .columns:first-child {
  padding-left: 0; }
.row.collapse-edges .columns:last-child, .row .row.collapse-edges .columns:last-child {
  padding-right: 0; }
.row.collapse-edges .columns:only-child, .row .row.collapse-edges .columns:only-child {
  padding: 0.9375em; }
@media only screen and (max-width: 640px) {
  .row.collapse-edges .columns[class*=" large-"], .row.collapse-edges .columns[class^="large-"], .row .row.collapse-edges .columns[class*=" large-"], .row .row.collapse-edges .columns[class^="large-"] {
    padding-left: 0;
    padding-right: 0; }
 }
@media only screen and (max-width: 1024px) {
  .row.collapse-edges .columns[class*=" medium-"], .row.collapse-edges .columns[class^="medium-"], .row .row.collapse-edges .columns[class*=" medium-"], .row .row.collapse-edges .columns[class^="medium-"] {
    padding-left: 0;
    padding-right: 0; }
 }

/* end add-on functionality to foundation rows */
.bcrumbs {
  font-size: 0.8em;
  margin-bottom: 1.25em;
  margin-top: 2em;
  font-family: 'Montserrat', Arial, sans-serif; }

/* clearfix for clearing floated items */
.clearfix, .pullquote, .pullquote-right, .pullquote-left {
  zoom: 1; }
  .clearfix:after, .pullquote:after, .pullquote-right:after, .pullquote-left:after {
    clear: both; }
  .clearfix:before, .pullquote:before, .pullquote-right:before, .pullquote-left:before, .clearfix:after, .pullquote:after, .pullquote-right:after, .pullquote-left:after {
    content: " ";
    display: table; }

/* begin images using the HTML5 figure and figcaption elements */
/* add block level style to HTML5 elements, for IE */
header, nav, article, footer, section, aside, figure, figcaption {
  display: block; }

/* The Previous/Next, Older/Newer navigation links need to be   */
/* separated more from the content of the page                  */
div#cgvSlPagination, div.previous-next-links {
  margin-top: 3em !important; }

/* End Previous/Next */
/* Pullquotes */
.pullquote {
  width: 75%;
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 30px; }

.pullquote-left {
  width: 40%;
  margin: 0 1.5em 1em 0;
  float: left; }

.pullquote-right {
  width: 40%;
  margin: 0 0 1.5em 1em;
  float: right; }

.pullquote, .pullquote-right, .pullquote-left {
  color: #29768c;
  font-family: 'Montserrat', Arial, sans-serif;
  font-weight: bold;
  line-height: 25px; }
  @media only screen and (max-width: 640px) {
    .pullquote, .pullquote-right, .pullquote-left {
      width: 90%;
      float: none;
      margin: 1em auto; } }
  .pullquote .author, .pullquote-right .author, .pullquote-left .author {
    text-align: right;
    font-style: italic; }
  .pullquote p.author:before, .pullquote-right p.author:before, .pullquote-left p.author:before {
    content: "\2014"; }
  .pullquote p.author:after, .pullquote-right p.author:after, .pullquote-left p.author:after {
    content: none; }

.pullquote-text:before {
  content: "\201c"; }

/* we are doing quotes manually for spanish pages due to difference in grammar where period comes after quote in spanish */
:lang(es) .pullquote-text:before {
  content: ""; }

.pullquote-text:after {
  content: "\201d"; }

/* we are doing quotes manually for spanish pages due to difference in grammar where period comes after quote in spanish */
:lang(es) .pullquote-text:after {
  content: ""; }

.skip a, .skip a:hover, .skip a:visited {
  position: absolute;
  left: -999px; }

.skip a:active, .skip a:focus {
  display: block;
  left: 0;
  z-index: 999;
  background: #fff;
  border: 1px solid #000;
  padding: 5px 5px 5px 5px; }

/* fix for Chrome problem with rendering sup tags */
.sup, sup {
  font-size: 80%;
  position: relative;
  bottom: 0.6em; }

/* BEGIN columns by css instead of tables */
.two-columns, .three-columns, .four-columns, .five-columns {
  width: 100%;
  overflow: auto;
  margin-bottom: 1em; }

/* 2 col */
.two-columns .column1, .two-columns .column2 {
  float: left;
  width: 48%;
  padding-right: 4%; }

.two-columns .column2 {
  padding-right: 0; }

/* 3 col */
.three-columns .column1, .three-columns .column2, .three-columns .column3 {
  float: left;
  width: 30%;
  padding-right: 5%; }

.three-columns .column3 {
  padding-right: 0; }

/* 4 col */
.four-columns .column1, .four-columns .column2, .four-columns .column3, .four-columns .column4 {
  float: left;
  width: 22%;
  padding-right: 4%; }

.four-columns .column4 {
  padding-right: 0; }

/* 5 col */
.five-columns .column1, .five-columns .column2, .five-columns .column3, .five-columns .column4, .five-columns .column5 {
  float: left;
  width: 16%;
  padding-right: 5%; }

.five-columns .column5 {
  padding-right: 0; }

@media only screen and (max-width: 640px) {
  .two-columns .column1, .two-columns .column2, .three-columns .column1, .three-columns .column2, .three-columns .column3, .four-columns .column1, .four-columns .column2, .four-columns .column3, .four-columns .column4, .five-columns .column1, .five-columns .column2, .five-columns .column3, .five-columns .column4, .five-columns .column5 {
    float: none;
    width: 100%;
    padding-right: 0; }
 }

/* END columns by css instead of tables */
.callout-box, .callout-box-right, .callout-box-left, .callout-box-full, .callout-box-blue {
  background: #DBF2F8;
  overflow: auto;
  padding: 25px; }
  .callout-box h3, .callout-box-right h3, .callout-box-left h3, .callout-box-full h3, .callout-box-blue h3 {
    margin-top: 0; }
  .callout-box p:last-child, .callout-box-right p:last-child, .callout-box-left p:last-child, .callout-box-full p:last-child, .callout-box-blue p:last-child {
    margin-bottom: 0; }
  .callout-box figure.image-center-full, .callout-box-right figure.image-center-full, .callout-box-left figure.image-center-full, .callout-box-full figure.image-center-full, .callout-box-blue figure.image-center-full {
    margin: 0; }

.callout-box, .callout-box-blue {
  margin: 25px auto;
  width: 80%; }

.callout-box-right {
  float: right;
  margin: 0 0 15px 15px;
  width: 40%; }

.callout-box-left {
  float: left;
  margin: 0 15px 15px 0;
  width: 40%; }

.callout-box-full {
  margin: 25px auto;
  width: 100%; }

@media only screen and (max-width: 640px) {
  .callout-box, .callout-box-left, .callout-box-right {
    width: 90%;
    float: none;
    margin: 1em auto; }
 }

/* prevent outlines on tab content */
div[tabindex]:focus, p[tabindex]:focus, section[tabindex]:focus, h1[tabindex]:focus, h2[tabindex]:focus, h3[tabindex]:focus, h4[tabindex]:focus, .related-resources h6[tabindex]:focus, h5[tabindex]:focus, h6[tabindex]:focus {
  outline: none; }

/* cgh staff page styles */
.cgh-staff td {
  vertical-align: middle; }

.cgh-staff figure.centered-set {
  margin: 0;
  text-align: left; }

/* Begin Body by Location top Navigation */
.body-location-content-nav {
  width: 100%;
  margin: 0 0 5px 0;
  padding: 5px 8px;
  background: #f5f5f3; }

.body-location-content-nav ul {
  width: 33%;
  float: left;
  margin: 0;
  padding: 0; }

.body-location-content-nav ul li {
  background: none;
  margin: 0 0 3px 0;
  padding: 0; }

.contentzone .body-location-content-nav ul > li:before {
  content: none;
  display: none; }

@media only screen and (max-width: 640px) {
  .body-location-content-nav ul {
    width: 100%;
    float: none; }
 }

/* End Body by Location top Navigation */
/* controls spacing of images on the nci organization page */
.nci-organization .large-5 figure {
  margin: 1.25em auto; }

/********************* END General Styles ******************************************/
/********************* BEGIN Header Styles ******************************************/
header {
  padding-top: 1.5em;
  background: #fcfcfa; }

/* Regular pages */
.nci-logo-pages.columns {
  padding-left: 0;
  padding-right: 0; }

.nci-logo-pages a {
  display: block; }

@media only screen and (max-width: 1024px) {
  header {
    padding-top: 1em;
    padding-bottom: 1em; }
 }

html.svg .nci-logo-pages img {
  transform: translate(0px, 0.5px); }
html.no-svg .nci-logo-pages img[class^="nci-logo-IE"] {
  display: none; }
html.svg .nci-logo-pages img {
  width: 60%; }
html.no-svg .nci-logo-pages img.nci-logo-IE-xl {
  display: block; }
.nci-logo-pages a {
  padding-left: 20px;
  padding-right: 20px; }
@media only screen and (max-width: 1440px) {
  html.no-svg .nci-logo-pages img.nci-logo-IE-xl {
    display: none; }
 }
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  html.svg .nci-logo-pages img {
    width: 60%; }

  html.no-svg .nci-logo-pages img.nci-logo-IE-desk {
    display: block; }

  .nci-logo-pages a {
    padding-left: 7.5px;
    padding-right: 7.5px; }
 }
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  html.svg .nci-logo-pages img {
    width: 70%;
    min-width: 564.3px;
    max-width: 595.5px; }

  html.no-svg .nci-logo-pages img.nci-logo-IE-tab {
    display: block; }

  .nci-logo-pages a {
    padding-left: 15px;
    padding-right: 15px; }
 }
@media only screen and (max-width: 640px) {
  html.svg .nci-logo-pages img {
    width: 90%; }

  html.no-svg .nci-logo-pages img.nci-logo-IE-phon {
    display: block; }

  .nci-logo-pages a {
    padding-left: 13px;
    padding-right: 13px; }
 }

/* popup */
.nci-logo {
  font-weight: bold;
  font-size: 37.7px;
  background: url("/publishedcontent/images/images/design-elements/logos/NIH-red-logo.png") no-repeat 20px 0;
  min-height: 54px; }
  .nci-logo.columns {
    padding-left: 0;
    padding-right: 0; }
  .nci-logo a {
    color: #bb0e3d;
    padding-left: 113px;
    padding-top: 16px;
    display: block; }
    .nci-logo a span {
      position: absolute;
      left: -10000px;
      color: #5d5d5d;
      font-size: 0.6em; }

@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .nci-logo {
    background: url("/publishedcontent/images/images/design-elements/logos/NIH-red-logo-tablet.png") no-repeat 30px 0;
    font-size: 24px;
    min-height: 36px; }
    .nci-logo a {
      padding-left: 95px;
      padding-top: 9px; }
 }

@media only screen and (max-width: 640px) {
  .nci-logo {
    background: url("/publishedcontent/images/images/design-elements/logos/NIH-red-logo-smartphone.png") no-repeat 30px 0;
    font-size: 16px;
    min-height: 28px; }
    .nci-logo a {
      padding-left: 80px;
      padding-top: 5px; }
 }

@media only screen and (max-width: 390px) {
  .nci-logo {
    font-size: 13px; }
 }

/* begin mobile menu bar styles */
@media only screen and (max-width: 1024px) {
  .mobile-menu-bar > a, .mobile-menu-bar > button {
    display: inline-block;
    background: transparent no-repeat center 0;
    width: 13%;
    padding: 3em 0 0 0;
    margin: 1em 0;
    font-family: 'Montserrat', Arial, sans-serif;
    line-height: 1;
    font-weight: bold;
    font-size: 0.8em;
    color: #fff;
    text-transform: uppercase;
    text-align: center; }
    .mobile-menu-bar > a:hover, .mobile-menu-bar > a:focus, .mobile-menu-bar > button:hover, .mobile-menu-bar > button:focus {
      color: #fff; }
  .mobile-menu-bar > button {
    -webkit-appearance: none;
    appearance: none;
    border: none; }
    .mobile-menu-bar > button:hover {
      cursor: pointer; }

  button.nav-header {
    background-image: url("/publishedcontent/images/images/design-elements/icons/menu-icon.png");
    margin-right: 8%;
    background-position: 49% 14%; }

  a.nav-contact {
    background-image: url("/publishedcontent/images/images/design-elements/icons/contact-mobile.png"); }

  a.nav-dictionary {
    background-image: url("/publishedcontent/images/images/design-elements/icons/dictionary-mobile.png"); }

  a.nav-contact, a.nav-dictionary {
    margin-left: 8%;
    margin-right: 8%; }

  button.nav-search {
    background-image: url("/publishedcontent/images/images/design-elements/icons/search-mobile.png");
    margin-left: 8%; }
 }

@media only screen and (max-width: 640px) {
  .mobile-menu-bar > a, .mobile-menu-bar > button {
    width: 19%; }

  button.nav-header {
    margin-right: 4%; }

  a.nav-contact, a.nav-dictionary {
    margin-left: 4%;
    margin-right: 4%; }

  button.nav-search {
    margin-left: 4%; }
 }

@media only screen and (max-width: 390px) {
  .mobile-menu-bar > a, .mobile-menu-bar > button {
    font-size: 0.5em;
    padding: 4em 0 0 0; }
 }

/* end mobile menu styles */
/********************* END Header Styles ******************************************/
/********************* BEGIN Sticky Nav Styles ******************************************/
/* these styles control behaviour on scroll for sticky nav using headroom.js */
.slide--up {
  display: none; }

.slide--reset {
  display: block; }

/********************* END Sticky Nav Styles ******************************************/
/********************* BEGIN Language Bar Styles ******************************************/
.language-bar {
  background: #fcfcfa;
  padding: 0 0 0.2em; }

.sitewide-language {
  padding-right: 0; }

.sitewide-language a {
  color: #2b7bba; }

.sitewide-language ul {
  text-align: right;
  margin-bottom: 1.5em; }

.sitewide-language li {
  float: right;
  margin-left: 1em;
  text-align: right; }

@media only screen and (max-width: 1024px) {
  .language-bar {
    background: #2a71a5; }

  .sitewide-language a {
    color: white; }
 }

/********************* END Language Bar Styles ******************************************/
/********************* BEGIN Utility Styles ******************************************/
.row.utility {
  padding-right: 0.9375em; }

.utility-background {
  background: #2a71a5; }

.utility {
  color: white;
  padding: 0;
  text-align: right; }
  .utility a {
    color: white; }
  .utility span {
    padding: 0.2em 1em;
    display: inline-block; }

/* These utility dictionary classes aren't currently used, but should be once we do the dropdown for the dictionary link on the utility bar */
#utility-dictionary {
  position: relative; }
  #utility-dictionary.dropdown {
    background: url("/publishedcontent/images/images/design-elements/buttons/white-arrow-down.png") no-repeat 100% 60%; }
  #utility-dictionary.link {
    padding-right: 0px;
    background: none; }
  #utility-dictionary.active {
    background: #f5f7f6; }
    #utility-dictionary.active a {
      color: #2a73a8; }

#utility-dropdown {
  width: 20em;
  display: none;
  text-align: left;
  color: #7f8084;
  padding: 1em;
  overflow: hidden;
  background: #f5f7f6;
  -webkit-transition: height 0.5s ease-out 0s;
  -moz-transition: height 0.5s ease-out 0s;
  -o-transition: height 0.5s ease-out 0s;
  transition: height 0.5s ease-out 0s;
  position: absolute;
  top: 1.4em;
  right: 0;
  z-index: 10; }

form.dictionary-dropdown {
  margin: 0; }
  form.dictionary-dropdown input {
    width: 19em;
    display: inline;
    margin-left: 2em; }
  form.dictionary-dropdown ul {
    margin: 0; }
  form.dictionary-dropdown ul li {
    display: inline;
    margin-right: 0.3em; }

/********************* END Utility Styles ******************************************/
/********************* BEGIN Megamenus/Search Styles ******************************************/
/*** Navigation/Search bar ***/
.nav-search-bar {
  background: #363636;
  /* fallback */
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #363636), color-stop(100%, #4a4a4a));
  /* Safari 4+, Chrome */
  background: -webkit-linear-gradient(top, #363636 0%, #4a4a4a 100%);
  /* Chrome 10+, Saf5.1+ */
  background: -moz-linear-gradient(top, #363636 0%, #4a4a4a 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #363636 0%, #4a4a4a 100%);
  /* IE10 */
  background: -o-linear-gradient(top, #363636 0%, #4a4a4a 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #363636 0%, #4a4a4a 100%);
  /* W3C */ }

/* off canvas navigation
 * Source: http://codepen.io/scottb/details/javhr/
 */
#content {
  clear: both; }

#siteSearchForm {
  margin: 0 0 0 -4px;
  height: 100%;
  position: relative; }

.search {
  width: 25%;
  float: right;
  background-color: #636363;
  height: 61px; }

#swKeyword {
  width: 100%;
  height: 100%;
  padding-left: 1.5em;
  padding-right: 3em;
  margin-bottom: 0;
  border: 0;
  background-color: #636363;
  font-family: 'Montserrat', Arial, sans-serif;
  font-style: normal;
  font-size: 0.85em;
  color: #fff;
  /* placeholder text */ }
  #swKeyword::-webkit-input-placeholder {
    color: inherit;
    font-style: inherit; }
  #swKeyword:-moz-placeholder {
    color: inherit;
    font-style: inherit; }
  #swKeyword::-moz-placeholder {
    color: inherit;
    font-style: inherit; }
  #swKeyword:-ms-input-placeholder {
    /*	color: inherit;     Removed this rule for IE9 to work. */
    /*                      Text color was not white.          */
    font-style: inherit; }

/*** Dictionaries ***/
.dictionary-search .columns, .dictionary-search .column {
  padding-left: 0; }

/********************* END Megamenus/Search Styles ******************************************/
/********************* BEGIN Footer Styles ******************************************/
.columns.footer-nci {
  font-family: 'Montserrat', Arial, sans-serif;
  font-size: 25px;
  padding-left: 0.6em;
  padding-right: 0.6em; }
  .columns.footer-nci span {
    font-size: 16px; }

.site-footer {
  background: #123e57 url("/publishedcontent/images/images/design-elements/background-graphics/hexagon_molecular_structure_footer.png") no-repeat -30% 150px;
  padding: 1em 0;
  color: white; }
  .site-footer h2 {
    color: white;
    font-size: 1em;
    font-weight: normal;
    text-transform: uppercase;
    font-family: 'Noto Sans', Arial, sans-serif;
    margin-bottom: 1em; }
  .site-footer a, .site-footer a:hover, .site-footer a:focus {
    color: white;
    font-weight: 700; }
  .site-footer a:hover, .site-footer a:focus {
    text-decoration: underline; }
  .site-footer .row {
    margin: 1em auto; }
  .site-footer li {
    margin-bottom: 1em;
    line-height: 1.1em; }
  .site-footer .icon {
    background-image: url("/publishedcontent/images/images/design-elements/icons/nci-sprite.png");
    background-repeat: no-repeat;
    display: inline-block; }
    .site-footer .icon.facebook {
      background-position: -132px -155px;
      width: 8px;
      height: 17px; }
    .site-footer .icon.twitter {
      background-position: -123px -200px;
      width: 19px;
      height: 16px; }
    .site-footer .icon.instagram {
      background-position: -125px -467px;
      width: 18px;
      height: 18px; }
    .site-footer .icon.googleplus {
      background-position: -123px -245px;
      width: 19px;
      height: 19px; }
    .site-footer .icon.pinterest {
      background-position: -127px -290px;
      width: 15px;
      height: 19px; }
    .site-footer .icon.youtube {
      background-position: -126px -335px;
      width: 18px;
      height: 21px; }
    .site-footer .icon.linkedin {
      background-position: -127px -425px;
      width: 14px;
      height: 14px; }
    .site-footer .icon.rss {
      background-position: -127px -380px;
      width: 16px;
      height: 16px; }
    .site-footer .icon.govdelivery {
      background-position: -126px -518px;
      width: 18px;
      height: 18px; }

.follow-us {
  margin: 0.5em 0; }
  .follow-us li {
    float: left;
    margin-right: 0.9em;
    margin-left: 0;
    text-indent: 0;
    margin-bottom: 0; }
  .follow-us img:hover, .follow-us img:focus {
    opacity: 0.9; }

.agencies {
  clear: both; }
  .agencies ul {
    text-align: center; }
  .agencies li {
    display: inline-block;
    background: url("/publishedcontent/images/images/design-elements/background-graphics/agencies-divider.gif") center right no-repeat;
    padding-right: 0.5em;
    margin-right: 0.25em; }
  .agencies li.last {
    background: none;
    padding-right: 0;
    margin-right: 0; }

.tagline {
  text-align: center; }

/********************* END Footer Styles ******************************************/
/********************* BEGIN Content Styles ******************************************/
.main-content {
  padding: 0;
  background: #f7f8f3 url("/publishedcontent/images/images/design-elements/background-graphics/hexagon_molecular_structure_body.png") no-repeat 110% 600px; }

.main-content a {
  color: #2b7bba; }

.main-content a:hover, .main-content a:focus {
  text-decoration: underline; }

@media only screen and (max-width: 640px) {
  .main-content {
    background: none; }
 }

/* content pages need a default of underline for link hovers */
.general-page-body-container a:hover, .general-page-body-container a:focus {
  text-decoration: underline; }

a.definition, a.definition:hover, a.definition:focus {
  color: #2e2e2e;
  text-decoration: none;
  border-bottom: thin dotted; }

a.definition:hover, a.definition:focus {
  border-bottom: thin solid; }

.general-page-body-container {
  background: #fffffb;
  padding-bottom: 1.5em;
  -webkit-box-shadow: 10px 0 10px -7px rgba(0, 0, 0, 0.5), -10px 0 10px -7px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 10px 0 10px -7px rgba(0, 0, 0, 0.5), -10px 0 10px -7px rgba(0, 0, 0, 0.5);
  box-shadow: 10px 0 10px -7px rgba(0, 0, 0, 0.5), -10px 0 10px -7px rgba(0, 0, 0, 0.5); }
  .no-boxshadow .general-page-body-container {
    /* Border used here because IE8 doesn't support box-shadow */
    border-left: 1px solid #cfd0cb;
    border-right: 1px solid #cfd0cb; }

.contentzone:first-child {
  width: 100%; }

.site-footer .back-to-top {
  /* place on top of all other elements */
  z-index: 998;
  display: none;
  position: fixed;
  right: 0.5em;
  bottom: 1em;
  color: #2e2e2e;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  padding: 10px 5px 0; }
  .site-footer .back-to-top:before {
    content: " ";
    display: block;
    background: transparent url("/publishedcontent/images/images/design-elements/icons/nci-sprite.png") no-repeat -311px -80px;
    height: 51px;
    width: 51px; }
  .site-footer .back-to-top:hover, .site-footer .back-to-top:focus {
    color: #2e2e2e;
    text-decoration: none; }
  .site-footer .back-to-top:hover:before {
    background-position: -389px -80px; }

/* Research Areas with Table of Contents */
/*the -1em for right margin is due to the fact that it has to touch the edge whereas the container it is in has padding for the edge. */
.featured-zone {
  background-color: #14819b;
  padding: 0 0 1.25em 1.25em;
  overflow: hidden;
  /*because in some pages content within box have floated elements */
  margin-right: -1em;
  padding: 1em; }

.featured-zone, .featured-zone h1, .featured-zone h2, .featured-zone h3, .featured-zone h4, .featured-zone .related-resources h6, .related-resources .featured-zone h6, .featured-zone a {
  color: white; }

.toc-container {
  padding-right: 0;
  margin-right: -2em;
  padding: 1em; }

#my-toc {
  background-color: #fff;
  padding: 25px 0 30px 35px;
  overflow: hidden;
  padding-right: 0; }

#my-toc h2 {
  color: #606060;
  margin: 0 0 10px;
  font-size: 1.5em; }

/* hide default TOC header */
#my-toc h4, #my-toc .related-resources h6, .related-resources #my-toc h6 {
  display: none; }

#my-toc ul {
  margin: 0 1em;
  list-style-type: disc;
  color: #2b7bba; }

#my-toc li {
  padding-left: 0;
  margin-left: 0;
  line-height: 20px;
  margin-bottom: 5px; }

#my-toc ul a {
  color: #2b7bba;
  font-weight: bold; }

/* BEGIN general content page styles */
ol {
  list-style-type: decimal; }
  ol.lower-alpha {
    list-style-type: lower-alpha; }
  ol.lower-roman {
    list-style-type: lower-roman; }
  ol.upper-alpha {
    list-style-type: upper-alpha; }
  ol.upper-roman {
    list-style-type: upper-roman; }

.contentzone ul, .contentzone ol, .rawHtml ul, .rawHtml ol {
  margin-bottom: 1em; }

.contentzone li, .rawHtml li {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: 2em; }

.contentzone ul.no-bullets > li, .contentzone ol.no-bullets > li, .rawHtml ul.no-bullets > li, .rawHtml ol.no-bullets > li {
  margin-top: 0.25em;
  margin-bottom: 0.25em;
  margin-left: 0; }

.contentzone ul > li, .rawHtml ul > li {
  list-style-type: none; }
  .contentzone ul > li:before, .rawHtml ul > li:before {
    content: "\2022";
    display: inline;
    position: relative;
    float: left;
    left: -0.5em;
    top: 0.25em;
    margin: 0 -0.2em;
    font-size: 1.1em;
    line-height: 0.90909em; }

ul.slick-dots, ul.no-bullets, .contentzone ul.no-bullets, .rawHtml ul.no-bullets, .card ul, ul.collaborators {
  padding: 0; }
  ul.slick-dots > li, ul.no-bullets > li, .contentzone ul.no-bullets > li, .rawHtml ul.no-bullets > li, .card ul > li, ul.collaborators > li {
    background: none;
    list-style-type: none;
    padding: 0; }
    ul.slick-dots > li:before, ul.no-bullets > li:before, .contentzone ul.no-bullets > li:before, .rawHtml ul.no-bullets > li:before, .card ul > li:before, ul.collaborators > li:before {
      display: none;
      content: none; }
  ul.slick-dots ul, ul.no-bullets ul, .contentzone ul.no-bullets ul, .rawHtml ul.no-bullets ul, .card ul ul, ul.collaborators ul {
    margin: 5px 0 8px; }
    ul.slick-dots ul > li, ul.no-bullets ul > li, .contentzone ul.no-bullets ul > li, .rawHtml ul.no-bullets ul > li, .card ul ul > li, ul.collaborators ul > li {
      padding: 0 0 0 10px;
      margin: 0 0 5px; }

.toptoc ul > li:before {
  content: none;
  display: none; }

table.no-bullet-padding ul {
  margin: 0;
  padding: 0; }
  table.no-bullet-padding ul > li {
    margin: 0;
    padding: 0 0 0 10px; }

/*the -1em for right margin is due to the fact that it has to touch the edge whereas the container it is in has padding for the edge. */
.key-facts {
  background: #d7f9fa;
  float: right;
  width: 40%;
  padding: 0 1em;
  margin: 1em -1em 1em 1em; }

/* END general content page styles */
.contentzone .document-dates {
  margin-top: 1.5em; }
  .contentzone .document-dates ul > li {
    margin: 0;
    display: block; }
    .contentzone .document-dates ul > li:before {
      content: none;
      display: none; }
  .contentzone .document-dates.horizontal ul > li {
    display: inline; }
    .contentzone .document-dates.horizontal ul > li:before {
      content: "|";
      position: relative;
      float: none;
      display: inline;
      left: 0;
      top: -0.1em;
      margin: 0 0.4em;
      font-size: 1em; }
    .contentzone .document-dates.horizontal ul > li:first-child:before {
      content: none;
      display: none; }

.press-release-date-contact {
  margin-bottom: 1em; }
  .press-release-date-contact .document-dates {
    margin-top: 0;
    float: left; }
  .press-release-date-contact .media-contact {
    float: right;
    text-align: right; }
    @media only screen and (max-width: 640px) {
      .press-release-date-contact .media-contact {
        float: left;
        text-align: left;
        width: 100%; } }
    .press-release-date-contact .media-contact p {
      margin: 0; }

.press-release-date-contact.row.collapse {
  margin-bottom: 1em; }

.media-contact-info {
  display: inline; }

@media only screen and (max-width: 1024px) {
  .contentzone .document-dates ul > li, .contentzone .document-dates.horizontal ul > li {
    display: block; }
    .contentzone .document-dates ul > li:before, .contentzone .document-dates.horizontal ul > li:before {
      content: none;
      display: none; }
 }

.article-citation li p {
  display: inline; }

hr.ps-divider {
  border: solid #7d7d7d;
  border-width: 1px 0 0; }

.cgvpressrelease hr.ps-divider {
  display: none; }

.public-use {
  padding: 0;
  font-style: italic;
  clear: both; }

.public-use, .syndication p {
  margin-top: 0; }

/* this is to prevent the border from writing over a floated element */
.syndication {
  overflow: hidden; }

/* icon that goes with syndication image */
.syndication-image {
  margin: 0 0.7em 0.5em 0.5em;
  float: left; }

/* Separator line for right above the public use and/or syndication text blocks */
#nvcgSlPublicUse, #nvcgSlSyndication {
  border-top: 1px solid #7d7d7d; }

#nvcgSlPublicUse + #nvcgSlSyndication {
  border-top: none; }

/* hidden elements */
.hidden {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden; }

.hide-desktop {
  display: none; }

::-webkit-input-placeholder {
  color: #fff; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #fff; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff; }

:-ms-input-placeholder {
  color: #fff; }

.scrollable-y {
  overflow-y: auto; }

.scrollable-x {
  overflow-x: auto; }

.scrollable {
  overflow: auto; }

/********************* END Content Styles ******************************************/
/****************** BEGIN images ********************/
figure a.article-image-enlarge, a.infographic-view-full, a.video-view-full {
  position: absolute;
  top: 0;
  right: 0;
  color: #fff;
  padding: 0.3125em 2.25em 0.3125em 1em;
  font-weight: bold;
  text-transform: uppercase;
  opacity: 0.9;
  text-align: right; }
  figure a.article-image-enlarge:hover, a.infographic-view-full:hover, a.video-view-full:hover, figure a.article-image-enlarge:focus, a.infographic-view-full:focus, a.video-view-full:focus {
    text-decoration: none;
    background: #bb0e3d url("/publishedcontent/images/images/design-elements/icons/enlarge.png") 90% 50% no-repeat; }

figure {
  margin-bottom: 10px;
  overflow: hidden;
  position: relative;
  /* image right 25% width */
  /* image right 40% width */
  /* image left 25% width */
  /* image left 40% width */
  /* image center 75% width */
  /* image center 100% width */
  /* contain image inside fig */ }
  figure a.article-image-enlarge {
    background: #403f3f url("/publishedcontent/images/images/design-elements/icons/enlarge.png") 90% 50% no-repeat;
    background-color: rgba(18, 62, 88, 0.7);
    font-size: 0.875em !important; }
  figure.image-right-small {
    float: right;
    width: 25%;
    margin: 0 0 2.5em 2.5em; }
  figure.image-right-medium {
    float: right;
    width: 40%;
    margin: 0 0 2.5em 2.5em; }
  figure.image-left-small {
    float: left;
    width: 25%;
    margin: 0 2.5em 2.5em 0; }
  figure.image-left-medium {
    float: left;
    width: 40%;
    margin: 0 2.5em 2.5em 0; }
  figure.image-center {
    width: 75%;
    margin: 2.5em auto;
    /* center images using the centered templates */ }
    figure.image-center img {
      margin: 0 auto; }
  figure.image-center-full {
    width: 100%;
    margin: 2.5em auto;
    /* center images using the centered templates */ }
    figure.image-center-full img {
      margin: 0 auto; }
  figure img {
    max-width: 100%;
    /* remove white space under image */
    display: block; }

@media only screen and (max-width: 640px) {
  figure.image-right-small, figure.image-left-small, figure.image-right-medium, figure.image-left-medium, figure.image-center {
    float: none;
    width: 100%;
    margin: 0 0 1em 0; }
 }

a.infographic-view-full {
  background: url("/publishedcontent/images/images/design-elements/buttons/white-arrow-view-infographic.png") no-repeat 95% 50% #403f3f;
  color: #fff; }
  a.infographic-view-full:hover, a.infographic-view-full:focus {
    background: #bb0e3d url("/publishedcontent/images/images/design-elements/buttons/white-arrow-view-infographic.png") no-repeat 95% 50%;
    text-decoration: none;
    color: #fff; }

a.video-view-full {
  background: url("/publishedcontent/images/images/design-elements/buttons/white-arrow-view-infographic.png") no-repeat 95% 50% #403f3f;
  color: #fff; }
  a.video-view-full:hover, a.video-view-full:focus {
    background: #bb0e3d url("/publishedcontent/images/images/design-elements/buttons/white-arrow-view-infographic.png") no-repeat 95% 50%;
    text-decoration: none;
    color: #fff; }

.centered-set {
  text-align: center; }

.centered-element {
  display: inline-block;
  max-width: 100%;
  position: relative; }

.centered-exempt {
  text-align: left; }

table figure {
  display: table;
  table-layout: fixed; }

.caption-container {
  padding: 1.25em 0.9375em;
  line-height: 1.5em;
  background-color: #f7f7f3;
  font-size: 0.8125em;
  text-align: left;
  margin-top: -0.3125em; }

.caption-container p {
  margin: 0; }

table figure img {
  display: inline-block;
  vertical-align: top; }

.oar-staff-directory figure.image-left-small.centered-set {
  margin: 0; }

/****************** END images ********************/
/* Public Archive banner */
.public-archive-banner {
  background: #bb0e3d;
  font-family: 'Montserrat', Arial, sans-serif;
  font-size: 1.125em;
  font-weight: bold;
  line-height: 1.12;
  color: white;
  padding: 1.28;
  margin-bottom: 1px; }
  .public-archive-banner a {
    color: white;
    text-decoration: underline; }
  .public-archive-banner p:first-child {
    margin-top: 0; }
  .public-archive-banner p:last-child {
    margin-bottom: 0; }

/* END Public Archive banner */
/* BEGIN Site Notices banners (including Colo and Emergency) */
.site-notification {
  margin-top: 1px;
  background-color: #bb0e3d;
  margin-bottom: 1px; }
  .first-SI .site-notification, .only-SI .site-notification {
    margin-top: 0; }
  .site-notification .row {
    padding: 1.4375em 1.5625em; }
  .site-notification .notification {
    font-family: 'Montserrat', Arial, sans-serif;
    font-weight: bold;
    font-size: 1.125em;
    line-height: 1.11111em;
    color: white; }
    .site-notification .notification a {
      display: table;
      padding-right: 2.5625em;
      color: white;
      overflow: visible;
      background: url("/publishedcontent/images/images/design-elements/buttons/small-off-cream-circle-arrow.png") 100% 50% no-repeat;
      line-height: 1.25em;
      font-size: 16px;
      padding-bottom: 0.01em; }
      .site-notification .notification a:hover {
        text-decoration: underline; }

.row.banner-slot {
  margin-top: 1.3em; }

@media only screen and (max-width: 640px) {
  .site-notification .notification {
    font-size: 0.75em;
    line-height: 1.16667em; }
 }

/* END Site Notices banners */
/********************* BEGIN Home Page Styles ******************************************/
/* BEGIN Hero Section */
.row .hero {
  position: relative;
  margin-bottom: 1em;
  padding-left: 0;
  padding-right: 0;
  -webkit-box-shadow: 0 11px 15.2px 0.8px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 11px 15.2px 0.8px rgba(0, 0, 0, 0.4);
  box-shadow: 0 11px 15.2px 0.8px rgba(0, 0, 0, 0.4); }

.hero-inner-page {
  position: relative;
  margin-bottom: 1em;
  padding-left: 0;
  padding-right: 0; }

.hero-text {
  position: absolute;
  top: 49px;
  left: 90px;
  color: #FFFFFF;
  width: 23%;
  font-size: 1.55em;
  font-weight: bold; }
  .hero-text p {
    line-height: 1.1;
    top-margin: 0.7em;
    font-weight: bold; }
  .hero-text a {
    color: #FFFFFF; }
    .hero-text a:hover, .hero-text a:focus {
      text-decoration: none; }

.hero-call-to-action {
  font-size: 18px;
  background: url("/publishedcontent/images/images/design-elements/buttons/hero-arrow.png") no-repeat center right;
  display: inline-block;
  padding-right: 1em;
  -webkit-transition: padding-right 0.4s ease-in-out;
  -moz-transition: padding-right 0.4s ease-in-out;
  -o-transition: padding-right 0.4s ease-in-out;
  transition: padding-right 0.4s ease-in-out; }
  .hero-call-to-action:hover, .hero-call-to-action:focus {
    padding-right: 1.5em; }

/* END Hero Section */
/* BEGIN CARDS GENERAL RULES */
.body-banner {
  max-width: 100%;
  padding-left: 0;
  padding-right: 0; }

.feature-primary .featured-text a:hover, .feature-secondary a:hover, .topic-feature a:hover, .guide-card .featured-card a.arrow-link-white:hover, .guide-card ul.cancer-types li a:hover, a.arrow-link:hover, a.arrow-link-white:hover, .card-thumbnail h3 a:hover, .multimedia-slot .feature-card:hover, .multimedia h3 a:hover, .infographic-enlarge a:hover, .feature-primary .featured-text a:focus, .feature-secondary a:focus, .topic-feature a:focus, .guide-card .featured-card a.arrow-link-white:focus:hover, .guide-card ul.cancer-types li a:focus, a.arrow-link:focus, a.arrow-link-white:focus, .card-thumbnail h3 a:focus, .multimedia-slot .feature-card:focus, .multimedia h3 a:focus, .infographic-enlarge a:focus {
  color: #BB0E3D;
  text-decoration: none; }

/* equal height cards for desktop, visually push a div to the bottom of it's container */
.card {
  padding-top: 1em;
  background-color: #FFFFFF;
  /* for IE browsers that don't understand rgba */
  background-color: rgba(255, 255, 255, 0.8); }
  .card a:hover .image-hover, .card a:focus .image-hover {
    background-color: #000000; }
    .card a:hover .image-hover img, .card a:focus .image-hover img {
      opacity: 0.8; }
  .card a:hover, .card a:focus {
    text-decoration: none; }
  .card .equalheight > div, .card .equalheight > div > a {
    height: 100%; }
  .card-row .card a {
    color: #2e2e2e; }
  .card ul > li {
    margin: 0; }

/* END CARDS GENERAL RULES */
/* BEGIN FEATURE AND SECONDARY PRIMARY CARDS ROW */
.feature-primary .rawHtml, .feature-primary .rawHtml .featured-text {
  height: 100%; }

.feature-primary {
  margin-bottom: 1em; }
  .feature-primary a, .feature-primary a h3 {
    color: #FFFFFF; }
  .feature-primary h3 {
    font-weight: normal;
    color: #FFFFFF;
    font-size: 1.375em;
    line-height: 1.272; }
  .feature-primary p {
    margin-bottom: 0;
    font-size: 1.125em;
    line-height: 1.167em; }
  .feature-primary .card {
    background: #14819b; }
  .feature-primary .featured-text {
    padding: 15px;
    background: #FFFFFF;
    color: #2b7bba !important; }
    .feature-primary .featured-text a {
      padding: 0 !important;
      color: #2b7bba; }
    .feature-primary .featured-text h3 {
      color: #606060; }
    .feature-primary .featured-text p {
      margin-top: 1em;
      margin-bottom: 0.5em; }
  .feature-primary .columns {
    padding: 0; }
    .feature-primary .columns a {
      padding: 1.875em;
      display: block; }

@media only screen and (max-width: 1024px) {
  .feature-primary-title {
    background: #14819b; }

  .feature-primary-title h3 {
    font-size: 1.375em;
    color: white;
    padding: 0.625em 30px;
    margin: 0em; }
 }

.feature-secondary {
  margin-bottom: 1em; }
  .feature-secondary .card {
    background: #FFFFFF; }
  .feature-secondary h3 {
    font-size: 1.375em;
    line-height: 1.272; }
  .feature-secondary a h3 {
    font-weight: normal;
    color: #2b7bba; }
  .feature-secondary a:hover h3, .feature-secondary a:focus h3 {
    color: #BB0E3D; }
  .feature-secondary p {
    margin-bottom: 0;
    color: #2e2e2e;
    font-size: 1.125em;
    line-height: 1.167em; }
  .feature-secondary .columns {
    padding: 0; }
    .feature-secondary .columns a {
      padding: 1.875em;
      display: block; }

@media only screen and (max-width: 640px) {
  .feature-primary, .topic-feature {
    margin-bottom: 0; }

  .feature-primary .card {
    background: #14819b; }

  .feature-primary .columns a, .feature-secondary .columns a, .topic-feature.columns a {
    padding-bottom: 15px;
    padding-top: 15px;
    overflow: auto; }

  .feature-primary .image-hover, .feature-secondary .image-hover, .topic-feature .image-hover {
    float: left;
    width: 30%; }

  .feature-primary h3, .feature-secondary h3, .topic-feature a h3 {
    margin-top: 0;
    float: right;
    width: 70%;
    font-size: 1.13em;
    line-height: 1.111em; }

  .feature-primary a:hover h3, .feature-primary a:hover h3, .topic-feature a:hover {
    color: white; }

  .feature-primary p, .feature-secondary p, .card-thumbnail p, .card-thumbnail img, .topic-feature p {
    display: none; }

  /* the portal pages needed these items to not hit the edge of screen on mobile only */
  .feature-primary h3, .feature-primary p, .feature-secondary h3, .feature-secondary p, .topic-feature h3, .topic-feature p, .other-sites-carousel h3, .row.card-thumbnail h4, .row.card-thumbnail .related-resources h6, .related-resources .row.card-thumbnail h6, .row.card-thumbnail h3, .row.card-thumbnail p {
    padding-left: 15px; }

  .feature-primary .featured-text {
    display: none; }
 }

/* END FEATURE AND SECONDARY PRIMARY CARDS ROW */
/* BEGIN SLOTTED AND INLINE FEATURE CARDS */
.topic-feature.card {
  padding: 0; }

.topic-feature {
  margin-bottom: 1em;
  background-color: #F6F6F6; }
  .topic-feature h3 {
    font-size: 1.375em;
    line-height: 1.272; }
  .topic-feature a {
    padding: 1.875em;
    display: block; }
    .topic-feature a h3 {
      font-weight: normal;
      color: #2b7bba; }
    .topic-feature a:hover h3, .topic-feature a:focus h3 {
      color: #BB0E3D; }
  .topic-feature p {
    margin-bottom: 0;
    color: #2e2e2e;
    font-size: 1em;
    line-height: 1.167em; }
  .topic-feature .columns {
    padding: 0; }
    .topic-feature .columns a {
      padding: 1.875em;
      display: block; }

/* END SLOTTED AND INLINE FEATURE CARDS */
/* BEGIN GUIDE CARDS ROW */
.guide-card {
  margin-bottom: 1em; }
  .guide-card .card {
    padding: 2.375em 2em 2.125em; }
    .guide-card .card ul {
      margin-bottom: 0; }
    .guide-card .card h2 {
      margin-top: 0;
      font-size: 1.5em; }
    .guide-card .card a {
      font-size: 1.125em;
      line-height: 1.22222em; }
    .guide-card .card li {
      margin-top: 0.5em;
      margin-bottom: 0.5em; }
    @media only screen and (max-width: 765px) {
      .guide-card .card {
        width: 100%; } }
  .guide-card .featured-card {
    background: #dbf2f8; }
    .guide-card .featured-card h3, .guide-card .featured-card a, .guide-card .featured-card a.arrow-link-white {
      color: #2f2f2f; }
  .guide-card ul.cancer-types li {
    background: none;
    float: left;
    padding-right: 0;
    width: 2.5em;
    height: 2.3em; }

@media only screen and (max-width: 640px) {
  .guide-card .card h2 {
    line-height: 1.111em;
    font-size: 1.125em; }
 }

a.arrow-link, a.arrow-link-white {
  background: url("/publishedcontent/images/images/design-elements/buttons/small-blue-circle-arrow.png") 100% 50% no-repeat;
  padding: 1px 2em 1px 0;
  width: 100%;
  display: block;
  color: #2e2e2e;
  text-decoration: none; }
  a.arrow-link:hover, a.arrow-link-white:hover {
    background-image: url("/publishedcontent/images/images/design-elements/buttons/small-red-circle-arrow.png"); }

a.arrow-link-white {
  background: url("/publishedcontent/images/images/design-elements/buttons/small-off-cream-circle-arrow.png") top right no-repeat;
  padding-right: 1em; }

@media only screen and (max-width: 640px) {
  a.arrow-link-white {
    background: url("/publishedcontent/images/images/design-elements/buttons/small-blue-circle-arrow.png") top right no-repeat; }
 }

a.learn-more {
  margin-top: 1em;
  /* adding padding per #OCECREATIV-783 --sjc */ }

/* END GUIDE CARDS ROW */
/* BEGIN THUMBNAIL CARDS ROW */
.card-thumbnail {
  background: #FFFFFF;
  padding-top: 1em;
  padding-bottom: 1em; }
  .card-thumbnail .small-2 {
    margin-top: 1em; }
  .card-thumbnail .image-hover {
    display: block; }
    .card-thumbnail .image-hover:hover, .card-thumbnail .image-hover:focus {
      background-color: #000; }
      .card-thumbnail .image-hover:hover > img, .card-thumbnail .image-hover:focus > img {
        opacity: 0.8; }
  .card-thumbnail h3 {
    font-weight: normal; }

@media only screen and (max-width: 640px) {
  .card-thumbnail h3 {
    font-size: 1.125em;
    line-height: 1.111em; }
 }

/* END THUMBNAIL CARDS ROW */
/* BEGIN MULTIMEDIA ROW */
.multimedia-slot {
  background: #099;
  /*margin-bottom: 1em;*/
  padding: 1em 0;
  margin-bottom: 1em; }
  .multimedia-slot a:hover h3, .multimedia-slot a:focus h3 {
    color: #BB0E3D; }
  .multimedia-slot .feature-card {
    background: #FFFFFF;
    padding-bottom: 1em; }
    .multimedia-slot .feature-card h3, .multimedia-slot .feature-card p, .multimedia-slot .feature-card ul {
      padding: 0 15px; }
    .multimedia-slot .feature-card h3 {
      font-size: 1.375em;
      font-weight: normal;
      line-height: 1.272;
      color: #2b7bba; }

@media only screen and (max-width: 640px) {
  .multimedia-slot p, .multimedia-slot ul {
    display: none; }

  .multimedia-feature-card {
    margin-right: 15px; }
 }

@media only screen and (max-width: 1024px) {
  .multimedia-slot {
    padding: 1em; }
 }

.multimedia .card {
  background: none;
  opacity: 1;
  padding-left: 0; }
  .multimedia .card a {
    color: #2e2e2e; }
  .multimedia .card:hover h3 {
    color: #BB0E3D; }

.multimedia-feature-card {
  background: #FFFFFF;
  padding-bottom: 1em;
  position: relative; }
  .multimedia-feature-card a {
    color: #2e2e2e; }
    .multimedia-feature-card a:before {
      text-transform: uppercase;
      position: absolute;
      z-index: 88;
      padding: 0.62em;
      color: #FFFFFF;
      background-color: #403f3f;
      right: 0;
      -webkit-transform-origin: top right;
      -moz-transform-origin: top right;
      -ms-transform-origin: top right;
      -o-transform-origin: top right;
      transform-origin: top right;
      -webkit-transform: rotate(90deg) translate(100%, -1px);
      -moz-transform: rotate(90deg) translate(100%, -1px);
      -ms-transform: rotate(90deg) translate(100%, -1px);
      -o-transform: rotate(90deg) translate(100%, -1px);
      transform: rotate(90deg) translate(100%, -1px); }
  .multimedia-feature-card h3 {
    font-size: 1.375em;
    font-weight: normal;
    line-height: 1.272;
    color: #2b7bba; }
  .multimedia-feature-card h3, .multimedia-feature-card p, .multimedia-feature-card ul {
    padding: 0 15px; }
  .multimedia-feature-card.cgvInfographic.non-playable a:before {
    content: "Infographic"; }
    html[lang="es"] .multimedia-feature-card.cgvInfographic.non-playable a:before {
      content: "Infograf\00ed a"; }
  .multimedia-feature-card.gloVideo.non-playable a:before {
    content: "Video"; }
    html[lang="es"] .multimedia-feature-card.gloVideo.non-playable a:before {
      content: "Video"; }
  .multimedia-feature-card.gloVideoCarousel.non-playable a:before {
    content: "Video Playlist"; }
    html[lang="es"] .multimedia-feature-card.gloVideoCarousel.non-playable a:before {
      content: "Lista de reproducci\00f3 n de videos"; }

@media only screen and (max-width: 640px) {
  .multimedia-feature-card h3, .multimedia-slot .feature-card h3 {
    font-size: 1em;
    line-height: 1.125em;
    word-wrap: break-word; }
 }

.multimedia-feature-card, .multimedia .feature-card, .card > .slot-item {
  height: 100%; }

.multimedia-feature-card a, .multimedia .feature-card a {
  display: block;
  height: 100%; }

/* END MULIMEDIA ROW */
/* BEGIN Director's Row */
.directors-row h3 {
  color: #FFFFFF; }

.infographic {
  position: relative;
  /* allows for appearance of equal height cards on home page */
  background: #FFFFFF; }
  .infographic figcaption {
    padding: 0.5em 1em; }

.infographic-enlarge {
  position: absolute;
  top: 0;
  right: 0;
  color: #FFFFFF; }
  .infographic-enlarge a {
    color: #FFFFFF;
    padding: 1em 2em 1em 1em;
    display: block;
    background: #403f3f url("/publishedcontent/images/images/design-elements/buttons/white-arrow-view-infographic.png") no-repeat 95% 50%; }

.home-director-stories {
  background: #FFFFFF;
  padding: 0.5em 1em 0.2em;
  margin-top: -10px; }

/* END Director's Row */
/********************* END Home Page Styles ******************************************/
/* BEGIN Accordion Styles */
/* begin CTHP accordion styling rules */
@media only screen and (max-width: 640px) {
  .cthp-content .cthp-intro-multimedia h3 {
    background: #198dae !important; }

  .cthp-content .cthp-intro-multimedia h3 span {
    background: #0e718d !important; }

  .cthp-content .cthp-intro-multimedia h3.ui-state-active span {
    color: #0e718d !important;
    background: #fff !important; }

  .cthp-content .cthp-treatment h3 {
    background: #2ec799 url("/publishedcontent/images/images/design-elements/background-graphics/CTHP-green-waves.jpg") repeat-x !important; }

  .cthp-content .cthp-treatment h3 span {
    background: #119f7d !important; }

  .cthp-content .cthp-treatment h3.ui-state-active span {
    color: #119f7d !important;
    background: #fff !important; }

  .cthp-content .cthp-research h3.ui-accordion-header {
    background: #0886d0 url("/publishedcontent/images/images/design-elements/background-graphics/CTHP-blue-gears.jpg") repeat-x !important; }

  .cthp-content .cthp-research h3 span {
    background: #036eab !important; }

  .cthp-content .cthp-research h3.ui-state-active span {
    color: #036eab !important;
    background: #fff !important; }

  .cthp-content .cthp-causes h3.ui-accordion-header {
    background: #7f3796 url("/publishedcontent/images/images/design-elements/background-graphics/CTHP-purple-squares.jpg") repeat-x !important; }

  .cthp-content .cthp-causes h3 span {
    background: #753190 !important; }

  .cthp-content .cthp-causes h3.ui-state-active span {
    color: #753190 !important;
    background: #fff !important; }

  .cthp-content .cthp-genetics h3 {
    background: #008eb0 url("/publishedcontent/images/images/design-elements/background-graphics/CTHP-blue-diamonds.jpg") repeat-x !important; }

  .cthp-content .cthp-genetics h3 span {
    background: #248f92 !important; }

  .cthp-content .cthp-genetics h3.ui-state-active span {
    color: #248f92 !important;
    background: #fff !important; }

  .cthp-content .cthp-screening h3 {
    background: #aa3d65 url("/publishedcontent/images/images/design-elements/background-graphics/CTHP-pink-triangles.jpg") repeat !important; }

  .cthp-content .cthp-screening h3 span {
    background: #9e2f54 !important; }

  .cthp-content .cthp-screening h3.ui-state-active span {
    color: #9e2f54 !important;
    background: #fff !important; }

  .cthp-content .cthp-survival h3 {
    background: #008eb0 url("/publishedcontent/images/images/design-elements/background-graphics/CTHP-yellow-squares.jpg") repeat-x !important; }

  .cthp-content .cthp-survival h3 span {
    background: #b77704 !important; }

  .cthp-content .cthp-survival h3.ui-state-active span {
    color: #b77704 !important;
    background: #fff !important; }

  .cthp-content .cthp-general h3 {
    background: #008eb0 url("/publishedcontent/images/images/design-elements/background-graphics/CTHP-blue-octagons.jpg") repeat-x !important; }

  .cthp-content .cthp-general h3 span {
    background: #29768c !important; }

  .cthp-content .cthp-general h3.ui-state-active span {
    color: #29768c !important;
    background: #fff !important; }

  /* end CTHP accordion styling rules */
  /* begin accordion stretching styles */
  .ui-accordion .ui-accordion-header {
    margin: 0; }

  .ui-accordion .ui-accordion-header:first-child {
    margin-left: -15px;
    margin-right: -15px; }

  .accordion h2.ui-accordion-header, .accordion h2.ui-accordion-header + div {
    margin-left: -32px;
    margin-right: -32px; }

  .news .accordion h2.ui-accordion-header, .news .accordion h2.ui-accordion-header + div {
    margin-left: 0;
    margin-right: 0; }

  .cgvcancertypehome h3.ui-accordion-header {
    margin-left: -30px;
    margin-right: -30px; }

  .cgvcancertypehome h3.ui-accordion-header + div {
    margin-left: -23px;
    margin-right: -23px;
    padding: 0.625em 0.8em; }

  .cgvcancertypehome div.ui-accordion-content div.cardBody {
    padding: 0; }

  .qnas.accordion h2.ui-accordion-header, .qnas.accordion h2.ui-accordion-header + div {
    margin-left: -15px;
    margin-right: -15px; }

  #cgvCitationSl h6.ui-accordion-header, #nvcgRelatedResourcesArea h6.ui-accordion-header, #cgvCitationSl h6.ui-accordion-header + div, #nvcgRelatedResourcesArea h6.ui-accordion-header + div {
    margin-left: -15px;
    margin-right: -15px; }

  .nciappmodulepage .accordion h2.ui-accordion-header, .nciappmodulepage .accordion h2.ui-accordion-header + div {
    margin-left: -15px;
    margin-right: -15px; }

  .pdqcancerinfosummary .accordion h2.ui-accordion-header, .pdqcancerinfosummary .accordion h2.ui-accordion-header + div {
    margin-left: -15px;
    margin-right: -15px; }

  .pdqdruginfosummary .accordion h2.ui-accordion-header, .pdqdruginfosummary .accordion h2.ui-accordion-header + div {
    margin-left: -15px;
    margin-right: -15px; }
 }

/* end accordion stretching styles */
/* END Accordion Styles */
/* BEGIN TABLE STYLES */
/* begin default content table styling */
td, th {
  vertical-align: top; }

table.table-default caption, figure.table figcaption {
  font-family: 'Montserrat', Arial, sans-serif;
  font-weight: normal;
  color: #606060;
  text-align: left;
  padding: 20px 0 10px;
  font-size: 1.375em;
  /* using padding instead of margin due to problem in Safari */ }

table.table-default {
  border-collapse: collapse;
  margin: 15px 0; }
  geneticsprofessional table.table-default caption {
    /* genetics-professional-specific fix to prevent table captions from wrapping */
    white-space: nowrap; }
  table.table-default tr {
    background-color: #fff;
    /* removed "zebra striping" due to 508 color contrast concerns
		&:nth-child(even) {
			background-color: #e8f3f6;
		}
		*/ }
  table.table-default th {
    font-family: 'Noto Sans', Arial, sans-serif;
    font-weight: bold;
    color: #2e2e2e;
    background-color: #d0f1f2;
    /*text-align: left;*/ }
  table.table-default td, table.table-default th {
    /* both definitions are for #bgbgbg at 0.28 opacity */
    border: 1px solid #ececec;
    border: 1px solid rgba(189, 189, 189, 0.28);
    padding: 20px;
    border-spacing: 0;
    -webkit-background-clip: padding-box;
    /* for Safari */
    background-clip: padding-box;
    /* for IE9+, Firefox 4+, Opera, Chrome */ }
    table.table-default td p:first-child, table.table-default th p:first-child {
      margin-top: 0; }
    table.table-default td p:last-child, table.table-default th p:last-child {
      margin-bottom: 0; }
  table.table-default ul {
    padding-left: 4px; }

table.table-default-center-td td {
  text-align: center; }

table.table-default.complex-table tr, body.pdqcancerinfosummary table.table-default tr, .summary-sections table.table-default tr {
  background-color: #fff; }

/* end default content table styling */
/* table enlarge styles */
.scrollable.has-scroll {
  position: relative;
  overflow: hidden;
  /* Clips the shadow created with the pseudo-element in the next rule. Not necessary for the actual scrolling. */ }

.scrollable.has-scroll:after {
  position: absolute;
  top: 0;
  left: 100%;
  width: 50px;
  height: 100%;
  border-radius: 10px 0 0 10px/50% 0 0 50%;
  -webkit-box-shadow: -5px 0 10px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: -5px 0 10px rgba(0, 0, 0, 0.25);
  box-shadow: -5px 0 10px rgba(0, 0, 0, 0.25);
  content: ''; }

/* This is the element whose content will be scrolled if necessary */
.scrollable.has-scroll > div {
  overflow-x: auto; }

figure.table {
  margin: 15px 0;
  margin-top: 0; }
  figure.table .table-default {
    margin: 0; }
  figure.table figcaption + a.article-image-enlarge {
    top: 10px; }

.ui-front {
  z-index: 1001 !important; }

.ui-dialog {
  z-index: 1002 !important; }

.table-enlarged .ui-dialog-titlebar {
  display: none; }

.table-enlarged .popup-close {
  margin: 0.3125em 2.25em 0.3125em 1em; }

/* end table enlarge styles */
/* PDQ table styling */
.pdqcancerinfosummary table thead tr th {
  text-align: center; }

/* Enlarge table for PDQ */
/* now that we are not using "zebra striping" we don't need to change the color of links
table tbody tr td a{
	color: #2ba6cb !important;
}
*/
table tbody tr td a:hover {
  color: #2795b6;
  text-decoration: underline; }

/* ENLARGE text within table for PDQ */
table tbody tr td figure a {
  color: white !important; }

/* End PDQ table styling */
/* END TABLE STYLES */
/********** BEGIN Cancer Type Home Page Styles ******************************************/
.image-right-medium {
  position: relative; }

.bgWhite {
  background-color: #fff; }

.relatedcontent:hover a, .relatedcontent a:hover, .relatedcontent:focus a, .relatedcontent a:focus {
  color: #bb0e3d;
  text-decoration: none; }
.relatedcontent a:after {
  content: url("/publishedcontent/images/images/design-elements/buttons/small-red-circle-arrow.png");
  vertical-align: middle;
  padding-top: 7px;
  padding-left: 7px;
  top: 4px;
  position: relative; }
.relatedcontent:hover a:after, .relatedcontent:focus a:after {
  content: url("/publishedcontent/images/images/design-elements/buttons/small-blue-circle-arrow.png"); }

.cthp-content {
  background: #008eb0 url("/publishedcontent/images/images/design-elements/background-graphics/hexagon_molecular_structure_light_blue.png") no-repeat 110% 350px; }

.cthp-intro-multimedia {
  background: white; }
  .cthp-intro-multimedia .image-right-medium {
    margin-left: 0; }
  .cthp-intro-multimedia figure.video {
    float: right;
    width: 40%;
    margin: 0 0 2.5em 0; }
  @media only screen and (max-width: 640px) {
    .cthp-intro-multimedia figure.video {
      width: 100%;
      margin: 0 0 1em 0; }
 }

.cthp-body {
  float: left;
  width: 55%;
  display: block;
  clear: left; }

.cthp-body h3 {
  margin-top: 0px;
  float: left;
  width: 55%; }

.large-12.columns.cthp-intro-multimedia.clearfix, .large-12.columns.cthp-intro-multimedia.pullquote, .large-12.columns.cthp-intro-multimedia.pullquote-right, .large-12.columns.cthp-intro-multimedia.pullquote-left {
  padding-top: 5px;
  padding-bottom: 10px;
  padding-left: 20px; }

@media only screen and (max-width: 640px) {
  .large-12.columns.cthp-intro-multimedia.clearfix, .large-12.columns.cthp-intro-multimedia.pullquote, .large-12.columns.cthp-intro-multimedia.pullquote-right, .large-12.columns.cthp-intro-multimedia.pullquote-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0.9375em; }
 }

.cthp-content h1 {
  color: white; }

.normal li {
  background: url("/publishedcontent/images/images/design-elements/icons/blue-list-dot.png") 0 7px no-repeat;
  padding-left: 0.9375em; }

.cthp-content .cardBody {
  overflow: auto;
  padding: 0.625em 0.8em; }

.cthp-pdq-label {
  margin-top: 0; }

.cardBody p {
  font-size: 1em; }

.cthp-card-container {
  margin-left: -0.9375em;
  margin-right: -0.9375em;
  margin-top: 30px; }

.cthpCard ul.moreInfo li, .cthp-treatment .cardBody ul li, .cthp-causes .cardBody ul li, .cthp-genetics .cardBody ul li, .cthp-screening .cardBody ul li {
  list-style-type: none;
  padding-left: 0.9375em; }

.cthp-research .cardBody p {
  margin-top: 2px;
  margin-bottom: 2px; }
  .cthp-research .cardBody p a {
    display: block;
    padding-left: 0.9375em; }
.cthp-research .cardBody br {
  display: none; }
.cthp-research .cardBody a.arrow-link, .cthp-research .cardBody a.arrow-link-white {
  margin-top: 19px; }

.moreInfo li:before, .cthp-treatment .cardBody ul li:before, .cthp-causes .cardBody ul li:before, .cthp-genetics .cardBody ul li:before, .cthp-screening .cardBody ul li:before, .cthp-research .cardBody p a:before {
  content: "\2022";
  display: inline-block;
  position: relative;
  left: -0.5em;
  top: 0.1em;
  margin: 0 -0.2em;
  font-size: 1.1em;
  color: #2b7bba; }

.main-content a.viewAll {
  color: #2e2e2e; }

.main-content a.viewAll:hover, .main-content a.viewAll:focus {
  text-decoration: none; }

.guide h3 {
  color: #fff; }

.cthp-version-toggle {
  position: relative;
  float: right;
  background-color: #dbf2f8;
  color: #fff;
  margin: -55px 0 20px 0;
  /* margin-top: -10px; -->  half the icon height */ }
  .cthp-version-toggle a:after {
    content: "";
    background: url("/publishedcontent/images/images/design-elements/icons/nci-sprite.png") no-repeat -467px -217px;
    width: 20px;
    height: 20px;
    display: inline-block;
    position: absolute;
    margin-top: -10px;
    right: 2%;
    top: 50%; }
  .cthp-version-toggle a:hover:after, .cthp-version-toggle a:focus:after {
    background-position: -382px -217px; }
  .cthp-version-toggle a {
    display: block;
    color: #2e2e2e;
    padding: 0.625em 3.6em 0.625em 0.7em;
    /* Need to modify the text for the version toggle */
    /* The text-transform and the first-letter        */
    /* style in addition to the following two rules   */
    /* are achieving the text changes                 */
    /* Also need to pay attention to proper case in ES*/ }
    html[lang="es"] .cthp-version-toggle a {
      text-transform: lowercase; }
    html[lang="es"] .cthp-version-toggle a:first-letter {
      text-transform: uppercase; }
    html[lang="en"] .cthp-version-toggle a:before {
      content: 'Go to '; }
    html[lang="es"] .cthp-version-toggle a:before {
      content: 'Vaya a la '; }
  .cthp-version-toggle:hover a, .cthp-version-toggle:focus a {
    text-decoration: none;
    color: #bd153c; }

.bp20 {
  padding-bottom: 1.25em; }

.alphalist {
  padding: 1.2em 0;
  overflow: auto; }

.alphalist li {
  float: left;
  font-size: 1.625em;
  font-family: 'Montserrat', Arial, sans-serif;
  margin-right: 1em;
  color: #2e2e2e; }

.cthp-content.ui-accordion .ui-accordion-header {
  color: white;
  font-weight: bold; }

.cthp-treatment, .cthp-research, .cthp-causes, .cthp-genetics, .cthp-screening, .cthp-survival, .cthp-general {
  margin-bottom: 1.25em; }

.cthp-treatment h3, .cthp-research h3, .cthp-causes h3, .cthp-genetics h3, .cthp-screening h3, .cthp-survival h3, .cthp-general h3 {
  color: #fff;
  padding: 0.47em 0.6em;
  margin: 0;
  text-transform: uppercase; }

/* Begin CTHP Card styling */
.cthp-content .cthp-treatment h3 {
  background: #008eb0 url("/publishedcontent/images/images/design-elements/background-graphics/CTHP-green-waves.jpg") repeat-x; }

.cthp-content .cthp-research h3 {
  background: #008eb0 url("/publishedcontent/images/images/design-elements/background-graphics/CTHP-blue-gears.jpg") repeat-x; }

.cthp-content .cthp-causes h3 {
  background: #008eb0 url("/publishedcontent/images/images/design-elements/background-graphics/CTHP-purple-squares.jpg") repeat-x; }

.cthp-content .cthp-genetics h3 {
  background: #008eb0 url("/publishedcontent/images/images/design-elements/background-graphics/CTHP-blue-diamonds.jpg") repeat-x; }

.cthp-content .cthp-screening h3 {
  background: #008eb0 url("/publishedcontent/images/images/design-elements/background-graphics/CTHP-pink-triangles.jpg") repeat; }

.cthp-content .cthp-survival h3 {
  background: #008eb0 url("/publishedcontent/images/images/design-elements/background-graphics/CTHP-yellow-squares.jpg") repeat-x; }

.cthp-content .cthp-general h3 {
  background: #008eb0 url("/publishedcontent/images/images/design-elements/background-graphics/CTHP-blue-octagons.jpg") repeat-x; }

/* TODO: update CTHP home and guide Percussion templates with a cleaner image hover class. This is a dirty fix for Devon Rex pre-go-live*/
.cthp-treatment div, .cthp-research div, .cthp-causes div, .cthp-genetics div, .cthp-screening div, .cthp-survival div, .cthp-general div, .cthp-treatment div:hover p, .cthp-research div:hover p, .cthp-causes div:hover p, .cthp-genetics div:hover p, .cthp-screening div:hover p, .cthp-survival div:hover p, .cthp-general div:hover p, .cthp-content .cardBody:hover, .cthp-content .rxbodyfield:hover {
  background-color: white; }

.cthp-treatment:hover li a.arrow-link, .cthp-treatment:hover li a.arrow-link-white, .cthp-research:hover li a.arrow-link, .cthp-research:hover li a.arrow-link-white, .cthp-causes:hover li a.arrow-link, .cthp-causes:hover li a.arrow-link-white, .cthp-genetics:hover li a.arrow-link, .cthp-genetics:hover li a.arrow-link-white, .cthp-screening:hover li a.arrow-link, .cthp-screening:hover li a.arrow-link-white, .cthp-survival:hover li a.arrow-link, .cthp-survival:hover li a.arrow-link-white, .cthp-general:hover li a.arrow-link, .cthp-general:hover li a.arrow-link-white {
  color: #bb0e3d;
  background-image: url("/publishedcontent/images/images/design-elements/buttons/small-red-circle-arrow.png"); }

.cthp-treatment div:hover, .cthp-research div:hover, .cthp-causes div:hover, .cthp-genetics div:hover, .cthp-screening div:hover, .cthp-survival div:hover, .cthp-general div:hover {
  background-color: black; }

.cthp-treatment div:hover img, .cthp-research div:hover img, .cthp-causes div:hover img, .cthp-genetics div:hover img, .cthp-screening div:hover img, .cthp-survival div:hover img, .cthp-general div:hover img {
  opacity: 0.8; }

/* End CTHP Card styling */
@media only screen and (min-width: 641px) {
  .cthp-breadcrumb {
    padding-left: 0 !important; }
 }

@media only screen and (min-width: 1025px) {
  .cthp-padding {
    padding-left: 0.5em; }

  .cthp-content h1 {
    margin-right: 10.3em; }
 }

/********** END Cancer Type Home Page Styles ******************************************/
/***** BEGIN PAGE OPTIONS *************************************/
/* COMMON for all page options */
.page-options {
  margin: 1em 0;
  font-size: 16px; }
  .page-options ul {
    margin: 0;
    background: transparent;
    white-space: nowrap; }
  .page-options li {
    display: inline-block;
    margin: 0;
    background-image: url("/publishedcontent/images/images/design-elements/icons/nci-sprite.png");
    /* Sprites */
    background-repeat: no-repeat; }
  .page-options a {
    display: block;
    height: 100%;
    width: 100%; }

.contentzone .page-options li:before {
  content: none;
  display: none; }

/* MOBILE page options */
@media only screen and (max-width: 1024px) {
  .cthp-desktop.page-options {
    display: none; }

  .page-options li {
    margin: 0 0.875em 0 0;
    width: 35px;
    height: 35px; }
  .page-options .po-view-entire-document {
    display: none; }
  .page-options .po-font-resize {
    display: none; }
  .page-options .po-print {
    display: none; }
  .page-options .po-email {
    background-position: -183px -12px; }
    .page-options .po-email:hover {
      background-position: -243px -12px; }
  .page-options .po-facebook {
    background-position: -183px -56px; }
    .page-options .po-facebook:hover {
      background-position: -243px -56px; }
  .page-options .po-twitter {
    background-position: -183px -102px; }
    .page-options .po-twitter:hover {
      background-position: -243px -102px; }
  .page-options .po-googleplus {
    background-position: -183px -147px; }
    .page-options .po-googleplus:hover {
      background-position: -243px -147px; }
  .page-options .po-pinterest {
    background-position: -183px -192px; }
    .page-options .po-pinterest:hover {
      background-position: -243px -192px; }
 }

/* DESKTOP page options */
@media only screen and (min-width: 1025px) {
  .columns.page-options {
    top: 0;
    right: 0;
    position: static; }

  .cthp-mobile.page-options {
    display: none; }

  .page-options {
    margin-top: 1.25em;
    float: right;
    position: absolute;
    top: -3.75em;
    right: 0.875em; }
    .page-options ul {
      float: right; }
    .page-options li {
      margin: 0 0 0 0.875em;
      height: 25px;
      width: 25px; }
    .page-options .po-view-entire-document {
      background-position: 0 0px; }
    .page-options .po-font-resize {
      background-position: -17px -16px;
      width: 22px; }
    .page-options .po-print {
      background-position: -16px -62px;
      width: 23px; }
    .page-options .po-email {
      background-position: -16px -105px;
      width: 23px; }
    .page-options .po-facebook {
      background-position: -25px -151px;
      width: 8px; }
    .page-options .po-twitter {
      background-position: -16px -195px;
      width: 19px; }
    .page-options .po-googleplus {
      background-position: -16px -241px;
      width: 19px; }
    .page-options .po-pinterest {
      background-position: -20px -287px;
      width: 15px; }
 }

/****** END PAGE OPTIONS *************************************/
/********** BEGIN font resizer Styles ******************************************/
.no-resize {
  font-size: initial !important; }

.caption-container.no-resize {
  font-size: 14px !important; }

.no-resize-pdq-section {
  font-size: 13px !important; }

body.nciappmodulepage div.page-options .po-font-resize {
  display: none; }

/********** END font resizer Styles ******************************************/
/* ***************** BEGIN CAROUSEL ***************** */
.slick-slide .container {
  background-repeat: repeat;
  background-position: 0 0;
  background-color: #fff;
  position: relative;
  height: 14.25em;
  display: block; }
  .slick-slide .container:hover, .slick-slide .container:focus {
    text-decoration: none; }
    .slick-slide .container:hover:before, .slick-slide .container:focus:before {
      content: " ";
      display: block;
      position: absolute;
      height: 100%;
      width: 100%;
      background-color: rgba(3, 3, 3, 0.2); }

.carousel-title {
  margin-top: 20px;
  margin-bottom: 20px; }

.arrows-for-other-nci-sites {
  text-align: right;
  padding-right: 11px; }
  .arrows-for-other-nci-sites div {
    display: inline; }
  .arrows-for-other-nci-sites button {
    padding: 0;
    border: 0;
    height: 56px;
    width: 56px;
    background-color: transparent;
    cursor: pointer;
    display: inline; }

.site-name {
  font-size: 1.45em;
  font-family: 'Montserrat', Arial, sans-serif;
  font-weight: bold;
  color: white;
  text-transform: uppercase;
  font-weight: bold;
  padding: 15px;
  margin: 0;
  line-height: normal; }

.site-link {
  display: block;
  width: 100%;
  background: #403e3f url("/publishedcontent/images/images/design-elements/buttons/carousel-link-arrow.png") no-repeat 95% 50%;
  padding: 12px 16px 12px 12px;
  margin: 0;
  position: absolute;
  bottom: 0;
  color: #fff; }

/* TODO: Make the slick dots into html, not images
.slick-dots button:hover {
	background-color: $lblue;
} */
.spotlight-on-scientists .slick-track, .spotlight-on-scientists .slick-list {
  height: 15em; }

.other-nci-sites .slick-slide .container {
  height: 16.25em; }

/* various patterned background images for slides */
.blue-circles {
  background-image: url("/publishedcontent/images/images/design-elements/background-graphics/blue-circles.jpg"); }

.blue-dots {
  background-image: url("/publishedcontent/images/images/design-elements/background-graphics/blue-dots.jpg"); }

.blue-triangles {
  background-image: url("/publishedcontent/images/images/design-elements/background-graphics/blue-triangles.jpg"); }

.green-arrows {
  background-image: url("/publishedcontent/images/images/design-elements/background-graphics/green-arrows.jpg"); }

.green-plaid {
  background-image: url("/publishedcontent/images/images/design-elements/background-graphics/green-plaid.jpg"); }

.orange-plaid {
  background-image: url("/publishedcontent/images/images/design-elements/background-graphics/orange-plaid.jpg"); }

.orange-waves {
  background-image: url("/publishedcontent/images/images/design-elements/background-graphics/orange-waves.jpg"); }

.pink-triangles {
  background-image: url("/publishedcontent/images/images/design-elements/background-graphics/pink-triangles.jpg"); }

.purple-circles {
  background-image: url("/publishedcontent/images/images/design-elements/background-graphics/purple-circles.jpg"); }

.purple-triangles {
  background-image: url("/publishedcontent/images/images/design-elements/background-graphics/purple-triangles.jpg"); }

.red-squares {
  background-image: url("/publishedcontent/images/images/design-elements/background-graphics/red-squares.jpg"); }

.red-triangles {
  background-image: url("/publishedcontent/images/images/design-elements/background-graphics/red-triangles.jpg"); }

.yellow-circles {
  background-image: url("/publishedcontent/images/images/design-elements/background-graphics/yellow-circles.jpg"); }

.yellow-hexagons {
  background-image: url("/publishedcontent/images/images/design-elements/background-graphics/yellow-hexagons.jpg"); }

/* End background patterns */
/****************** END CAROUSEL STYLES ******************/
/******* BEGIN CONTENT-TEMPLATE STYLES ****************************************/
.hide {
  display: none; }

.shareBtn {
  color: #2b7bba;
  margin: 1.25em 0 0 2.4em;
  padding-left: 1.875em;
  background: url("/publishedcontent/images/images/design-elements/buttons/share_plus.png") no-repeat center left;
  cursor: pointer; }

.shareBtnOpen {
  color: #2b7bba;
  margin: 1.25em 0 0 2.4em;
  padding-left: 1.875em;
  background: url("/publishedcontent/images/images/design-elements/buttons/share_minus.png") no-repeat center left; }

.shareWindow {
  background: url("/publishedcontent/images/images/design-elements/background-graphics/share_bg.png") no-repeat;
  padding: 1.2em 0 1.2em 1.2em;
  z-index: 14;
  position: absolute;
  margin-left: -2.8125em;
  width: 136px;
  height: 62px; }

.shareWindow a {
  text-decoration: none; }

.section-head {
  float: left;
  width: 80%; }

.shareComponent {
  float: left;
  width: 20%; }

/******* END CONTENT-TEMPLATE STYLES ***************************************/
/*** BEGIN PDQ Styles ***/
.toptoc {
  font-family: 'Montserrat', Arial, sans-serif;
  width: 24%;
  float: right;
  margin: 0 -1.2em 10px 2em;
  border-bottom: 12px solid #1c5e86;
  font-size: 0.8em;
  margin-bottom: 3em; }
  .toptoc h3 {
    background-color: #1c5e86;
    color: white;
    font-size: 1em;
    margin: 0;
    padding: 10px 12px;
    font-weight: bold;
    text-transform: uppercase; }
  .toptoc ul {
    margin-bottom: 0;
    line-height: 1.2em; }
  .toptoc li {
    z-index: 1;
    list-style-type: none;
    background: none;
    margin: 0;
    border-bottom: 1px solid #d5d5d2; }
    .toptoc li:before {
      content: none;
      display: none; }
    .toptoc li.selected {
      background: url("/publishedcontent/images/images/design-elements/background-graphics/toptoc-active.gif") 0 0 repeat-y;
      font-weight: bold; }
    .toptoc li > a {
      display: block;
      padding: 0.5em 1em;
      color: #000000; }
    .toptoc li.viewall > a {
      padding: 0.825em 1em 0.825em 2.5em;
      background: url("/publishedcontent/images/images/design-elements/icons/view-entire-summary.png") no-repeat scroll 1em 50% transparent; }
  .toptoc .enlarge-link {
    display: none; }

@media only screen and (min-width: 641px) and (max-width: 1024px) {
  #pdq-toc-article > .on-this-page {
    display: block; }

  .pdq-sections .on-this-page {
    display: none; }
 }

.next-link {
  text-align: right; }

.previous-next-links {
  clear: both; }

.enlarge-link {
  display: block;
  color: #9c3303;
  text-align: right;
  text-decoration: underline; }

.large {
  position: absolute;
  width: 100%;
  left: 0;
  right: 0; }

.pdq-link-enlarge {
  color: #9c3303;
  display: block;
  margin: 20px 0 -10px;
  text-align: right;
  text-decoration: underline; }

table .pdq-link-enlarge {
  margin: 0; }

.pdq-image-table-enlarge {
  background: none repeat scroll 0 0 #fff;
  -webkit-box-shadow: 0 0 5px 5px #808080;
  -moz-box-shadow: 0 0 5px 5px #808080;
  box-shadow: 0 0 5px 5px #808080;
  left: 10px;
  margin-top: 20px;
  position: absolute;
  right: 10px; }

.pdq-image-table-enlarge table caption {
  padding: 20px 0 10px 10px; }

table.table-default {
  border-collapse: collapse;
  margin: 15px 0; }

tfoot.pdq-footer {
  margin: 0;
  padding: 10px; }

tfoot.pdq-footer td {
  background: none repeat scroll 0 0 #ddd;
  border: medium none;
  font-style: italic;
  padding: 5px; }

table tfoot {
  font-weight: normal;
  background-color: #cfcfcf; }

/* removing padding for nested ul elements inside an accordion */
#accordion li > ul, .accordion li > ul, .key-points li > ul {
  margin-bottom: 0;
  padding-bottom: 0; }

/* per ticket OCECREATIV-905 */
/* following two classes are for lists */
.pdq-list-title {
  font-weight: bold;
  font-style: italic; }

.contentzone ul.PDQ-list {
  padding-left: 0; }

.contentzone ul.PDQ-list li:before {
  content: none; }

.contentzone ul.PDQ-list li {
  background-image: none;
  margin-left: 0;
  padding-left: 0; }

.contentzone ul.PDQ-list ul {
  margin-top: 3px;
  padding-left: 20px !important; }

.contentzone .PDQ-list ul > li {
  display: inline; }

.contentzone ul.PDQ-list ul {
  margin-left: 0;
  padding-left: 0; }

.contentzone .PDQ-list ul > li:first-child:before {
  content: none;
  display: none; }

.contentzone .PDQ-list ul > li:before {
  content: "|";
  padding-left: 20px;
  padding-right: 5px;
  float: none;
  top: 0; }

ul.pdq-address-block li {
  background: none;
  list-style-type: none;
  padding: 0;
  margin-bottom: 0; }

.contentzone ul.pdq-address-block > li:before {
  content: none; }

/* new styles */
.trial-sites h4, .trial-sites .related-resources h6, .related-resources .trial-sites h6 {
  background: #E6E6E2;
  padding: 3px 0;
  /* font-size: 16px; */ }

.trial-sites h5 {
  color: #993333;
  font-size: 15px;
  margin: 10px 0; }

.trial-sites h6 {
  /* font-size: 14px; */
  font-style: normal;
  margin: 5px 0 10px; }

.trial-sites .two-columns {
  margin: 0 30px; }

.definition-term {
  line-height: 1em; }

.definition-term-image {
  display: inline-block;
  vertical-align: middle; }

figure.definition-image {
  width: 25%;
  display: block; }

table.drug-combination {
  margin-left: 0px;
  width: 100%; }
  table.drug-combination td {
    padding: 5px; }
    table.drug-combination td.drug-combo-letter {
      text-align: right;
      font-weight: bold; }

.two-columns.brand-fda {
  width: 60%; }

.brand-fda .column1 {
  font-weight: bold; }

table.table-default tfoot td {
  border: none;
  font-style: normal;
  margin: 0;
  padding: 8px 10px;
  background: #F2F3F7; }

/* end new styles */
/* begin clinical trial search results */
form .row .clinical-trial-individual-result {
  margin-bottom: 75px; }

.row .row .ct-results-form {
  margin: 60px 20px 30px 0; }

form .row .view-content-for-container {
  border: 1px solid #bdbdbd;
  border-top: 4px solid #00cccc;
  padding: 10px; }

.ct-results-help {
  text-align: right; }

.search-criteria-box {
  display: inline-block;
  border: 1px solid #bdbdbd;
  padding: 10px 15px;
  margin: 0 0 30px; }

.ct-results-top-search-options {
  margin-top: 30px; }

.show-criteria-link a:after, .hide-criteria-link a:after {
  content: " ";
  background: url("/publishedcontent/images/images/design-elements/icons/nci-sprite.png") no-repeat -460px -186px;
  display: inline-block;
  position: relative;
  width: 8px;
  height: 5px;
  margin-left: 5px;
  margin-bottom: 2px;
  padding: 0 10px; }

.show-criteria-link a {
  color: #606060; }

.hide-criteria-link {
  border-bottom: 1px solid #bdbdbd; }
  .hide-criteria-link a {
    color: #606060; }
  .hide-criteria-link a:after {
    background-position: -488px -186px; }

.clinicaltrials-results-criteria-display {
  padding: 10px 0px; }

.ct-results-lower-control {
  margin-bottom: 40px; }

.ct-results-top-control {
  margin: 10px 0 50px 0; }

.ct-results-select-all, .ct-results-sort, .ct-results-show {
  margin-right: 20px; }

.cts-results-container .row .checkbox {
  float: right;
  margin-right: 0.5em;
  line-height: 1.25; }

@media only screen and (max-width: 1024px) {
  .cts-results-container .row .checkbox {
    float: none; }
 }

/* end clinical trial search results */
/* Protocol search results */
.study-site-city {
  margin-left: 15px; }

.study-site-name {
  font-weight: bold; }

/* end Protocol search results */
ul.collaborators li {
  margin-left: 0; }

@media only screen and (min-width: 641px) {
  [data-display-excludedevice~="screen"] {
    display: none !important; } }

@media only screen and (max-width: 640px) {
  [data-display-excludedevice~="mobile"] {
    display: none !important; } }

/*** END PDQ Styles ***/
/********** BEGIN Blogs Styles ******************************************/
/*Begin Blog Subscribe Button CSS*/
.subscribeRSS {
  margin-bottom: 10px; }

.subscribeRSS a.blogRSS:before {
  /* 
	content: " ";
	background: url($icons + "nci-sprite.png") no-repeat -123px -562px;
	width: 23px;
	height: 23px;
	display: inline-block;
	*/ }

.subscribeRSS a.blogRSS span {
  display: inline-block; }

/*End Blog Subscribe Button CSS*/
.blog-comment-policy {
  display: none; }

/*Begin Blog Content CSS*/
.blog-post-publishing-info {
  font-size: 12px; }

p.blog-post-publishing-info {
  margin-top: 0; }

.blog.body-banner:before {
  text-transform: uppercase;
  position: absolute;
  z-index: 88;
  padding: 0.62em;
  color: #FFFFFF;
  background-color: #403f3f;
  right: 0;
  -webkit-transform-origin: top right;
  -moz-transform-origin: top right;
  -ms-transform-origin: top right;
  -o-transform-origin: top right;
  transform-origin: top right;
  -webkit-transform: rotate(90deg) translate(100%, -1px);
  -moz-transform: rotate(90deg) translate(100%, -1px);
  -ms-transform: rotate(90deg) translate(100%, -1px);
  -o-transform: rotate(90deg) translate(100%, -1px);
  transform: rotate(90deg) translate(100%, -1px);
  content: "Blog"; }

.blog-post {
  border-top: 1px solid #bdbdbd;
  padding-top: 16px; }
  .blog-post:first-child {
    border-top: none;
    margin-top: 0;
    padding-top: 0; }
  .blog-post h3 {
    margin: 0;
    width: 70%;
    float: left; }
  .blog-post h3.no-comments {
    width: 100%; }
  .blog-post .post-info .post-title > a {
    display: block;
    float: right; }
  .blog-post .post-thumb img {
    max-width: 100%; }

.blog-list {
  margin-top: 24px; }

.blog-pager {
  border-top: 1px solid #bdbdbd;
  padding-top: 24px; }
  .blog-pager a {
    display: block; }
    .blog-pager a.newer {
      float: right; }
    .blog-pager a.older {
      float: left; }

.post-title > h3 {
  font-weight: normal; }
.post-title a {
  text-decoration: none; }
  .post-title a:hover, .post-title a:focus {
    text-decoration: none;
    color: #BB0E3D; }

a.comment-count {
  background: url("/publishedcontent/images/images/design-elements/icons/comment-icon.png") no-repeat;
  padding-left: 26px;
  height: 22px; }

.date-author {
  padding-top: 10px; }

.blog-post-older {
  float: left;
  width: 50%;
  padding-right: 0.3em; }

.blog-post-newer {
  width: 50%;
  text-align: right;
  float: right;
  padding-left: 0.3em; }

.blog-post-older p, .blog-post-newer p {
  margin-top: 0; }

/*end Blog Content CSS*/
/********** END Blogs Styles ******************************************/
/********** BEGIN News Page Styles ******************************************/
a.arrow-link.news-footer, a.news-footer.arrow-link-white {
  display: inline; }

.news-share {
  margin-bottom: 10px; }
  .news-share ul {
    margin-left: 23px; }
  .news-share ul li {
    position: relative; }
  .news-share ul a[class^="news"]:before {
    position: absolute;
    top: 8px;
    left: -26px; }
  .news-share a:before {
    background: url("/publishedcontent/images/images/design-elements/icons/nci-sprite.png") no-repeat 0 0;
    content: " ";
    display: inline-block;
    width: 19px;
    height: 21px;
    margin-right: 0.25em; }
  .news-share a.news-twitter:before {
    background-position: -17px -201px;
    height: 16px; }
  .news-share a.news-facebook:before {
    background-position: -20px -156px;
    height: 17px; }
  .news-share a.news-youtube:before {
    background-position: -19px -336px;
    height: 21px;
    top: 0 !important; }
  .news-share a.news-rss:before {
    background-position: -20px -381px;
    height: 16px; }
  .news-share a.news-govdelivery:before {
    background-position: -126px -563px;
    height: 18px;
    top: 6px !important;
    position: relative; }
  .news-share a.icon-exit-notification {
    vertical-align: bottom;
    margin-bottom: 6px; }

.news .card {
  padding-top: 0em; }

.news .list .general-list-item {
  display: list-item; }

.news .list li {
  display: none; }

@media only screen and (min-width: 641px) {
  .news .large-8.gutter {
    width: 66%; }

  .news .card {
    margin-bottom: 1em;
    padding-left: 0.9375em;
    padding-right: 0.9375em; }
 }

/********** END News Page Styles ******************************************/
/*******************************************
* ON THIS PAGE and KEY POINTS
*******************************************/
#_toc_article {
  /* TODO: find a better way to determine if on-this-page is appearing on a PDQ page.
	 * Currently, the javascript generates a div with id "_toc_article" and class "on-this-page".
	 * So, we can safely assume that if a div has this ID, it is an on-this-page style section, but on a PDQ page.
	 * Enforcing width: inherit will allow the on-this-page to be full width. Everywhere else, 50% width.
	 */
  width: inherit; }

/* "On This Page" on:
 * - Clinical Trial individual result view
 * - Cancer Information Summaries
 * - Factsheets
 * - General content (if 'data-otp-selector' attribute is specified)
 *
 * "Key Points" on:
 * - Cancer Information Summaries
 */
.key-points, .on-this-page {
  margin: 0 0 2.5em 0.9375em; }
  .key-points ul, .on-this-page ul {
    padding: 0;
    margin: 0;
    line-height: 1.5em; }
  .key-points li, .on-this-page li {
    list-style-type: none;
    color: #2e2e2e;
    margin-left: 1em;
    line-height: 1.5em; }
    .key-points li p, .on-this-page li p {
      display: inline; }

@media only screen and (max-width: 640px) {
  div.pre-otp ~ .on-this-page {
    display: none; }
 }

.key-points h3, .on-this-page h6 {
  display: block;
  margin: 1.3em 0 0.75em;
  text-transform: uppercase;
  font-size: 1.25em;
  font-family: 'Montserrat', Arial, sans-serif;
  font-weight: bold;
  line-height: 1.25em; }

.on-this-page li:before {
  color: #2b7bba; }

/********** BEGIN Institutions Styles ******************************************/
/* Cancer Centers */
div.institution-grouping {
  clear: both; }

div.institution-grouping > div {
  clear: both; }

div.institution-sidebar {
  background: #eaebe6;
  overflow: hidden;
  float: right;
  width: 30%;
  margin: 0 0 12px 12px; }

div.institution-sidebar div.institution-sidebar-content {
  padding: 0 8px 8px 8px; }

div.institution {
  border-top: 1px solid #BDBDBD;
  clear: both;
  padding: 15px 0 0; }

div.institution-legend {
  border-bottom: 1px dashed #BDBDBD;
  padding: 4px 0 19px 0; }

.institution-header {
  color: #4D4D4D;
  margin-bottom: 23px; }

h2.institution-title {
  font-size: 16px; }

div.institution-content {
  width: 280px;
  margin: 0 0 10px 0;
  float: left;
  padding: 0 0 0 33px; }

div.institution-grouping > div div:first-child {
  margin-right: 15px; }

div.institution-content p {
  margin-top: 20px; }

@media only screen and (max-width: 640px) {
  div.institution-sidebar {
    width: 100%;
    margin: 0 0 1em 0; }
 }

/********** End Institutions Styles ******************************************/
/********** Begin cancer Center Map Styles ******************************************/
.nm_bubble_content a, .nm_bubble_content a:visited {
  color: #2b7bba !important; }

/********** End cancer Center Map Styles ******************************************/
/* Begin Ebooks */
div.ebook-info {
  clear: left;
  margin-left: 0;
  margin-bottom: 2em;
  margin-top: 2em; }

div.ebook-cover {
  float: left;
  margin: 0 10px 10px 0; }

div.ebook-cover img {
  margin-bottom: 10px;
  margin-right: 1em; }

div.ebook-title h4, div.ebook-title .related-resources h6, .related-resources div.ebook-title h6 {
  margin-top: 0; }

/* End Ebooks */
/* Begin eBook buttons */
.pub-buttons {
  overflow: auto; }

.pub-buttons a {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 8px 15px 0;
  text-decoration: none;
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
  display: block;
  color: #fff;
  line-height: 24px;
  font-size: 13px; }

.pub-buttons a.lector {
  line-height: 12px;
  padding-bottom: 4px; }

.pub-buttons a:hover {
  text-decoration: none; }

.pub-buttons a.html {
  background-color: #82368c; }

.pub-buttons a.pdf {
  background-color: #bb0e3d; }

.pub-buttons a.kindle {
  background-color: #ff5f00; }

.pub-buttons a.epub, .pub-buttons a.lector {
  background-color: #2a72a5; }

.pub-buttons a.free {
  background-color: #2dc799; }

.pub-buttons a.icon {
  padding-left: 11px; }

.pub-buttons a.icon span {
  padding-left: 11px;
  vertical-align: top;
  display: inline-block; }

.pub-buttons a.icon:before {
  background: url("/publishedcontent/images/images/design-elements/icons/nci-sprite.png") no-repeat 0 0;
  content: "";
  display: inline-block;
  height: 25px; }

.pub-buttons a.kindle.icon:before {
  background-position: -18px -509.5px;
  width: 21px; }

.pub-buttons a.html.icon:before {
  background-position: -20px -584px;
  width: 23px; }

.pub-buttons a.pdf.icon:before {
  background-position: -21px -472px;
  width: 17px; }

.pub-buttons a.epub.icon:before, .pub-buttons a.lector.icon:before {
  background-position: -21px -547px;
  width: 17px; }

.pub-buttons a.free.icon:before {
  background-position: -21px -624.5px;
  width: 17px; }

/* End eBook buttons */
/****************** BEGIN materials-to-share ********************/
.materials-to-share .column1 {
  width: 25%;
  padding-top: 15px; }

.materials-to-share .column2 {
  font-size: 0.875em;
  width: 70%;
  padding-top: 10px; }

.materials-to-share .column2 .addthis_toolbox p {
  margin-top: 5px; }

.materials-to-share figure {
  margin: 0 auto; }

.materials-to-share .addthis_32x32_style .at300bs {
  line-height: 32px !important;
  width: 32px !important;
  display: block;
  height: 32px !important;
  overflow: hidden;
  background: url(/PublishedContent/images/images/design-elements/buttons/addthis_buttons_32.png) no-repeat left 50%;
  margin-right: 5px; }

.materials-to-share .addthis_32x32_style .at15t_facebook {
  background-position: 0px -256px; }

.materials-to-share .addthis_32x32_style .at15t_twitter {
  background-position: 0px -1152px; }

.materials-to-share .download-image {
  padding-top: 15px; }

.materials-to-share .download-image p {
  margin-top: 0px;
  padding-top: 1px; }

.materials-to-share .download-image span.download-infographic-button {
  width: 32px;
  height: 32px;
  margin: 0 7px 0 2px;
  background-image: url(/PublishedContent/images/images/design-elements/buttons/download-button.png);
  display: block;
  float: left; }

.materials-to-share .two-columns.border-bottom {
  border-bottom: solid 1px #bdbdbd;
  padding-bottom: 20px; }

/****************** END materials-to-share ********************/
.results dt, .results dd.pronunciation, .results dd.info-summary {
  display: inline;
  margin-bottom: 0; }
.results dd.pronunciation, .results dd.info-summary {
  margin-left: 0.5em; }
  .results dd.pronunciation > span, .results dd.info-summary > span {
    margin-left: 0.25em; }
.results dd {
  margin-bottom: 1em; }
.results h2, .results h3, .results h4, .results .related-resources h6, .related-resources .results h6 {
  font-size: 1.25em;
  line-height: 1.5em;
  margin-top: 40px;
  margin-bottom: 30px; }
.results .results-count {
  font-family: 'Montserrat', Arial, sans-serif;
  font-weight: bold;
  font-size: 1.25em;
  line-height: 1.5em; }
.results .result .row + .row {
  margin-top: 1.25em; }

.mtd_pronounce {
  margin-left: 0.25em; }

.results-pager {
  margin-bottom: 5.3125em; }

.sitewide-results ul.no-bullets > li {
  margin-top: 1.875em;
  margin-bottom: 1.875em; }
.sitewide-results .url {
  font-size: 0.875em;
  display: table;
  word-break: break-all; }
.sitewide-results.featured {
  overflow: auto;
  background: #dbf2f8;
  padding: 2.5%; }
  .sitewide-results.featured h2 {
    margin-top: 0; }
  .sitewide-results.featured .list-item .title {
    font-size: 1em; }
  .sitewide-results.featured .list, .sitewide-results.featured .list-item {
    margin-bottom: 0; }

.pagination {
  float: right;
  font-size: 1.125em;
  /* used on dictionary pages */
  /* used on complex search pages (clinical trials, etc.) */ }
  .pagination li, .pagination > ul.no-bullets > li {
    display: inline-block;
    margin-left: 0.75em; }
  .pagination ul > li:before {
    content: none; }
  .pagination .next a:after {
    content: ">"; }
  .pagination .previous a:before {
    content: "<"; }
  .pagination .current {
    font-weight: bold; }
  .pagination > span {
    font-weight: bold; }
  .pagination input {
    background: none;
    border: none;
    font-size: 1em;
    font-family: inherit;
    color: #2b7bba;
    margin-left: 0.75em; }
    .pagination input:hover, .pagination input:focus {
      text-decoration: underline; }
    .pagination input:hover {
      cursor: pointer; }

ul, ol, dl {
  line-height: 1.5; }

.list {
  position: relative;
  margin: 0 0 3em; }
  .list > .title {
    font-family: 'Montserrat', Arial, sans-serif;
    color: #606060;
    font-weight: normal;
    font-size: 1.25em;
    line-height: 1.2em; }
  .list .description {
    font-size: 1em;
    line-height: 1.5em; }
    .list .description > .date, .list .description > .body {
      margin: 0.25em 0; }
    @media only screen and (max-width: 1024px) {
      .list .description > .body {
        display: none; }
 }
  .list .title a.title:hover, .list .title a.title:focus, .list .title a:hover, .list .title a:focus {
    color: #BB0E3D;
    text-decoration: none; }
  .list ul {
    list-style-type: none;
    margin: 0;
    padding: 0; }
    .list ul > li {
      margin: 1.875em 0;
      clear: both; }
      .list ul > li:before {
        content: "";
        display: none; }
  .list.has-images ul > li {
    margin-top: 2.5em;
    margin-bottom: 2.5em; }
    .list.has-images ul > li:first-child {
      margin-top: 1.875em; }
  .list .container {
    display: inline-block;
    vertical-align: top;
    padding: 0; }
    .list .container.image {
      width: 21%;
      margin-top: 0.25em;
      padding: 0 0 2.5em;
      margin-right: -4px; }
      .list .container.image + .container.title {
        width: 78%;
        padding-left: 1.25em;
        margin-right: -4px; }
        @media only screen and (max-width: 1024px) {
          .list .container.image + .container.title {
            width: 100%;
            padding: 0; } }
      @media only screen and (max-width: 1024px) {
        .list .container.image {
          display: none; } }
    .list .container .title {
      font-family: 'Montserrat', Arial, sans-serif;
      font-weight: normal;
      font-size: 1.125em;
      line-height: 1.111em; }
    .list .container .desc {
      font-size: inherit;
      font-family: inherit;
      color: inherit; }
  .list .file .filesize, .list .file .filetype {
    color: #606060; }
  .list .file .filetype {
    position: relative;
    top: 0.25em;
    display: inline-block;
    height: 20px;
    margin-left: 16px;
    background: #fff url("/publishedcontent/images/images/design-elements/icons/nci-sprite.png"); }
    .list .file .filetype.pdf {
      background-position: -71px -475px;
      width: 18px; }
    .list .file .filetype.exe {
      background-position: -74px -507px;
      width: 19px; }
    .list .file .filetype.txt {
      background-position: -74px -507px;
      width: 19px; }
    .list .file .filetype.ebook {
      background-position: -72px -537px;
      width: 19px; }
    .list .file .filetype.ppt {
      background-position: -71px -568px;
      width: 20px; }
    .list .file .filetype.word {
      background-position: -71px -598px;
      width: 20px; }
    .list .file .filetype.excel {
      background-position: -71px -630px;
      width: 21px; }
    .list .file .filetype.unknown {
      top: 0;
      height: auto;
      background: none; }

.list-item span.title a.title {
  font-family: 'Montserrat', Arial, sans-serif;
  font-size: 1em;
  line-height: 1.11111em; }

.large-8 .list .container.image + .container.title {
  width: 65%; }

p.date.dynamic-date {
  margin: 0; }

p.description.dynamic-description {
  margin: 0; }

/* A to Z menu Start
 * uses include Cancer Types A to Z
 * and Drug Dictionary A to Z
 */
.az-list.inline {
  display: inline-block;
  margin-left: 1em; }
  .az-list.inline > ul {
    margin-bottom: inherit; }
.az-list > ul > li {
  font-family: 'Montserrat', Arial, sans-serif;
  margin-left: 0;
  margin-right: 1em;
  display: inline-block; }
  .az-list > ul > li:before {
    content: none;
    display: none; }
.az-list.narrow > ul > li {
  margin-right: 0.5em; }

.azMenu {
  width: auto; }
  .azMenu ul {
    width: 100%;
    background: #f5f5f3;
    margin: 0;
    padding: 10px 0 10px 4px;
    overflow: auto; }
    .azMenu ul li {
      display: block;
      width: 3.8%;
      text-align: center;
      float: left;
      margin: 0;
      padding: 0; }
      .azMenu ul li:before {
        content: none;
        display: none; }
  .azMenu:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden; }

/* end A to Z menu End */
/* lists used for A to Z List of Cancer, Cancers by Body Location/System */
ul.cancer-list li {
  margin-left: 0; }
  ul.cancer-list li:before {
    content: none; }
ul.cancer-list ul {
  margin-bottom: 0; }
  ul.cancer-list ul > li {
    margin-left: 1em; }

.ncilandingpage ul.cancer-list {
  padding-left: 0; }

.ncilandingpage ul.cancer-list li:before {
  content: none; }

.ncilandingpage ul.cancer-list li {
  background-image: none;
  margin-left: 0;
  padding-left: 0; }

.ncilandingpage ul.cancer-list ul {
  margin-top: 3px;
  padding-left: 20px !important; }

.ncilandingpage .cancer-list ul.php > li {
  display: inline; }

.ncilandingpage ul.cancer-list ul {
  margin-left: 0;
  padding-left: 0; }

.ncilandingpage .cancer-list ul.php > li:first-child:before {
  content: none;
  display: none; }

.ncilandingpage .cancer-list ul.php > li:before {
  content: "|" !important;
  padding-left: 20px;
  padding-right: 5px;
  float: none;
  top: 0; }

/* lists for Press Releases, NCI Fact Sheets */
.list.no-bullets .general-list-item {
  margin: 0 0 1.875em; }

/*** Flex Video override ***/
.flex-video {
  margin-bottom: 0; }

/*** End Flex Video override ***/
/*** Video Player ***/
.videoPlayer {
  /* margin: 0px 0 20px 0; */ }

.video-carousel-container {
  /* padding:0 0 20px 0;
	float:left; */ }

/* Video Titles */
.video > h4, .related-resources .video > h6 {
  font-weight: normal;
  line-height: 24px; }

h4.video50title, .related-resources h6.video50title {
  padding: 0;
  font-size: 14px; }

h4.video75title, .related-resources h6.video75title {
  padding: 0;
  font-size: 16px; }

h4.video100title, .related-resources h6.video100title {
  padding: 0;
  font-size: 18px; }

/* End Video Titles */
/* Video Captions */
.media-caption {
  display: block;
  color: #666;
  background: #DDDDDD;
  padding: 10px;
  margin-top: 5px;
  font-size: 12px;
  line-height: 1.2em; }

.media-caption p:first-child {
  margin-top: 0; }

.media-caption p:last-child {
  margin-bottom: 0; }

.caption-line {
  margin-top: 5px;
  border-top: 1px solid #BDBDBD; }

.video.size50 .media-caption {
  font-size: 11px; }

.video.size75 .media-caption {
  font-size: 12px; }

.video.size100 .media-caption {
  font-size: 13px; }

.video-carousel-caption {
  display: block;
  color: #666;
  background: #DDDDDD;
  text-align: right;
  padding: 10px; }

.video-carousel-caption img {
  float: right;
  padding-left: 5px; }

.video-carousel-caption .size75 {
  font-size: 13px; }

.video-carousel-caption .size100 {
  font-size: 14px; }

/* End Video Captions */
/* Video Sizes */
.video.size50 {
  width: 45%; }

.video.size75 {
  width: 70%; }

.video.size100 {
  width: 100%; }

@media only screen and (max-width: 1024px) {
  .video.size50, .video.size75 {
    width: 100%;
    float: none;
    margin-left: 0;
    margin-right: 0; }
 }

/* End Video Sizes */
/* Video Alignment */
.video.center {
  float: none; }

.video.left {
  float: left;
  margin-right: 5%; }

.video.right {
  float: right;
  margin-left: 5%; }

/* End Video Alignment */
/*** END Video Player ***/
/****************** BEGIN Pop-ups ********************/
.popup div.heading {
  font-size: 1.0625em;
  font-weight: bold;
  margin: 0 0 0 2.1875em; }

.popup .audioPronounceLink {
  margin: 1.5625em 0 0 2.1875em; }

.audioPronounceLink .term {
  font-weight: bold; }

.popup .definition {
  margin: 1.25em 0 0 2.1875em; }

.popup .definitionImage {
  margin: 1.25em 0 0 2.1875em; }

.popup .nci-logo {
  margin: 0.5em 1.8125em 0 0.5em;
  float: left;
  padding: 0 0 0.2em; }
  .popup .nci-logo a {
    padding-top: 13px;
    padding-left: 105px; }
    .popup .nci-logo a:hover {
      cursor: inherit; }

@media only screen and (max-width: 640px) {
  .popup .nci-logo a {
    padding-top: 3px;
    padding-left: 85px; }
 }

@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .popup .nci-logo a {
    padding-top: 6px;
    padding-left: 95px; }
 }

.popup .caption-container {
  display: none; }

.popup-close a {
  background: url("/publishedcontent/images/images/design-elements/icons/nci-sprite.png") no-repeat -436px -256px;
  width: 1.1875em;
  height: 1.1875em;
  display: inline-block;
  position: relative; }

.popup-close {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0.3125em;
  opacity: 0.9; }

.popup .CDR_audiofile {
  margin-left: 0.625em; }

/****************** END Pop-ups ********************/
/** 

Uncomment the following for the new tool tip look and feel
----------------------------------------------------------

.referencetooltip {
     padding: 1px 8px 13px 8px;
     font-size: .8em;
}

.referencetooltip a {
    color: $color-link;
}
.referencetooltip a:hover, .referencetooltip a:focus {
    text-decoration: underline;
}

*/
/*** 
--------- DELETE EVERYTHING PAST THIS POINT FOR THE NEW TOOLTIP LOOK AND FEEL ----------
***/
.referencetooltip {
  position: absolute;
  list-style: none;
  list-style-image: none;
  opacity: 0;
  font-size: 11px;
  margin: 0;
  z-index: 1003;
  padding: 0; }

.referencetooltip li {
  border: #080086 2px solid;
  max-width: 260px;
  padding: 10px 8px 13px 8px;
  margin: 0px;
  background-color: #F7F7F7;
  -webkit-box-shadow: 2px 4px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 2px 4px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 2px 4px 2px rgba(0, 0, 0, 0.3); }

.referencetooltip li + li {
  margin-left: 7px;
  margin-top: -2px;
  border: 0;
  padding: 0;
  height: 3px;
  width: 0px;
  background-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-top: 12px #080086 solid;
  border-right: 7px transparent solid;
  border-left: 7px transparent solid; }

.referencetooltip > li + li:after {
  content: '';
  border-top: 8px #F7F7F7 solid;
  border-right: 5px transparent solid;
  border-left: 5px transparent solid;
  margin-top: -12px;
  margin-left: -5px;
  z-index: 1;
  height: 0px;
  width: 0px;
  display: block; }

.client-js body .referencetooltip li li {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  height: auto;
  width: auto;
  margin: auto;
  padding: 0;
  position: static; }

.RTflipped {
  padding-top: 13px; }

.referencetooltip.RTflipped li + li {
  position: absolute;
  top: 2px;
  border-top: 0;
  border-bottom: 12px #080086 solid; }

.referencetooltip.RTflipped li + li:after {
  border-top: 0;
  border-bottom: 8px #F7F7F7 solid;
  position: absolute;
  margin-top: 7px; }

.RTTarget {
  border: #080086 2px solid; }

.error-page {
  color: #8169b8;
  font-size: 1.125em;
  background: #f7FBF8; }
  .error-page h1 {
    color: #8169b8;
    font-size: 40px;
    line-height: 47px; }
  .error-page a.arrow-link, .error-page a.arrow-link-white {
    color: #8169b8;
    display: inline; }
  .error-page .columns {
    padding: 0 35% 0 10%; }
  .error-page p {
    padding-right: 15%; }
  @media only screen and (max-width: 640px) {
    .error-page .columns {
      padding: 0 0.9375em; }

    .error-page p {
      padding-right: 0; }
 }

.spanish-error {
  background: #16809e url("/publishedcontent/images/images/design-elements/background-graphics/hexagon_molecular_structure_light_blue.png") no-repeat top right;
  padding-bottom: 50px;
  margin-top: 50px;
  color: #ffffff; }
  .spanish-error h1, .spanish-error a.arrow-link, .spanish-error a.arrow-link-white {
    color: #ffffff; }

/****************** BEGIN Topic Pages ********************/
div.cc-main-pages {
  padding: 0.625em 0 0.625em 0.625em; }

div.cc-main-pages div.title-red-arrow {
  float: left;
  width: 31.25em; }

.topic-feature.card.left {
  margin-right: 1em; }

.topic-feature.card.right {
  margin-left: 1em; }

.topic-feature .feature-card img {
  margin-bottom: 1em; }
.topic-feature .feature-card h3 {
  margin-top: 0; }

.landing-thumb {
  clear: both; }

.landing-thumb-image {
  width: 190px;
  margin-top: 1.8125em;
  display: inline-block;
  vertical-align: top; }

.landing-thumb-image figure.image-center-full {
  margin: 0 auto; }

.landing-thumb-text {
  width: 70%;
  padding-left: 1.25em;
  display: inline-block;
  vertical-align: top; }

.landing-thumb-text h3 {
  font-weight: normal; }

.landing-thumb-text h3 a:hover, .landing-thumb-text h3 a:focus {
  text-decoration: none;
  color: #BB0E3D; }

.cgvtopicpage .columns > h3 {
  font-weight: normal; }

@media only screen and (min-width: 641px) {
  .cgvtopicpage .columns > h3 {
    margin-top: 0; }

  .cgvtopicpage .columns .card-thumbnail-text > h3 {
    margin-top: 1em; }

  .card-thumbnail-image {
    padding-left: 0; }
 }

@media only screen and (max-width: 1024px) {
  .landing-thumb-image {
    display: none; }

  .landing-thumb-text {
    width: 100%;
    padding-left: 0em; }
 }

/****************** END Topic Pages ********************/
/****************** Begin Nokia Maps ********************/
#mapContainer {
  width: 100%;
  height: 354px;
  border: 1px solid #BDBDBD;
  margin: 15px auto 13px auto;
  padding: 1px; }
  #mapContainer img {
    max-width: 1024px;
    max-width: initial; }
  #mapContainer .conceal {
    visibility: hidden; }
  #mapContainer .note, #mapContainer .log {
    background-color: #000;
    border-width: 2px;
    display: table-cell;
    margin: 0;
    padding: 8px 0 0 8px;
    position: absolute;
    width: 240px;
    z-index: 999;
    height: auto; }
  #mapContainer .log {
    padding: 8px 0 0 0;
    bottom: 10px;
    position: fixed; }
  #mapContainer .note[aria-hidden="true"], #mapContainer .log[aria-hidden="true"] {
    display: none; }
  #mapContainer .note_not_msie7 {
    left: 8px;
    top: 60px; }
  #mapContainer .note_msie7 {
    right: 8px;
    top: 60px; }
  #mapContainer .note a, #mapContainer .log a {
    color: #fff;
    font-weight: bold;
    text-decoration: underline; }
  #mapContainer .note .title {
    float: left;
    position: relative;
    width: 196px;
    min-height: 40px;
    margin-bottom: 5px; }
  #mapContainer .note_msie7 .title {
    width: 180px; }
  #mapContainer .note p {
    margin: 0 0 10px 0; }
  #mapContainer .note input {
    width: 100%;
    height: 30px;
    border: 0; }
  #mapContainer .note input[type="button"] {
    width: 100%;
    border: 0;
    border-radius: 5px;
    background-color: #fff;
    margin: 5px 0;
    height: 30px;
    line-height: 20px;
    cursor: pointer; }
  #mapContainer .note input[type="button"] {
    text-overflow: ellipsis; }
  #mapContainer .note input[type="checkbox"] {
    height: auto;
    width: auto; }
  #mapContainer .note input[type="button"]:hover {
    background-color: #333;
    color: #fff; }
  #mapContainer .note input[type="checkbox"]:hover {
    background-color: white !important; }
  #mapContainer .note input[type="button"]:active {
    background-color: #333;
    color: #fff;
    padding: 2px 0px 0px 2px; }
  #mapContainer .note input[disabled], #mapContainer .note input[disabled]:hover .note input[disabled]:active {
    background-color: white !important;
    color: gray !important;
    padding: 0px !important; }
  #mapContainer .note input[type="radio"] {
    margin-right: 5px;
    width: auto;
    height: auto; }
  #mapContainer .note .close, #mapContainer .log .close {
    color: #fff;
    display: inline;
    float: right;
    font-size: 24px;
    height: 35px;
    line-height: 35px;
    margin: -9px -1px 0 0;
    padding: 0;
    text-align: center;
    text-decoration: none;
    width: 35px;
    z-index: 9999; }
  #mapContainer .note .inner {
    color: #FFF;
    width: 230px;
    height: auto;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 8px 8px 0; }
  #mapContainer .log_msie7 {
    left: 8px;
    bottom: 10px;
    color: #4C4C4C; }
  #mapContainer .log_not_msie78 {
    right: 10px;
    bottom: 10px;
    max-height: 160px;
    color: #4C4C4C; }
  #mapContainer .log .clear {
    color: #fff;
    font-weight: bold;
    line-height: 38px;
    margin: -8px 0 0px 0px;
    position: relative;
    text-align: center;
    background-color: #000;
    width: 207px;
    height: 35px; }
  #mapContainer .log .clear:hover, #mapContainer .log .close:hover {
    border-radius: 0; }
  #mapContainer .log .inner {
    color: #FFF;
    height: 100px;
    margin: 0 1px 1px 0px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 8px 8px 0; }
  #mapContainer .log .consoleElt {
    font-size: 10px;
    max-height: 160px;
    width: 230px; }
  #mapContainer .log .consoleElt p {
    margin: 0;
    padding: 4px;
    width: 100%;
    background-color: #222c42;
    background-color: rgba(39, 60, 65, 0.8); }
  #mapContainer .log .consoleElt p.odd {
    background-color: #273c41;
    background-color: rgba(39, 60, 65, 0.5); }
  #mapContainer .log .consoleElt .title {
    width: 100%;
    color: #fff;
    font-size: 19px;
    font-weight: bold;
    text-align: center;
    margin-top: 20%; }
  #mapContainer #plus {
    text-decoration: none;
    padding: 0px 4px;
    border-radius: 20px;
    border: 2px solid white;
    margin: 10px 0px;
    display: inline-block; }

/****************** END Nokia Maps ********************/
/****************** BEGIN Contact Info styles ********************/
.live-help-button {
  background: url("/publishedcontent/images/images/design-elements/icons/nci-sprite.png") no-repeat -467px -11px;
  display: inline-block;
  width: 164px;
  height: 54px; }

.contact-buttons {
  overflow: auto; }

.contact-buttons a {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 8px 15px 0;
  text-decoration: none;
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
  display: block;
  color: #fff;
  line-height: 24px;
  font-family: 'Montserrat', Arial, sans-serif;
  font-size: 13px; }

.contact-buttons a:hover {
  text-decoration: none; }

.contact-buttons a.phone {
  background-color: #82368c; }

.contact-buttons a.chat {
  background-color: #bb0e3d; }

.contact-buttons a.email {
  background-color: #ff5f00; }

.contact-buttons a.icon {
  padding-left: 11px; }

.contact-buttons a.icon span {
  padding-left: 11px;
  vertical-align: top;
  display: inline-block; }

.contact-buttons a.icon:before {
  background: url("/publishedcontent/images/images/design-elements/icons/nci-sprite.png") no-repeat 0 0;
  content: "";
  display: inline-block;
  height: 27px; }

.contact-buttons a.phone.icon:before {
  background-position: -282px -344px;
  width: 13px; }

.contact-buttons a.chat.icon:before {
  background-position: -307px -344px;
  width: 18px; }

.contact-buttons a.email.icon:before {
  background-position: -123px -104px;
  width: 23px; }

/****************** END Contact Info styles ********************/
/* !-!-!-!-!-!-!-!-!-!-!-!-!-!-!-!-!-!  RESPONSIVE STYLES SECTION  !-!-!-!-!-!-!-!-!-!-!-!-!-!-!-!-!-! */
/* *************************************************************************/
/* MOBILE + TABLET STYLES (SMALL AND MEDIUM) */
/* *************************************************************************/
@media only screen and (max-width: 1024px) {
  .row .row {
    margin-left: auto;
    margin-right: auto; }

  .bcrumbs {
    padding-left: 15px;
    margin-bottom: 0; }

  .shareBtn {
    margin-top: 0; }

  .shareComponent {
    float: right;
    width: initial; }

  .section-head {
    float: none;
    width: 100%; }

  /* hide the TOC on small/medium screens. The accordion serves the same purpose */
  .toc-container {
    display: none; }

  .back-to-top {
    display: none !important; }

  /*** BEGIN Megamenus/Search Styles ***/
  #content {
    padding-top: 0; }

  #page, #mega-nav {
    position: relative;
    left: 0;
    -webkit-transition: left 500ms ease;
    -moz-transition: left 500ms ease;
    -o-transition: left 500ms ease;
    transition: left 500ms ease; }

  html.nav-open #page {
    left: 80%; }

  .fixedtotop {
    -webkit-transition: left 500ms ease;
    -moz-transition: left 500ms ease;
    -o-transition: left 500ms ease;
    transition: left 500ms ease; }

  /* When the panel is closed, transition the page back to the left */
  /* hide search on mobile */
  .search {
    display: none; }

  #nvcgSlMainNav .mobile-menu-bar {
    left: 0px;
    position: relative; }

  #nvcgSlMainNav.searching {
    position: relative; }
    #nvcgSlMainNav.searching .mobile-menu-bar {
      left: -100%;
      height: 100%; }
      #nvcgSlMainNav.searching .mobile-menu-bar .menu-btn {
        position: absolute;
        left: 100%;
        width: 10%;
        margin-right: 0;
        color: transparent;
        z-index: 90;
        background: none; }
        #nvcgSlMainNav.searching .mobile-menu-bar .menu-btn:before {
          /* The arrow in the back to menu button */
          content: " ";
          position: absolute;
          top: 50%;
          left: 25%;
          display: block;
          background: url("/publishedcontent/images/images/design-elements/icons/nci-sprite.png") no-repeat -173px -298px;
          width: 46px;
          height: 18px;
          margin-top: -9px; }
    #nvcgSlMainNav.searching .search {
      /* we use the main search...it's just easier */
      display: block;
      width: 100%;
      position: absolute;
      right: 0px;
      top: 0px;
      height: 100%; }
    #nvcgSlMainNav.searching #siteSearchForm {
      margin: 0;
      background-color: #444; }
      #nvcgSlMainNav.searching #siteSearchForm:before {
        content: " ";
        display: block;
        width: 85%;
        height: 10px;
        border: 2px solid #2BA6CB;
        border-top: none;
        background-color: transparent;
        left: 11%;
        position: absolute;
        bottom: 10px; }
    #nvcgSlMainNav.searching #swKeyword {
      position: relative;
      left: 12.5%;
      height: 100%;
      width: 75%;
      margin: 0;
      padding: 0;
      font-size: 1.375em;
      z-index: 80;
      background-color: transparent; }
      #nvcgSlMainNav.searching #swKeyword:-moz-placeholder {
        color: #888;
        height: 100%;
        position: relative;
        display: block; }
      #nvcgSlMainNav.searching #swKeyword::-moz-placeholder {
        color: #888;
        height: 100%;
        position: relative;
        display: block; }
      #nvcgSlMainNav.searching #swKeyword:-ms-input-placeholder {
        color: #888;
        height: 100%;
        position: relative;
        display: block; }
      #nvcgSlMainNav.searching #swKeyword::-webkit-input-placeholder {
        color: #888;
        height: 100%;
        position: relative;
        display: block; }
    #nvcgSlMainNav.searching #sitesearch {
      display: none; }
    #nvcgSlMainNav.searching #searchclear {
      position: absolute;
      right: 5%;
      top: 0.25em;
      width: 1em;
      height: 1em;
      padding: 0;
      margin: 0;
      border: none;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      background-color: transparent;
      font-family: 'Noto Sans', Arial, sans-serif;
      color: #888;
      font-size: 3em;
      line-height: 1; }
      #nvcgSlMainNav.searching #searchclear:before {
        content: "\00d7";
        font-weight: normal;
        display: block;
        width: 100%;
        height: 100%; }

  /* Move nav off screen, setup transitions */
  #mega-nav {
    visibility: hidden;
    z-index: 1000;
    position: fixed;
    left: -80%;
    top: 0;
    width: 80%;
    height: 100%;
    background-color: #f3f3f2;
    -webkit-box-shadow: -15px 0px 15px -15px rgba(0, 0, 0, 0.6) inset;
    -moz-box-shadow: -15px 0px 15px -15px rgba(0, 0, 0, 0.6) inset;
    box-shadow: -15px 0px 15px -15px rgba(0, 0, 0, 0.6) inset;
    /* Display nav items vertically */
    /* clicked link state */
    /* remove margin from lists */
    /* Level Styles */
    /* list item spacing through the hierarchy */ }
    html.nav-open #mega-nav {
      visibility: visible;
      left: 0.01%; }
    html.nav-moving #mega-nav {
      visibility: visible; }
    #mega-nav > ul > li:first-child {
      display: inherit; }
    #mega-nav ul.menu {
      border-top: 1px solid #888;
      overflow-y: auto;
      height: 100%; }
    #mega-nav li {
      width: 100%;
      box-sizing: border-box;
      border-top: 1px solid #888;
      font-weight: normal;
      background-color: #f3f3f2; }
      #mega-nav li > div {
        position: relative; }
      #mega-nav li a {
        display: inline-block;
        width: 100%;
        min-height: 50px;
        padding-right: 70px;
        color: #606060; }
    #mega-nav .nav-menu li > div > a:active {
      color: #ffffff; }
    #mega-nav ul {
      margin: 0;
      width: 100%; }
    #mega-nav .lvl-1 a, #mega-nav .lvl-2 a, #mega-nav .lvl-3 a {
      font-family: 'Montserrat', Arial, sans-serif; }
    #mega-nav .lvl-1 {
      display: block;
      text-transform: uppercase; }
      #mega-nav .lvl-1 a {
        font-size: 1.2em;
        padding-left: 17px;
        padding-top: 10px;
        padding-bottom: 10px; }
    #mega-nav .lvl-2 {
      display: none;
      text-transform: uppercase; }
      #mega-nav .lvl-2 a {
        font-size: 1.05em;
        padding-left: 31px;
        padding-top: 11.5px;
        padding-bottom: 11.5px; }
    #mega-nav .lvl-3 {
      display: none; }
      #mega-nav .lvl-3 a {
        font-size: 0.84em;
        padding-left: 44px;
        padding-top: 15px;
        padding-bottom: 15px; }
    #mega-nav .contains-current {
      font-weight: bold;
      display: block; }
      #mega-nav .contains-current > .mobile-item > li {
        display: block; }
    #mega-nav .current-page {
      display: block;
      background-color: #14819b;
      color: #ffffff;
      font-weight: bold; }
      #mega-nav .current-page > div > a {
        color: #ffffff; }
    #mega-nav .lvl-1.contains-current .lvl-2, #mega-nav .lvl-2.contains-current .lvl-3, #mega-nav .lvl-1.current-page .lvl-2, #mega-nav .lvl-2.current-page .lvl-3 {
      display: block; }
    #mega-nav .nav-item-title {
      position: relative; }

  .sub-nav-mega {
    display: none; }

  .hidden-sibling {
    display: none; }

  .hidden {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden; }

  /*** END Megamenus/Search Styles ***/
  /*** BEGIN mobile section nav ("tongue") styles ***/
  /* fix the margin (on mobile) for pages with a section nav */
  .has-section-nav {
    margin-top: 1.5em; }

  /* container width */
  .main-content .general-page-body-container .local-navigation {
    padding-left: 5%;
    padding-right: 5%; }

  .section-nav {
    display: none;
    position: absolute;
    top: 1.9375em;
    z-index: 999;
    width: 90%;
    background: white; }

  .section-nav, .section-nav ul, .section-nav ul li {
    margin: 0; }

  .section-nav div {
    position: relative;
    font-size: 0.875em;
    line-height: 1.2;
    padding-top: 14.5px;
    padding-bottom: 14.5px; }

  .section-nav .contains-current > div {
    font-weight: bold; }

  .section-nav div > a {
    display: inline-block; }

  .section-nav ul li {
    border-top: 1px solid #d5d5d2; }

  .section-nav ul > li:first-child {
    border: none; }

  /* these will not apply to the top-level item (currently in blue) */
  .section-nav ul div > a {
    margin-right: 3.8125em;
    color: #606060;
    line-height: 1.5;
    vertical-align: middle; }

  .section-nav div.current-page > a {
    color: white;
    font-weight: bold; }

  /** BEGIN level-by-level styling **/
  /* level 0 */
  .section-nav .level-0 > div {
    font-size: 1.125em;
    font-weight: bold;
    padding-top: 0.625em;
    padding-bottom: 0.625em;
    background-color: #1c5e86; }
    .section-nav .level-0 > div > a {
      color: #FFFFFF;
      margin-left: 0.8888em;
      margin-right: 3.3888em;
      text-transform: uppercase; }

  /* level 1 */
  .section-nav .level-1 > div > a {
    text-transform: none;
    margin-left: 1em; }

  .section-nav .level-1.contains-current {
    background-color: #eeedf4; }

  /* level 2 */
  .section-nav .level-2 > div > a {
    margin-left: 1.875em; }

  /* level 3 */
  .section-nav .level-3 > div > a {
    font-size: 0.9em;
    margin-left: 3.05556em;
    margin-right: 4.23611em; }

  /* level 4 */
  .section-nav .level-4 > div > a {
    font-size: 0.9em;
    margin-left: 4.02778em;
    margin-right: 4.23611em; }

  /** END level-by-level styling **/
  /* this rule to be below the level-by-level styles */
  .section-nav div.current-page {
    background: #14819b; }

  /* style section menu clicker on mobile */
  #section-menu-button {
    position: absolute;
    z-index: 999;
    cursor: pointer;
    text-align: right;
    color: #fff;
    font-size: 0.625em;
    line-height: 1.6;
    min-height: 1.5em;
    padding: 0.75em 2.5em 0.75em 0.75em;
    right: 5%;
    background: #1c5e86 95% 50% no-repeat;
    background-image: url("/publishedcontent/images/images/design-elements/buttons/section-menu-down-arrow.png");
    font-family: 'Montserrat', Arial, sans-serif;
    text-transform: uppercase; }

  #section-menu-button.open {
    background-image: url("/publishedcontent/images/images/design-elements/buttons/section-menu-up-arrow.png"); }

  /* Fallbacks */
  .no-js .section-nav ul {
    display: none; }

  .no-js .section-nav:hover ul, .no-js .section-nav:focus ul {
    display: block; }

  /* section nav grey page overlay - http://css-tricks.com/snippets/jquery/append-site-overlay-div/ */
  #overlay {
    opacity: 0.4;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-color: black;
    width: 100%;
    z-index: 998; }

  /* begin carousel styles */
  /* spacing */
  .slick-slide {
    margin: 0 10px 0 0; }

  /*.slick-slide:last-child {
        margin: 0;
    }*/
  /* opacity on non-active slide items */
  .slick-slide {
    background-color: #000; }

  .slick-slide .container {
    opacity: 0.5; }

  /* overwrite above styles for opacity and background-color */
  .slick-active {
    background-color: #fff; }

  .slick-active .container {
    opacity: 1; }

  .arrows-for-other-nci-sites .previous {
    display: none; }

  .arrows-for-other-nci-sites .next {
    position: absolute;
    right: 20px;
    z-index: 800;
    top: 50%; }

  .arrows-for-other-nci-sites .next {
    display: none; }

  .slick-dots {
    display: none !important; }

  /* end carousel styles */
  .public-use {
    font-size: 0.875em; }

  .syndication {
    font-size: 0.875em; }

  .footer-utility .columns {
    width: 100%; }

  .agencies ul {
    text-align: left; }

  .agencies ul li {
    display: block;
    background: none;
    padding-right: 0;
    margin-right: 0; }

  .hero-text {
    position: absolute;
    bottom: 0;
    color: white;
    background-color: rgba(10, 21, 28, 0.8);
    font-size: 1.2em;
    font-weight: bold;
    width: 100%;
    padding: 0 0.8em;
    left: 0;
    top: auto; }

  .hero-text p {
    line-height: 1;
    margin: 0.2em; }

  .feature-zone-image img {
    display: block;
    margin: 0 auto; }

  .featured-zone {
    margin-right: 0; }

  .home-director-stories, .infographic {
    background: none; }

  .key-facts, .key-points {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    float: none; }

  /* Multimedia row does need padding in tablet */
  .multimedia h3, .multimedia p {
    padding-left: 15px; }

  /*** BEGIN PDQ Styles ***/
  .toptoc {
    display: none; }

  div#_toc_article {
    display: none; }

  section.hide {
    display: block; }

  /*** END PDQ Styles ***/ }

/* *************************************************************************/
/* LARGE AND UP */
/* We created this medium breakpoint so that items could stack on tablet devices */
/* *************************************************************************/
@media only screen and (min-width: 1025px) {
  .contentzone {
    padding-right: 3.125em; }
    .contentzone:first-child {
      padding-left: 3.125em; }

  .toptoc {
    margin-right: -3.90625em; }

  /* large screen styles for TOC */
  #my-toc {
    margin: 10px 0 0 10px; }

  /*** BEGIN Megamenus/Search Styles ***/
  /* hide mobile nav */
  #mega-nav .mobile-item, .mobile-menu-bar, #searchclear {
    display: none !important; }

  #mega-nav .toggle {
    display: none; }

  #mega-nav .nav-item.contains-current > .nav-item-title > a, #mega-nav .nav-item.current-page > .nav-item-title > a {
    background-color: #fff;
    /* the height of the border bottom (7px) is already set. Here we are only changing its color
			/* from transparent to teal. If the border height ever changes, it's changed in one place, not two.
			*/
    border-bottom-color: #14819b;
    color: #2f2f2f; }

  /*** END Megamenus/Search styles ***/
  /*** BEGIN desktop section nav ("left nav") styles ***/
  .general-page-body-container .local-navigation {
    margin-top: 1.3em;
    padding-left: 0;
    padding-right: 38px; }

  /* remove default margin to butt menu up against container */
  .section-nav, .section-nav ul, .section-nav ul li {
    margin-left: 0; }

  .section-nav div {
    position: relative;
    font-size: 0.875em;
    line-height: 1.2;
    padding-top: 0.625em;
    padding-bottom: 0.625em; }

  .section-nav .contains-current > div {
    font-weight: bold; }

  .section-nav .current-page:after {
    left: 100%;
    top: 50%;
    margin-top: -12px;
    border: 12px solid transparent;
    border-right-style: dotted;
    border-left-color: #14819b;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none; }

  .section-nav .current-page + ul, .section-nav .contains-current > ul {
    display: block !important; }

  .section-nav .current-page > .toggle, .section-nav .contains-current > div > .toggle {
    display: none !important; }

  .section-nav div > a {
    display: inline-block;
    color: #606060;
    margin-left: 20px;
    margin-right: 45px; }

  .section-nav div.current-page > a {
    color: white;
    font-weight: bold; }

  /** BEGIN level-by-level styling **/
  /* level 0 */
  .section-nav .level-0 > div {
    font-size: 19px;
    font-weight: bold;
    line-height: 21px;
    padding-top: 0.625em;
    padding-bottom: 0.625em;
    background-color: #1c5e86;
    text-transform: uppercase; }

  .section-nav .level-0 > div > a {
    color: #FFFFFF; }

  /* level 1 */
  .section-nav .level-1 {
    font-size: 15px;
    line-height: 17px;
    border-top: 1px solid #d5d5d2; }

  .section-nav .level-1 > div > a {
    text-transform: none; }

  .section-nav .level-1.contains-current {
    background-color: #eeedf4; }

  .section-nav .level-1 > ul {
    margin-left: 2.0625em; }

  /* level 2 */
  .section-nav .level-2 div > a {
    margin-left: 7px; }

  .section-nav .level-2 > ul {
    margin-left: 0.875em; }

  /* level 3 */
  .section-nav .level-3 > ul {
    margin-left: 0.875em; }

  /* level 4 */
  .section-nav .level-4 > ul {
    margin-left: 0.875em; }

  /** END level-by-level styling **/
  /* this rule to be below the level-by-level styles */
  .section-nav div.current-page {
    background: #14819b; }

  /* hide section menu clicker on desktop */
  #section-menu-button {
    display: none; }

  /*** END desktop section nav ("left nav") styles ***/
  /* equal height cards for desktop, visually push a div to the bottom of it's container */
  .equalheight {
    overflow: hidden; }

  .equalheight .push-to-bottom-desktop {
    height: 100%; }

  .cthp-title {
    margin: 0; }

  .row.hero-slot {
    max-width: 1350px; }

  .row .gutter {
    width: 32%;
    margin-left: 2%; }

  .row .large-6.gutter {
    width: 48.5%;
    margin-left: 2%; }

  .row .gutter:first-child {
    margin-left: 0; }

  .nvcgSlLayoutGuideB .card:first-child {
    margin-left: 2%; }

  /* MegaMenu styles for side exits */
  nav .sub-nav-group-wrapper {
    max-width: 70em; }

  nav .sub-nav-group-subwrapper {
    max-width: 62.5em;
    margin: 0 auto; }

  /*CAROUSEL STYLES*/
  /* desktop arrows */
  .arrows-for-other-nci-sites .next {
    background: transparent url("/publishedcontent/images/images/design-elements/buttons/blue-arrow-right.png") no-repeat 0 0; }

  .arrows-for-other-nci-sites .next:hover {
    background: transparent url("/publishedcontent/images/images/design-elements/buttons/red-arrow-right.png") no-repeat 0 0; }

  .arrows-for-other-nci-sites .previous {
    background: transparent url("/publishedcontent/images/images/design-elements/buttons/blue-arrow-left.png") no-repeat 0 0; }

  .arrows-for-other-nci-sites .previous:hover {
    background: transparent url("/publishedcontent/images/images/design-elements/buttons/red-arrow-left.png") no-repeat 0 0; }

  /* spacing */
  .slick-slide .container {
    margin: 0 11px; }

  /** BEGIN PDQ Styles **/
  section.hide, div.hide {
    display: none; }

  section.show, div.show {
    display: block; }

  /** END PDQ Styles **/
  /** BEGIN Feature Primary Row **/
  .feature-primary a:hover h3 {
    color: white; }

  .feature-primary-title {
    display: none; }

  /** End Feature Primary Row **/
  .medium-1 {
    position: relative;
    width: 8.33333%; }

  .medium-2 {
    position: relative;
    width: 16.66667%; }

  .medium-3 {
    position: relative;
    width: 25%; }

  .medium-4 {
    position: relative;
    width: 33.33333%; }

  .medium-5 {
    position: relative;
    width: 41.66667%; }

  .medium-6 {
    position: relative;
    width: 50%; }

  .medium-7 {
    position: relative;
    width: 58.33333%; }

  .medium-8 {
    position: relative;
    width: 66.66667%; }

  .medium-9 {
    position: relative;
    width: 75%; }

  .medium-10 {
    position: relative;
    width: 83.33333%; }

  .medium-11 {
    position: relative;
    width: 91.66667%; }

  .medium-12 {
    position: relative;
    width: 100%; }

  .row .medium-offset-0 {
    position: relative;
    margin-left: 0%; }

  .row .medium-offset-1 {
    position: relative;
    margin-left: 8.33333%; }

  .row .medium-offset-2 {
    position: relative;
    margin-left: 16.66667%; }

  .row .medium-offset-3 {
    position: relative;
    margin-left: 25%; }

  .row .medium-offset-4 {
    position: relative;
    margin-left: 33.33333%; }

  .row .medium-offset-5 {
    position: relative;
    margin-left: 41.66667%; }

  .row .medium-offset-6 {
    position: relative;
    margin-left: 50%; }

  .row .medium-offset-7 {
    position: relative;
    margin-left: 58.33333%; }

  .row .medium-offset-8 {
    position: relative;
    margin-left: 66.66667%; }

  .row .medium-offset-9 {
    position: relative;
    margin-left: 75%; }

  .row .medium-offset-10 {
    position: relative;
    margin-left: 83.33333%; }

  .row .medium-offset-11 {
    position: relative;
    margin-left: 91.66667%; }

  .contact-infos-mobile {
    display: none; }
 }

/* *************************************************************************/
/* MOBILE STYLES (SMALL) */
/* *************************************************************************/
@media only screen and (max-width: 640px) {
  figure.image-right-medium, figure.image-right-small {
    width: 100%;
    margin: 0 0 1em 0; }

  .hero-slot {
    display: none; }

  /* remove padding on language links to fit all on one line */
  .sitewide-language {
    padding-right: 0; }

  /* no gutter on left and right in mobile */
  .card, .card-thumbnail div {
    padding-right: 0;
    padding-left: 0; }

  .bcrumbs {
    display: none; }

  /* Hide 'On This Page' section on PDQ & factsheet pages */
  #pdq-toc-article nav.on-this-page, body.cgvfactsheet nav.on-this-page {
    display: none; }

  .site-footer {
    background-position: -120% 150px; }

  .card-thumbnail .small-2 {
    width: 0; }

  .card-thumbnail .small-10 {
    width: 100%; }

  .card-thumbnail h3 {
    margin-top: 0; }

  table .article-image-enlarge {
    font-size: 7px;
    margin-top: -5px;
    padding-left: 3px !important;
    padding-right: 24px !important; }

  .guide-card {
    padding: 0; }

  .guide-title h2 {
    display: none; }

  /** CTHP styles **/
  .cthp-body {
    float: none;
    width: 100%; }

  .cthp-title {
    margin-top: 0; }

  .cthp-card-container {
    margin-top: 0;
    padding-left: 0.9375em;
    padding-right: 0.9375em; }

  .cthp-card-container img {
    display: none; }

  .cthp-intro-multimedia h3 {
    text-transform: uppercase; }

  .cthp-treatment, .cthp-research, .cthp-causes, .cthp-genetics, .cthp-screening, .cthp-survival, .cthp-general {
    margin-bottom: 0; }

  .cthp-treatment div:hover, .cthp-research div:hover, .cthp-causes div:hover, .cthp-genetics div:hover, .cthp-screening div:hover, .cthp-survival div:hover, .cthp-general div:hover {
    background-color: white; }

  .cthp-content {
    background: white; }

  .cthp-content h1 {
    color: #606060; }

  .cthp-version-toggle {
    float: none;
    background-color: white;
    display: inline-block;
    margin-top: 0; }
    .cthp-version-toggle:before {
      content: "";
      background: url("/publishedcontent/images/images/design-elements/icons/nci-sprite.png") no-repeat -467px -217px;
      position: relative;
      right: -230px;
      top: 24px; }
    .cthp-version-toggle a {
      padding: 0 40px 0 0; }
    .cthp-version-toggle:before:hover, .cthp-version-toggle:focus {
      content: "";
      background: url("/publishedcontent/images/images/design-elements/icons/nci-sprite.png") no-repeat -382px -217px; }

  .row .tp20 {
    margin-top: 0; }

  /** END CTHP styles **/
  .dynamic {
    padding: 0 15px; }

  .large-8 .list .container.image + .container.title {
    width: 100%; }

  .news-share {
    margin: 0; }

  .news .list .general-list-item a.news-footer {
    padding-left: 15px; }

  .guide-card {
    margin-bottom: 0;
    margin-top: 0; }

  .guide-card .card, .guide-card .featured-card {
    background: #1d5e86;
    padding-top: 0;
    padding-bottom: 0;
    margin: 0; }

  .guide-card .card h3 {
    color: white;
    background: url("/publishedcontent/images/images/design-elements/buttons/small-arrow.png") 95% center no-repeat;
    border-bottom: 1px solid black;
    padding: 0.3em 0.9375em;
    margin: 0; }

  .guide-card .card h3.last {
    border-bottom: none; }

  .contact-infos-desktop {
    display: none; }

  .media-contact-info {
    display: block; }

  /** Hide auto-generated OTP on mobile accordion collapse */
  .hide-otp-on-collapse {
    display: none; }
 }

/* *************************************************************************/
/* TABLET STYLES (MEDIUM) */
/* *************************************************************************/
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  /** Hide feature card title on tablets and up **/
  .site-footer {
    background-position: 130% 150px; }

  .contact-infos-mobile {
    display: none; }
 }

/* *************************************************************************/
/* DESKTOP STYLES (LARGE) */
/* *************************************************************************/
/* *************************************************************************/
/* X-LARGE DISPLAY STYLES (EXTRA LARGE) */
/* *************************************************************************/
@media only screen and (min-width: 1441px) {
  .row, nav .sub-nav-group-wrapper {
    max-width: 1200px; }

  /* MegaMenu styles for side exits */
  nav .sub-nav-group-wrapper {
    max-width: 90em; }

  nav .sub-nav-group-subwrapper {
    max-width: 75em;
    margin: 0 auto; }
 }

/* !-!-!-!-!-!-!-!-!-!-!-!-!-!-!-!-!-!  END RESPONSIVE STYLES SECTION  !-!-!-!-!-!-!-!-!-!-!-!-!-!-!-!-!-! */
@media only screen and (min-width: 1025px) {
  /* mega menu list */
  .nav-menu {
    display: block;
    /* removing style to allow for full screen width mega menu
		position: relative; */
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 15; }

  /* a top level navigation item in the mega menu */
  .nav-menu .nav-item {
    list-style: none;
    float: left;
    padding: 0;
    margin: 0; }

  /* first descendant link within a top level navigation item */
  .nav-item > .nav-item-title > a {
    position: relative;
    width: 100%;
    display: inline-block;
    padding: 14px 7.5px 7.5px;
    margin: 0;
    border-bottom: 7px solid transparent;
    font-size: 14px;
    color: #fff;
    font-family: 'Montserrat', Arial, sans-serif;
    text-transform: uppercase;
    text-align: center; }

  /* nav item spacing for breakpoints, decreasing spacing as screen gets smaller (desktop) */
  .nav-menu .level-1 {
    display: block; }

  .nav-search-bar nav {
    width: 75%;
    float: left; }

  .nav-menu .level-1 {
    display: none; }

  /* focus/open states of first descendant link within a top level navigation item */
  .nav-item > .nav-item-title > a:focus, .nav-item > .nav-item-title > a.open {
    background-color: #fff;
    color: #2f2f2f; }

  /* Active state for top level items when you are in that section of the site */
  .nav-item > .nav-item-title > a.active {
    background-color: #fff;
    /* the height of the border bottom (7px) is already set. Here we are only changing its color
		 * from transparent to teal. If the border height ever changes, it's changed in one place, not two.
		 */
    border-bottom-color: #14819b;
    color: #2f2f2f; }

  /* open state of first descendant link within a top level navigation item */
  .nav-item > .nav-item-title > a.open {
    /*
		background-color: #fff;
		border-bottom: none;
		*/
    z-index: 1; }

  /* sub-navigation panel */
  .sub-nav-mega {
    /* display mega menu over content */
    z-index: 999;
    position: absolute;
    /* make menu the width of the entire nav bar */
    left: 0;
    padding: 0.5em 1em;
    border: 1px solid #dedede;
    -webkit-box-shadow: 0 11px 15.2px 0.8px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 11px 15.2px 0.8px rgba(0, 0, 0, 0.4);
    box-shadow: 0 11px 15.2px 0.8px rgba(0, 0, 0, 0.4);
    border-top: none;
    background-color: #fff;
    width: 100%;
    visibility: hidden;
    -webkit-transition: visibility 0s linear 0ms;
    -moz-transition: visibility 0s linear 0ms;
    -o-transition: visibility 0s linear 0ms;
    transition: visibility 0s linear 0ms;
    /* sub-navigation panel open state */ }
    .sub-nav-mega.open {
      visibility: visible;
      -webkit-transition-delay: 500ms;
      -moz-transition-delay: 500ms;
      -o-transition-delay: 500ms;
      transition-delay: 500ms; }

  /* allow mega menu to span full width of screen while keep menu items within limits of content */
  .sub-nav-group-wrapper {
    max-width: 1200px;
    margin: 0 auto; }

  /* list of items within sub-navigation panel */
  .sub-nav-mega ul {
    display: inline-block;
    vertical-align: top;
    margin: 0 2% 0 0;
    padding: 0;
    line-height: 1.3em; }

  /* make columns out of sub nav groups */
  .sub-nav-mega .sub-nav-group {
    width: 22%;
    /* using pixel value because we don't want this to change if user changes their default computer text size (no ems) */
    margin-bottom: 20px; }

  /* mega menu group headers (level 2) */
  .sub-nav-group-header {
    font-size: 1.0625em;
    text-transform: uppercase;
    font-weight: bold;
    color: #2b7bba;
    display: block;
    font-family: 'Montserrat', Arial, sans-serif; }

  /* sub nav group header hover color */
  .sub-nav-group-header:hover, .sub-nav-group-header:focus {
    color: #BB0E3D; }

  /* vertical line for Cancer Types menu */
  .sub-nav-mega .cancer-types-border-container {
    width: 66%; }
  .cancer-types-border-container > li {
    border-right: 1px solid #000; }
    .cancer-types-border-container > li > ul {
      width: 31.33333%;
      margin-right: -4px; }
      .cancer-types-border-container > li > ul:first-child {
        margin-right: 0px; }

  /* mega menu group links (level 3) */
  .sub-nav-group ul li a {
    font-size: 0.9375em;
    color: #2f2f2f; }

  .sub-nav-group ul li a:hover, .sub-nav-group ul li a:focus {
    text-decoration: underline; }

  /* decrease height of mega menu and add scroll bar */
  .mega-menu-scroll {
    max-height: 300px;
    overflow: auto; }

  /* list item within sub-navigation panel */
  .sub-nav-mega li {
    display: block;
    list-style-type: none;
    /* spacing between links */
    margin: 8px 0 0 0;
    padding: 0; }
 }

@media only screen and (min-width: 1441px) {
  .nav-item > .nav-item-title > a {
    padding: 14px 20px 8px; }
 }

.nav-menu .nav-item {
  line-height: 2em; }
  html[lang="es"] .nav-menu .nav-item.item-1 {
    line-height: 2em; }
    @media only screen and (min-width: 1025px) and (max-width: 1440px) {
      html[lang="es"] .nav-menu .nav-item.item-1 {
        width: 107.5px; } }
    @media only screen and (min-width: 1441px) {
      html[lang="es"] .nav-menu .nav-item.item-1 {
        width: 133px; } }
  html[lang="es"] .nav-menu .nav-item.item-2 {
    line-height: 2em; }
    @media only screen and (min-width: 1025px) and (max-width: 1440px) {
      html[lang="es"] .nav-menu .nav-item.item-2 {
        width: 159.5px; } }
    @media only screen and (min-width: 1441px) {
      html[lang="es"] .nav-menu .nav-item.item-2 {
        width: 183px; } }
  html[lang="es"] .nav-menu .nav-item.item-3 {
    line-height: 2em; }
    @media only screen and (min-width: 1025px) and (max-width: 1440px) {
      html[lang="es"] .nav-menu .nav-item.item-3 {
        width: 141.5px; } }
    @media only screen and (min-width: 1441px) {
      html[lang="es"] .nav-menu .nav-item.item-3 {
        width: 166px; } }
  html[lang="es"] .nav-menu .nav-item.item-4 {
    line-height: 1em; }
    @media only screen and (min-width: 1025px) and (max-width: 1440px) {
      html[lang="es"] .nav-menu .nav-item.item-4 {
        width: 142.5px; } }
    @media only screen and (min-width: 1441px) {
      html[lang="es"] .nav-menu .nav-item.item-4 {
        width: 167px; } }
  html[lang="es"] .nav-menu .nav-item.item-5 {
    line-height: 2em; }
    @media only screen and (min-width: 1025px) and (max-width: 1440px) {
      html[lang="es"] .nav-menu .nav-item.item-5 {
        width: 94.5px; } }
    @media only screen and (min-width: 1441px) {
      html[lang="es"] .nav-menu .nav-item.item-5 {
        width: 120px; } }
  html[lang="es"] .nav-menu .nav-item.item-6 {
    line-height: 1em; }
    @media only screen and (min-width: 1025px) and (max-width: 1440px) {
      html[lang="es"] .nav-menu .nav-item.item-6 {
        width: 101.5px; } }
    @media only screen and (min-width: 1441px) {
      html[lang="es"] .nav-menu .nav-item.item-6 {
        width: 127px; } }

@media only screen and (max-width: 640px) {
  #nvcgSlMainNav.searching .mobile-menu-bar .menu-btn:before {
    left: 10%; }

  #nvcgSlMainNav.searching #siteSearchForm:before {
    width: 80%;
    left: 16%; }

  #nvcgSlMainNav.searching #swKeyword {
    width: 70%;
    left: 17.5%; }
 }
@media only screen and (max-width: 390px) {
  #nvcgSlMainNav.searching #searchclear {
    top: 0.0625em; } }

/* PRINT STYLES --------------------------------- */
@media print {
  html {
    font-size: 75%; }

  nav, .navigation, .nav, .language-bar, .nav-search-bar, .fixedtotop, .breadcrumbs, .bcrumbs, .page-options, .local-navigation, #section-menu-button, .site-footer, #nvcgSlNotificationArea, .toptoc, .pagination, .syndication, .article-image-enlarge, .previous-next-links, .general-page-body-container > div.large-12, .cthp-version-toggle, .hero, .carousel-title, .other-nci-sites, .icon-exit-notification {
    display: none !important; }

  a {
    text-decoration: none !important;
    border-bottom: none !important; }

  .contentzone {
    width: 100%;
    padding-right: 0; }

  .main-content, .nci-logo, .cthp-content {
    background: none; }

  .nci-logo-pages {
    font-size: 32px; }

  .nci-logo a, .columns.contentzone, .cthp-content .columns {
    padding-left: 0; }

  .nci-logo {
    background: none; }

  .nci-logo a span {
    display: block;
    position: relative;
    left: 0; }

  #nvcgSlCTHPIntro .row, .cthp-card-container {
    margin-left: 0 !important;
    margin-right: 0 !important; }

  .general-page-body-container {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }

  .cthp-content h1 {
    color: inherit; }
 }

/* END PRINT STYLES ----------------------------- */
/* HACK STYLES */
body.cgvfactsheet h2 p {
  line-height: inherit;
  margin: inherit; }

.featured-text.funding-announcements {
  color: inherit !important;
  padding: 1.875em; }
  .featured-text.funding-announcements > h2 {
    margin-top: 0;
    font-size: 1.5em;
    line-height: 1.215; }
    @media only screen and (min-width: 641px) and (max-width: 750px) {
      .featured-text.funding-announcements > h2 {
        font-size: 20px; } }
  .featured-text.funding-announcements .title > a {
    display: inline; }
  .featured-text.funding-announcements .description {
    font-size: 1.125em; }
  .featured-text.funding-announcements .arrow-link {
    font-size: 1.125em;
    color: #2e2e2e; }

/* END HACK STYLES */
/*# sourceMappingURL=nvcg.css.map */