/* Bootstrap Overwrites/Additions/Fixes */
	
	.container { max-width: 1170px, width: 98%; }

	/* The close button has opacity that makes it fail a contrast check and it has no visual focus cue. Opacity turned off, focus style added. */
	.close { opacity: 1;  }
	.close:focus { outline: 1px dotted #000; }
	/* BS removes vertical scrollbar and adds padding to account for that on modal. Stop that. */
	body, .modal { padding-right: 0!important; } 


/* ---------------------- Smart Menus Overwrites ---------------------- */
	.sm { z-index: 999; }
	.sm-clean { border-radius: 0; padding: 0; }
	.sm-clean a, .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active { font-family: inherit; }
	.sm-clean a.current { color: #0000EE; }
	@media (min-width: 768px) {
		.sm-clean { border-radius: 0; }
		.sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active, .sm-clean a.highlighted { color: #0000EE; }
		.sm-clean a.current { color: #0000EE; }	
		.sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active, .sm-clean ul a.highlighted { background: #eeeeee; color: #0000EE; }
		.sm-clean ul a.current { color: #0000EE; }
		.sm-clean span.scroll-up:hover span.scroll-up-arrow, .sm-clean span.scroll-up:hover span.scroll-down-arrow { border-color: transparent transparent #0000EE transparent; }
		.sm-clean span.scroll-down:hover span.scroll-down-arrow { border-color: #0000EE transparent transparent transparent; }
	}

html { overflow-y: scroll; scroll-behavior: smooth; background: #1B3B46; } /* Force scrollbar on right side to avoid viewport width change on short pages */
img, object, embed, video { max-width: 100%; height: auto; width: auto; } /* responsive media */


/* ---------------------- NCI Logo ---------------------- */
	/* NCI has STRICT requirements for the logo. Do not edit this CSS. Contact Stephanie Schmitt or Brian Downey for help. */
	.nciLogo img { max-height: 54px; max-width: 355px; margin: 23px 0; }


/* ---------------------- Search ---------------------- */
.searchForm { margin-top: 2.25em; }
.searchForm input[type="text"] { width: 100%; }
.searchForm input[type="submit"] { width: 100%; }
@media (max-width: 47.99em) {
	.searchForm { margin-top: 0; padding: .5em 0; }
}


/* Mobile Navigation */
.navBar { position: relative; background: #1B3B46; }
#menu-button, #search-tog { display: none;color: }
#search-tog { position: absolute; right: 0; top: 0; margin-right: 16px; }
.js .mobileState { display: block; }
@media (max-width: 47.99em) {
	.navBar { padding: .5em 0; }
	/* only show the toggle and hide the menu if JS is enabled */
	.js #menu-button, .js #search-tog { display: block; width: 46.5%; }
	.js #search-tog { top: .5em; }
	.js .mobileState { display: none; }	
}

/*  Top Navigation Bar--Middle background colors, fonts */
  .sm-clean {
	  background: #1B3B46;
  }
  .sm-clean a, .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active, .sm-clean a.highlighted {
    color: #ffffff;
	padding: 12px 40px 12px 0px;
  }
  .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active, .sm-clean a.highlighted {
    color: #EC9460;
  }

/* ---------------------- Side Navigation ---------------------- */
.subNav ul { list-style: none; margin: 1.245rem 0 0 0; padding: 0; }
.togSubNav { display: none; position: relative; padding: .35em 0; width: 100%; }
	.togSubNav:hover, .togSubNav:focus { }
	.togSubNav span { padding-left: 2em; background: url("../i/icn-subnav.png") left 2px no-repeat; }
@media (max-width: 47.99em) {
	/* JS recreates the left navigtaion in an overlay for mobile, so we can hide the original only if JS is present */
	.js .subNav-wrap .subNav { display: none; }
	/* only show the subNav toggle if JS is present */
	.js .togSubNav { display: block; }
}
.subNav-wrap{
	margin-top:20px;
	margin-right:10%;
}
@media (max-width: 61.99em){
	.subNav-wrap {margin-right:0;}
}


/* ---------------------- List(s) of Required Links in Footer ---------------------- */


footer { text-align: left; }
footer h2 { font-size: 16px; color: #fff; margin-bottom: 10px; padding-left: 0 !important;}
footer ul { list-style: none; padding: 0; }

.footer-links { background: #1B3B46; padding: 20px 0; color: #fff; margin-top: 20px; }
.footer-links a, .footer-links a:visited, .footer-links a:hover { color: #fff; }
.footer-links a:hover { text-decoration: underline; }

.social li { display: inline-block; padding: 0 20px 0 0; }
.social li a:hover { opacity: .9; }
.social .icon-exit-notification { display: none; }

.linkList { white-space: inherit; text-align: center; margin: 0 0 20px 0; list-style: none; padding-top: 30px; clear: both; }
.linkList li { display: inline-block; margin: 0 5px; }
.linkList li::after { content: "|"; padding-left: 10px; }
.linkList li.last:after { display: none; }



/* ---------------------- General Page Styles ---------------------- */
/* merriweather-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Merriweather Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/merriweather-sans-v26-latin-regular.woff2') format('woff2'),
       url('../fonts/merriweather-sans-v26-latin-regular.woff') format('woff');
}
/* merriweather-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Merriweather Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/merriweather-sans-v26-latin-700.woff2') format('woff2'),
       url('../fonts/merriweather-sans-v26-latin-700.woff') format('woff');
}
/* source-sans-pro-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/source-sans-pro-v21-latin-regular.woff2') format('woff2'),
       url('../fonts/source-sans-pro-v21-latin-regular.woff') format('woff');
}
/* source-sans-pro-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/source-sans-pro-v21-latin-700.woff2') format('woff2'),
       url('../fonts/source-sans-pro-v21-latin-700.woff') format('woff');
}

h1, h2, h3, h4, h5, h6 { font-family: "Merriweather",Georgia,"Times New Roman",Times,serif; font-weight: 300; }

body {
	font-family: "Source Sans Pro", Segoe, "Segoe UI", Arial, "sans-serif"; font-size: 1.125rem; font-weight: 400; }

strong {
	color: #232F33;	
}
h1 {
    margin-top: 20px;
    margin-bottom: 20px;
	font-size: 2.25rem;
}
h2 {
	margin-top: 20px;
	color: #404040;
	font-size: 1.75rem;
}
h3 {
    margin-top: 20px;
	color: #416876;
	font-size: 1.25rem;
}
h4 {
    margin-top: 20px;
	color: #000000;
	font-size: 1.15rem;
}
hr {
	border: 0;
	color: #585858;
	background-color: #585858;
	height: 1px;
	width: 100%;
	text-align: left;
}
hr.black {
	color: #000000;
	background-color: #000000;
}
#mainContent li {
	margin-bottom: 5px;
	margin-top: 5px;
}
#mainContent ul {
	margin-bottom: 5px;
	list-style-image: url('/images/orange-bullet.png');
	padding-bottom: 5px;
}
#mainContent ul ul {
	padding-top: 5px;
}
a, a:active, a:focus, span:active, span:focus {
	color: #0065A8;
	outline: 0;
}
#mainContent a:focus, #footer a:focus, .eduText a:focus {
	outline: 1px dotted #0065A8;	
}
#skip a, #skip a:hover, #skip a:visited {
	position: absolute;
	left: 0px;
	top: -500px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
#skip a:active, #skip a:focus {
	position: static;
	display: block;
	color: #FFFFFF;
	float: right;
	margin-right: 1.5em;
	width: auto;
	height: auto;
}
#container {
	width: 62em;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	background: #D9E4E8;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #888;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#leftNav > div.menu > ul > li > ul > li.unavailtext { /*sections that are currently unavailable in the sidebar*/
	background-color: #000000;	
	border-radius: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.flex-container {display:flex;}
.flex-image {width: 40%;}
.flex-image-left {margin-right: 10%;}
.flex-image-right {float:right;}

/*sections that link to SEER*Educate*/
#leftNav > div.menu > ul > li > ul > li.eduText { 
	background-color: #FFFFFF;	
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: 1px;
}
#leftNav .menu ul ul li.eduText a {
	color: #000000;
	background-color: #FFFFFF;
	padding: 0;
  font-weight: normal;
  text-decoration: underline;
  display: inline;
  font-size: 1rem;
}
#leftNav .menu ul ul li.eduText a:hover,
#leftNav .menu ul ul li.eduText a:focus {
	margin: 0;
	padding: 0;
}
#leftNav .eduText {
	display: block;
}
.eduText {
	display: none;
}


/* -------------- RIGHT COLUMN CSS (MAIN CONTENT) ------------ */
#mainContent.handson {
	margin-top: 0;
	position: relative;
	top: -20px;
}
#mainContent h2 {
	font-size: 1.5rem;
	margin-bottom: 10px;
}
#mainContent h2.pageTitle {
	width: 18em;
	margin: 20px 0 0 0;
}
#mainContent p {
	margin-bottom: 1em; /* this makes the p margin the same height as the padding */
}
.returnTop {
	text-align: right;
}
div.half {
	width: 48%;
}

div.half img.small { width: 50%; }

/* ---------------------- Module Map ---------------------- */
#modMap {
	width: auto;
	margin: 22px 0 10px 10px;
	text-align: right;
	float: right;
}
#modMap a {
	padding: .3em .5em;
	text-decoration: none;
	color: #FFFFFF;
	background: #444444;
	border-radius: 5px;
}
#modMap a:hover {
	text-decoration: underline;
}
@media (max-width: 47.99em){
	#modMap {float:none;margin-left:0;text-align:left;}
}


/* ---------------------- Search Input ---------------------- */
.header form {
	position: relative;
	right: 20px;
	top: 5px;
}
.header label {
	display: block;
	font-size: .9rem;
	font-weight: bold;
}
.header #searchsite {
	height: 20px;
}
.header #button {
	height: 26px;
	color: #FFFFFF;
	text-shadow: 1px 1px 2px #000000; 
	background-color: #3f7900;
	background-image: -ms-linear-gradient(top, #3F7900 0%, #325E00 100%);/* IE10 Consumer Preview */ 
	background-image: -moz-linear-gradient(top, #3F7900 0%, #325E00 100%);/* Mozilla Firefox */ 
	background-image: -o-linear-gradient(top, #3F7900 0%, #325E00 100%);/* Opera */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3F7900), color-stop(1, #325E00));/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-linear-gradient(top, #3F7900 0%, #325E00 100%);/* Webkit (Chrome 11+) */ 
	background-image: linear-gradient(to bottom, #3F7900 0%, #325E00 100%);/* W3C Markup, IE10 Release Preview */ 
	border-radius: 5px;
}


/* ---------------------- Close Search Input ---------------------- */
#utilities {
	background-color: #FFFFFF;
	border-top: 1px solid #888;
	border-bottom: 1px solid #888;
	position: relative;
	height: 1.6em;
}
#utilities form {
	margin: 0;
	padding: 0;
}
#utilities ul {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 0;
	right: 0;
}
#utilities li {
	float: left;
	list-style: none;
	border-left: 1px solid #888;
}
#utilities a {
	display: block;
	color: #435b62;
	text-decoration: none;
	font-size: .9rem;
	padding: .3em 1.8em;
}
#utilities a:hover, #utilities a:focus {
	color: #444444;
	text-decoration: underline;
}
#utilities #print {
	background: .1em center no-repeat url(/images/icons/printer.gif);
	border-left: 0;
}
#header {
	padding-left: 1.5em;
	margin: 0;
}

