/**************************************
Home Page
**************************************/
.home .highlighted { background-image: url("/i/hero-home-xs.webp"); background-repeat: no-repeat; background-position: center; }
@media (min-width: 577px) {.home .highlighted { background-image: url("/i/hero-home-lg.webp");}}
@media (min-width: 1201px) {.home .highlighted { background-image: url("/i/hero-home.jpg");}}

.home .highlighted h1 {	clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.home .highlighted .hero-text { background: #e1e7ee; padding: 20px; margin: 20px 10% 25px 0; opacity: .96; border: 2px solid #fff; box-shadow: 7px 7px 0 rgba(0,0,0,.3); }
.hero-text .hero-tagline { font-size: 22px; text-transform: uppercase; color: #142c68; margin-bottom: 10px;  line-height: normal;}
.hero-text p { margin: 0; }
@media screen and (max-width: 1024px) { .home .highlighted .hero-text { margin-right: 0; } }
@media screen and (max-width: 768px) { 
	.home .highlighted .hero-text { margin: 0 0 25px 0; } 
	.hero-text .hero-tagline  {font-size: 18px;}
	.hero-text p:not(.hero-tagline) {font-size: 16px;}
}
@media screen and (max-width: 500px) { 
	.home .highlighted { background-size: cover; } 
	.home #fifty-logo-div {display: none; }
	.home #fifty-logo-div-mobile {display: block; }
	.home #hero-content-wrapper {width: 100%}
}
@media screen and (min-width: 501px) {
	.home #fifty-logo-div-mobile {display: none;}
}
.home .fifty-logo {height: 15%; width: 15%;}
.home .fifty-btn {margin-top: 45px; margin-bottom: 0;}

.home h2 { font-size: 16px; padding: 8px 15px; }
@media (max-width: 768px) {
	#viewStatFacts {margin-left: 0;}
	.home .highlighted img#fifty-logo {display: block;}
}

/* News Section */
.newsList { list-style: none; padding-left: 15px; margin-bottom: .3em; }
.newsList li { margin-bottom: .75em; padding-bottom: 1em; border-bottom: 1px solid #dcdcdc; }
.home a.more-link {padding-left: 15px;}

/* Releases and Highlights */
.fancyList { list-style: none; margin: 0 0 2em 0; padding-left: 15px; line-height: 1.1; text-shadow: 0 1px 0 #fff; }
.fancyList li { margin: 0; padding: 0; border-bottom: 1px solid #dcdcdc; margin-top: 10px; }
.fancyList a { line-height: 1.2; display: block; padding: .4em 1.6em .4em 0; margin: .1em 0; position: relative; }
.long-a { position: relative; }
.long-a .extlink { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; left: 105px; position: absolute; top: 18px; }
.long-a span { margin-right: 18px; }

/* NCCR New section */
.front-page .btn-box {
    margin: 0 5rem 3rem 3rem;
    padding-top: 2rem;
}
.front-page .btn-box img {
    top: 1rem;
    position: absolute;
    left: -50px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
}
.front-page .btn-box h2 {font-size: 26px; padding: 0 2rem;}
.front-page .btn-box .text {padding: 1rem 2rem;}

/**************************************
Data
**************************************/
/* hurricane.html */
figure.hurricane {max-width: 831px;}

/* product-comparison.html */
.product-comparison td {text-align: left;}

/**************************************
Data And Software
**************************************/
/* top announcement box on landing page */
.announce { padding: 20px; background: #fff; box-shadow: 0 0 4px #999; }
.announce h2 { margin-bottom: 10px; font-size: 20px; }
.announce ul { padding-left: 10px; margin-bottom: 0; }
.row div.announce > ul {padding-left: 10px;}

/* FAQs page image*/
.faq-image { padding-bottom: 20px;}
@media (max-width: 576px) {
	.faq-list {padding-left: 0px;}
}

/**************************************
Twitter
**************************************/
/* Cancer Stats Landing Page Feed */
.twitter p { height: 360px; overflow: auto; }
/* Share Button on Home Page */
span.twitter { float: right; max-width: 73px;}

/**************************************
Social Media Buttons
**************************************/
.share { position: absolute; top: -2.5rem; right: 1rem; display: flex; align-items: center; z-index: 1000;}
.facebook-share-button { border-radius: 10px; padding: 0 .75rem; margin-top: .325rem; font-size: .75rem; color: #fff !important; text-decoration: none; background: #1372ed; display: inline-flex; align-items: center; }
.facebook-share-button:hover, .facebook-share-button:focus { background: #0e61ce; color: #fff; text-decoration: none;}
.facebook-share-button svg { margin-right: .25rem; }
.twitter-share-button { margin: .35rem .25rem 0 .25rem; }
.print { border-radius: 10px; padding: 0 .75rem; margin-top: .35rem; font-size: .75rem; color: #fff; text-decoration: none; background: #637a7d;}
.print:hover, .print:focus { background: #1f2627; color: #fff; text-decoration: none;}
.print svg { height: 20px; width: 20px; }

@media only screen and (max-width: 767px) {
	.share { top: 3.5rem;}
}

@media (max-width: 445px) {
	.share {
		display: block;
		width: 100%;
		position: relative;
		top: 0;
		left: 0.2rem;
	}
	a.facebook-share-button {
		margin-top: 0;
		display: inline-block;
		vertical-align: super;
	}
	a.print {
		display: inline-flex; align-items: center; 
	}
}

.download a.print {
    display: none;
}

/**************************************
SEER*Explorer Landing Page
**************************************/
.well .lead { font-size: 20px; }
.well-actions a:nth-child(1) { float: left; margin: 0; }
.well-actions a:nth-child(2) { float: right; }
@media (max-width: 479px) {
	.well-actions a { float: none; width: 100%; }
	.well-actions a:nth-child(1) { margin-bottom: 10px; }
}

.listCard { border-radius: 4px 4px 0 0; box-shadow: 0 3px 4px rgba(0,0,0,.1); }
.listCard-title { margin: 0; padding: 5px 17px; font-size: 16px; font-weight: bold; color: #fff; background: #142c68; display: block; border-radius: 4px 4px 0 0; }
.listCard ul { margin: 0; padding: 0; list-style: none;  background: #fff; }
.listCard li { padding: .5rem 1.5rem; margin: 0; border-bottom: 1px solid #ddd; display: flex; align-content: center; font-size: 1rem; }
.listCard li svg { margin-right: .75rem; margin-top: .25rem; fill: #006db5; }

/***************************************
About
***************************************/
#fifty-tab a.button {margin-left: 20px;}

/************* 50th Anniversary ************/
h2#logo-morph-label {padding: 10px 20px; border-bottom: none; background-color: #142c68; color: #fff; font-size: 18px; margin-bottom: 0; margin-top: 0;}
#fifty-links-out {background-color: #eee;}
#fifty-links-out hr {margin: 0.8em 0;}
#fifty-links-out ul {list-style: none;}
div#fifty-video {display: flex; width: 100%; flex-direction: column; justify-content: end; overflow: hidden;}
div#fifty-video .text {padding-bottom: 0;}
#fifty-video-wrapper {background: #eee;}
#fifty-video-wrapper h2 {padding: 10px 20px; height: auto;}
#fifty-graphic {padding: 2rem; background-color: #8ea7c5;}
@media (min-width: 993px) {
	#fifty-tab {margin-top: -40px;}
}
@media (min-width: 768px) and (max-width: 992px) {
	#fifty-tab {margin-bottom: -30px;}
}
@media (min-width: 575px) {
	#fifty-tab #logo-col {border-left: 4px solid #ccc;}
}

#quotesCarousel .carousel-cell {width: 100%; margin-right: 10px; background-color: #eee; border-left: 8px solid #dce4ef; padding: 3rem 1.5rem 2rem 1.5rem; background-image: url('../i/quote-left-solid.svg'); background-repeat: no-repeat; background-position: 1.5rem 0.5rem;}
#quotesCarousel .carousel-cell .quote-source {margin-top: 1rem;}
#quotesCarousel.main-carousel {margin: 1rem 70px 4rem 70px;}
#quotesCarousel .carousel-cell .quote-source p {margin-bottom: 0;}
#quotesCarousel .carousel-cell#quote-phil {height: 100%;}
#quote-phil .quote-source {position: absolute; bottom: 1rem; }
#quotesCarousel .flickity-prev-next-button.previous {left: -60px;}
#quotesCarousel .flickity-prev-next-button.next {right: -60px;}
@media (min-width: 768px) and (max-width: 992px), (min-width: 1200px) {
	#quotesCarousel .carousel-cell .quote-source {border-left: 4px solid #ccc; margin-top: 0;}
	#quotesCarousel .carousel-cell#quote-phil {display: flex; align-items: center;}
	#quote-phil .quote-source {position: relative;}
	#quotesCarousel .carousel-cell#quote-phil .row {height: 80%; margin-top: 1rem;}
	#quotesCarousel .carousel-cell .quote-source p {margin-bottom: 0.5rem;}
}
/* move prev/next arrows below carousel slides on narrow screens */
@media (max-width: 600px) {
	#quotesCarousel .carousel-cell {min-height: 100%;} 
	#quotesCarousel .flickity-prev-next-button {top: 107%;}
	#quotesCarousel .flickity-prev-next-button.next {right: 0;}
	#quotesCarousel .flickity-prev-next-button.previous {left: 0;}
	#quotesCarousel.main-carousel {margin: 1rem 0 6rem 0;}
	#quotesCarousel .flickity-page-dots {margin: 3rem 0 0 0;}
}

/************* VTR section ************/
.boldedList li::marker {font-weight: bold;}

/*************new item indicator*****************/
.new-item {
	padding-left: 3.5em;
    position: relative;
    zoom: 1;
}
.new-item:before { 
	content: 'NEW!';
    position: absolute;
    top: -3px;
    background-color: #142c68;
    padding: 3px 6px;
    color: #fff;
    left: 0;
}

.docinfo, .smallPrint {
	font-size: 96%;
	color: #767676;
}
.docinfo img {
	border: 0;
	padding: 0 0 0 4px;
	vertical-align: middle;
}
.image .docinfo, .nodocinfo .docinfo {
  display: none !important;
}
.indent {
	margin-left: 2.5em;
}
.nav-indent {
	margin-left: 2.1em;
	display:block;
	padding:10px 0;
}
span.required, span.ssfrequired {
	color: #C36;
	font-size: .9em;
}

.xspacing {	margin: 1em 0; }

.list_nobullets {list-style: none; padding-left: 30px;}

/* Home */

.landing ul {
	margin: 20px 0 0;
	display: block;
	float: left;
	padding-bottom: 0;
	margin-top: 0 !important;
	border-left: 4px solid #ccc;
	border-bottom: none !important;
	border-right: none !important;
	padding-left: 15px !important;
}
.landing .text ul li {
	margin-left: 20px;
}
.landing {
	background: #eee;
	padding: 0 !important;
}
.home .landing {
	border-right: none;
}
.row.row-eq-height.landing {
		width: 100%;
}

.bigForm {
	border: 1px solid #b7d099;
	background: #e3eed7;
	padding: .75em;
	margin-bottom: 2em;
}
.bigForm h1 {
	border-bottom: none;
	background: url("../i/border-bottom-grn.jpg") bottom repeat-x;
	padding-bottom: .2em;
}
.bigForm select {
	width: 85%;
	margin-right: 0;
	font-size: 1.3em;
	padding: .13em;
}
.bigForm select:hover {
	cursor: pointer;
}
.bigForm input {
	width: 13%;
	font-size: 1.2em;
}
.biblio {
	background: url("../i/biblio-books.jpg") right bottom no-repeat;
	padding: 0 9em 2em 0;
	margin-top: 3em;
}
span.date {
    font-size: .9em;
    color: #555;
}
/* Tables */

	/* long description tables on factsheets */
.longDesc {
	margin: 2em auto;
	width: 90%;
}
.longDesc p {
	text-align: right;
}
.longDesc table {
	text-align: center;
}
/*---------- Registries - /registries/ --------------*/
.regTable {
	width: 60%;
}
.redText {
	color: red;
}
/* list.html */
.grouping {border-top: 2px solid #eee; border-bottom: 2px solid #eee; padding-top: .5em; margin-bottom: .5em;}

/* DATA TABLES - reused CSS from old site */
.caption_center {
	font-weight: bold;
}
.table_caption {
	font-weight: bold;
	text-align: left;
	margin-bottom: 6px;
}

tbody tr.no-hover:hover {
	background-color: #fff !important;
}
.mainhead a {
	color: #FFF;
}
tr.row-span {
    background: #eee !important;
    color: #222;
}
.row-span th {font-weight: bold;}
.secthead {
	font-weight: normal;
	color: #fff;
	text-align: left;
	/* approximate match with #eee on 40% opacity for doublescroll wrapper gradient */
	background-color: #555 !important;
}

.secthead a {
  color: #fff !important;
  text-decoration: underline;
}

.secthead a:hover {
  text-decoration: none !important;
}

.secthead img {
    width: 100%;
    min-width: 32px;
}
.secthead a sup {
    text-decoration: underline !important;
}
.numeric_data {
	text-align: right;
}

td.subhead{
	color:#555555;
}

.secthead2 {
	font-weight: bold;
	background-color: #00768a;
	text-align: left;
	color: #FFF;
}

.secthead2_center {
	font-weight: bold;
	background-color: #00768a;
	text-align: center;
	color: #FFF;
}
.secthead2_base {
	font-weight: bold;
	background-color: #00768a;
	color: #FFF;
}
.cell {
	text-align: center;
}
.left_indent {
	padding-left: 13px !important;
}
.left_indent_l2 {
	padding-left: 22px !important;
}
.left_indent_l3 {
	padding-left: 35px !important;
}
.left_indent_l4 {
	padding-left: 45px !important;
}
.left_indent_l5 {
	padding-left: 55px !important;
}
.left_indent_l6 {
	padding-left: 65px !important;
}
.footnote {
	margin: 0 0 1em 0;
	padding: 0;
}
.recodeTop {
	vertical-align: top;
}

/* striped tables bootstrap fix */
.table-striped th { color: white !important; }


/* What is a Cancer Registry Breadcrumbs */

#breadcrumbs {
	margin-left: -15px !important;
}

#breadcrumbs ol { 
	list-style: none;
	display: flex;
	padding-left:0px !important;
}


.tiles {
	height: 210px;
	float: left; 
}

#breadcrumbs li { 
	float: left; 
	height: 138.5px;
	box-shadow: .75px .75px 1px #D5D5D5;  
	margin-bottom: 5em !important;
}

#breadcrumbs li a {
	color: white;
	background: #0065A8;
	text-decoration: none;
	position: relative; 
	display: block;
	padding: 22.5px 17.5px 22.5px 17.5px;
	border-bottom-left-radius:1px;
	border-bottom-right-radius:1px;
}

#breadcrumbs li.current a {
	background: #be2646;   
}

#breadcrumbs li.current {
	border-top: 4px solid #be2646;
	margin-left:7px;
	background: #eee;
}

#breadcrumbs li.inactive {
	border-top: 4px solid #eee;
	border-top-left-radius:1px;
	border-top-right-radius:1px;
	background: #eee;
	margin-left:7px;
}

#breadcrumbs li a::after { 
	content: " "; 
	display: block; 
	border-top: 28px solid transparent; 
	border-bottom: 28px solid transparent;
	border-left: 12px solid #0065A8;
	position: absolute;
	top: 50%;
	margin-top: -28px; 
	left: 100%;
	z-index: 2; 
}
#breadcrumbs li#last a::after {content: none;}
#breadcrumbs li .tile_last a.reg_icon::before {content: none;}

#breadcrumbs li.current a::after{
	border-left: 12px solid #be2646;
}

a.reg_icon {
	height: 75px;
	margin-top: 135px;
	box-shadow: .5px .5px 2px #BFBFBF;
}

.section_heads_1 {
padding-top: 30px;
padding-left: 5px;
font-size: 1em;
padding-bottom: 20px;
}

.icon {
	display: block;
	margin: auto;
	height: 110px;
	margin-top: -147px;
}

#breadcrumbs li a::before { 
	content: " "; 
	display: block; 
	border-top: 28px solid transparent;       
	border-bottom: 28px solid transparent;
	border-left: 12px solid #fff;
	position: absolute;
	top: 50%;
	margin-top: -28px; 
	margin-left: 2.9px;
	left: 100%;
	z-index: 1; 
}
#breadcrumbs li #last::before {
	content: none; 
}

#breadcrumbs li a:hover, #breadcrumbs li a:focus { 
	background: #be2646;
	transition: all .25s ease-in-out;
}

#breadcrumbs li a:hover:after, #breadcrumbs li a:focus:after { 
	border-left-color: #be2646;
	transition: all .25s ease-in-out;
}

#breadcrumbs li:hover, #breadcrumbs li:focus {
	transition: all .25s ease-in-out;
	box-shadow: 1.25px .5px 3.5px .5px #BFBFBF;
	border-top: 4px solid #be2646;
}

/************** Statistical Software *************/
/* -------- SEER*Stat -------- */
.seerstat-howto .modalItem-trigger button {background: none; border: none; padding-right: 1rem;}

/************** Sitemap *****************/
.sitemap button.leftNav-toggle[aria-expanded="false"]:hover, .sitemap button.leftNav-toggle[aria-expanded="false"]:focus { background-image: url(../i/plus.png);}

@media only screen and (max-width : 992px) {
	.icon {float:none;visibility:hidden;}
	.tiles {float: left; width: 100%; height: 0px;}
	a.reg_icon {height: 0px; margin-top: 30px}
	#breadcrumbs li a {color: black; padding-top: 1px;}
	.icon {height: 0px}
	#breadcrumbs li {float: left; height: 50px; box-shadow: .75px .75px 1px #D5D5D5; width: 100%; margin-bottom: 1.7em !important;}
  #breadcrumbs ol {list-style: none; flex-direction: column;}
	#breadcrumbs li a::after {display:block;border-top: 3.5em solid transparent;border-bottom: 3.5em solid transparent;border-left: 2em solid #0065A8;top: -40%;z-index: 4;left: 50%;right: 50%;margin-left: -10px;transform:rotate(90deg);}
	#breadcrumbs li a::before {content:none;border-top: 3.5em solid transparent;border-bottom: 3.5em solid transparent;border-left: 2em solid #D5D5D5;top: -40%;left: 50%;right: 50%;	z-index: 3;transform:rotate(90deg);}
	#breadcrumbs li.current {transition: all .25s ease-in-out;box-shadow: 1.25px .5px 3.5px .5px #BFBFBF;border-top: 4px solid #eee;}
	#breadcrumbs li.current a::after{border-left:2em solid #be2646;}
	#breadcrumbs li#last a::after, #breadcrumbs li#last a::before {content: none;}
	.section_heads_1  {font-size:.8em;font-weight: bold;height: 20px;text-align: center;margin-top: 116px;padding-top: 0 !important;padding-bottom: 0 !important;padding-left: 0 !important; vertical-align: middle;}
	.section_heads_1 span {display: inline-block;}
	#breadcrumbs li:hover, #breadcrumbs li:focus,	#breadcrumbs li.current:hover, #breadcrumbs li.current:focus  {transition: all .25s ease-in-out;box-shadow: 1.25px .5px 3.5px .5px #BFBFBF;border-top: 4px solid #eee;}
}

@media only screen and (max-width : 360px) {
	#two_lines { margin-top: 112px !important;}
	#breadcrumbs li {float: left;height: 60px;box-shadow: .75px .75px 1px #D5D5D5;width: 100%;margin-bottom: 1.5em !important;}
	.section_heads_1  {font-size:.8em;font-weight: bold;line-height: 1em;text-align: center;padding-left: 0 !important;vertical-align: middle;}
	.section_heads_1 span {display: inline-block;margin-top: 116px;}
	a.reg_icon {height: 0px; margin-top: 39px}
}

/*********CSR***********/
.SelectLabel label {
	margin: 0;
	padding-bottom: 0;
}

div#FormControls {
    background: #eee;
    padding: 20px;
	margin-bottom: 20px;
}

input#submitBTN {
	margin-bottom: 0;
	margin-top: 10px;
}
.FormRow select {
    width: 100%;
}
p.mergeInstruct, p.mergeButton {
    padding: 0 20px;
}

