/* GLOBAL STYLES */
html { overflow: -moz-scrollbars-vertical; }
html { overflow-x: auto; }
body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	font-size: .8em;
	background-color: #d9e6ec;
}
#skip a, #skip a:hover, #skip a:visited {
	background: #A90101;
	color: #FFFFFF;
	height: 1px;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: -500px;
	width: 1px;
}
#skip a:active, #skip a:focus {
	color: #FFFFFF;
	display: block;
	float: right;
	height: auto;
	margin-right: 1.5em;
	position: static;
	width: auto;
}
	
a { color: #13369F; }
a:hover { color: #A90101; }
a:visited { color: purple; }

ul { list-style-image: url(/images/circle_b1.gif); margin: 16px; padding: 0; }	
ul.circle, ul.circle > li {  list-style-type: circle; list-style-image: none; }
ul ul { margin: 3px 0 0 16px; }
ul ol { list-style-image: none; margin-top: 6px; }
li { margin-bottom: 5px; }

/* for alignment of list-style-images on statistics page */
#cancerStats ul {
	list-style-type: none;
	list-style-image: none;
	padding: 0;
	margin: 0;
}
#cancerStats ul li {
	list-style-type: none;
	list-style-image: none;
	background-position: 0 .4em;
	background-repeat: no-repeat;
	padding-left: 3em;
	height: 1%;
}
#cancerStats ul li.factSheets { background: url(/images/notepad.gif) no-repeat; }
#cancerStats ul li.statisticsReview { background: url(/images/report.gif) no-repeat; }
#cancerStats ul li.fastStats { background: url(/images/graph.gif) no-repeat; }
#cancerStats ul li.querySystems { background: url(/images/cqs.gif) no-repeat; }
#cancerStats ul li.stateProfiles { background: url(/images/scp.gif) no-repeat; }
/* end alignment of list-style-images */

/* sitemap styles */
.sitemap { width: 80%; margin: 0 auto 20px; }
.sitemap .column { width: 50%; float: left; }
.sitemap h1 { font-size: 1.2em; margin: 20px 0 5px 0; }
.sitemap .wrap { margin: 5px 0; }
.sitemap ul { margin-top: 5px; margin-bottom: 5px; }
/* end site map style */