/* ---------------------- Search From ---------------------- */
#main-search { padding-top: 35px; }
@media (max-width: 47.99em) { #main-search { padding: 15px 0; } }


/* ---------------------- Breadcrumbs ---------------------- */
#breadcrumbs {
	padding: 10px 20px;
	z-index: 1000;
}
#breadcrumbs span {
	color: #1E1E1E;
	font-size: 15px;
}
#breadcrumbs a {
	display: inline;
	color: #1E1E1E;
	font-size: 15px;
	text-decoration: none;
}
#breadcrumbs strong {
	font-size: 15px;
}
#breadcrumbs a:hover, #breadcrumbs a:focus {
	color: #444444;
	text-decoration: underline;
}
@media (max-width: 47.99em) { #breadcrumbs { display: none; } }

/* ---------------------- PREV/NEXT CSS --------------------- */
#prevNext {
	color: #0065A8;
	margin: 0;
	padding: 0;
	margin-top: 20px;
}
#prevNext a {
	display: inline-block;
	color: #0065A8;
	text-decoration: none;
	width: 48%;
	padding: 0;
}
#prevNext #pagePrev {
	float: left;
	text-align: left;
}
#prevNext #pageNext {
	float: right;
	text-align: right;
}
#prevNext a:hover {
	color: #444444;
	text-decoration: underline;
}
#prevNext #pageReturn {
	display: block;
	width: 100%;
	float: left;
	text-align: left;
}