/**********Canques overrides**************/
.variable_container, #UserForm .top, #UserForm #three-boxes {
	min-width: 0 !important;
	width:100%;
	padding: 20px !important;
    border: 5px solid #DCE4EF !important;
    background: #eee !important;
	margin-bottom: 0!important;
}
#UserForm .top, #UserForm #three-boxes, p.variable_container {
	margin-bottom: 10px !important;
}
p.variable_container {
	border: none !important;
}
#UserForm #three-boxes {
	width:100% !important;
}

#UserForm h3 {
    border: none;
    background: #DCE4EF;
    border-radius: 0;
    padding: 10px 20px;
}
#UserForm input.ckBtn[value="Check All"], #UserForm input[value="Page"], #UserForm input[value="Row"], #UserForm input[value="Column"] {
	background-image: none;
	padding: 5px;
	margin-bottom: 5px;
}
#UserForm input[value="Clear"] {
	padding: 5px;
}


/* Site recode and COD Recode  */
.recodeboldcolorlarge {
	font-size: 10px;
	font-weight: bold;
	background-color: #A1C6DA;
	text-align: center;
}
.recodeboldcolorsmall {
	font-size: 9px;
	font-weight: bold;
	background-color: #D7E7EF;
	text-align: left;
}
.recodeplain {
	font-size : 9px;
	font-weight: normal;
	text-align: left;
}
.recodecolorsmall {
	font-size: 9px;
	font-weight: normal;
	background-color: #D7E7EF;
	text-align: left;
}
.recodefootnote {
	font-size: 13px;
	font-weight: bold;
	color: #000;
  text-decoration: none;
	padding-left:2px;
}