h1 { color: #A90101; font-size: 1.3em; margin: 0; padding: 12px 0 0 0; }
h2 { color: black; font-size: 1.2em; }
h3 { color: black; font-size: 1.05em; }
h4 { color: #A90101; font-size: 1em; }

pre { font-size: 10pt; }

/* CLASSES */
.more_updates { text-align: right; margin-right: 10px; }

.left { float: left; }
.right { float: right; }
.center { text-align: center; }
.indented { margin: 0 30px 0 30px; padding: 0; }

.small_spaced { margin-bottom: 3px; margin-top: 3px; }

dt.spaced { margin-bottom: 5px; }
dd.spaced { margin-bottom: 10px; }
	
img.float_right { float: right; margin: 6px; }
img.float_left { float: right; margin: 0 6px 6px 0; }

/* LAYOUT STYLES */

.hiddenanchor { /* stays where it should be */
	font-size: 0px;
	margin: 0px 0px;
	padding: 0px 0px;
}
.hidelabel { /* accessibility feature */
	display: none;
}

/*DATA TABLES*/

/* large data tables */
table.smalltext td, table.smalltext th { font-size: 11px; }

/* for tables -- refer to 'www02/table_cust_styles__files.txt'  for  which files use it  */

/*Registries tables */
table.regTable tbody td { text-align: right; }

.mainhead {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-color: #0B5171;
	color: #FFF;
	text-align: center;
}
.mainhead a { color: #FFF; }
.rowhead {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	text-align: left;
	vertical-align: text-top;
}
.secthead {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold; background-color: #EEF3F7;
	text-align: left;
}
.secthead2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold; background-color: #00768a;
	text-align: left;
	color: #FFF;
}
.secthead_center {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-color: #EEF3F7;
	text-align: center;
}
.secthead2_center {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold; background-color: #00768a;
	text-align: center;
	color: #FFF;
}
.secthead2_base {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold; background-color: #00768a;
	vertical-align: baseline;
	color: #FFF;
}

.cell { font-family: Arial, Helvetica, sans-serif; text-align: center; }
.numeric_data { font-family: Arial, Helvetica, sans-serif; text-align: right; }

.left_indent { padding-left: 13px; }	
.left_indent_l2 { padding-left: 22px; }
.left_indent_l3 { padding-left: 29px; }

.table_caption { font-size: 13px; font-weight: bold; text-align: left; margin-bottom: 6px; }
.caption_center { font-size: 13px; font-weight: bold; margin-bottom: 10px; }

.footnotelink { vertical-align: super; font-size:10px; }
.footnote { font-size: 10px; margin: 0; padding: 0; }

div#content.no-border { border: 0; }

/* Site recode and COD Recode  */
.recodeboldcolorlarge  { font-family: Arial, Helvetica, sans-serif; font-size:10pt; font-weight: bold; background-color: #A1C6DA; text-align: center; }
.recodeboldcolorsmall  { font-family: Arial, Helvetica, sans-serif; font-size:9pt;  font-weight: bold; background-color: #D7E7EF;  text-align: left; }
.recodeplain           { font-family: Arial, Helvetica, sans-serif; font-size:9pt; font-weight: normal; text-align: left; }
.recodecolorsmall      { font-family: Arial, Helvetica, sans-serif; font-size:9pt;  font-weight: normal;  background-color: #D7E7EF; text-align: left;}
.recodefootnote        { font-family: Arial, Helvetica, sans-serif; font-size:10pt; font-weight: bold; color: #CC0000; text-decoration: none;}
.recodecolor           { font-family: Arial, Helvetica, sans-serif; font-size:10pt;  background-color: #D7E7EF;}

/* Release Date (appears under H1) */
.release { font-size: 0.8em; color: #000; font-weight: bold; }

/*SIDEBAR WITH HEADING*/
.sidebar {
	width: 40%;
	float: right;
	margin-left: 2em;
}
.sidebar h2 {
	background-color:#D9E7ED;
	border:1px solid #95BFD1;
	text-align: center;
	font-size: 1em;
	margin:0;
	padding:0.3em 0.5em;
	border-radius-topleft:5px;
	border-radius-topright:5px;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius: 5px;
}
.sidebar ul {
	border: 1px solid #DDD;
	border-top: 0;
	margin: 0 0 2em 0;
	padding: 1em 1em 1em 2em;
}
a.videocast {
    background: url("/graphics/video_icon.gif") no-repeat scroll left top transparent;
    height: 18px;
    padding-left: 23px;
    padding-top: 2px;
}

/***********  Cancer Stat Facts  ***************************/
ul.close {margin-bottom: 2px;	margin-top: 3px;}

/* File type/size info after links for downloadable files */
.smallprint_regheight { font-size: 11px; color: #4d4d4d; }

/** Stat Fact Sheets Styles **/
.statfacts_print {display: none;}
.statfacts_screen {display: inline;}

abbr.sfs { color: green; border-bottom: 1px dashed green; cursor: help; }

table.smalltable { width: 300px; padding: 10px; }
table.sfs { border-collapse: collapse; padding: 0; margin: 0; border-right: 1px solid #AAA; border-bottom: 1px solid #AAA; }
table.sfs caption { font-weight: bold; margin-bottom: .5em; }
table.sfs td, table.sfs  th { padding: .3em .4em; margin: 0; border-top: 1px solid #AAA; border-left: 1px solid #AAA; }
table.sfs td { text-align: left; }
table.sfs td.data { text-align: right; }
table.sfs th { background: #efefef; }
table.sfs a { color: green !important; text-decoration: none !important; border-bottom: 1px dashed green !important; }

a.ref_link { color: green !important; text-decoration: none !important; border-bottom: 1px dashed green !important; cursor: help; }
a.ref_link sup { margin: 2px ! important; padding: 2px !important; }

.biblio_pop{
	text-align: left;
	background-color: #fff;
	border: 1px solid #999;
	width: 200px;
	vertical-align: middle;
	position: absolute;
	margin-top: 4px;
	padding: 3px;
	z-index: 1;
	margin-left: -20px;
}

.close_butt{
	font-weight: bold;
	text-decoration: none;
	text-align: right;
	color: #000;
	text-transform: uppercase;
	font-size: 14px;
	float: right;
}

p.to_top { text-align: right; }

/* HEME Quiz Styles */
.quizQuestion { color: #339; font-weight: bold; }
.quizAnswer { padding-left: 2em; }
.quizAnswerIndicator { padding-left: 2em; }
.quizAnswerCorrect { color: blue; }
.quizAnswerIncorrect { color: red; }
.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; }

/* Form Validation styles */
.errorMessage, .errorField { font-weight: bold; padding: 2px; color: #e55; }
.hpField  {position: absolute; top: -200%; left: -200%; }

/* Used primarily to hide form field labels off-screen */
.offscreen { position: absolute; top: -100em; left: -200em; font-size: 1px;}


@media screen {
	/* Sets overall page width, color, border, centered */
	#wrapper {
	   width: 74em;
	   min-width: 900px;
	   margin-right: auto;
	   margin-left: auto;
	   margin-bottom: 20px;
	   padding: 0;
	   background-color: #FFF;
	   border: 1px solid #777;
	   border-top: none;
	   }

	/* banners and banner elements */
	#ncibanner {
		background-color: #a90101;
	}
	#ncibanner a {
		color: #FFF;
	}
	#banner {
		background: #A3C4D3 url(/images/banner_bg.jpg) top repeat-x;
		border-bottom: solid 1px #777;
		min-height: 80px;
		height: 6.5em;
		margin: 0;
		padding: 0;
		position: relative;
	}
	#seerLogo {
		height: 83px;
		width: 72px;
		float: left;
		margin: 0 10px 0 10px;
		}
	#seerLogo img {
		margin: 5px 0 0 0;
		}
	#seerTitle {
		width: 547px;
		float: left;
		margin: 10px 0 0 0;
		padding: 0;
		}
	#search{
	   width: 20em;
	   float: right;
	   text-align: right;
	   margin: 9px 1em 0 0;
	}

	/* tabs across top - regular, hover, and current */
	#tabs {
		position: absolute;
		left: 95px;
		bottom: 0;
	}
	#tabs ul {
		margin: 0 0 -1px;
		padding: 0;
		list-style: none;
	}
	#tabs li {
		display: inline;
	}
	#tabs a {
		display: inline-block;
		background-color: #A90101;
		text-decoration: none;
		font-weight: bold;
		color: #FFF;
		padding: .4em;
		-moz-border-radius-topright: 5px;
		-webkit-border-top-right-radius: 5px;
		-moz-border-radius-topleft: 5px;
		-webkit-border-top-left-radius: 5px;
		border: 1px solid #A90101;
		border-bottom: 0;
	}
	#tabs a:hover {
		background-color: #E0EDF3;
		color: #A90101;
		border: 1px solid #777;
		border-bottom: 0;
	}
	#tabs li.current {
		position: relative;
		top: 0;
	}
	#tabs li.current a {
		border: 1px solid #777;
		border-bottom: 1px solid #FFF;
	}
	#tabs li.current a, #tabs li.current a:hover {
		background-color: #FFF;
		color: #A90101;
	}
	.regtab {
		margin-left: 8.5em;
	}
	#navSpacer {
		float: left;
		width: 10em;
		height: 20px;
	}
	.clearFlt {
		clear: both;
		font-size: 1px;
		line-height: 1px;
		height: 1px;
	}
	/* end of tabs */


	/*1st LEVEL PAGE LAYOUT*/
	/* container for nav, breadcrumbs, and content */
	#main{
		padding: 0;
		margin: 2px 0 10px 0;
		width: 71em;
		background-image: url(/images/main_bg_gry.gif);
		background-repeat: repeat-y;
		background-position: 1px 0px;
		overflow: visible;
	}

	#content {
		padding:0;
		margin: 0;
		margin-left: 270px;
		position: relative;
		height: 1%;
	}
	#content h1 {
		width: 70%;
	}
	#utilities {
		position: absolute;
		margin: 0;
		padding: 0;
		list-style: none;
		right: 0;
		top: .3em;
	}
	#utilities li {
		display: inline;
		margin-left: 1em;
		font-size: 85%;
	}
	#utilities a {
		padding: 4px 0 4px 18px;
	}
	#utilities #glossary {
		background: left center no-repeat url(/images/icons/book.gif);
	}
	#utilities #print {
		background: left center no-repeat url(/images/icons/printer.gif);
	}
	#utilities #email {
		background: left center no-repeat url(/images/icons/email.gif);
	}

	.one-column {
		margin: 0 20px !important;
	}
	.one-column h1 { padding-top: 8px; }

	.print-column {
		margin-left: 20px !important;
		width: 875px;
	}

	/* left-hand navigation for pages*/
	#local_nav{
		padding:0;
		margin: 0;
		width: 250px;
		border-top: 2px solid #DDD;
		float: left;
		overflow: visible;
	}
	#local_nav h1{
		color: #000;
		padding: 6px;
		font-size: 1.2em;
	}

	#local_nav ul.h2 {
		padding:0;
		margin: 0;
	}

	#local_nav .wrap {margin:0; padding:0; border:none;}
	#local_nav .h2 {
		padding: 4px 0 4px 10px !important;
		margin: 2px 0 2px 0 !important;
		font-size: 1em;
		color: #A90101;
		font-weight: bold;
		display: block;
	}
	#local_nav a:hover.h2{
		background-color: #ffffcc;
	}
	#local_nav a:visited.h2{
		color: #A90101;
	}
	#local_nav a:visited{
		color: #13369F;
	}
	#local_nav .active{
		background-color: #d9e6ec;
	}
	#local_nav a.active {
		text-decoration: none !important;
		color: #A90101 !important;
		cursor: default;
	}
	#local_nav a:hover.active  {
		background-color: #d9e6ec;
		text-decoration: underline !important;
		color: #A90101;
		}
	#local_nav ul{
		list-style-image: url(/images/circle.gif);
		margin: 0;
		padding: 0px 0px 5px 30px;
		}
	#local_nav ul li {
		margin: 0;
		padding: 2px 0;
	}
	#local_nav ul li a {
	   	display: block;
		padding: 1px 0 1px 4px;
		}
	#local_nav ul li a.active {
	    text-decoration: none;
		cursor: default;
	}
	#local_nav ul li.expand{
		list-style-image: url(/images/arrow_rt.gif);
		position: relative;
	}
	#local_nav ul li.expanded{
		list-style-image: url(/images/arrow_dn.gif);
	}
	#local_nav ul li a:hover {
		background-color: #ffffcc;
		color: #a90101;
	}
	#local_nav .active {background-color: #d9e6ec;}
	#local_nav a.active:hover {
		background-color: #d9e6ec;
		color: #13369F;
		text-decoration: underline;
	}