/* --------------------- HANDS-ON TABS CSS ------------------- */
#menu {
	display: inline;
	width: 39.53em;
	float: right;
	height: 2em;
	margin: 10px 20px 0 0;
	position: relative;
}
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 0;
}
#menu ul li {
	display: block;
	float: left;
	width: 180px;
}
#menu ul li a {
	display: block;
	color: #FFF;
	text-decoration: none;
	background-color: #1B3B46;
	padding: .4em 1em;
	border: 1px solid #888;
	border-width: 1px 1px 0;
	border-radius: 5px 5px 0 0;
}
#menu ul li.selected a {
	padding-bottom: .5em;
	z-index: 1000;
	margin-bottom: -2px;
	background-color: #2E515E;
}
#submenu {
	display: inline;
	background-color: #2E515E;
	border: 1px solid #888;
	border-width: 1px 1px 0;
	width: 39.4em;
	height: 3em;
	padding: 0;
	margin-right: 20px;
	float: right;
	border-radius: 0 5px 0 0;
}
#submenu ul {
	display: none;
	list-style: none;
	margin: 0;
	padding: 0;
}
#submenu ul li {
	display: block;
	float: left;
	width: 4em;
}
#submenu #treatment li {
	width: 6em;
}
#submenu ul li a {
	display: block;
	color: #ffffff;
	font-size: .8rem;
	text-decoration: none;
	text-align: center;
	padding: .4em 0;
}
#submenu ul #histology, #submenu ul #staging {
	width: 7.7em;
}
#submenu ul.selected {
	display: block;
}
#submenu ul.selected li.current a {
	background: #4C7D8F;
	border-radius: 5px;
	padding-bottom: 20px;
}
#submenu ul li a:hover, #submenu ul li a:focus, #submenu ul.selected li.current a:hover, #submenu ul.selected li.current a:focus {
	background-color: #EC9460;
	border-radius: 5px;
	padding-bottom: 20px;
}


