/**************************************
Structure
**************************************/
//html { overflow-y: scroll; }

body {
	overflow-x: hidden;
	background-color:#f1f1f1 !important;
	font-family: 'Source Sans Pro', Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.4em;
    color: #000;
}

body, .modal { padding-right: 0!important; }

body.no-crumbs .crumbs { display: none; }

section { margin-bottom: 20px; }

.main.full { 
	width: 100%; 
	background-color:#fff;
	padding: 30px;
    box-shadow: 0 0 4px #999;
	margin-left:0;
	margin-right:0;
	margin-top: -30px;
	position:relative;
}
@media screen and (max-width: 992px) {
	.main.full { padding: 15px; margin-top: 0;}
}

.container.body {
    background: #fff;
    padding: 30px 30px 30px 0;
    margin-top: -30px;
	box-shadow: 0 1px 6px -2px #999;
	position:relative;
}

header { background-color: #fff; }

.section { padding: 0 0 1em 0; }

.navBar { position: relative; background: #142c68; }

.highlighted { background: #dce4ef; padding-bottom: 30px; }

.wide .section .container { width: 95%; }


/**************************************
Images
**************************************/
img { max-width: 100%; }

/* body container background */
img.bg-front { position: absolute; left: -126px; z-index: -1; }
img.bg-back { position: absolute; right: -127px; top: 30px; z-index: -1; }

/* feature box image */
.landing .img { margin-bottom: 0; max-height: 130px; overflow: hidden; }
.img.img-dyk, .img.img-fact, .img.img-explore { overflow: auto; background-position: center; background-size: cover; height: 130px; }
.img-dyk { background-image: url("../i/tile-dyk.jpg"); }
.img-explore { background-image: url("../i/tile-explore.jpg"); }
.img-fact { background-image: url("../i/tile-fact.jpg"); }

/**************************************
Landing pages - Equal heights rows
**************************************/
.row.row-eq-height { margin-bottom: 30px; }
.row.row-eq-height.no-margin { margin-left: 0; }
.row-eq-height > div  {
    display: table-cell;
	float:none;
	position: relative;
	background: #eee;
	padding:0;
	border-left: 15px solid #fff;
    border-right: 15px solid #fff;
	padding-bottom: 60px;
	vertical-align: top;
}
.row-eq-height .landing { padding-bottom: 0; }


/**************************************
Type
**************************************/
@font-face { font-family: 'Merriweather'; src: url("/fonts/Merriweather-Regular.ttf"); }
@font-face { font-family: 'Merriweather-bold'; src: url("/fonts/Merriweather-Bold.ttf"); font-weight: bold; }
@font-face { font-family: 'Source Sans Pro'; src: url("/fonts/SourceSansPro-Regular.ttf"); }
@font-face { font-family: 'Source Sans Pro-bold'; src: url("/fonts/SourceSansPro-Bold.ttf"); font-weight: bold; }

p {	margin: 0 0 1.2em 0; }
b, strong { font-family: 'Source Sans Pro-bold'; }
pre { font-size: 1em; border-radius: 0; }
hr { padding: 0; margin: 1em 0; border: none; border-top: 1px solid #c1c1c1; }

ul { list-style: url("/i/bullet.png"); margin: 0 0 1.2em 0; padding-left: 2em; }
ul li { margin-bottom: .4em; }
ol li { margin-bottom: .6em; }
dl { margin-top: 0; }

blockquote { font-size: 1em; background: #eee; border-left: 5px solid #DCE4EF; } /* used for citations, see last section of a fact sheet */

h1, h2, h3, h4, .hero-tagline { font-family: "Merriweather-bold", Georgia, serif; }

h1, .hero-tagline { margin: 15px 0; font-size: 30px; line-height: 1.3; clear: both; }
h1 .subTitle, .release { font-size: 70%; } /* Release Date (appears under H1) */

h2 { font-size: 26px; line-height: 1.3em; margin: 0 0 20px 0; }
h2 .release { font-size: 80%; font-weight: normal; }
.right-sidebar h2, .sidebar h2 { margin-top: 0; font-size: 18px; text-align: left; }
.sublanding.sections h2, .landing h2, .row-eq-height h2 { padding: 10px 20px; border-bottom: none; background-color: #142c68; color: #fff; font-size: 18px; margin-bottom: 0; margin-top: 0; }

h3 { font-size: 20px; line-height: 1.3em; margin: 0 0 10px; width: 100% !important; }
h4 { font-size: 17px; line-height: 1.3em; }
h5 { font-family: "Source Sans Pro", Helvetica, sans-serif; font-size: 15px; font-weight: bold; line-height: 1.3em; text-transform: uppercase; }
h6 { font-size: 1em; font-weight: bold; }

.highlighted h2 { margin-top: 0; }
.highlighted p { margin-top: 0; }

/* clean up the redundancy on these small text classes */
.highlighted .smaller-text { font-size: 60%; text-transform: initial; }
.highlighted .release { font-size: 50%; text-transform: initial; display: block; margin-top: 5px; }

/* used on Fact Sheets for modal trigger captions */
.smaller { font-size: 96%; color: #666; }



/**************************************
Forms
**************************************/
label { display: block;	padding-bottom: .2em; }



/**************************************
Footer
**************************************/
.footer { padding: 2em 0 0; z-index: 1; background-color: #f1f1f1; }
footer h2 { font-size: 1em; color: #fff; margin-bottom: 10px; padding-left: 0 !important;}
footer ul { list-style: none; padding: 0; }
.footer-links { background: #142c68; 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 1em 0; list-style: none; padding-top: 2em; clear: both; }
.linkList li { display: inline-block; margin: 0 .2em; }
.linkList li::after { content: "|"; padding-left: 0.5em; }
.linkList li.last:after { display: none; }

footer .seer-logo { background: transparent url("../i/seer_logo.png") left center no-repeat; padding-left: 100px; }
@media screen and (max-width: 450px) {
	footer .seer-logo { background-position: top center; padding: 80px 0 0 0; text-align: center; }
}


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

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

.extlink { padding-left: .2em; }
a.icon-exit-notification { display: none !important; }

/* Blue Info Box */
.info { display: block; padding: .5em 1em .5em 1.4em; margin: 0 0 2em 1em; border: 1px dashed #142c68; background: #dce4ef; color: #333; position: relative; zoom: 1; }
.info:before { content: 'i'; height: 25px; width: 20px; position: absolute; top: 6px; left: -9px; background-color: #142c68; padding: 2px 6px; color: #fff; font-style: italic; }

/* Publication Citations */
.pub { padding-left: 1.5em; border-left: 4px solid #dce4ef; position: relative; }
.pub:after { display: block; width: 0; height: 0; position: absolute; top: 50%; left: 0; border: 8px solid transparent; border-left-color: #dce4ef; content: ""; margin-top: -8px; }


/**************************************
Tables
**************************************/
table { margin-bottom: 1.2em; width: 100%; }
th, td { border: 1px solid #ccc; padding: 8px; }
th, thead td { background: #222; color: #fff; font-weight: normal; }
tbody th, tr.secondary th, tr.subhead td, tr.subhead th { background: #555; }
tbody tr:hover { background-color: #dce4ef!important; }

caption, figcaption, .caption { text-align: left; font-weight: bold; padding: 10px; background: #eee; color: #222; margin-bottom: 0; }
h3.caption { font-size: 1em; }

th a { color: #fff; text-decoration: underline; }
th a:hover, th a:focus, th a:visited { color: #eee; }


/**************************************
Page Elements
**************************************/
/* Clickable box on landing pages */
.clickable, .row-eq-height .clickable { background: #dce4ef; border-left: 5px solid #008000; padding: 0 20px 0; border-right: 30px solid #fff; transition: all .2s ease-in-out; position: relative; color: #000 !important; float: left; }
.row-eq-height a.clickable { display: table-cell; float: none; vertical-align: top; padding: 0 10px; }

/* ? */
.clickable div { width: 100%; padding: 5px; }
.landing .clickable { border-right: none; min-height: 80px; margin-bottom: 20px; }
.column .clickable { border-right: none !important; float: left !important; }
.column .clickable:first-child { margin-bottom: 30px; }

/* ? */
.clickable:hover, .clickable:focus { border-left: 5px solid #004600; transform: scale(1.02); text-decoration: none; color: #000; }

/* clickable box headers */
.clickable h4, .clickable h3, .clickable h2 { padding: 0; background: none !important; font-size: 18px !important; margin-top: 15px !important; margin-bottom: 10px; color: #000; }

/* ? */
.column { background: none !important; padding-bottom: 0 !important; }
.column .btn-box:first-child { margin-bottom: 30px; }

/* ? */
.btn-box { padding: 0; padding-bottom: 60px; background: #eee; border: 5px solid #dce4ef; position: relative; }
.btn-box h2 { background-color: transparent !important; color: #222 !important; padding: 20px 20px 0; font-size: 18px; margin-bottom: 0; }

/* ? */
.right-sidebar { padding-left: 0; padding-right: 0; padding-top: 0; margin-top: 0; border-top: none; }
.right-sidebar img { padding: 10px 0; }
.right-sidebar div:last-child { margin-top: 20px; padding-top: 20px; border-top: 1px solid #ddd; }
.right-sidebar div:first-child { margin-top: 0;	padding-top: 0; border-top: none; }

/* ? */
.text {	padding: 20px; }
.text p { padding-left: 0 !important; }

.clickable .text { padding-left: 0; padding-top: 0; float: none; }
.btn-box .text { float: none; }

/* ? */
.text h2 { font-size: 1em; }
.text h3 { font-size: 18px; }

/* ? */
.btn-abs { position: absolute; left: 0; bottom: 0; width: 100%;	}
.btn-abs button, .btn-abs a, .btn-abs input { margin: 20px;	}

/* ? */
.highlighted button { margin-left: 0; }


/**************************************
Links
**************************************/
a { color: #0065A8; }
a:hover, a:visited, a:focus { color: #884488; text-decoration: none; }

a.more-link {
	display: inline-block;	
	font-weight: bold;
	background: url('/i/caret-right-sm.png') no-repeat right;
	padding-right: 13px;
    background-size: 5px;
}

.to_top { text-align: right; font-size: 94%; border-bottom: medium double #d6d6d6; margin-bottom: 2em; }
.to_top a { display: inline-block; padding: 0 0 .25em 1em; text-decoration: none; }


/**************************************
Buttons
**************************************/
.grayBtn {
	background: #fcfcfc url("../i/grad.png") 0 .65em repeat-x;
	border: 1px solid #ccc;
	border-radius: 3px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.4), 0 1px 0 #fff;
	color: #333!important;
	text-shadow: 0 1px 0 rgba(255,255,255,.7);
	padding: .2em 1em;
	text-decoration: none;
	margin: 0;
}
.grayBtn span { padding-right: 1em; background: url("../i/arrow-btn-orange.png") right 55% no-repeat; }
.grayBtn:hover { background: #fcfcfc; color: #333; }

.greenBtn {
	background: #008000;
	border-bottom: 3px solid #004600;
	border-radius: 3px;
	color: #fff!important;
	text-decoration: none;
	margin: 0;
}
.greenBtn span { padding-right: 1em; background: url("../i/arrow-btn-white.png") right 55% no-repeat; }
.greenBtn:hover, .greenBtn:focus { background-color: #004600; color: #fff; }

/* ? */
.highlighted .btn-abs, .about .landing .btn-abs { position: relative; clear: both; }

/* ? */
a.button { margin-left: 0; margin-bottom: 20px; display: inline-block; margin-top: 0; }
main a.button { margin-left: 20px; } 
.sidebar a.button { margin-left: 0; margin-bottom: 0; width: 100%; }

main button, .highlighted button, .btn-abs input, .button, #UserForm input[type="submit"], #UserForm input.ckBtn[value="Check All"], #UserForm input[value="View Statistics"], #UserForm input[value="Page"], #UserForm input[value="Row"], #UserForm input[value="Column"] {
    background-color: #008000;
    border: none;
	border-bottom: 3px solid #004600;
    border-radius: 3px;
    color: #fff !important;
    padding: .5em 2em .5em 1em;
    background-image: url(/i/caret-right-sm-f.png);
    background-repeat: no-repeat;
    background-position: center right 10px;
	background-size: 5px;
	margin-bottom: 20px;
}

main button:hover, main button:focus, .highlighted button:hover, .highlighted button:focus, .btn-abs input:hover, .btn-abs input:focus, .button:hover, .button:focus, #UserForm input[type="submit"]:hover, #UserForm input.ckBtn[value="Check All"]:hover, #UserForm input[value="View Statistics"]:hover, #UserForm input[value="Page"]:hover, #UserForm input[value="Row"]:hover, #UserForm input[value="Column"]:hover, #UserForm input[type="submit"]:focus, #UserForm input.ckBtn[value="Check All"]:focus, #UserForm input[value="View Statistics"]:focus, #UserForm input[value="Page"]:focus, #UserForm input[value="Row"]:focus, #UserForm input[value="Column"]:focus {
	background-color: #004600;	
}

button.gray, input.gray, #UserForm input#goback, #UserForm input[value="Clear"], .button-gray {
	color: #222 !important;
    border: 1px solid #c0c0c0;
	border-bottom: 3px solid #c0c0c0;
    box-shadow: inset 0 -1.2em 10px rgba(0,0,0,.1), inset 0 1px 0 rgba(255,255,255,.5);
    background: #ececec;
	padding: .5em 1em;
	border-radius: 3px;
}
button.gray:hover, button.gray:focus, #UserForm input#goback:hover, #UserForm input[value="Clear"]:hover, #UserForm input#goback:focus, #UserForm input[value="Clear"]:focus, .button-gray:hover, .button-gray:focus {
	box-shadow: inset 0 -1.75em 17px rgba(0,0,0,.11), inset 0 1px 0 rgba(255,255,255,.3);
	background: #ececec;
}


/**************************************
Header
**************************************/
#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); }

.seerLogo { display: inline-block; line-height: 0; max-width: 641px; padding: 23px 0; max-height: 100px; width: 100%; }
.seerLogo > img { width: 100%; }

/* Search Box */
.search > form { position: relative; width: 100%; margin-top: 40px; }
.search label { display: block; padding-bottom: 0.2em; position: absolute; text-indent: -5000px; top: -5000px; }
#searchsite { padding: 5px 45px 5px 10px; width: 100%; }
.search .greenBtn { position: absolute; right: 0; top: 0; padding: 8px; }
/* adjust positioning of box as screen gets smaller (add this buttons move) */
@media only screen and (max-width: 1024px) { .search > form { margin-top: 30px; } }
@media only screen and (max-width: 767px) { .search > form { margin-top: 0; margin-bottom: 10px; } }

/* Breadcrumbs */
.crumbs { padding: .6em 0 .3em 0; }
.crumbs .home { vertical-align: bottom; }
.crumbs .home img { vertical-align: middle; padding-bottom: 2px; }
.crumbs .arrow { margin: 0 .2em; }
.crumbs a { text-decoration: none; }
.crumbs a:hover, .crumbs a:focus { text-decoration: underline; }
@media (max-width: 991px) {	.crumbs { display: none; } }


/**************************************
Toggles
**************************************/
/* only show when JS is available */
.js .tog-control { width: 100%; margin: 0 0 10px 0;	font-size: 1em; padding: 0; font-family: 'Source Sans Pro', Helvetica, sans-serif; display: block; }
.tog-control button { width: 100%; text-align: left; background-color: #eee; background-image: url(../i/plus-dark.png); background-size: 15px; color: #222 !important; border: 5px solid #dce4ef; border-radius: 0; margin-bottom: 0; padding-right: 3em; }
.tog-control button[aria-expanded="true"] { background-image: url(../i/minus-dark.png);	}
.tog-control button:hover, .tog-control button:focus { background-color: #dce4ef; }
.js .tog-content { padding: 10px 20px; }



/**************************************
Left Navigation
**************************************/
/*	- Hiding the left nav column for the django template. This method allows us to supply django devs with one template to handle one and two column designs.
	- If developer adds "wide" class on body, it means they want full width, so hide the left nav column.
	- The .wide-leftNav class only exists on Django template for this method. */
	.wide .wide-leftNav { display: none; }
/* now widen the content column that is remaining to make up for the left nav column we removed */
	.wide #content { width: 100%; }

/* all list defaults */

@media (min-width:992px) {
	.full .leftNav, .wide .leftNav {
		display: none;
	}
}
.leftNav ul { background: #eee; list-style: none; margin: 0; padding: 0; }
.leftNav li { position: relative; border-bottom: 1px solid #d6d6d6; margin: 0; padding: 0; }

/* target all the children/2nd/3rd/4th lvl */
.leftNav ul ul { background: #fff; }
.leftNav ul ul li a { padding-left: 30px; }
.leftNav ul ul ul li a { padding-left: 45px; }
.leftNav ul ul ul ul li a {	padding-left: 55px; }
.leftNav ul ul ul ul ul li a { padding-left: 75px; }

/* top link, blue bar */
.leftNav strong a { background: #006db5; color: #fff; padding: 10px 13px; font-size: 1.1em; display: block; }

/* links in lists */
.leftNav li a { text-decoration: none; display: block; padding: 8px 30px 8px 10px; color: #000; border-left: 3px solid transparent; }
	.leftNav li a:hover, .leftNav li a:visited { color: #000; text-decoration: none; }
	.leftNav li a:hover, .leftNav li a:focus { border-left: 3px solid #bb0e3d; }

/* current page */
.leftNav li a.active {	background: #fff; border-left: 3px solid #bb0e3d; }

/* toggle button for sections +/- */
.leftNav-toggle { position: absolute; height: 10px; width: 10px; right: 8px; top: 10px; padding: 10px; display: block; background: transparent url("../i/plus-dark.png") center no-repeat; background-size: 10px; border: none; }
	.leftNav-toggle:focus { outline: 1px dotted #000; }
.leftNav-toggle[aria-expanded="true"] { background: transparent url("../i/minus-dark.png") center no-repeat; background-size: 10px; }

/* show/hide left nav on mobile */
/* hide it by default */
.togLeftNav { display: none; }
.togLeftNav span { padding-left: 16px; background: url("/i/caret-down-sm-f.png") left 8px no-repeat; background-size: 10px; }

@media (max-width: 991px) {
	/* JS recreates the left navigtaion in an overlay for mobile, so we can hide the original only if JS is present */
	.js .leftNav-wrap .leftNav { display: none; }
	
	/* only show the subNav toggle if JS is present */
	.js .togLeftNav { display: block; margin-bottom: 20px; position: relative; padding: .35em 0; width: 100%; background-image: none; }
	
	/* limit the height of the modal for the subnav, scroll within modal instead of the actual modal */
	#leftNav .modal-body { max-height: 30em; overflow-y: auto; }
	
	.no-crumbs .togLeftNav { display: none;	}
	
	/* ? */
	main#content { padding-top: 20px; }
}


/**************************************
Modal Window
**************************************/
/* push it down more to account for sticky main nav */
.modal-dialog { margin-top: 100px; }

/* 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; margin: 0; background: none; color: #333!important; padding: 0 5px!important; border: 1px solid transparent!important; }
.close:focus { outline: 1px dotted #000; }
.close:hover, .close:active, .close:focus { background: #ddd; border-color: #ccc!important; }

.modalItem { display: inline-block; }

/* no JS? no modal trigger shown */
.modalItem-trigger { display: none; }

/* js class on body? we got JS, so show the modal trigger */
.js .modalItem-trigger { display: inline-block; }

/* improve the trigger a bit */
a[data-toggle] { display: inline-block; }
a[data-toggle]:hover { cursor: pointer; }

/* js class on body? we got JS, so hide the provided content, it will go into a modal now */
.js .modalItem-content { display: none; }

/* style the provided content in case there is no JS */
.modalItem-content { padding: 1em; border: 1px solid #ccc; background: #eee; }
.modalItem-title { font-size: 16px; font-weight: bold; border-bottom: 1px dotted #ccc; margin-bottom: 1em; }


/**************************************
Tabs
**************************************/
ul[role="tablist"] { padding-left: 0; margin-bottom: 0; }
[role="tablist"] li { display: inline-block; list-style: none; margin: 0; }
a[role="tab"] { background: #eee; color: #222; padding: 0.75em 1em; display: inline-block; margin-right: 0.15em; font-weight: bold; }
[role="tablist"] a[aria-selected], a[role="tab"]:focus, a[role="tab"]:hover { background: #dce4ef; color: #222; border-bottom: 0; position: relative; }
[role="tabpanel"] { margin-top: 0; padding: 1.5em; border: 5px solid #dce4ef; }
[role="tabpanel"][aria-hidden="true"] { display: none; }

/* tabs with tabs-lg class will go full width at this breakpoint */
@media screen and (max-width: 1198px) {
	.tabs-lg [role="tablist"] li, .tabs-lg a[role="tab"] { display: block; }
	.tabs-lg a[role="tab"] { padding-right: 20px; margin: 0; background: #eee url("../i/plus-dark.png") 98% center no-repeat; background-size: 15px; border: 5px solid #dce4ef; color: #222; font-weight: bold; }
	.tabs-lg a[aria-selected] { background: #dce4ef url("../i/minus-dark.png") 98% center no-repeat; background-size: 15px; }
	.tabs-lg a[role="tab"]:hover, .tabs-lg a[role="tab"]:focus { background-color: #dce4ef; }
}

/* tabs with tabs-md class will go full width at this breakpoint */
@media screen and (max-width: 990px) {
	.tabs-md [role="tablist"] li, .tabs-md a[role="tab"] { display: block; }
	.tabs-md a[role="tab"] { padding-right: 20px; margin: 0; background: #eee url("../i/plus-dark.png") 98% center no-repeat; background-size: 15px; border: 5px solid #dce4ef; color: #222; font-weight: bold; }
	.tabs-md a[aria-selected] { background: #dce4ef url("../i/minus-dark.png") 98% center no-repeat; background-size: 15px; }
	.tabs-md a[role="tab"]:hover, .tabs-md a[role="tab"]:focus { background-color: #dce4ef; }
}

/* tabs will go full width at this breakpoint (default) */
@media screen and (max-width: 768px) {
	[role="tablist"] li, a[role="tab"] { display: block; }
	
	[role="tablist"] a[role="tab"] { padding-right: 20px; margin: 0; background: #eee url("../i/plus-dark.png") 98% center no-repeat; background-size: 15px; border: 5px solid #dce4ef; color: #222; font-weight: bold; }
	[role="tablist"] a[aria-selected] { background: #dce4ef url("../i/minus-dark.png") 98% center no-repeat; background-size: 15px; }
	[role="tablist"] a[role="tab"]:hover, [role="tablist"] a[role="tab"]:focus { background-color: #dce4ef; }
}


/**************************************
Add This Bar
**************************************/
/* Hide the one on the right for now */
.addthis-smartlayers-desktop, .addthis-smartlayers.addthis-smartlayers-mobile { display: none; }

/* reposition the top bar to come from the top */
.addthis_inline_share_toolbox { position: absolute; top: 0; right: 15px; }
.at-style-responsive .at-share-btn { padding: 7px 3px 3px 3px!important; border-radius: 0 0 3px 3px!important; transform: translateY(-4px)!important; }
.at-style-responsive .at-share-btn:hover, .at-style-responsive .at-share-btn:focus { transform: translateY(0)!important; }

/* move it into the blue nav bar on mobile */
@media only screen and (max-width: 1024px) {
	.addthis_inline_share_toolbox { top: 50%; right: 0; margin-top: -14px; }
	.at-style-responsive .at-share-btn { transform: translateY(0px)!important; padding: 5px!important; border-radius: 3px!important; }
	.at-style-responsive .at-share-btn:hover, .at-style-responsive .at-share-btn:focus { transform: translateY(4px)!important; }
	.at-share-dock { display: none!important; } /* hide the bottom Add This */
}









/* Clean up Still In Progress Below */

.errorMessage {
	color: #EE5555;
	text-shadow: 0 1px 0 rgba(255,255,255,.6);
	text-transform: capitalize;
	font-size: 90%;
	padding: 0 .5em;
	margin-left: 10px;
	border: 1px solid #EE5555;
	background: #fdeded;
	border-radius: 3px;
	position: relative;
}
.errorMessage:after {
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	border: 6px solid transparent;
	bottom: 50%;
	right: 100%;
	border-right-color: #EE5555;
	margin-bottom: -6px;
}
.errorField {
	background: #fff8ab;
}
.hpField {
	left: -200%;
	position: absolute;
	top: -200%;
}
span.show-on-class {
	display: none;
}
.class-template span.show-on-class {
	display: block;
}




#content.one-column {
	margin-right: 20px;
}
#wrapper {
	text-align: left;
}
#mainTable {
	text-align: left;
	border-collapse: collapse;
	margin: 0 auto;
	border: 1px solid #000033;
	background: #FFFFFF;
}
#mainTable td {
	vertical-align: top;
}
#mainTable #seerLogo {
	position: absolute;
}
td #local_nav {
	margin-top: 3px;
}
td #content {
	border-left: 1px dashed #A90101;
	margin: 3px 0 0 0;
	padding: 0 20px;
}
#footnotes.txtRight {
	text-align: left;
}
#mainTable #search, #mainTable #seerTitle {
	margin-top: 6px;
}
#mainTable #search form {
	margin: 0;
	padding: 0;
}
#mainTable #seerTitle {
	margin-left: 93px;
	display: inline;
}
#mainTable #tabs {
	float: left;
	width: 100%;
	min-width: 0;
	margin-top: 13px;
	padding: 0;
}
#tabs ul.normtab {
	margin-left: 93px;
}
#tabs ul.normtab li {
	float: left;
	margin: 0;
	padding: 0;
}
#tabs ul.regtab li {
	float: right;
	margin: 0 10px 0 0;
	padding: 0;
}

.dataTable.smallTxt {
	font-size: .9em;
}
.dataTable.smallTxt tr {
	background: #FFFFFF;
}

.dataTable.smallTxt th, .dataTable.smallTxt td {
	padding: 2px 6px;
}

.dataTable th a {
	color: #FFFFFF;
}
.dataTable th.vertical {
	text-align: left;
}
.dataTable th.indent1 {
	padding-left: 10px;
}

.dataTable th.thirdhead {
	background: #D6E7E9;
	color: #1E414F;
}
.dataTable th.blank {
	background: #FFFFFF;
	border: 0;
}
.dataTable td {
	display: table-cell;
	text-align: right;
	padding: 2px 8px;
}
.dataTable td.txtLeft {
	text-align: left;
}
.dataTable td.empty {
}
.dataTable tr.shaded {
	background: #EEF3F7;
}
.dataTable col.divider {
	border-left: 2px solid #ccc;
}
.dataTable col.majordivider {
	border-left: 4px solid #ccc;
}
.dataTable tr.rowgroup {
	border-top: 2px solid #ccc;
}

#footnotes { text-align: left; }

.txtLeft { text-align: left; }

.dataTable th.leftIndent5 { padding-left: 13px; }
.dataTable th.leftIndent10 { padding-left: 18px; }
.dataTable th.leftIndent15 { padding-left: 23px; }
.dataTable th.leftIndent20 { padding-left: 28px; }


/* Tablesorter.js additions */
/* rather than use the entire theme file, I grabbed the CSS for the arrows only */
/* Common Cancer Sites Fact Sheet, New CAses, Deaths, and Survival */ 
.tablesorter .header,
.tablesorter .tablesorter-header {
	padding: .3em 20px .3em .3em;
	cursor: pointer;
	background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAAP///////yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
	background-position: center right;
	background-repeat: no-repeat;
}
.tablesorter .headerSortUp,
.tablesorter .tablesorter-headerSortUp,
.tablesorter .tablesorter-headerAsc {
	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
	color: #fff;
}
.tablesorter .headerSortDown,
.tablesorter .tablesorter-headerSortDown,
.tablesorter .tablesorter-headerDesc {
	color: #fff;
	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
}


@media (max-width: 991px) {
	.row-eq-height div, .row-eq-height a.clickable {
    	display: block;
		margin-bottom: 30px;	
		float:left;
		width:100%;
		padding-bottom: 0;
	}
	
	.highlighted { padding: 0; }
	.highlighted h1 { font-size: 1.5em; }
	.highlighted .smaller-text, .highlighted .release { font-size: 70%; }
	.highlighted img { display: none; }	
	.highlighted .crumbs img { display: inline; }
	
	.feature { margin-bottom: 10px;	}

	.home .landing { float: none; background: #fff; table-layout: auto;}

	.btn-abs { position: relative; margin-bottom: 0!important; }

	.container.body { padding: 0 15px; margin-top: 0; }

	.landing ul { float: none !important; }

	.text { float: left; }

	.row-eq-height > div { padding-bottom: 0; }
}




/**************************************
Main Menu
**************************************/
.nav-item-title img { max-width: 15px; padding-left: 5px; }

/* navigation style for currently selected section in desktop */
body.statistics .navigation li.statistics,body.reports .navigation li.statistics,body.resources .navigation li.statistics,body.interactive .navigation li.statistics,body.pubs .navigation li.statistics,body.arn .navigation li.statistics,
body.data-soft .navigation li.data-soft,body.data .navigation li.data-soft,body.documentation .navigation li.data-soft,body.datasets .navigation li.data-soft,body.software .navigation li.data-soft,
body.registrars .navigation li.registrars,body.reporting .navigation li.registrars,body.tools .navigation li.registrars,body.qa .navigation li.registrars,body.staging .navigation li.registrars,body.training .navigation li.registrars,
body.news .navigation li.news,
body.about .navigation li.about, 
body.style-guide .navigation li.style-guide, 
body.templates .navigation li.templates, 
body.home .navigation li.home, 
body.style-guide.templates .navigation li.templates { background: #006db5 !important; }
body.style-guide.templates .navigation li.style-guide { background:#142c68 !important; }

/* navigation style for currently selected section in mobile */
@media only screen and (max-width: 1024px) {
	body.statistics .navigation li.statistics,body.reports .navigation li.statistics,body.resources .navigation li.statistics,body.interactive .navigation li.statistics,body.pubs .navigation li.statistics,body.arn .navigation li.statistics,
	body.data-soft .navigation li.data-soft,body.data .navigation li.data-soft,body.documentation .navigation li.data-soft,body.datasets .navigation li.data-soft,body.software .navigation li.data-soft,
	body.registrars .navigation li.registrars,body.reporting .navigation li.registrars,body.tools .navigation li.registrars,body.qa .navigation li.registrars,body.staging .navigation li.registrars,body.training .navigation li.registrars,
	body.news .navigation li.news,
	body.about .navigation li.about, 
	body.style-guide .navigation li.style-guide, 
	body.templates .navigation li.templates, 
	body.home .navigation li.home, 
	body.style-guide.templates .navigation li.templates { font-weight:700 !important; background:#f3f3f2 !important; }

	.navopen-menu-mobile {
		z-index:1000;
		position:relative;
		width:100%;
		background-color:#f3f3f2;
	}
	/* hides mobile content upon menu button expansion */
	html.nav-open .section, html.nav-open footer, html.nav-open .at-share-dock-outer, html.nav-open .addthis-smartlayers, html.nav-open .addthis-smartlayers-mobile { display:none;	}
	ul.menu[aria-hidden="false"] a img {
		display: none;
	}
}

/* icons for mobile menu */
#sitesearch,button.nav-header::before,a.nav-contact::before,a.nav-dictionary::before,button.nav-search::before,#section-menu-button::before,#nvcgSlMainNav.searching .mobile-menu-bar .menu-btn:before {
 display:inline-block;
 background-image:url('/i/svg-sprite.__v1509457669529.svg');
 background-size:11.625em 228.875em
}

#topnav .row.collapse>.column,#topnav .row.collapse>.columns {
 position:relative;
 padding-left:0;
 padding-right:0;
 float:left
}
#topnav .row.collapse .row {
 margin-left:0;
 margin-right:0
}
#topnav .row .row {
 width:auto;
 margin-left:-.9375em;
 margin-right:-.9375em;
 margin-top:0;
 margin-bottom:0;
 max-width:none;
 *zoom:1
}

#topnav .row .row.collapse {
 width:auto;
 margin:0;
 max-width:none;
 *zoom:1
}

#topnav .column,#topnav .columns {
 position:relative;
 padding-left:.9375em;
 padding-right:.9375em;
 width:100%;
 float:left
}
@media only screen {
	#topnav .column,#topnav .columns {
		position:relative;
		padding-left:.9375em;
		padding-right:.9375em;
		float:left
	}

	[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
	}
}

.subheader {
 line-height:1.4;
 color:#adacac;
 font-weight:300;
 margin-top:.2em;
 margin-bottom:.5em
}

.navigation div,.navigation ul,.navigation li { margin: 0 auto; padding: 0; }
.navigation a { color: #fff; line-height: inherit; }
.navigation .sub-nav-mega a:hover, .navigation .sub-nav-mega a:focus { text-decoration: underline; }

a.sub-nav-group-header {
    background-image: url(/i/caret-right-sm-f.png);
    background-size: 2%;
    background-repeat: no-repeat;
    background-position: right;
    border-bottom: 1px solid #fff;
    padding-bottom: 8px;
}

.navigation p {
 font-family:inherit;
 font-weight:normal;
 font-size:1em;
 line-height:1.6;
 margin-bottom:1.25em;
 text-rendering:optimizeLegibility
}
#topnav button:focus, .mobile-menu-bar button:focus {
  outline: thin dotted #fff
}


.navigation ul,.navigation ol,.navigation dl {
 font-size:1em;
 line-height:1.6;
 list-style-position:outside;
 font-family:inherit;
}
.navigation ul,.navigation ol {
 margin-left:0
}

.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
}
.toggle .hidden { display:inline-block !important; }
[aria-expanded="false"] .toggle:after,.toggle[aria-expanded="false"]:after { content:"+"; }
[aria-expanded="true"] .toggle:after,.toggle[aria-expanded="true"]:after { content:"\2212"; }
@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:#fff;
  background-color:#8fd4db
 }
 .ui-accordion-header.odd[aria-expanded="true"] .toggle,.ui-accordion-header.odd .toggle[aria-expanded="true"] {
  color:#8fd4db;
  background-color:#fff
 }
 .ui-accordion-header.even[aria-expanded="false"] .toggle,.ui-accordion-header.even .toggle[aria-expanded="false"] {
  color:#fff;
  background-color:#b2dcdf
 }
 .ui-accordion-header.even[aria-expanded="true"] .toggle,.ui-accordion-header.even .toggle[aria-expanded="true"] {
  color:#b2dcdf;
  background-color:#fff
 }
 #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:#fff;
  background-color:#142c68
 }
 #mega-nav[aria-expanded="true"] .toggle,#mega-nav .toggle[aria-expanded="true"] {
  color:#142c68;
  background-color:#fff
 }
 #mega-nav .current-page>div[aria-expanded="false"] .toggle,#mega-nav .current-page>div .toggle[aria-expanded="false"] {
  color:#fff;
  background-color:#143168
  
 }
 #mega-nav .current-page>div[aria-expanded="true"] .toggle,#mega-nav .current-page>div .toggle[aria-expanded="true"] {
  color:#143168;
  background-color:#fff
 }
 .section-nav[aria-expanded="false"] .toggle,.section-nav .toggle[aria-expanded="false"] {
  color:#fff;
  background-color:#142c68
 }
 .section-nav[aria-expanded="true"] .toggle,.section-nav .toggle[aria-expanded="true"] {
  color:#142c68;
  background-color:#fff
 }
 .section-nav .level-1.contains-current[aria-expanded="false"] .toggle,.section-nav .level-1.contains-current .toggle[aria-expanded="false"] {
  color:#fff;
  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:#fff
 }
 .section-nav .has-children>.current-page[aria-expanded="false"] .toggle,.section-nav .has-children>.current-page .toggle[aria-expanded="false"] {
  color:#fff;
  background-color:#143168
 }
 .section-nav .has-children>.current-page[aria-expanded="true"] .toggle,.section-nav .has-children>.current-page .toggle[aria-expanded="true"] {
  color:#143168;
  background-color:#fff
 }
}
@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:#0071bc
 }
}


#topnav {
 background-color:#fff
}
button.nav-header::before,a.nav-contact::before,a.nav-dictionary::before,button.nav-search::before {
 font-size:16px;
 content:"";
 position:absolute;
 top:2px;
 left:50%;
 transform:translateX(-50%)
}
button.nav-header::before {
 width:1.6875em;
 height:1.250625em;
 background-position:6.3291139241% 68.5253186633%;
 top:7px
}
@media only screen and (max-width: 1024px) {
 .mobile-menu-bar>a,.mobile-menu-bar>button {
  display:inline-block;
  position:relative;
  background:transparent no-repeat center 0;
  width: auto;
  padding:3em 0 0 0;
  margin:1em 8%;
  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
 }
 .mobile-menu-bar button.nav-header {
  margin-left:0;
 }
 .mobile-menu-bar button.nav-search {
  margin-right:0;
 }
}
@media only screen and (max-width: 640px) {
 .mobile-menu-bar>a,.mobile-menu-bar>button {
  width: auto;
 }
 button.nav-header {
  margin-right:4%
 }
}
.fixedtotop {
 background:#142c68;
}
#topnav {
 background:#142c68;
}
.mobile-menu-bar {
 background:#142c68;
	margin: 0 auto;
	width: 940px;
}
@media only screen and (max-width: 991px) { .mobile-menu-bar { width: 720px; } }
@media only screen and (max-width: 767px) { .mobile-menu-bar { width: auto; margin: 0 20px; } }

@media only screen and (min-width: 1025px) {
 .general-page-body-container .local-navigation {
  margin-top:1.3em;
  padding-left:0;
  padding-right:38px
 }
 .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 .contains-current>div a {
  color:#82368C
 }
 .section-nav .current-page:after {
  left:100%;
  top:50%;
  margin-top:-12px;
  border:12px solid transparent;
  border-right-style:dotted;
  border-left-color:#0071bc;
  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
 }
 .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
 }
 .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
 }
 .section-nav .level-2 div>a {
  margin-left:7px
 }
 .section-nav .level-2>ul {
  margin-left:0.875em
 }
 .section-nav .level-3>ul {
  margin-left:0.875em
 }
 .section-nav .level-4>ul {
  margin-left:0.875em
 }
 .section-nav div.current-page {
  background:#0071bc
 }
 #section-menu-button {
  display:none
 }
 #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;
  border-bottom-color:#006db5;
  color:#2f2f2f
 }*/
}
@media only screen and (max-width: 1024px) {
 .has-section-nav {
  margin-top:1.5em
 }
 .main-content .general-page-body-container .local-navigation {
  padding-left:5%;
  padding-right:5%
 }
 .section-nav {
  display:none;
  position:absolute;
  top:-0.85em;
  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 .contains-current>div a {
  color:#82368C
 }
 .section-nav div>a {
  display:inline-block
 }
 .section-nav ul li {
  border-top:1px solid #d5d5d2
 }
 .section-nav ul>li:first-child {
  border:none
 }
 .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
 }
 .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
 }
 .section-nav .level-1>div>a {
  text-transform:none;
  margin-left:1em
 }
 .section-nav .level-1.contains-current {
  background-color:#eeedf4
 }
 .section-nav .level-2>div>a {
  margin-left:1.875em
 }
 .section-nav .level-3>div>a {
  font-size:0.9em;
  margin-left:3.0555555556em;
  margin-right:4.2361111111em
 }
 .section-nav .level-4>div>a {
  font-size:0.9em;
  margin-left:4.0277777778em;
  margin-right:4.2361111111em
 }
 .section-nav div.current-page {
  background:#0071bc
 }
 #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;
  font-family:Montserrat,Arial,sans-serif;
  text-transform:uppercase
 }
 #section-menu-button.open::before {
  transform:translateY(-50%) rotate(0)
 }
 .no-js .section-nav ul {
  display:none
 }
 .no-js .section-nav:hover ul,.no-js .section-nav:focus ul {
  display:block
 }
 #overlay {
  opacity:0.4;
  position:absolute;
  top:0;
  left:0;
  height:100%;
  background-color:black;
  width:100%;
  z-index:998
 }
 #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
 }
 #nvcgSlMainNav .mobile-menu-bar {
  left:0px;
  position:relative
 }

 #mega-nav {
  visibility:hidden;
  opacity:0;
  z-index:1000;
  position:absolute;
  top:0;
  width:100%;
  background-color:#f3f3f2;
  -webkit-transition: visibility .5s ease;
  -moz-transition: visibility .5s ease;
  -o-transition: visibility .5s ease;
  transition: visibility .5s ease;
 }
 html.nav-open #mega-nav {
  visibility:visible;
  left:0.01%;
  opacity:1;
 }
 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 li.contains-current>div.nav-item-title>a {
  color:#82368C
 }
 #mega-nav ul {
  margin:0;
  width:100%
 }
 #mega-nav ul li {
  margin-bottom:0;
 }
 #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:1em;
  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:#fff;
  color:#606060;
  font-weight:bold
 }
 #mega-nav .current-page>div>a {
  color:#606060
 }
 #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
 }
}
@media only screen and (min-width: 1025px) {
 .nav-menu {
  display:table;
  list-style:none;
  margin:0;
  padding:0;
  z-index:15;
  width: 100%;
 }
 .nav-menu .nav-item {
  list-style:none;
  padding:0;
  margin:0;
  display: table-cell;
 }
 .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:16px;
  color:#fff;
  font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-weight: 400;
  text-align:center;
  transition:all linear 150ms
 }
 .nav-menu .level-1 {
  display:block;
 }

 .nav-menu .level-1 {
  display:none;
 }
 .nav-item>.nav-item-title>a:focus,.nav-item>.nav-item-title>a.hover,.nav-item>.nav-item-title>a.open {
  background-color:#006db5;
 }
 .nav-item>.nav-item-title>a.active {
  background-color:#fff;
  border-bottom-color:#0071bc;
  color:#2f2f2f
 }
 .nav-item>.nav-item-title>a.open {
  z-index:1
 }
 .sub-nav-mega {
  z-index:999;
  position:absolute;
  left:0;
  box-shadow:0 11px 15.2px 0.8px rgba(0,0,0,0.4);
  border-top:none;
  background-color:#006db5;
  width:100%;
  max-height:0;
  opacity:0;
  visibility:hidden;
  transition:all 500ms ease 100ms
 }
 .sub-nav-mega.open {
  max-height:300px;
  opacity:1;
  visibility:visible;
  transition-delay:500ms
 }
 .no-csstransitions .sub-nav-mega {
  max-height:300px;
  overflow:hidden !important;
  visibility:visible
 }
 .no-csstransitions .sub-nav-mega.open {
  opacity:0
 }
 .empty-mega {
  background-color:transparent;
  padding:0;
  border:0
 }
 .sub-nav-group-wrapper {
  max-width:1200px;
  margin:0 auto;
  padding:0.5em 1em
 }
 .sub-nav-mega ul {
  display:inline-block;
  vertical-align:top;
  margin:0 2% 0 0;
  padding:0;
  line-height:1.3em
 }
 .sub-nav-mega .sub-nav-group {
  width:22%;
  margin-bottom:20px;
  padding-top: 15px;
 }
 .sub-nav-group-header {
  font-size:1.0625em;
  font-weight:bold;
  color:#2b7bba;
  display:block;
  font-family:Montserrat,Arial,sans-serif
 }
 .sub-nav-mega .cancer-types-border-container {
  width:66%;
  border-right:1px solid #000
 }
 .cancer-types-border-container>li {
  margin-top:0
 }
 .cancer-types-border-container>li>ul {
  width:31.3333333333%;
  margin-right:-4px
 }
 .cancer-types-border-container>li>ul:first-child {
  margin-right:0px
 }
 .sub-nav-group ul li a {
  font-size:0.9375em;
 }
 .sub-nav-group ul li a:hover,.sub-nav-group ul li a:focus {
  text-decoration:underline
 }
 .mega-menu-scroll {
  overflow-y:scroll
 }
 html.windows .mega-menu-scroll .sub-nav-group-subwrapper {
  position:relative;
  left:10px
 }
 .sub-nav-mega li {
  display:block;
  list-style-type:none;
  margin:8px 0 0 0;
  padding:0
 }
 nav .sub-nav-group-wrapper {
  max-width:70em
 }
 nav .sub-nav-group-subwrapper {
  max-width:62.5em;
  margin:0 auto
 }
}
@media only screen and (min-width: 1441px) {
 .nav-item>.nav-item-title>a {
  padding:14px 20px 8px
 }
 nav .sub-nav-group-wrapper {
  max-width:1200px
 }
 nav .sub-nav-group-wrapper {
  max-width:90em
 }
 nav .sub-nav-group-subwrapper {
  max-width:75em;
  margin:0 auto
 }
}
.nav-menu .nav-item {
 line-height:2em
}