#local_nav a.hitarea {
	background: url(/toolbox/images/plus.gif) no-repeat center;
}
#local_nav a.close {
	background: url(/toolbox/images/minus.gif) no-repeat center;
}
#local_nav a.hitarea {
	display: block;
	position: absolute;
	height: 16px;
	width: 16px;
	left: -18px;
	top: 3px;
	padding: 0;
	cursor: pointer;
	hasLayout: 1;
}
#local_nav a.hitarea:hover {
	background-color: transparent;
}

	#footer{
		border-top: 2px solid #A90101;
		font-size: .85em;
		text-align: center;
	}
	#footer a{ color: #01019D;}
	#footer a:hover{color: #A90101;}
	#footer p{margin: 0 5px 0 5px;}
	#footer img{ margin-top: 20px;}


	/*BREADCRUMBS*/
	#breadcrumbs{
		margin-top: .8em;
		font-size: .8em;
		width: 400px;
	}
	#breadcrumbs ul{
		list-style-image: none;
		list-style-type: none;
		margin: 0; padding: 0;
	}

	#breadcrumbs ul li{
		display: inline;
	}



	table.pi_meeting {
		margin-bottom: 1em;
	}
	table.pi_meeting caption {
		font-weight: bold;
		text-align: left;
		margin-bottom: .5em;
	}
	table.pi_meeting ul {
		margin: .2em 1em;
	}
	table.pi_meeting #author {
		width: 10em;
	}
	table.pi_meeting #size {
		width: 8em;
	}