/* ------------------------- TABLE CSS ----------------------- */
#mainContent table {
	border-collapse: collapse;
	text-align: left;
	border: 1px solid #888;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: .5em;
}
#mainContent table.bottomMargin {
	margin-bottom: 1em;
}
#mainContent table.invisible {
	border: 0;
}
#mainContent table caption {
	font-weight: bold;
	padding: 0;
	margin: .5em 0;
	text-align: left;
    caption-side: top;
}
#mainContent th {
	background-color: #1B3B46;
	color: #FFFFFF;
	font-weight: normal;
}
#mainContent th.noStyle {
	background-color: #FFF;
	color: #000;
	font-weight: normal;
	text-align: left;
}
#mainContent th.noStyleCenter {
	background-color: #FFF;
	color: #000;
	font-weight: normal;
	text-align: center;
}
#mainContent th, #mainContent td {
	border: 1px solid #E9E9E9;
	padding: 10px 10px;
}
#mainContent table.lessPadding th, #mainContent table.lessPadding td {
	padding: 2px 5px;
}
#mainContent table.invisible th, #mainContent table.invisible td {
	border: 0;
	padding: 5px 0;
}
/* THESE TABLES ARE ONLY USED WITHIN THE "CANCER AS A DISEASE" MODULE */
#mainContent th.tumorTissue {
	width: 34%;
}
#mainContent th.tumorBenign {
	width: 33%;
}
#mainContent th.tumorMalignant {
	width: 33%;
}
/* THESE TABLES ARE ONLY USED WITHIN THE "DIAGNOSTIC TESTS" MODULE */
#mainContent table.diagnostic {
	margin: 0 auto;
}
#mainContent table.diagnostic td {
	text-align: left;
	vertical-align: top;
}
#mainContent table.diagnostic td.indent {
	padding-left: 2.5em;
}
#mainContent table.diagnostic th.test, #mainContent table.diagnostic th.values {
	width: 50%;
}
/* THESE TABLES ARE ONLY USED WITHIN THE "CASEFINDING" MODULE */
#mainContent table.casefinding {
	margin-bottom: 1em;
	width: 100%;
}
/* THESE TABLES ARE ONLY USED WITHIN THE "CODING PRIMARY SITE/TUMOR MORPHOLOGY" MODULE */
#mainContent table.leftAlign {
	width: 100%;
}
#mainContent table.leftAlign td {
	text-align: left;
}
#mainContent table.center td {
	text-align: center;
}
/* TABLES MISC STYLES FOR REUSE */
#mainContent table td.txtLeft, #mainContent table th.txtLeft {
	text-align: left;
}
#mainContent table td.txtCenter, #mainContent table th.txtCenter {
	text-align: center;
}
#mainContent table td.noWrap, #mainContent table th.noWrap {
	white-space: nowrap;
}
#mainContent table tr.fixedHeight {
	height: 1.2em;
}
#mainContent table.alignTop td {
	vertical-align: top;
}
#mainContent table.txtSmall caption {
	font-size: 11pt;
}
.firstCol {
	width: 8em;
}
.firstColSmall {
	width: 5em;
}
tr.underline {
	border-bottom: 3px solid #888;
}


