/* =====================================================
	Temporary for Content Highlights while Editing with NCI

===================================================== */
.highlight { background-color:#FF3; }

/* =====================================================
	Structure
===================================================== */
html { overflow-y: scroll; font-family: "Source Sans Pro", "Lucida Sans Unicode", Arial, sans-serif; background: #4b334b; }
body { position: relative; }
.white-bg { background: #fff; padding: 3em 0; }
.grayWell { background: #f3f3f3; padding: 2em; border: 1px solid #ccc; margin: 1em 0 2em 0; }
.aside { padding: 1em!important; margin-top: 0; font-size: .96em; } /* smaller grayWell */
.emphasize { margin-left: 5%; border-left: 2px solid #b93164; padding-top: .85em; padding-bottom: 0; }
	/* resources landing page */
	.leftWrap { padding-right: 4em; border-right: 1px solid #ccc; }
	.rightWrap { padding-left: 4em; }
@media (max-width: 61.99em) {
	.white-bg { padding-top: 2em; }
	.grayWell { padding: 2em 1em 1em 1em; margin-bottom: 1em; }
}
@media (max-width: 47.99em) {
	.leftWrap { padding: 0 0 2em 0; border-right: none; }
	.rightWrap { padding: 2em 0 0 0; }
}

/* =====================================================
	Typography
===================================================== */
/* Headings */
/* merriweather-700 - latin */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local(''),
       url('/f/merriweather-v22-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
}

/* Body Type */
/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local(''),
       url('/f/source-sans-pro-v14-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
}

/* source-sans-pro-700 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local(''),
       url('/f/source-sans-pro-v14-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
}


h1, h2, h3, h4, h5, h6 { font-family: Merriweather, Georgia, serif; margin-top: 0; }
h1 { display: inline-block; border-bottom: 6px solid #dfdfdf; margin-bottom: 1em; line-height: 1.25; font-size: 1.5em;  }
	h1 span { font-weight: normal; font-size: .85em; }
h2 { font-size: 1.2em; }
h2, h3 { margin-bottom: .5em; }
p { margin-top: 0; }
li { margin-bottom: .2em; }

.sr-only { clip: rect(0 0 0 0); height: 1px ;margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.borderTop { display: block; border: none; border-top: 1px solid #ccc; position: relative; padding-top: .5em; }
.borderTop:after { content:""; position: absolute; top: -4px; left: 0; width: 33%; height: 8px; background: #4b334b; }
.borderTop a { text-decoration: none; }

.smaller { font-size: .9em; }
.center { text-align: center; }
.lead { font-size: 1.3em; }
.sub-lead { font-size: 1.1em; line-height: 1.5; }
.pullQuote { margin: 1em 0 2em 0; border-bottom: 1px solid #ccc; padding: 1em 0 1.5em 0; }
.pullQuote::before { content: "/ /"; background: #fff; color: #b93164; display: inline-block; font-style: italic; font-weight: bold; font-size: .6em; height: 10px; padding: 0 0.25em; position: absolute; bottom: -3px; width: 25px; left: 50%; margin-left: -10px; text-align: center; }
.pullQuote p { font-style: italic; font-size: 1.65em; line-height: 1.2; margin: 0; }
.pullQuote .arrow-link { margin: .5em 0 0 0; }

::selection { background: #f5e1f5; text-shadow: 0 1px 0 #fff; }  
::-moz-selection { background: #f5e1f5; text-shadow: 0 1px 0 #fff; }  
::-webkit-selection { background: #f5e1f5; text-shadow: 0 1px 0 #fff; }


/* =====================================================
	Link Types
===================================================== */
a { color: #0071bc; transition: color .3s ease-in-out; }
div[role="main"] p a:visited, div[role="main"] li a:visited { color: purple; }
a:hover, a:focus { color: #b93164; transition: color .3s ease-in-out; }
.returnTop a:visited { color: #0071bc; }
.returnTop a:visited:hover { color: #b93164; }

.skip { position: absolute; top: -10em; left: 0; color: #333; width: 100%; background: #f3f3f3; padding: .25em; transition: none; }
.skip:focus { top: 0; z-index: 1000000; transition: none; }

h4 a { text-decoration: none; }

.returnTop { text-align: right; font-size: .85em; margin-bottom: 3em; border-bottom: 1px dotted #ccc; }
.returnTop a { text-decoration: none; background: #fff; position: relative; top: .65em; }
	.returnTop a::before, .returnTop a::after { display: inline-block; opacity: 0; -webkit-transition: -webkit-transform 0.3s, opacity 0.2s; -moz-transition: -moz-transform 0.3s, opacity 0.2s; transition: transform 0.3s, opacity 0.2s; }
	.returnTop a::before { margin-right: 5px; content: '['; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); transform: translateX(20px); }
	.returnTop a::after { margin-left: 5px; content: ']'; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); transform: translateX(-20px); }
	.returnTop a:hover::before, .returnTop a:hover::after, .returnTop a:focus::before, .returnTop a:focus::after { opacity: 1; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); transform: translateX(0px); }

.arrow-link { display: inline-block; color: #0071bc; padding-left: 1.5em; margin-bottom: 1em; background: url("../i/blue-circle-arrow.png") left 3px no-repeat; text-decoration: none; transition: background .2s ease-in-out; }
	.arrow-link:hover, .arrow-link:focus { background-position: .15em 3px; transition: background .2s ease-in-out; }
	
.foot-link { text-decoration: none; font-weight: normal; }

.cta-regular, #btnSubmit, .searchEntry2 input[type="submit"] { display: inline-block; padding: .5em 1.5em; border: 1px solid #ccc; box-shadow: 0 1px 0 #ccc; border-radius: 5px; color: #b93164; text-decoration: none; font-weight: bold; background: #fff; background: linear-gradient(#fff 30%, #e3e2e2); transition: border-color .3s ease-in-out; }
.cta-regular span { display: block; padding-right: 2em; }
	.cta-regular:hover, .cta-regular:focus, #btnSubmit:hover, #btnSubmit:focus, .searchEntry2 input[type="submit"]:hover, .searchEntry2 input[type="submit"]:focus { border-color: #b93164; transition: border-color .3s ease-in-out; }

.cta-fancy { display: block; background: #0071bc url("../i/cta-map.jpg") right center no-repeat; color: #fff; margin: 2em 0 3em 0; text-decoration: none; overflow: hidden; transition: all .3s ease-in-out; box-shadow: inset 3em 0 0 #0071bc; }
.cta-fancy div { background: #0071bc; padding: 1em; border-right: 2px solid #fff; width: 12em; transform: skew(-35deg); transition: all .3s ease-in-out; }
.cta-fancy span { display: inline-block; padding-right: 1.5em; background: url("../i/white-circle-arrow.png") right center no-repeat; transform: skew(35deg); transition: all .3s ease-in-out; }
	.cta-fancy:hover, .cta-fancy:focus { color: #fff; background: #0b598c url("../i/cta-map.jpg") right -.2em center no-repeat; transition: all .3s ease-in-out; box-shadow: inset 3em 0 0 #0b598c; }
	.cta-fancy:hover div, .cta-fancy:focus div { background: #0b598c; width: 12.5em; transition: all .3s ease-in-out; }
	.cta-fancy:hover span, .cta-fancy:focus span { padding-right: 2.5em; transition: all .3s ease-in-out; }


/* =====================================================
	Header
===================================================== */
.header { background: #fff; }
.header .container { position: relative; }
.nciLogo { padding: 23px 23px 23px 0; width: 100%; max-width: 654px; display: inline-block; line-height: 0; }
.nciLogo svg { max-height: 54px; max-width: 654px; } 
.header .contact { position: absolute; top: 0; right: 0; padding: .25em 1em; display: inline-flex; align-items: center; background: #f3f3f3; border: 1px solid #ccc; border-top: none; border-radius: 0 0 3px 3px; color: #333; text-decoration: none; font-size: .9em; transition: .1s all ease-in-out; box-shadow: inset 0 2px 0 transparent; }
.contact svg { margin-right: .35rem; }
.header .contact:hover, .header .contact:focus { padding-top: .5em; background: #fff; transition: .1s all ease-in-out; box-shadow: inset 0 2px 0 #b93164, 0 2px 4px rgba(0,0,0,.15); }

@media (max-width: 61.99em) { .nciLogo { padding: 18px 18px 18px 0; } }
@media (max-width: 34.99em) { .nciLogo { padding: 12px 12px 12px 0; } .header .contact { display: none; } }

/* IE 8 NCI Logo Fallback */
.ie-logo-desk { display: block; }
.ie-logo-mob, .ie-logo-tab { display: none; }
@media (max-width: 61.99em) { .ie-logo-desk { display: none; } .ie-logo-tab { display: block; } }
@media (max-width: 34.99em) { .ie-logo-tab { display: none; } .ie-logo-mob { display: block; } }

#skip, #skip:hover, #skip:visited { position: absolute; top: -20em; right: 44%; padding: .7em 1.5em; font-weight: bold; border: 2px solid #ccc; border-top: none; border-radius: 0 0 3px 3px; transition: all .2s ease-in-out; }
#skip:active, #skip:focus { position: absolute; top: 0; color: #a90101; background: #fff; box-shadow: 0 1px 5px rgba(0,0,0,.7); }

.searchForm { margin-top: .75em; }
.searchForm input[type="text"] { width: 100%; border-right: none; margin-bottom: 0; }
.searchForm input[type="submit"] { width: 100%; padding: .25em 0; color: #fff; background: #b93164 url() center no-repeat; border-color: #b93164; border-left: none; border-radius: 0 3px 3px 0; transition: .3s background-color linear; }
	.searchForm input[type="submit"]:hover, .searchForm input[type="submit"]:focus { background-color: #9c1d4c; transition: .3s background-color linear; }

.ribbon { background: #4b334b; color: #fff; padding: .5em 0; font-size: 1.1em; letter-spacing: .03em; }

@media (max-width: 34.99em) { .ribbon { font-size: 1em; } }

/* =====================================================
	Navigation
===================================================== */
.navBar { background: #f3f3f3; border-bottom: 1px solid #ccc; position: relative; }
#menu-button, #search-tog { display: none; }

@media (max-width: 47.99em) {
	.navBar { padding: .5em 0; position: relative; }
	#menu-button, #search-tog { display: block; width: 50%; border-radius: 3px 0 0 3px; }
	#search-tog { position: absolute; top: 8px; right: 0; width: 47.5%; margin-right: 2.5%; border-radius: 0 3px 3px 0; }
	
	/* hide the menu when it has the "collapsed" class set by the script */
	#main-menu, #main-search { display: none; }
	.js #main-menu, .js #main-search { display: block; }
	.js #main-menu.collapsed, .js #main-search.collapsed { display: none; }
}

/* =====================================================
	Footer
===================================================== */
.footer { font-size: .9em; padding-bottom: 3em; text-align: center; }
.footer ul { list-style: none; margin: 0; padding: 0; }
.footer a { color: #ccc; text-decoration: none; }
	.footer a:hover, .footer a:focus { color: #fff; text-decoration: none; }
.footNav { background: #f3f3f3; border-top: 1px solid #ccc; padding: 2em; text-align: left; }
.footNav a { color: #0071bc; transition: color .3s ease-in-out; }
	.footNav a:hover, .footNav a:focus { color: #b93164; }

.serviceWrap { padding: 1.5em 5% 1.5em 12em; border-right: 1px solid #ccc; margin-right: 5%; background: url("../i/ftr-us.jpg") left center no-repeat; }

.footer .institutes { margin: 2em 0 1em; }
.footer .institutes li { display: inline-block; padding: 0 .5em; border-right: 1px solid #ccc; background: #4b334b; /* BG is for 508 false positive */}
	.institutes li:last-child { border-right: none; }
.tagline { color: #ccc; background: #4b334b; /* BG is for 508 false positive */}

@media (max-width: 47.99em) {
	.serviceWrap { border: none; margin: 0 4% 1em; padding-right: 0; }
	.footer ul { text-align: center; margin-top: .75em; }
	.footer .smallNav { border-bottom: 1px solid #ccc; padding-bottom: .75em; }
	.footer li { display: inline-block; margin: 0 3%; }
	.footer .institutes { float: left; }
	.footer .institutes li { padding: 0; margin: 0; border: none; text-align: left; display: block; }
	.tagline { float: right; margin-top: 2em; }
}
@media (max-width: 34.99em) {
	.serviceWrap { padding: 7em 0 0 0; background-position: top center; text-align: center; }
	.footer .institutes { float: none; }
	.footer .institutes li { text-align: center; }
	.tagline { float: none; }
}


/* =====================================================
	Home
===================================================== */
.surveyWrap { font-size: 96%; background: #f3f3f3; padding: .75em .75em 0 .75em; border-radius: 6px; }
	.home .surveyWrap {  margin-left: 10%; }
.surveyWrap h2 { font-size: 1.2em; }
.surveyWrap .tile { box-shadow: 0 1px 3px rgba(0,0,0,.2); }

@media (max-width: 47.99em) {
	.surveyWrap { font-size: 100%; margin: 0!important; }
}

/* =====================================================
	About
===================================================== */
.js .faq { border: 1px solid #ccc; border-bottom: none; }
.js .last { border-bottom: 1px solid #ccc; }

.toggle { text-decoration: none; display: block; padding: .5em 1em .5em 2.5em; background: #f3f3f3 url("../i/toggle.png") 15px 15px no-repeat; }
	.open { border-bottom: 1px solid #ccc; background-position: 15px -85px; }
.toggle h3 { margin: 0; font-weight: normal; font-size: 1em; font-family: "Source Sans Pro", "Lucida Sans Unicode", Arial, sans-serif; }
.toggle h3 strong { font-size: 1.35em; }
.js .answer { padding: 1em 1em 1em 2.5em; }
.js .dropcap:first-child:first-letter { font-size: 1.6em; float: left; padding: .5em 0.1em 0 0; margin-right: .35em; line-height: 1; font-weight: bold; }

.accessibleHidden { display: none !important; }

/* =====================================================
	Estimates
===================================================== */
/* Get Started */
.getStarted-wrap { background: #f3f3f3; border-radius: 6px; padding: 1em; }
.getStarted-lead { background: #4b334b; color: #fff; padding: .5em 1em .01em; margin-top: 1em; border-radius: 6px 0 0 6px; }
.getStarted { list-style: none; margin: 0; padding: 0; background: #fff; border-radius: 6px; border: 1px solid #ccc; border-top: none; box-shadow: 0 1px 2px rgba(0,0,0,.4); }
.getStarted li { padding: .85em 1em; border-top: 1px solid #ccc; margin: 0; }
	.getStarted li:first-child { border-radius: 6px 6px 0 0; }
	.getStarted li:last-child { border-radius: 0 0 6px 6px; }
.getStarted li p { margin: 1em 1em 1em 1.6em; padding-left: .65em; border-left: 4px solid #e3e3e3; }
.getStarted .arrow-link { margin: 0; }
.js .getStarted li p { display: none; }

/* dropdown controls */
#controls { border-bottom: 1px dotted #bbb; padding-bottom: .5em; margin-bottom: 1.5em; }
#controls label { font-weight: bold; }

/* tabbed interface */	
a[role="tab"] { background: #fff; color: #0071bc; text-decoration: none; padding: .5em 3em; display: inline-block; margin-right: 0.25em; border: 1px solid #ccc; border-bottom: 0; font-weight: bold; box-shadow: inset 0 -14px 6px rgba(0,0,0,.075); transition: color .3s linear, box-shadow .3s linear; }
a[aria-selected], a[role="tab"]:focus { background: #fff; color: #222; position: relative; top: 1px; border-top: 2px solid #b93164; box-shadow: none; z-index: 5; }
a[role="tab"]:focus, a[role="tab"]:hover { color: #b93164; box-shadow: none; transition: color .3s linear, box-shadow .3s linear; }
[role="tablist"] { margin: 0; padding: 0; }
[role="tablist"] li { display: inline-block; list-style: none; margin: 0; }
[role="tabpanel"] { margin-top: 0; padding: 1.5em; border: 1px solid #ccc; background: #fff; }
[role="tabpanel"][aria-hidden="true"] { display: none; }
[role="tabpanel"]:focus { outline: thin dotted; }

/* DataTables Overwrites */
div.dt-buttons { float: right!important; }
a.dt-button { padding: .25em 1em!important; }
#myTable_wrapper select { width: auto; display: inline-block; padding-top: 1px; padding-bottom: 1px; }

table.dataTable thead th { vertical-align: middle; line-height: 1.15; }
table.dataTable thead .sorting { background-image: url("../i/sort_both.png")!important; }
table.dataTable thead .sorting_asc { background-image: url("../i/sort_asc.png")!important; }
table.dataTable thead .sorting_desc { background-image: url("../i/sort_desc.png")!important; }
.dataTables_paginate a, .dataTables_paginate a:focus, .dataTables_paginate a:hover { transition: none!important; }
table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {background-position: center left !important; padding-left: 20px; }


/* =====================================================
	Contact
===================================================== */
#CommentForm { padding: 1em; background: #f3f3f3; border: 1px solid #ccc; }
label { margin-bottom: 0; }
label > input[type="checkbox"] { margin-right: 0; }


/* =====================================================
	Search Page (Thunderstone)
===================================================== */
/* overwrite SAE-specific hr margins */
#tstone-search hr {margin-top: 0;}


/* =====================================================
	Misc
===================================================== */
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }

hr { border-color: #ccc; margin: 2em 0; }
hr.dotted { padding: 0; border: none; border-top: 1px dotted #ccc; }
hr.fancy { border-top: 1px solid #ccc; color: #b93164; overflow: visible; text-align: center; font-style: italic; font-weight: bold; }
hr.fancy::after { content: "/ /"; background: #fff; display: inline-block; font-size: .6em; height: 10px; padding: 0 0.25em; position: relative; top: -1.4em; width: 25px; }

/* responsive floats */
.right-xs, .right-s, .right-m, .right-l { float: right; margin: 0 0 2em 2em; }
.left-xs, .left-s, .left-m, .left-l { float: left; margin: 0 2em 0 0; }
@media (max-width: 61.99em) { .right-l, .left-l { float: none; margin: 0 0 1em 0; } }
@media (max-width: 47.99em) { .right-m, .left-m { float: none; margin: 0 0 1em 0; } }
@media (max-width: 29.99em) { .right-s, .left-s { float: none; margin: 0 0 1em 0; } }

.sectionLead { margin: .5em 1em 2em 1em; border-bottom: 1px solid #ccc; font-size: 1.1em; }
.iconLead { padding-left: 1.5em; background-position: left center; background-repeat: no-repeat; font-weight: bold; }
.iconNav { background-image: url("../i/icn-nav.png"); }
.iconDef { background-image: url("../i/icn-def.png"); }
.sectionLead ul { list-style: outside url("../i/bull-nav.png") none; margin-top: .35em; font-size: .9em; }
.sectionLead li { margin-bottom: .35em; }
.sectionLead p { margin-left: 1.5em; }
@media (max-width: 47.99em) {
	.sectionLead { margin-left: 0; margin-right: 0; }
	.sectionLead ul { margin-left: 1.5em; padding: 0; }
}

.tile { display: block; padding: .75em; margin: 0 0 1em 0; background: #fff; text-decoration: none; transition: none; position: relative; border-radius: 5px; }
.tile h3 { font-size: 1.1em; }
.tileContent { padding: .25em; transition: padding .2s ease-in-out; position: relative; }
.tile .borderTop:after { transition: width .3s ease-in-out; }
.tile:after { content: '>'; font-family: "Comic Sans MS"; font-weight: bold; position: absolute; bottom: 40%; right: 1em; overflow: hidden; padding: 0 0.5em 0.2em; border-radius: 20px; background: #eee; color: #b93164; transition: all .2s ease-in-out; box-shadow: 0 1px 2px rgba(0,0,0,.4); }
.tile p { color: #333; padding-right: 2.5em; }
	.tile:hover, .tile:focus { background: #4b334b; }
	.tile:hover, .tile:hover p, .tile:focus, .tile:focus p { color: #fff; transition: none; }
	.tile:hover .borderTop:after, .tile:focus .borderTop:after { background: #fff; width: 50%; transition: width .3s ease-in-out; }
	.tile:hover .tileContent, .tile:focus .tileContent { padding: .5em .25em 0 .25em; transition: padding .2s ease-in-out; }
	.tile:hover:after, .tile:focus:after { right: .5em; background: #b93164; color: #fff; transition: all .2s ease-in-out; }

/* Explore Further Box */
.explore { margin: .75em 0 2em 0; }
.explore .explore-title { background: #4b334b; color: #fff; padding: .3em 1em; margin: 0; font-size: .9em; }
.explore ul { list-style: none; padding: 0; margin: 0; }
.explore li { background: #f3f3f3; padding: .5em 1em; margin: 0; border-bottom: 1px solid #ccc; }
.explore .arrow-link { margin-bottom: 0; }
.explore .arrow-link span { color: #333; }

/* =====================================================
	Left Nav
===================================================== */
.togSubNav { display: none; position: relative; top: -32px; border-top: none; border-radius: 0 0 3px 3px; padding: .35em 0; color: #b93164; background: #e3e2e2; background: linear-gradient(#fff 30%, #e3e2e2); border-color: #ccc; font-size: 1.2em; width: 100%; box-shadow: 0 2px 0 rgba(0,0,0,.2), inset 0 5px 10px rgba(255,255,255,.5); }
	.togSubNav:hover, .togSubNav:focus { border-color: #b93164; box-shadow: 0 2px 0 rgba(0,0,0,.2), inset 0 5px 10px rgba(255,255,255,.5), inset 0 1px 0 #b93164; }
.togSubNav span { padding-left: 1.5em; background: url("../i/icn-subnav.png") left 6px no-repeat; }

.navWrap { margin-right: 2em; }
.sidenav-title { font-size: .88em; font-family: Merriweather, Georgia, serif; margin-bottom: .25em; }
.sidenav { display: block; margin: 0; padding: 0; list-style-type: none; border-bottom: 1px solid #ccc; }

.sidenav li { display: list-item; margin: 0; }
.sidenav li { border-top: 1px solid #ccc; }
.sidenav li:first-child { border-top: none; }

.sidenav a { color: #333; font-size: .9em; text-decoration: none; border: none; display: block; line-height: 1; padding: .75em 1em; border-left: 4px solid transparent; transition: all .3s ease-in-out; }
.sidenav a:hover, .sidenav a:focus { background-color: #f1f1f1; color: #b93164; text-decoration: none; transition: all .3s ease-in-out; }
.sidenav a.current { border-left: 4px solid #b93164; color: #b93164; font-weight: 700; }

.sidenav-sub_list { margin: 0; width: 100%; list-style: none; padding-left: 1.75em; }
.sidenav-sub_list li { border: none; }
.sidenav-sub_list a { padding: .5em; line-height: 1.2; }

@media (max-width: 61.99em) {
	.togSubNav { display: inline-block; }
		.togSubNav:hover, .togSubNav:focus { border-top: none; }
	.navWrap { display: none; }
}

/* mobile modal window for left nav and for the HSA content */
#my_popup, #hsa_info, #update { transition: all 0.3s 0.3s; width: 80%; position: relative; }
#my_popup, #my_popup_wrapper, #hsa_info, #hsa_info_wrapper, #update, #update_wrapper { transition: all 0.3s ease-out; }
#my_popup, #hsa_info, #update { transform: translateX(0) translateY(-40%); }
.my_popup_close, .hsa_info_close, .update_close { position: absolute; right: 0; top: 0; width: 100%; font-size: .9em; background: #eee; border-bottom: 1px solid #ccc; padding: .35em 0; }
	.my_popup_close:hover, .my_popup_close:focus, .hsa_info_close:hover, .hsa_info_close:focus, .update_close:hover, .update_close:focus { background: #b93164; color: #fff; }
.popup_visible #my_popup, .popup_visible #hsa_info, .popup_visible #update { transform: translateX(0) translateY(0); }
#hsa_info { display: none; }

.mobileSub { background: #fff; padding: 3em 1em 1em 1em; border-radius: 3px 0 3px 3px; }


/* =====================================================
	Print Styles
===================================================== */
@media print {
	/*general*/
	@page { margin: 0.5cm; }
	* { background: #fff!important; text-shadow: none!important; }
	img { max-width: inherit!important; height: auto!important; width: auto!important; }
	.grayWell { padding: 0; border: none; }
	.arrow-link { padding-left: 0; }
	hr { margin: 1em 0; }
	.serviceWrap { background: none; padding: 0; }
	
	/*links*/
	[role="main"] a:visited { color: #333!important; }
	[role="main"] a[href^="http://"]:after, [role="main"] a[href^="https://"]:after { content: " (" attr(href) ")"; font-size: 90%; text-decoration: none!important; color: #333; font-weight: normal!important; }
	[role="main"] a:after { content: " (https://sae.cancer.gov" attr(href) ")"; font-size: 90%; text-decoration: none!important; color: #333; font-weight: normal!important; }
	[role="main"] a[href^="#"]:after, [role="main"] a[class="extlink"]:after, [role="main"] a[href^="mailto"]:after, [role="main"] thead a:after { display: none!important; }
	[role="main"] a { word-wrap: break-word; }

	/*hiding*/
	.header .contact, .navBar, .footNav .col-s-2, .returnTop, .togSubNav, [role="navigation"], .nciLogo:after, .borderTop:after { display: none!important; }
	
	/*structure*/
	[class*="col-"], [class*="offset"], [class*="push"], [class*="pull"] { float: none!important; margin: 0!important; padding: 0!important; width: 100%!important; }
	[class*="push"], [class*="pull"] { left: 0; right: 0; }
	.leftWrap, .rightWrap { padding: 0; border: none; margin-bottom: 1em; }
	
	/* home */
	.cta-fancy div { border: none; padding: 0; transform: none; width: auto; background: none; }
	.cta-fancy span { display: inline; padding: 0; transform: none; background: none; }
	.home .surveyWrap { padding: 0; margin: 0; }
	.tile { border: none; box-shadow: none; padding: 0; }
	.tile:after {  font-family: "Source Sans Pro", "Lucida Sans Unicode", Arial, sans-serif; font-weight: regular; position: relative; bottom: auto; right: auto; overflow: inherit; padding:0em; border-radius: 0; background: none; color: #333; box-shadow: none; }
	
	/*about*/
	.accessibleHidden { display: block!important; }
}