/* SEER*DMS CSS */
	table#dms, table#dms_noscript {
	margin: 1em auto 0 auto;
		}
/*	.evenrow {
		background-color: #D9E6EC;
	}*/

	/* External Link */
	img.extlink {
	  border: 0;
	  padding: 0 0 0 4px;
	}

} /*close media screen*/


/* Expand Styles for Coding Manuals */
#code_manual h2 {
	margin: 0;
	text-decoration: none;
}

#code_manual ul {
	margin: 0;
	list-style-image: none;
	list-style: disc;
}

#code_manual ul li {
	margin: 5px 0 5px 20px;
	padding: 0;
}

#code_manual li.plusMinus {
	list-style: none;
	position: relative;
	height: 100%;
}

#code_manual div.hitarea {
	background: url(/toolbox/images/plus.gif) no-repeat center;
}

#code_manual div.active {
	background: url(/toolbox/images/minus.gif) no-repeat center;
}

#code_manual div.hitarea {
	display: block;
	position: absolute;
	height: 16px;
	width: 16px;
	left: -20px;
	top: 0;
	cursor: pointer;
	hasLayout: 1;
}

#code_manual ul.expandingList li a.folder {
	text-decoration: none;
}

/* PopData Graph and Histogram Styles */
#selectWrapperGraph, #selectWrapperHisto {
	padding: 6px;
	background: #E8E8E8;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
	#selectWrapperGraph {
		width: 622px;
	}
	#selectWrapperHisto {
		width: 506px;
		margin: 0 auto;
	}