/* ------------------------ IMAGES CSS ----------------------- */
.rightColImg {
	float: right;
	margin: 0 0 15px 15px;
}
.leftColImg {
	float: left;
	margin: 0 15px 15px 0;
}
.horzImgGroup {
	margin-bottom: 15px;
}
/* IMAGES MISC STYLES FOR REUSE */
img.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.figure {
	border: 1px solid #888;
	background: #FFFFCC;
	padding: 1em;
	margin: 0 auto 1em auto;
	text-align: center;
}
.figure p {
	margin: 0;
}

/* --------------- MISCELLANEOUS CSS FOR REUSE --------------- */

/* TEXT MISC STYLES */
.caption {
	text-align: center;
	font-weight: bold;
    caption-side: top;
}
.footnote {
	margin-top: .5em;
	font-size: .9rem;
	font-style: italic;
	padding: 5px;
	border-radius: 5px;
	background-color: #B0E7FC;
}
/* Footnote and style for images float right */
.footnote2 {
	margin-top: .5em;
	font-size: .8em;
	font-style: italic;
	padding: 5px;
	border-radius: 5px;
	background-color: #B0E7FC;
    width: 225px;
    text-align: left;
}
.footnote3 {
	margin-top: .5em;
	font-size: .8em;
	font-style: italic;
	padding: 5px;
	border-radius: 5px;
	background-color: #B0E7FC;
    width: 325px;
    text-align: left;
}
.footnote4 {
	margin-top: .5em;
	font-size: .8em;
	font-style: italic;
	padding: 5px;
	border-radius: 5px;
	background-color: #B0E7FC;
    width: 425px;
    text-align: left;
}
.imgcaptionright {
    float:right;margin-left:15px;text-align:center;
}
/* END Footnote and style for images float right */
.imgcaptionleft {
    float:left;margin-right:15px;text-align:center;
}
/* END Footnote and style for images float right */
.txtSmall {
	font-size: .8rem;
}
.txtLarger {
	font-size: 1.3rem;
}
.txtCenter {
	text-align: center;
}
span.underline {
	text-decoration: underline;
	color: #444444;
}
.pdf {
    color: #767676;
    font-size: 96%;
}
.bg-warning{
	padding:15px;
}
/* ALL OTHER MISC STYLES */