.mainhead_footnote {
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
  padding-left:2px;
}

.recodecolor {
	font-size: 10px;
	background-color: #D7E7EF;
}

.even_alternating tr:nth-child(even) {background-color: rgba(242, 242, 242, 0.4);}
/* end reused CSS */


/*canstat*/
th.tablesorter-header:hover {
    cursor: pointer;
}

/**************************************
Fact Sheets / Stat Facts
**************************************/
/* Stat Facts Alphabetical List */
.alphaList .letter { font-weight: normal; border-bottom: 1px solid #B7D099; display: block; font-size: 1.2em; text-shadow: 0 1px 0 rgba(255,255,255,.55); }
.alphaList .letter span { display: inline-block; background: #E3EED7; border: 1px solid #B7D099; border-radius: 0 8px 0 0; border-bottom: none;	padding: .1em .5em 0 .4em; min-width: .75em; text-align: center; }
.alphaList ul {	margin: 0.7em 0 2em; padding-left: 1.75em; }
.alphaList ul ul { margin-bottom: 0; }

/* expand/collapse all */
.js .factSheet { padding-top: 15px; position: relative; } /* if there is JS, bump the content down, make room for the buttons at the top */
.superTog {	display: none; } /* don't show the buttons if there is no JS */
.js .superTog {	display: block;	position: absolute; right: 0; top: -30px; font-size: 14px; }
.superTog a { display: inline-block; text-decoration: none; padding: 2px 10px; background: #eee; border-radius: 0 0 2px 2px; border: 1px solid #dce4ef; border-top: none; }
.superTog a:hover, .superTog a:focus { background: #dce4ef; }
@media screen and (max-width: 991px) {
	.js .factSheet { padding-top: 0; }
	.js .superTog {	position: relative; top: 0; left: 0; margin: 0 auto 1em auto; text-align: center; width: 80%; }
	.superTog a { width: 48%; border-top: 1px solid #dce4ef; border-radius: 3px; }
	.asideText { display: block; font-size: 1.2em; margin-top: 10px; padding-top: 15px; border-top: 1px solid #ccc; position: relative; }
	.asideText:after { content: ""; position: absolute; top: 0; left: 50%; margin-left: -5px; height: 0; width: 0; border: 10px solid transparent; border-top-color: #ccc; }
	.statBox { max-width: 200px; margin-left: auto; margin-right: auto; }
}
@media screen and (max-width: 787px) {
	.asideText { font-size: 1.1em; }
}

/* Fact Sheet Sections Shared Styles */
/* remove margin on green button */
.factSheet a.button { margin-left: 0; }
/* alter Explorer list */
.factSheet .listCard-explorer { background: #f5f5f5; margin-bottom: 2rem; }
.factSheet .listCard li { border: 1px solid #ddd; border-top: none; }

/* additional information box */
.additional { background: #dce4ef; padding: 1.5rem 2rem; margin: 2rem 0; border-radius: 3px; }
.additional svg { margin: -.15rem .25rem 0 0; }
.additional ul { margin: .25rem 0 0 0; }

/* default stat */
.statBox { border: 1px solid #d9dbdb; background: #f8fafa; border-radius: 5px; margin-bottom: 10px; }

.statWrap .statBox, .two-image .statBox { background: #fff; }

.statBox p { background: #588020; color: #fff; padding: .5em; margin: 0; border-bottom: 1px solid #d9dbdb; border-radius: 5px 5px 0 0; font-weight: bold; }
.statBox strong { display: block; font-size: 3em; color: #528011; padding: .5em 0; letter-spacing: -.03em; }
.statBox span { display: block; border-top: 1px solid #d9dbdb; padding: .5em 0; }

/* survive stat */
.statSurv p { background: #b2d284; color: #2d4c01; text-shadow: none; }
.statSurv strong { color: #2d4c01; }

/* death stat */
.statDie p { background: #2d4c01; }
.statDie strong { color: #2d4c01; }

/* Large Gray Wrapper Box */
.statWrap, .two-image { border: 1px solid #dcdcdc; border-radius: 5px; background: #f8fafa; margin-bottom: 1em; }
.statWrap .title { background: #ebebeb; display: block; border-radius: 5px 5px 0 0; font-size: 1.2em; padding: .5em; position: relative; }
.statWrap .title a { font-size: .7em; position: absolute; right: 1em; top: 1em; color: #166CB3; }

.top-statWrap, .two-image { padding: 1.5em; }

.statWrap .whiteBox { background: #fff; border: 1px solid #dedede; border-radius: 4px; padding: 1em; margin-bottom: 10px; }

.statWrap .footnote { padding: .5em 1em; margin: 0; font-size: 96%; line-height: 1.1; border-top: 1px solid #dcdcdc; }

.note { padding: 1em 1em 0 1em; font-style: italic; border: double medium #ccc; font-size: 98%; }


/* Introduction / Overview */
.glanceBox { display: table; width: 100%; margin-bottom: 2em; font-size: 17px; border: 1px solid #d9dbdb; border-bottom: none; border-radius: 3px; }
.glanceBox p { display: table-row; }
.glanceBox p span { display: table-cell; vertical-align: middle; padding: 10px; border-bottom: 1px solid #d9dbdb; }
.glanceBox p span:last-child { text-align: right; width: 30%; background: #f8fafa; }

.glanceBox.new p span:first-child { background: #bbda8e; color: #2d4c01; }
.glanceBox.death p span:first-child { background: #2d4c01; color: #fff; }

/* Illustration and DYK Video Modals for Fact Sheets (More about this Cancer Toggle at Bottom */
.factSheet .figureCol { float: right; width: 35%; margin: 0 0 3% 3%; }
.factSheet .modalItem, .js .factSheet .modalItem-trigger, .factSheet a[data-bs-toggle] { display: block; }
.factSheet [data-bs-toggle] { text-decoration: underline; }
.factSheet [data-bs-toggle]:hover, .factSheet [data-bs-toggle]:focus { text-decoration: underline; } 
.factSheet figure { margin-bottom: 30px; }
.factSheet .figWrap { border: 4px solid #eee; padding: 3%; text-align: center; }
.factSheet figcaption { font-weight: normal; color: inherit; }	
.dyk-tile { position: relative; }
.play { position: absolute; top: 50%; left: 50%; margin: -24px 0 0 -26px; }
button.fact-figure { background: none; border: none; color: #0065A8!important; padding: 0; margin: 0; width: 100%; }
button.fact-figure:hover, button.fact-figure:focus { background: none !important; }
@media (max-width: 767px) {
	.factSheet .figureCol { float: none; width: 100%; margin: 0 0 20px 0; }	
}

/* Survival Statistics */
.people-factSheet img { margin-bottom: 10px; }

.survival-factSheet .default-pie text { font-size: 1em; }
.survival-factSheet ul { list-style: none; margin: 0; padding: 15% 0 0 0; }
.survival-factSheet li { margin-bottom: 10px; padding-left: 20px; position: relative; }
.survival-factSheet li img { position: absolute; left: 0; top: 5px; }
@media screen and (max-width: 767px) {
	.survival-factSheet ul { padding: 0 10%; }
	.survival-factSheet li { float: left; width: 50%; padding: 0 5%;}
}
@media (max-width: 519px) {
	.survival-factSheet ul { padding: 0 0 0 15%; }
	.survival-factSheet li { float: none; width: 100%; padding: 0 0 0 20px;}
}


/* Numbers of New Cases and Deaths */
.common-factSheet .col1, .whogets-factSheet .col1 { width: 70%; margin-right: 4%; }
.common-factSheet .col2, .whogets-factSheet .col2 { width: 25%; margin-right: 1%; text-align: center; margin-top: 3em; }

table.common { width: 100%; }
table.common td, table.common th { padding: .3em 1em; text-align: left; }
table.common th { background: none; color: #000; font-weight: bold; border: none; }
table.common thead tr { border-bottom: 2px solid #e1e1e1; vertical-align: bottom; }
table.common .bordered { border: 1px solid #e1e1e1; border-top: none; }
table.common tbody { border: 1px solid #e1e1e1; background: #fff; }
table.common tbody td { border: 1px solid #e1e1e1; border-left: none; }
table.common .rank { border-right: none; text-align: right; padding: 0.3em 0 .3em .3em; }
table.common .selected { background: #FFC; font-weight: bold; }

.whogets-factSheet .col1 { width: 70%; margin: 0 2.5%; }
.whogets-factSheet .col2 { width: 20%; margin: 0 2.5%; text-align: center; margin-top: 2em; }

.bar-factSheet .topcap { height: 4px; width: 686px; margin: 3em auto 0; position: relative; overflow: visible; background: url("../i/factsheets/bargraph_topcap.jpg") center no-repeat; }
.bar-factSheet .topcap img { position: absolute; top: -37px; }
	img.male { left: 100px; }
	img.female { right: 100px; }
.bar-factSheet .bottomcap { height: 4px; width: 686px; margin: 0 auto; background: url("../i/factsheets/bargraph_bottomcap.jpg") center no-repeat; }

.bar-factSheet ul { margin: 0 auto !important; width: 722px; padding: 20px 20px 0 20px; list-style: none; list-style-image: none; text-align: center; background: url("../i/factsheets/bargraph_repeat.jpg") center repeat-y; }
.bar-factSheet li { padding: .5em 0; margin: 0; border-bottom: 1px solid #dcdcdc; line-height: 2; }
.bar-factSheet li.last { border: none; }
.bar-factSheet li img, .bar-factSheet li span, .bar-factSheet li em { display: inline-block; vertical-align: middle; }
.bar-factSheet li span.label { width: 144px; line-height: 1; color: #333; }
.bar-factSheet li span { width: 246px; }
.bar-factSheet li em { width: 246px; color: #787272; }

table.trends { width: 96%; margin: 0 auto; text-align: center; background: #fff; }

/* Modal image */
.center {text-align: center;}
/* End Fact Sheet */

/*************************
News & Events section
**************************/
.webinars-button { margin-right: 20px; }
.eventList { list-style: none;}
.card-event.general a:not(.button) { position: relative; padding-top: 1rem;}
.card-event {display: flex; flex-wrap: nowrap; justify-content: space-evenly; background: #eee; border: 5px solid #dce4ef; box-shadow: none; padding: 10px; margin-bottom: 30px; margin-left: 0px; margin-right: 0px; padding-bottom: 10px !important;}
.event-date { display:flex; flex-direction: column; justify-content: center; align-items: center; font-size: 1.5rem; line-height: 1.1; max-width: 200px; border-right: 1px solid #ccc;}
.webinar .event-date {justify-content: center;}
.event-details {display: flex; flex-direction: row; justify-content: space-between;}
.event-month {text-transform: uppercase;}
.card-event.webinar .event-date .days { font-size: 1.5rem; font-weight: bold; }
.card-event.webinar .event-time {font-weight: bold;}
.card-event .event-time {font-size: 1.1rem;}
@media (max-width: 1399px) {
	.card-event.general { display: block;}
	.card-event.general {justify-content: flex-start;}
	.general .event-date {flex-direction: row; border: none; margin: 0; padding: 0; max-width: max-content; text-align: left; }
	.card-event.general .event-date { border: none;}
	.general .event-details {flex-direction: column; align-items: flex-start;}
	.general .event-month {text-transform: none;}
}

@media (max-width: 992px) {
	.card-event.webinar { display: block;}
	.card-event.webinar {padding-bottom: .5rem; }
	.webinar .event-date {flex-direction: row; border: none; margin: 0; padding: 0; max-width: max-content; text-align: left; }
	.webinar .event-time { font-size: 1.5rem; font-weight: bold; }
	.card-event.webinar .event-date { border: none;}
	.webinar .event-details {flex-direction: column; align-items: flex-start;}
	.webinar .event-month {text-transform: none;}
	.webinar .event-date, .webinar.event-time {font-weight: bold;}
	.webinar .event-date {justify-content: space-around;}
}
.event-details a.extlink { display: none; }
.event-description h4 { margin-bottom: 0px; }
.card-event.webinar {padding: 10px; margin: 0 0 1.5rem 0;}
.card-event.webinar h4 {padding-left: 0;}
.card-event .download-materials {border-top: 1px solid #ccc;}
/* mimic row-eq-height styling */
.news-row-block {vertical-align: top; display: flex; align-items: stretch; margin-bottom: 30px;}
.news-row-block h2 {padding: 10px 20px; border-bottom: none; background-color: #142c68; color: #fff; font-size: 18px; margin-bottom: 0; margin-top: 0;}
.news-row-block div.btn-div { background: #eee;position: relative; padding-left: 0; padding-right: 0;}
.news-row-block .text {padding-bottom: 65px;}
@media (min-width: 993px) {
	#news-twitter-timeline {margin-left: -10px; padding-right: 0;}
}
@media (max-width: 992px) {
	#news-blog-block {height: 100%}
}
@media (max-width: 767px){
	#news-blog-block.news-row-block .text {padding-bottom: 15px; }
	#seer-webinars-block.news-row-block .text {padding-bottom: 15px; }
}
.tog-control#seer-50-archived button {font-weight: 700;}
/* End News & Events */

/* Aside Figures */
.sidebar, .callout {
	margin: 0 0 2em 2em;
	background:#eee;
	border:5px solid #dce4ef;
	padding: 1em;
}
.callout {
	margin-left: 0;
}
.sidebar .title {
	font-weight: bold;
	font-size: 1.1em;
	margin-bottom: .5em;
}

.sidebar .quote {font-weight: normal; font-size: 1.1em; margin-bottom: .5em; color:#444; }

.row .sidebar ul {
	padding: 0 0 0 20px;
}
.sidebar li {
	text-align: left;
}
.sidebar hr {
	border-color: #eceeee;
	border-width: 4px;
}
.sidebar .thumb {
	border-radius: 3px;
	border: 1px solid #eceeee;
	padding: 3px;
	background: #fff;
	margin: .5em 0 1em;
}
a.videocast {
	background: url("/graphics/video_icon.gif") left 2px no-repeat;
	height: 18px;
	padding-left: 23px;
	padding-top: 2px;
}
.video-right > p {
	background: #f8fafa;
	padding: 2% 5%;
}
.video-right iframe {
	width: 100%;
}

/* HEME Quiz Styles */
.quizQuestion {
	color: #339;
	font-weight: bold;
}
.quizAnswer {
	padding-left: 2em;
}
.quizAnswerIndicator {
	padding-left: 2em;
}
.quizAnswerCorrect {
	color: blue;
}
.quizAnswerIncorrect {
	color: #e20000;
}
.maskLink {
	text-decoration: none;
	cursor: text;
}
.emphasistext {
	font-weight: bold;
	background-color: #FFC;
	padding: 2px;
	border: thin solid #333;
}
#quizOnCorrect {
	padding: 10px;
	border-color: #bcbcbc;
}
#quizOnCorrect label.firstName {
	float: left;
	width: 12em;
	position: relative;
}
#quizOnCorrect label.firstName input {
	position: absolute;
}
#quizOnCorrect label.lastName {
	display: block;
	margin-left: 13em;
}
#quizOnCorrect #certificateBtn {
	margin-right: 1em;
}

/* ------- SEERStat Databases /seerstat/database/ ------*/
/* Toggle lists */
.treeWrap { border-top: 1px solid #ccc; }
.js .treeWrap .superTog { position: relative; left: 0; top: 0; margin-bottom: 1em; }
.tree-list { padding-bottom: 2em; }
.tree-list .tog-content { padding: 0; }
.sub-tree { list-style: none; margin-right: 1.5em; }
@media (max-width: 576px) {
	.tree-list .tog-content > ul { padding-left: 15px; padding-right: 0;}
}
/* nested list styling -- prevent numbered list from inheriting list-style-type: disc */
#ol-inside-ul {list-style-type: decimal !important; list-style: inside;}


/* Forms */
.required_indicator {font-style: italic; font-weight: 300;}
#CommentForm input, textarea {
	margin-bottom: 0.2em;
}
#CommentForm input[type=text], #CommentForm input[type=email] {
	width: 100%;
}
textarea {
	width: 100%;
}
#CommentForm textarea {
	display: block;
}
#CommentForm #btnSubmit {
	margin-top: 1em;
}
#CommentForm #cc_self {
	margin-right: 0.5em;
}
.ssfform fieldset label {
	display: inline;
}
.ssfform #btnSubmit {
	margin-top: 1em;
}
/* Used primarily to hide form field labels off-screen */
.offscreen {
	position: fixed;
	top: -1000em;
	left: -2000em;
}
/* PubSearch */
#ps-help-btn {
	margin-bottom: 5px;
	float: right;
}
form.pubsearch {
	float: left;
	width: 100%;
	margin-bottom: 1em;
}
.pubsearch-results tbody tr:hover {
	background-color: transparent !important;
}
.ps-box, #pubsearch-report {
	border:5px solid #dce4ef;
	padding: 20px;
	position: relative;
	border-radius: 0 0 2px 2px;
}
.ps-title {
	background-color: #dce4ef;
	padding: 10px 20px;
	margin: 0;
	clear: both;
	font-size: 18px;
}
form.pubsearch fieldset {
	margin: 0 0 8px 0;
	padding: 0 0 8px 0;
	border: 0;
	border-bottom: 1px dashed #ccc;
}
form.pubsearch label {
	display: block;
	font-weight: bold;
	padding-bottom: 0;
}
form.pubsearch legend {
	margin-bottom: 10px;
	font-size: 1em;
	border-bottom: none;
	font-weight: bold;
}
fieldset {
    border: 1px solid #ccc;
    padding: 10px;
}
fieldset legend {
    margin-bottom: 0 !important;
	border-bottom: none;
	width: auto;
	padding: 10px;
	margin-left: 0px;
	float: none;
}
fieldset.contact_form, .seer-vtr-application fieldset {
	background-color: #f8f8f8;
}
legend h3, legend h4 {
    margin: 0;
}
legend label {
    padding-bottom: 0;
}
form.pubsearch .date label {
	font-weight: normal;
	display: inline;
	vertical-align: text-bottom;
}
form.pubsearch input[type=button], form.pubsearch input[type=submit], form.pubsearch input[type=reset] {
	margin: 0.3em 0;
}
.date div {
	float: left;
	margin-right: 25px;
}
.entries label {
	float: left;
	margin-right: 10px;
	font-weight: normal;
}
/* .pubsearch .last { border: 0; margin-bottom: 0; } */
table.pubsearch-results th, table.pubsearch-results td {
	border: 0;
}
/* /seerstat/databases/breast.imputed.status/ */
.graphWrapper {
	border: 1px solid #D2D2D2;
	border-radius: 4px;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
	padding: 3px;
	text-align: center;
	margin-bottom: 2em;
}
.graphWrapper h3 {
	background: #E3EED7;
	border: 1px solid #B7D099;
	border-radius: 3px;
	color: #333;
	font-size: 12px;
	letter-spacing: 0.02em;
	margin: 0 0 6px;
	padding: 2px 0;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
}
/* /popdata/impact_rates_intercensal.html, /popdata/decade_issues.html, /statistics/video/  /endofdecade-pops/ */
section#age, section#race, #eodPopsMapWrapper {background-color: #dce4ef;}
#selectWrapperGraph, #selectWrapperHisto, #selectWrapperDYK, #selectWrapperGraph-age, #selectWrapperGraph-race {
	background: #dce4ef;
	padding: 8px 12px;
}
#selectWrapperGraph-map, #eodPopsMapWrapper p {padding: 1.5em;}
#selectWrapperGraph label, #selectWrapperHisto label, #selectWrapperDYK label, #selectWrapperGraph-age label, #selectWrapperGraph-race label, #selectWrapperGraph-map label {
	display: inline;
}
#graphContainer, #histoContainer, #graphContainer-age, #graphContainer-race, #graphContainer-map {
	background: #eee;
	border: 5px solid #dce4ef;
	margin: 0 0 2em!important;
	list-style: none;
	padding: 0;
}
#graphContainer-age, #graphContainer-race, #graphContainer-map {margin: 0!important; border: none;}
#graphContainer li, #histoContainer li, #graphContainer-age li, #graphContainer-race li, #graphContainer-map li {
	text-align: center; 
	background: #dce4ef;
	padding: 0 0 0 12px;
}
#graphContainer-age li, #graphContainer-race li, #graphContainer-map li {padding: 12px;}
#graphContainer-age li, #graphContainer-race li, #graphContainer-map li {background: #eee;}
#graphContainer-map li {padding: 12px 1.5em;}
#graphContainer-age li h2, #graphContainer-race li h2, #graphContainer-map li h2, #graphContainer-age li h3, #graphContainer-race li h3, #graphContainer-map li h3 {text-align: left;}
#graphContainer li img, #histoContainer li img, #graphContainer-age li img, #graphContainer-race li img, #graphContainer-map li img {
	background: #fff;
	margin-top: 1em;
}
#graphContainer li p, #histoContainer li p, #graphContainer-age li p, #graphContainer-race li p, #graphContainer-map li p {
	text-shadow: 0 1px 0 rgba(255,255,255,.75);
	background: #E3EED7;
	border: 1px solid #B7D099;
	border-radius: 3px;
	text-align: left;
	margin: 0 auto 1.5em;
	padding: .5em 1em;
	position: relative;
	display: block;
	width: 70%;
}
#graphContainer-age li p, #graphContainer-race li p, #graphContainer-map li p {background: #dce4ef; border-color: #142c68; margin: 2rem auto 1.5rem; width: 98%;}
#graphContainer li p:after, #histoContainer li p:after, #dykContainer li p:after, #graphContainer-age li p:after, #graphContainer-race li p:after, #graphContainer-map li p:after {
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	border: 10px dashed transparent;
	border-bottom-color: #dce4ef;
	bottom: 100%;
	left: 50%;
	margin-left: -10px;
}
#graphContainer li p:before, #histoContainer li p:before, #dykContainer li p:before, #graphContainer-age li p:before, #graphContainer-race li p:before, #graphContainer-map li p:before {
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	border: 12px dashed transparent;
	border-bottom-color: #142c68;
	bottom: 100%;
	left: 50%;
	margin-left: -12px;
}

.hideMe {
	display: none;	
}

/**************************************
Did You Know? Video page
**************************************/
#dykContainer { margin: 0 0 2em; list-style: none; padding: 0;}
#dyk-spanish-only {min-width: 115px;}
#dykFeed li.dyk-thumbnail .dyk-image-wrapper {position: relative;}
#dykFeed li.dyk-thumbnail .dyk-image-wrapper::after {content: " "; background-image: url("../i/dyk-play.png"); background-size: 41px 28px; width: 41px; height: 28px; display: inline-block; position: absolute; top: calc(50% - 14px); left: calc(50% - 20px);}
@media (max-width: 991px) {
	#dykFeed { height: 100% !important; }
	#dykFeed .dyk-thumbnail {text-align: center;}
	#dykFeed li.dyk-thumbnail .dyk-image-wrapper::after {background-size: 55px 38px; width: 55px; height: 38px; display: inline-block; position: absolute; top: calc(50% - 19px); left: calc(50% - 27px);}
}
@media (min-width: 992px) {
	#dykFeed {overflow-y: scroll; max-height: 850px;}
	#dykFeed .row li:last-child {margin-bottom: 0;}
	/* add more border to the first & last thumbnails in right scroll to account for "cut off" look that occurs on transform */
	#dykFeed li:first-child.dyk-thumbnail:hover, #dykFeed li:first-child.dyk-thumbnail:focus { border-top: 7px solid #aec3df; margin-bottom: calc(2em - 2px);}
	#dykFeed li:last-child.dyk-thumbnail:hover, #dykFeed li:last-child.dyk-thumbnail:focus { border-bottom: 7px solid #aec3df; margin-top: -2px;}
}
#dykFeed ul {list-style: none; margin-left: 0; padding-left: 0;}
#dykFeed ul li.sidebar {margin-left: 0;}
#dykFeed li.dyk-thumbnail h3 { font-weight: bold; font-size: 1em; margin-bottom: 0.5em; font-family: 'Source Sans Pro', Helvetica, sans-serif; }
#dykFeed li.dyk-thumbnail:hover, #dykFeed li.dyk-thumbnail:focus { border: 5px solid #aec3df; transform: scale(1.02); background: rgb(216, 214, 214); cursor: pointer;}
#dykFeed li.dyk-thumbnail:hover::after, #dykFeed li.dyk-thumbnail:focus::after {transform: scale(1.02);}
#dykFeed li.dyk-thumbnail p.dyk-date {margin: .4em 0 0 0; font-size: .9em; line-height: 1.1em;}

.dykPlay {position: absolute; bottom: 30%; left: 50%; margin: -24px 0 0 -26px;}

#dykContainer li {
	text-align: center;
	margin-bottom: 0;
	margin-left: 0;
}
#dykContainer li h2 {
	margin: 0 0 .25em 0;
}
#dykContainer li iframe {
	margin-top: 1em;
	width: 100%;
}
#dykContainer li p {
	display: block;
    border: 1px dashed #142c68;
    background: #dce4ef;
    color: #333;
    zoom: 1;
	margin: 1em 0 2em 0;
	width:100%;
	padding: .5em 1em;
	position: relative;
}
/* togs, i.e. /manuals/2013/appendixc.html */
#code_manual ul {
	margin: 0;
	padding: 0;
}
#code_manual ul li {
	margin: 5px 0 5px 20px;
	padding: 0;
}
#code_manual h3 {
	font-size: 1.1em;
	display: inline;
	font-weight: normal;
}
#code_manual li.plusMinus {
	height: 100%;
	list-style: none;
	position: relative;
}
#code_manual div.hitarea {
	background: url("/i/plus.gif") center no-repeat;
}
#code_manual div.active {
	background: url("/i/minus.gif") center no-repeat;
}
#code_manual div.hitarea {
	cursor: pointer;
	display: block;
	height: 16px;
	left: -18px;
	position: absolute;
	top: 1px;
	width: 16px;
}
#code_manual ul.expandingList li a.folder {
	text-decoration: none;
}

/* SEER Explorer CTA */
/* One is on FastStats */
.explorer-cta {
	background: #f6f6f6 url("/i/explorer-bg.jpg") bottom right no-repeat;
	border: 4px solid #e5e5e5;
	margin-bottom: 2em;
}
.explorer-cta h2 {
	color: #fff;
	background: #142c68;
	font-size: 1em;
	font-weight: normal;
	margin-bottom: 0;
}
.explorer-cta h2 span {
	display: inline-block;
	background: #007fb0;
	position: relative;
	padding: 7px .75em;
	margin-right: .65em;
}
.explorer-cta h2 span:after {
	content: '';
	position: absolute;
	height: 0;
	width: 0;
	border: 6px solid transparent;
	border-left-color: #007fb0;
	top: 50%;
	left: 100%;
	margin-top: -6px;
}
.explorer-cta .cta-wrap { padding: 10px; }
.cta-wrap .button { margin: 0; }

/* Interactive Tools, Fast Stats/Explorer Emphasize */
.emphasize {
	background: #f8fafa;
	border: 4px solid #eceeee;
	padding: 1em;
	margin: 0 0 1em 0;
}
.emphasize li {
	float: left;
	width: 46.5%;
	margin: 0;
	padding: 0 0 0 3%;
	border-left: 2px solid #eceeee;
}
.emphasize li:first-child {
	padding: 0 3% 0 0;
	border-left: none;
	border-right: 2px solid #eceeee;
}
.emphasize .title {
	position: relative;
}
.emphasize .title span {
	position: absolute;
	right: 0;
	top: -2px;
	display: inline-block;
	font-size: .9em;
	color: #fff;
	background: green;
	padding: 0 1.5em;
	text-shadow: none;
	border-radius: 3px;
	letter-spacing: .05em;
	font-weight: normal;
}
/* SEER Explorer Help */
.help-wrap {
	background: #f8fafa;
	border: 4px solid #eceeee;
	margin: 0 0 1em;
	padding: 1em;
}
.help-wrap img {
	max-width: 100%;
}
.help-figure {
	text-align: center;
	margin: 1em auto 3em auto;
}
.help-figure img {
	border: 1px solid #ddd;
	background: #fff;
	padding: .2em;
}
.help-figure p {
	font-size: .98em;
	color: #666;
	font-style: italic;
	width: 55%;
	margin: 0 auto;
	margin-top: .5em;
	padding: 0 2em .75em 2em;
	border-bottom: 1px dotted #ccc;
}
/* Software download forms */
#tosWrapper .errors { color: #a44; font-weight: bold; }
/* match*Pro download form */
#swdForm label {float: none !important; width: auto !important;text-align: left !important;}
#tosForm li:last-child legend {float:none;}

/*******ARN Styles********/
.arn .text {
    background: #eee;
    font-size: 1.2em;
}
.arn-corner-img {background: #eee;}
.arn-landing {border-top: 5px solid #a31836;}

.key {
    background: #eee;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
	padding-left: 0rem;
	padding-right: 0rem;
}
.key h2 {
    padding: .75rem;
    background: #a31836;
    color: #fff;
}
.key ul {
    padding-right: 2rem;
}

.crumbs .release {
	display: none;
}
.credits {
	background: #eee;
	color: #000;
	border-top: 5px solid /*#24305e*/ #a31836 /*2022 color scheme*/;
}
.credits p {
	margin-bottom: 0 !important;
	font-size: 1em;
	padding: 20px;
}
.report-image {
    text-align: right;
	margin-top: -10%;
}

@media (max-width: 768px){
	.report-image {margin-top: 20px;}
}

.arn .feature.card h2  {
	color: #000 !important;
	padding-left: 20px;
	background: transparent !important;
	font-size: 18px;
	padding-left: 0; margin: 0;
}

.arn .feature {border-top: 5px solid #a31836; background-color: #eee; border-radius: 0;}
.arn .feature a:hover, .arn .feature a:focus {text-decoration: none;}

.feature {
    padding-bottom: 0 !important;
}
.feature p {
	text-align: center;
}
.highlighted button.btn.btn-primary.btn-lg {
	position: relative;
	right: 0;
	display: inline;
	border: 1px solid #22648a;
	margin-right: 3%;
}
.image img {
	max-width: 450px;
	width: 100%;
	border: 4px solid #ccc;
	padding: 2%;
}
.image img:hover {
	background: #eee;
}
.image {
	text-align: center;
	position: relative;
	clear: both;
}
.image.twt img {
	max-width: 512px;
}
.tweet a.extlink {
	display: none;
}
.tweet {
	width: 100%;
	margin-bottom: 1%;
}

.tweet a, a.tweet {
	color: #142c68;
	background: #eee;
	text-decoration: none;
}
.tweet a:hover, .tweet a:focus {
	background-color: #eee;
	text-decoration: underline;
	color: #142c68;
}
.tweet a:after {
    content: ' (Share this!)';
}
.tweet a.icon-exit-notification {
    display: none;
}
.btn.btn-primary.btn-lg {
	background: #eee;
	color: #000;
	border: 1px solid #ccc;
	border-radius: 0;
}
.btn.btn-primary.btn-lg:hover, .btn.btn-primary.btn-lg:focus {
	color: #000;
	background: #ddd;
}
.col-md-3.col-xs-6 {
	padding-bottom: 15px;
}
.features a:hover, .features a:focus, .features a:active {
	text-decoration: none;
}
.features {
	clear: both;
}

.video.col-md-5 {
	background: #eee;
	padding: 3%;
}
.video p {
	margin-top: 3%;
	font-weight: bold;
	font-size: 1.3em;
}
.feature:hover, a:focus .feature, a:active .feature {
	z-index: 2;
	-webkit-transition: all .3s ease-in;
	-webkit-transform: scale(1.05);
	-ms-transition: all .3s ease-in;
	-ms-transform: scale(1.05);
	-moz-transition: all .3s ease-in;
	-moz-transform: scale(1.05);
	transition: all .3s ease-in;
	transform: scale(1.05);
}
.feature div {
    text-align: center;
}

.feature img {
    padding: 10px 20px 20px;
}
.feature i.fa {
	font-size: 4em;
	padding: 25px;
	border-radius: 50%;
	margin-top: 20px;
	background: #5ab2cb;
}



/**************************************REDESIGN page elements*******************************************************/

.sublanding h2, .sublanding h3 {
	padding-bottom: 5px;
}
.sublanding.sections h2 {
	border-bottom: none;
	margin-bottom: 20px;
}
select {
	padding: 9px;
	margin: 10px 0;
	width: 100%;
}
select#listterms {
    width: auto;
}
input {
    padding: 8px;
}
input[type=checkbox], input[type=radio] {
    margin-right: 5px;
}
label {
	padding-bottom: 10px;
}
.home label {
	font-weight: normal;
}
.sublanding h2 a:visited {
	color: #0065A8 !important;
}
.sublanding h2 a:hover {
	color: #884488 !important;
}
.sublanding.sections h2 a, .landing h2 a {
	color: #fff !important;
}
.sublanding.sections h2 a:hover, .sublanding.sections h2 a:focus, .landing h2 a:hover, .landing h2 a:focus {
	color: #eee !important;
}
.no-gutter {
	margin: 0;
}
.no-gutter > [class*='col-'] {
	padding-right: 0;
	padding-left: 0;
}
.sublanding img {
	padding: 8px;
	border: 3px solid #dce4ef;
	background: #eee;
}
.sublanding .extlink img {
	background: transparent;
	border: none;
}
.extlink img {
	padding: 0;
	margin-top: -3px;
}

/* pagination ellipses contrast fix */
.pagination>.disabled>a {
	color:#6E6E6E;
}


/*************** Colors *******************/
p.dark-blue {
	height: 100px;
	background: #142c68;
}
p.light-blue {
	height: 100px;
	background: #006db5;
}
p.purple {
	height: 100px;
	background: #884488;
}
p.gray {
	height: 100px;
	background: #dce4ef;
}
p.green {
	height: 100px;
	background: #008000;
}
p.red {
	height: 100px;
	background: #be2646;
}

/********SINQ***********/
li.right-tab {
    float: right;
}
.right-tab a {
    background: #142c68;
    color: #fff;
	margin-right: 0;
}
input#id_remember_me {
    margin-left: 0;
    margin-right: 5px;
    position: relative;
}
.tog-control.sinq {
	margin-top: 15px;
}

input#quicksearchId {
	width:100%;
	padding: 5px 10px;
	    margin-bottom: 10px;
}
#detailedsearch .row {
    margin-bottom: 20px;
}
input#topic1,input#topic2, input#topic3 {
    width: 100%;
    margin-bottom: 10px;
}
div#sinq_nav_no_print {
    margin-bottom: 15px;
    background: #eee;
    padding: 10px;
}
#sinq_nav_no_print a {
	padding: 0 10px;
}

#sinq_nav_no_print a:first-child {
	border-right: 1px solid #ccc;
}
fieldset.login {
    background: #eee;
    padding: 15px 15px 0;
    margin-bottom: 15px;
}
fieldset.login label[for="password"] {
	margin-top: 15px;
}
#sinq-search-params form {
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
}

.non_arn {margin-bottom: 24px;}
@media (min-width: 768px) {
	.non_arn {margin-bottom: 0; display: flex; align-items: stretch;}
}
.non_arn {box-shadow: none !important;}
.non_arn > div {background: #006db5 !important;}
.non_arn h2 {background-color: #006db5;}

/**************************************
Fast Stats
**************************************/
h3.table_title { width: 66.66666667% !important; }
.table-links { text-align: right; }

@media (max-width:768px) {
	.fieldIndLabel { margin-left: 0!important;	}
	h3.table_title { width: 100%!important; }
}


/**************************************
SEER DMS
**************************************/
.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; } }


/**************************************
SEER Inquiry
**************************************/
/* I'm assuming this floats the last tab to the right */
li.right-tab { display: block; }
li.right-tab { float: none !important; }
.right-tab a { background-color: #142c68 !important; background-image:url("/i/plus.png") !important; color: #fff !important; }
.right-tab a[aria-selected] { background-image:url("/i/minus.png") !important; }


/**************************************
SEER Rx Revision Page
**************************************/
.noBulletUL { list-style: none; }


/*hide sidenav toggle button for NCCR only*/
.nccr button.leftNav-toggle {display: none;}

.nccr .leftNav ul {display: block !important;}

.nccr .leftNav ul ul {background: #eee;}

/******* Thunderstone Search *************/
#SearchForm  .tstone-collections .searchColl {padding-left: 0;}
.gmsl {display: flex; flex-wrap: wrap; align-items: flex-start;}
.searchEntry1 {margin-bottom: 1rem; margin-right: 7px;}
.searchEntry2 {display: flex; flex-wrap: nowrap; padding-left: 0;}
/* best bets/Recommended Links */
#tstone-search .tstoneBestBets {background-color: #dce4ef;} 
#tstone-search .tstoneBBtitle {padding-top: 3px;}
#tstone-search .tstoneBBresult a {font-weight: 700;}
#tstone-search span.bbref {display: none;}

/**************************************
SEER VTR Application
**************************************/
.seer-vtr-application .btn-primary, .seer-vtr-application button.select-all {background-image: none !important; padding: .5em 1em !important; }
.seer-vtr-application button.select-all:hover, .seer-vtr-application button.select-all:focus {box-shadow: inset 0 -1.75em 17px rgba(0, 0, 0, 0.11), inset 0 1px 0 rgba(255, 255, 255, 0.3);
    background: #ececec !important;}	
.seer-vtr-application .bioshare-form-group > .border-dark, .seer-vtr-application .formset-readonly-container fieldset {    
	border: 4px solid #dce4ef !important;
    border-radius: 0 !important;
    padding: 1em !important;
}
.seer-vtr-application .bioshare-form-group .field-multiplechoicefield > div > fieldset {margin-bottom: 0;} /*radio/checks background */
.seer-vtr-application .fieldset { padding: 1em;}
.seer-vtr-application label.text-decoration-underline { text-decoration: none !important;}
.seer-vtr-application .bioshare-form-group > div.controls > .form-check-input {background-color: unset;}
.seer-vtr-application .request-header-wrapper legend > label {font-family: 'Merriweather-bold';}
.seer-vtr-application #approvedprojects-results > tab-pane {border: none;}
.seer-vtr-application button[name="idp"].btn:hover, .seer-vtr-application button[name="idp"].btn:focus {background-color: unset !important; background-image: none !important;}
.seer-vtr-application .dropdown-item:hover, .dropdown-item:focus {color: #1e2125; background-color: #e9ecef; background-image: none !important;} /* dropdown items */
/* searches */
.seer-vtr-application #requests-sidebar, .seer-vtr-application #facet-column  {padding-left: 0; padding-right: 0;} 
.seer-vtr-application .pgsearch-content > div > ul > li.nav-item {background: none;}
.seer-vtr-application .doc-category > ul {padding-left: 1em; list-style: none;} 

.seer-vtr-application #dashboard-requests-accordion .tog-control {padding-left: 0 !important; padding-right: 0 !important;}
.seer-vtr-application #dashboard-requests-accordion .card {margin-top: 0; border: none; margin-bottom: 10px !important; }
.seer-vtr-application #dashboard-requests-accordion .card-header {padding: 0; background-color: unset; border: none;}
.seer-vtr-application .dropdown-menu>.li>button {margin-bottom: 0;}

.seer-vtr-application .nav-link {border-top-left-radius: 0; border-top-right-radius: 0;}

/******* General Print styles ************/
@media print {
	#sinq_search_params, #sinq_search_links, #sinq_nav_no_print, #sinq-search-params fieldset legend a { display: none; }

	@page { margin: 1cm .5cm .5cm .5cm; }
	* { background: #fff!important; text-shadow: none!important; }
	body { min-width: inherit; width: 100%!important; margin: 0!important; height: auto!important; }
	body:before { box-shadow: none; }
	main {
		margin-top: 0 !important;
	}
	img { max-width: inherit!important; height: auto!important; width: auto!important; }
	.wrapper { width: 100%!important; margin: 0!important; padding:0!important; }
	.section { padding: 1em 0; }

	h2, h3 { page-break-after: avoid; }
	img, tr, td { page-break-inside: avoid; }

	.accessibleHidden { clip: inherit!important; height: auto!important; margin: 0!important; overflow: visible!important; position: relative!important; width: auto!important; }

	.section a:visited { color: #00806F!important; }
	.section a[href^="http://"]:after, a[href^="https://"]:after { content: " (" attr(href) ")"; font-size: 90%; text-decoration: none!important; color: #333; font-weight: normal!important; }
	.section a:after { content: " (https://seer.cancer.gov" attr(href) ")"; font-size: 90%; text-decoration: none!important; color: #333; font-weight: normal!important; }
	a.seerLogo[href^="/"]:after, .section a[href^="#"]:after, .section a[class="extlink"]:after, .section a[href^="mailto"]:after, .glance-factSheet a:after { display: none!important; }
	.section a { word-wrap: break-word; }

	.nciBanner { border-bottom: none; }
	.nciBanner span, .search, .nav, .linkList, .home .main, .footer hr, .extlink img, .aside, #selectWrapperGraph, #selectWrapperHisto, #selectWrapperDYK, #dykContainer, #toggleAll-label, .to_top, .factSheet h3 em, .pub:after, .overlay div, .superTog, .twitter { display: none!important; }

	.tagline { float: none!important; width: 100%!important; padding-top: 0!important; }
	.dyknow { float: none!important; margin: 0!important; width: 100%!important; min-height: 0!important; }
	.dyknow a { padding-left: 0!important; }
	.dyknowWrap { top: 0!important; left: 0!important; position: relative!important; width: inherit!important; }

	.banner h1 a { display: block; }
	.banner h1 { float: none; width: 100%; }
	.banner h1 .title { float: none; padding-top: 5px; }
	.header { padding: 0!important; }
	.home .aside { display: block!important; float: none!important; margin: 0!important; width: 100%!important; }
	.crumbs { padding: 0; margin: 0; }

	.main { float: none; width: 100%; }
	.sidebar { float: none!important; width: 100%!important; padding: 0!important; margin-left: 0!important; margin-right: 0!important; border: none!important;}
	#topnav, button.togLeftNav, .fixedtotop  {display: none !important;}
	.info { margin-left: 0!important; padding: .5em!important; }

	.columnLeft, .columnRight { float: none!important; width: 100%!important; margin: 0!important; }
	.center { text-align: left!important; }
	.sidebar .thumb { display: block!important; }
	.graph-links { float: none!important; width: 100%!important; }
	.pub { border: none!important; }

	#graphContainer, #histoContainer, #dykContainer { border: none!important; }
	ul ul, ul ul ul { display: block!important; }

	.factSheet #tog1, .factSheet #tog2, .factSheet #tog3, .factSheet #tog4 { page-break-after: always; }
	.factSheet h4 { padding-left: 0!important; margin-top: 0!important; }
	.statWrap { border: none!important; page-break-inside: avoid; }
	.statWrap .statBox { width: 165px!important; }
	.statBox strong { font-size: 2.2em!important; }
	.factSheet .toggleReveal, .tree-list .tog-content { display: block!important; }
	.factSheet h3 { font-size: 1.8em!important; padding: 0!important; margin-bottom: 0!important; border: none!important; }
	.factSheet h3 a { border: none!important; }
	.factSheet h3 span { padding: 0!important; }
	.factSheet .figure { width: auto!important; float: none!important; margin-left: 0!important; }
	.figure .smaller { display: none!important; }
	.statBox p, .pillBox .death, table.trends th { color: #333!important; }
	.pillBox li { width: 160px!important; font-size: 12px!important; }
	.factSheet * { border-color: #666!important; border-radius: 0!important; }
	.top-statWrap { padding: 0!important; page-break-inside: avoid; }
	.people-factSheet .col1 { padding: 0 1em 0 0!important; width: auto!important; }
	.survival-factSheet .whiteBox { width: 325px; padding: 5px!important; }
	table.common { width: 475px!important; }
	.whogets-factSheet .col2 { margin: 0 0 0 10px!important; width: 165px!important; }
	.bar-factSheet .topcap { margin: 3em 0 0!important; }
	.bar-factSheet ul, .trends-factSheet img { margin: 0!important; }
	.survival-factSheet .col1, .survival-factSheet .col2, .glance-factSheet .col1, .glance-factSheet .col2, .glance-factSheet .col3, .common-factSheet .col1, .whogets-factSheet .col1 { width: auto!important; }
	.factSheet .note { padding: 0!important; border: none!important; }
	.print-help { page-break-before: always; }

	.footer { display: none;}

	.whogets-factSheet .col1 { *width: 500px!important; *margin: 0 10px 0 0!important; }
	.factSheet #tog1, .factSheet #tog2, .factSheet #tog3, .factSheet #tog4 { *page-break-after: auto; }
}