#graphContainer, #histoContainer {
	list-style: none;
	background: #E8E8E8;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
	#graphContainer {
		margin: 10px 0 20px 0;
		width: 634px;
		background: #E8E8E8 url(/popdata/graphs/loading.gif) no-repeat center center;
	}	
	#histoContainer {
		margin: 10px auto 20px auto;
		width: 518px;
	}

#graphContainer li, #histoContainer li {
	padding-bottom: 1px;
}

#graphContainer li img, #histoContainer li img {
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #999;
	padding: 6px;
	background: #fff url(/popdata/graphs/loading.gif) no-repeat center center;
	margin: 5px;
}

#graphContainer li p, #histoContainer li p {
	margin: 6px 4px 4px 4px;
	padding: 6px 10px;
	background: #fff;
	-moz-border-radius: 6px;
	border-radius: 6px;
	position: relative;
	border: 1px solid #999;
}

#graphContainer li p:before, #histoContainer li p:before {
	content: ' ';
	width: 0;
	height: 0;
	position: absolute;
	top: -20px;
	left: 50%;
	margin-left: -10px;
	border: 10px solid transparent;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom-color: #999;
}

#graphContainer li p:after, #histoContainer li p:after {
	content: ' ';
	width: 0;
	height: 0;
	position: absolute;
	top: -18px;
	left: 50%;
	margin-left: -10px;
	border: 10px solid transparent;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom-color: #fff;
}

.hideMe {
	display: none;	
}

/* Blue Info Box */
.info {
	display: block;
	padding: 5px 10px 5px 12px;
	font-size: .9em;
	margin-left: 10px;
	border: 1px solid #c1e1ee;
	background: #f2fbfe;
	color: #333;
	font-style: italic;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	position: relative;
}
.info:before {
	content: '';
	height: 14px;
	width: 14px;
	position: absolute;
	top: 6px;
	left: -7px;
	background: url("/images/icn_info.jpg") no-repeat;
}
/* SEER Stat Breast Imputed */
.graphWrapper {
	padding: 3px;
	text-align: center;
	border: 1px solid #D2D2D2;
	border-radius: 4px;
	width: 300px;
	margin: 0 2px 10px 2px;	
	box-shadow: 1px 1px 3px rgba(0,0,0,.25);
	float: left;
}
.graphWrapper h3 {
	margin: 0 0 6px; padding: 2px 0;
	background: #D9E6EC;
	border: 1px solid #D2D2D2;
	border-radius: 3px;
	text-shadow: 0 1px 0 rgba(255,255,255,.6);
	font-size: 12px;
	letter-spacing: .02em;
	color: #111;
}