.noLiPad ol, .noLiPad ul {
	padding-left: 1.5em;
}
.alphaIndex {
	width: 15%;
	float: left;
}
.relative {
	position: relative;
}
ul.noBulletVert, ul.noBulletVert li {
	list-style-type: none;
	margin-left: 10px;
	margin-right: 0;
	padding: 0;
}
ul.noBulletHorz, ul.noBulletHorz li {
	list-style-type: none;
	margin-left: 0;
	padding: 0;
}
ul.noBulletHorz li {
	display: inline;
	float: left;
	margin-right: 2em;
}
.indent {
	margin-left: 3em;
}
.smallIndent {
	padding-left: 1.7em;
}
.noShow {
	display: none;
}
#leftNav .menu ul.noShow a {
	background: #FFF;
	color: #000;
}
.rgtMargin {
	display: block;
	float: left;
	margin-right: 40px;
}
.lftMargin {
	display: block;
	margin-left: 40px;
}
.bottomMargin {
	margin-bottom: 1em;
}
.topMargin {
	margin-top: 1em;
}
.fltrtSEERlogo { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin: 0 0 40px 40px;
}
@media (max-width: 47.99em){
	.fltrtSEERlogo {display:none;}
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearFlt {  /* this class should be placed on an empty div (you may also use a break, but it may not be recognized by IE6) and should be the final element before the close of a container that should fully contain a float */
	clear: both;
	font-size: 1px;
	line-height: 1px;
}
a.maskLink, a:link.maskLink, a:visited.maskLink, a:active.maskLink, a:hover.maskLink {
	text-decoration: none;
	cursor: default;
	color: inherit;
}
#pdf_info {
	padding: 1em 0 0 1em;
	text-align: left;
	background-color: #1B3B46;
	color: white;
	border-top: solid 1px #a8a8a8;
}
#pdf_info a {
	margin: 0 0 0 -1em;
	border: none;
	padding-bottom: 1em;
}
#csect h3 {
  margin: 5px 0 7px 0;
  font-size: 12pt;
}
#csect a {
  text-decoration: none;
  color:#435B62;
}
#csect .switchcontent {
  display:none;
  margin-left: 1.2em;
}
.col-md-4 {
	padding-left: 0px;
}
.col-md-6 {
	padding-left: 0px;
}

/* ---------- LEFT NAV MENU CSS (LEFT NAVIGATION) ------------ */
#leftNav a {
	display: block;
	padding: .5em 1em;
	text-decoration: none;
	border: 0;
	border-top: solid 1px #a8a8a8;
	background: #1B3B46;
	color: #ffffff;
	}
/* LEVEL 1 - MODULE GROUP */
#leftNav #cancerReg a {
	border-top: none;
}
#leftNav a:hover, 
#leftNav a:focus{
	background-color: #EC9460;
	color: #000000;
}
/* LEVEL 2 - MODULE LEVEL */
#leftNav .menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
	background-color: #1B3B46;
}
#leftNav .menu ul li {
	padding-left: 1em;
	margin-left: 1em;
	background-color: #2E515E;
}
#leftNav .menu ul li a {
	padding-left: 0;
	width: auto;
	border-top: none;
	background-color: #2E515E;
}
#leftNav .menu li a.current {
	background: #EC9460;
	color: #000000;
	padding-left: 1em;
	margin-left: -1em;
}
#leftNav .menu li a.current:hover, #leftNav .menu li a.current:focus{
	background: #ffffff;
	color: #000000;
}
#leftNav .menu a:hover, 
#leftNav .menu a:focus,
#leftNav .menu a.current:hover, 
#leftNav .menu a.current:focus {
	background-color: #EC9460;
	color: #000000;
	padding-left: 1em;
	margin-left: -1em;
}
/* LEVEL 3 - UNIT LEVEL */
#leftNav .menu ul ul li {
	padding-left: 1em;
	margin-left: 0;
	background-color: #35606E;
}
#leftNav .menu ul ul li a {
	padding-left: 0;
	width: auto;
	background-color: #35606E;
	border-top: none;
}
/* LEVEL 4 - CHAPTER LEVEL */
#leftNav .menu ul ul ul li {
	padding-left: 1em;
	margin-left: 0;
	background-color: #416D7C;
}
#leftNav .menu ul ul ul li a {
	padding-left: 0;
	width: auto;
	background-color: #416D7C;
	border-top: none;
}
/* LEVEL 5 - SECTION LEVEL */
#leftNav .menu ul ul ul ul li {
	padding-left: 1em;
	margin-left: 0;
	background-color: #4A7C8C;
}
#leftNav .menu ul ul ul ul li a {
	padding-left: 0;
	width: auto;
	background-color: #4A7C8C;
	border-top: none;
}
/* LEVEL 6 & UP - SUB-SECTION, ETC. LEVEL */
#leftNav .menu ul ul ul ul ul, #leftNav .menu ul ul ul ul ul li {
	display: none;
	background: #FFF;
	color: #000;
}
/* LEVELS <6 NOT TO BE DISPLAYED IN LEFT NAV */
#leftNav ul.noNav, #leftNav li.noNav {
	display: none;
	background: #FFF;
	color: #000;
}


