/* are these used, can BS be used instead? */
.center {
	text-align: center;
}
.right {
	float: right;
	margin: 0 0 2em 2em;
}
@media (max-width:520px) {
	.right {
		width: 100%;
	}
}



/**************************************
Home Page
**************************************/
.home .highlighted { background-image: url(/i/hero-home.jpg); background-repeat: no-repeat; background-position: center; }
.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; }
.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; } }
@media screen and (max-width: 500px) { .home .highlighted { background-size: cover; } }

.home h2 { font-size: 16px; padding: 8px 15px; }

/* News Section */
.newsList { list-style: none; padding-left: 15px; padding-right: 1em; 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: 0 0 0 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; text-decoration: none; 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; }



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



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



/**************************************
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: 10px 17px; margin: 0; border-bottom: 1px solid #ddd; }
/* custom icons for Explorer list card */
.listCard-explorer li { padding-left: 47px; background: url("/i/explorer-card-sprite.png") 17px 14px no-repeat; }
.listCard-explorer li:nth-child(2) { background-position: 17px -98px; }
.listCard-explorer li:nth-child(3) { background-position: 17px -212px; }








.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;
	margin-bottom: 30px;
	border-left: 15px solid #fff;
	border-right: 15px solid #fff;
	display: table;
    table-layout: fixed;
}
.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%;
}
/* 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;
}
.secthead {
	font-weight: normal;
	text-align: left;
  color:#000;
  background-color:#dce4ef; 
}

.secthead th {
	background: #dce4ef;
	color: #000;
}

.secthead a {
  color: black !important;
}


.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;
}
.left_indent_l2 {
	padding-left: 22px;
}
.left_indent_l3 {
	padding-left: 35px;
}
.left_indent_l4 {
	padding-left: 45px;
}
.left_indent_l5 {
	padding-left: 55px;
}
.left_indent_l6 {
	padding-left: 65px;
}
.footnote {
	margin: 0 0 1em 0;
	padding: 0;
}
.recodeTop {
	vertical-align: top;
}



/* What is a Cancer Registry Breadcrumbs */

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

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

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

.tile_wide { 
	width: 199px;
}

.tile_slim {
	width: 158px;
}

.tile_last {
	width: 145px;
}

#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.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 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;
}

@media only screen and (max-width : 1200px) {
.tile_wide {width: 158px;}
.tile_slim {width: 110px;}
.tile_last {width: 130px;}		
}

@media only screen and (max-width : 990px) {
	.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;}
	#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;-ms-transform:rotate(90deg); /* IE 9 */-moz-transform:rotate(90deg); /* Firefox */-webkit-transform:rotate(90deg); /* Safari and Chrome */-o-transform:rotate(90deg); /* Opera */}
	#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;-ms-transform:rotate(90deg); /* IE 9 */-moz-transform:rotate(90deg); /* Firefox */-webkit-transform:rotate(90deg); /* Safari and Chrome */-o-transform:rotate(90deg); /* Opera */}
	#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;padding-top: 0 !important;padding-left: 0 !important;vertical-align: middle;}
	.section_heads_1 span {display: inline-block;margin-top: 116px;}
	#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: #f2f2f2;}
/* 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 */
/* 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: .3em 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-toggle] { display: block; }
.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; }
@media (max-width: 679px) {
	.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: 25% 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; 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; }
/* End Fact Sheet */





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

.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 {
	float: left;
	margin-left: 2%;
	width: 48%;
}
.video-right > p {
	background: #f8fafa;
	padding: 2% 5%;
}
.video-right iframe {
	width: 100%;
}
.video-left {
	float: left;
	width: 50%;
}

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