/* ---------- Extlinks Icon ------------ */

.extlink {
	 position: relative; 
	 top: -2px;
	 padding-left: 4px;
}


.lastUpdate {
	margin-top:75px;
}

/* ------------------------- QUIZ CSS ------------------------ */
form#quiz ol li label, form#quiz ol li ol li label {
	background-color: #D9E4E8;
	padding: 2px 5px 1px 2px;
	border-radius: 5px;
}
#summary {
	color: #444444;
	border: 1px solid #444444;
	padding: .4em;
	font-style: italic;
	margin-top: 1em;
}
#summary p {
	margin: 0;
}
.ansUnanswered {
	margin-left: 20px;
	font-style: italic;
	color: #525252;
	text-decoration: none;
	cursor: default;
}
.ansCorrect {
	display: inline;
	margin-left: 20px;
	font-style: italic;
	color: #86B5C6;
	text-decoration: none;
	cursor: default;
}
.ansIncorrect {
	display: inline;
	margin-left: 20px;
	font-style: italic;
	color: #444444;
	text-decoration: none;
	cursor: default;
}
a.ansTreat {
	position: absolute;
	margin-left: 11em;
}
a.ansChkBx {
	position: absolute;
	margin-left: 16em;
}
a.ansMC {
	margin-left: 0;
}
a.ansSS2K {
	display: block;
	margin-left: 0;
	margin-top: 10px;
}
/* For Multiple Choice questions, where the answer in a sentence is indicated by a blank, underlined area. */
span.blankAnswer {
	border-bottom: 1px solid #777;
	white-space: pre;
}
/* THESE STYLES APPLY EXCLUSIVELY TO DEFINTION TYPE QUIZZES */
#def_txt {
	float: left;
	margin-right: 8px;
	width: 45%;
}
#def_list {
	float: right;
	margin-right: 8px;
	width: 45%;
}
#def_txt ol li {
	clear: right;
}
#def_txt ol li input {
	position: absolute;
	width: 20px;
}
#def_txt p {
	display: block;
	float: right;
	width: 5.5em;
	margin: 0 0 10px 0;
	padding: 0;
}
a.ansDef {
	display: table;
	margin-left: 0;
	margin-top: 5px;
}
/* THESE STYLES APPLY EXCLUSIVELY TO CASES (NEW WINDOW LINK) */
#nwexer {
	float: right;
	margin-left: 8px;
	margin-top: 12px;
}
#nwexer a {
	display: none;
	margin: 0;
	padding: .3em .4em;
	text-decoration: none;
	color: #FFFFFF;
	background: #444444;
	border-radius: 5px;
}
#nwexer a.selected {
	display: block;
}
/* THESE STYLES APPLY EXCLUSIVELY TO ICD-O-3 ERRATA AND CLARIFICATIONS PAGE*/
#errClari li {
	margin-bottom: 1em;
	list-style: none;
}



/* ------------------------ Glossary TOOLTIP ------------------------ */
/* .qtip-primer is for glossary terms and .qtip-footnote is for footnotes in the summary table */


.qtip-titlebar {
    background-color: #2E515E;
    color: #fff;
	font-size:16px;
}

.qtip.qtip-primer {
  background-color: #2E515E;
  color: #fff;
}

.qtip-primer .qtip-title {
  text-align: left;
  font-weight: 500;
}

.qtip-primer .qtip-icon .ui-icon-close {
  color: #fff;
}

/* .qtip-tip is the arrow part */
.qtip.qtip-primer .qtip-tip {
  background-color: #2E515E;
  border-color: #2E515E;
}

.qtip.qtip-footnote .qtip-tip {
  background-color: #2E515E;
  border-color: #2E515E;
}

.qtip-primer .qtip-content {
  background-color: #ececec;
  color: #000;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  font-size:15px;
}

.qtip.qtip-footnote {
  background-color: #2E515E;
  color: #fff;
}

.glossaryTerm {
  text-decoration: initial;
  border-bottom: 1.4px dotted;
}


/* "GLOSSARY:  visually hidden" -- use to hide content from sighted users but keep it accessible to users of screenreaders or other accessibility technology */
.vis-hid { 
  position: absolute;
  clip: rect(1px 1px 1px 1px); /* for IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  margin: -1px;
  border: 0;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Back to Top Button~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.scroll-up {
	cursor: pointer;
	position: fixed;
	bottom: 25px;
	right: 25px;
	display: block;
	border: 1px solid #cccccc;
	background-color: #e9e9e9;
	z-index: 9999;
	opacity: 0;
	transition: opacity 2s ease-in;
}
.scroll-up button {
	padding: 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 0;
	line-height: 1em;
	color: #1B3B46 !important;
	font-size: 14px;
	text-decoration: none;
	background: none;
	border: none;
}
.scroll-up button span {
	font-size: 47px;
	font-weight: bold;
	top: 12px;
	position: relative;
}
.scroll-up button:hover {
	background-color: #1B3B46;
	color: #ffffff !important;
	text-decoration: none;
	box-shadow: 5px 5px 5px #e4e4e4;
	-webkit-box-shadow: 5px 5px 5px #e4e4e4;
	-moz-box-shadow: 5px 5px 5px #e4e4e4;
}
.scroll-up.nav-down {
	opacity: 1;	
}
.scroll-up.nav-up {
	opacity: 0;		
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Two column display without using table~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.col-container {
  display: table;
  width: 100%;
}
.col {
  display: table-cell;
  padding-bottom: 10px;
    width: 100px;
}
@media (max-width: 47.99em){
  .col { 
    display: block;
    width: 100%;
  }
}


/*~~~~~~~~~~~~~~~Adds visual focus indicator to the COVID-19 links and social media icon links~~~~~~~~~~~~~~~~*/
.alert-drawer a:focus,.social li a:focus {
outline: auto 1px !important;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~EOD Two column display without using table~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.eod-twocol-container {
  float: left;
  margin-left: 15px;
}
.left {
  width: 10%;
}
.right {
  width: 80%;
}
.row:after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 47.99em){
  .col { 
    display: block;
    width: 100%;
  }
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~Vertical alignment of the search magnifying icon SVG.~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.somehook svg {
    vertical-align: anything except bottom;
}                                              

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~NCI Govt Header~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
section#usa-banner {margin-bottom: 0; background: #f0f0f0;}
.usa-banner__header-text {font-size: 12px; line-height: 1.2; margin-bottom: 0; margin-top: 0; font-weight: 400;}
.usa-banner__header-text {padding-top: 1rem!important; padding-bottom: 1rem!important;}
.usa-banner__header-text img {vertical-align: baseline; margin-right: 0.5rem!important;}

/*~~~~~~~~~~~~~~~Diagnosis and Treatment Disclaimer Banner~~~~~~~~~~~~~~~~*/
.ribbon { background: #fff3cd; line-height:1.15; padding: 4px 0px 5px 0px;}
.medical-img {float: left; padding: 4px 2px 0px 0px;}
.medical-text {text-align: left;padding: 0 0 0 2.5rem;}