/* SEER Stat DB 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; }



/* Forms */
#CommentForm input, textarea {
	margin-bottom: 0.2em;

}
#CommentForm input[type=text] {
	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;
}
legend h3 {
    margin-bottom: 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/ */
#selectWrapperGraph, #selectWrapperHisto, #selectWrapperDYK {
	background: #dce4ef;
	padding: 8px 12px;
}
#selectWrapperGraph label, #selectWrapperHisto label, #selectWrapperDYK label {
	display: inline;
}
#graphContainer, #histoContainer, #dykContainer {
	background: #eee;
	border: 5px solid #dce4ef;
	margin: 0 0 2em;
	list-style: none;
	padding: 0;
}
#graphContainer li, #histoContainer li {
	text-align: center;
}
#graphContainer li img, #histoContainer li img {
	background: #fff;
	margin-top: 1em;
}
#graphContainer li p, #histoContainer 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 li p:after, #histoContainer li p:after, #dykContainer 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 {
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	border: 12px dashed transparent;
	border-bottom-color: #142c68;
	bottom: 100%;
	left: 50%;
	margin-left: -12px;
}
#dykContainer li {
	text-align: center;
	margin-bottom: 0;
	margin-left: 0;
}
#dykContainer li h2 {
	margin: 1.5em 0 0 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 auto 2em auto;
	width:80%;
	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("/toolbox/images/plus.gif") center no-repeat;
}
#code_manual div.active {
	background: url("/toolbox/images/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;
}

/*******ARN Styles********/
	

.crumbs .release {
	display: none;
}

.credits {
	background: #3d1d55;
	color: #eee;
	border-top: 5px solid #864386;
}
.old-arn .credits {
	background:#22648a;
	border-top: none;
}
.credits p {
	margin-bottom: 0 !important;
	font-size: 1em;
	padding: 20px;
}
.report-image {
    text-align: right;
	margin-top: -10%;
}
.arn .row-eq-height {
	margin-left: 0;
	display: table;
	width:100%;
	table-layout: fixed;
}

@media (max-width: 991px){
	.arn .row-eq-height {
		table-layout: auto;
	}

	.arn .row-eq-height div {
		width: auto;
		display: block;
		float: none;
	}
	.report-image {
		margin-top: 20px;	
	}
}

.arn .feature h2  {
	color: #fff !important;
	padding-left: 20px;
	background: transparent !important;
}
.feature {
    background: #3d1d55 !important;
    padding-bottom: 0 !important;
	box-shadow: 0px -20px 0px -15px #864386;
}
.old-arn .feature {
	background: #22648a !important;
	box-shadow: none;
}
.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;
}
.tweet a:after {
	/* needs CSS background image */
}

.tweet a.extlink {
	display: none;
}
.tweet {
	width: 100%;
	margin-bottom: 1%;
}

.tweet a, a.tweet {
	color: #22649a;
	background-image: url('/i/tweet-bg.png');
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 20px;
}
.tweet a:hover, .tweet a:focus {
	background-color: #eee;
	text-decoration: none;
	color: #22649a;
}
.tweet a.icon-exit-notification {
    display: none;
}
.btn.btn-primary.btn-lg {
	background: #eee;
	color: #3d1d55;
	border: 1px solid #ccc;
	border-radius: 0;
}
.old-arn .btn.btn-primary.btn-lg {
	color: #22648a;
}
.btn.btn-primary.btn-lg:hover, .btn.btn-primary.btn-lg:focus {
	color: #eee;
	background: #3d1d55;
}
.old-arn .btn.btn-primary.btn-lg:hover, .old-arn .btn.btn-primary.btn-lg:focus {
	background: #22648a;
}
.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 {
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
}
.sublanding.sections h3 {
	margin: 10px 0 5px 20px;
}
.sublanding.sections h2 {
	border-bottom: none;
	margin-bottom: 20px;
}
.sublanding.sections p {
	margin-left: 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 {
	background: #006db5 !important;
	box-shadow: none !important;
	float: left !important; /* fixes broken grid issue in IE9+ for /registries/cancer_registry/dissemination.html */
	}

.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; }