body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin: 0;
	padding: 0;
}

p {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt;}
ul, ol, li {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt}
td {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt}
th {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt}
h1 {  font-family: Arial, Helvetica, sans-serif; color: #0561a0; font-size: 14pt; margin-top: 6px;}
h2 {  font-family: Arial, Helvetica, sans-serif; font-size: 13pt}
h3 {  font-family: Arial, Helvetica, sans-serif; font-size: 11pt; }

caption { font-weight: bold;
		  margin-bottom: 5px;}

h1.graphpage {  font-family: Arial, Helvetica, sans-serif; color: #0561a0; font-size: 14pt; margin-top: 6px;}
h3.graphpage {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; margin-top: 6px;margin-bottom: 0px;}

.usa-banner {
    background: #f0f0f0;
}
.usa-banner__text {
    color: #000;
    font-family: "Open Sans", "Segoe UI", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 300;
    line-height: 1.2;
    margin: 0 23px;
    max-width: 67em;
    padding: 16px 0;
    width: 98%;
}
.usa-banner__text img {
    margin-right: 8px;
}

#nciBanner {
	background-color: #fff;		
}
.nciLogo {
	display: inline-block;
	line-height: 0;
	max-width: 700px;
	margin: 23px;	
}
.nciLogo img {
	max-height: 54px;
	box-shadow: none;  
}
#skip, #skip:hover, #skip:visited  { position: absolute; top: -200px; right: 44%; padding: 8px 15px; font-weight: bold; border: 2px solid #ccc; border-top: none; border-radius: 0 0 3px 3px; transition: all .2s ease-in-out; }
#skip:active, #skip:focus { position: absolute; right: 44%; top: 0; color: #a90101; background: #fff; box-shadow: 0 1px 5px rgba(0,0,0,.7); }
.search {
    float: right;
    margin: 2em 2em 0 0;
    width: 30%;
}
.searchBtn {
	padding: 0.45em;
	margin-left:5px;
	width:15px;
}
.searchBtn { background: #23124A; border: 1px solid #00B050; border-radius: 3px; box-shadow: inset 0 1px 0 rgba(255,255,255,.4), 0 1px 0 #fff; color: #fff!important; text-shadow: 0 1px 0 rgba(0,0,0,.7); padding: .2em 1em; text-decoration: none; margin: 0; }


#ribbon { 
	color: #fff; 
	background: #0561A0; 
	padding: 0 24px;
}
#ribbon h1 {
	padding: 0;
	margin: 0;
}
#ribbon h1 a{ 	
	padding: 9px 0; 
	margin: 0; 
	letter-spacing: .015em; 
	font-weight: normal; 
	color: #fff;
	font-size: 20px;
	text-decoration: none;
	display: block;
}  

td#skipnav{
padding-left: 10px;
padding-right: 20px;
padding-bottom: 20px;
background-color:#FFFFFF;
vertical-align:top;
border-top: solid 1px #0561a0;
}

.page_subtitle{
font-family: Arial, Helvetica, sans-serif; font-size:1.25em;
font-weight:bold;
}

table.main_options{
margin:1px;
padding:1px;
border:0;
width:100%;
}

.main_options td.label{
width:50px;
text-align: left;
}

.main_options td.whats_this{
width:20px;
vertical-align:top;
}

.main_options img.whats_this{
border:0;
width:20px;
height:20px;
}

.main_options span.label{
font-family: Arial, Helvetica, sans-serif; font-size:.95em;
font-weight:bold;
text-align: left;
}

td.listbox_label{
width:50px;
text-align: left;
}

.listbox_label{
font-family: Arial, Helvetica, sans-serif; font-size: 10pt;
font-weight:bold;
text-align: left;
}

.main_options select{
font-family: Arial, Helvetica, sans-serif; font-size:.95em;
width:180px;
}

.checkbox_title_bold{
font-family: Arial, Helvetica, sans-serif; font-size: 10pt;
font-weight:bold;
}

.checkbox_warning{
font-family: Arial, Helvetica, sans-serif; font-size: 10pt;
font-weight:bold;
color: #CC0000;
}

.scenario_checkbox{
width:16px;
vertical-align:middle;
padding:0px;
margin-bottom:3px;
}

.checkbox{
width:12px;
vertical-align:middle;
padding:0px;
}

.checkbox_title{
font-family: Arial, Helvetica, sans-serif; font-size: 10pt;
}

.checkboxes_subtitle{
font-family: Arial, Helvetica, sans-serif; font-size: 10pt;
font-weight:bold;
margin-top:5px;
margin-bottom:7px;
margin-left:10px;
}

.checkbox_label{
font-family: Arial, Helvetica, sans-serif; font-size:.85em;
text-align:left;
vertical-align:middle;
height:15px;
}

.baseline_label{
font-family: Arial, Helvetica, sans-serif; font-size:.90em;
text-align:left;
vertical-align:middle;
height:15px;
}

.dataset_rdo_label{
font-family: Arial, Helvetica, sans-serif; font-size:8pt;
text-align:left;
height:15px;
}

.dataset_rdo_label_disabled{
font-family: Arial, Helvetica, sans-serif; font-size:8pt; 
color:#555555;
text-align:left;
height:15px;
}

.dataset_rdo{
vertical-align:bottom;
height:14px;
}

table.scenario_set{
padding:0;
border:0;
margin:0;
}

img.whats_this_small{
position:relative;
border:0;
width:13px;
height:13px;
vertical-align:middle;
}

tr.rowspacer {
height:10px;
}

td.cellspacer {
padding:0;
width:10px;
}

td.seriesSymbol {
padding:0;
width:15px;
}

img.seriesSymbolImg {
position:relative;
border:0;
width:15px;
height:15px;
vertical-align:middle;
}

a:link {color: #000099; }

.spaced {margin-bottom: 6px}
.spaced_lg {margin-bottom: 8px}

.spacedlist li {margin-bottom: 10px}

/* LEFT NAV */
td.left_nav
{
background:url(/projections/images/left_nav_bg.gif) no-repeat;
vertical-align:top;
background-color:#E6D394;
width: 139px;
border-right: 1px solid #31477F;
}

.left_nav ul, .sub_nav ul
{
list-style: none;
padding: 0;
margin: 0;
}

.left_nav li { width:139px; padding: 0; }
.sub_nav li { width:127px; padding: 0;}

.left_nav li.grp_end { margin-bottom: 5px; }

.left_nav li.grp_end a  {
	background-image: url(/projections/colorectal/images/images/left_nav_dark-thin-corner-h_02.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	border-bottom: none;
}

.left_nav li.grp_start a {
	background-image: url(/projections/colorectal/images/images/left_nav_dark-thin-corner-h_01.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

.left_nav li a:hover, .sub_nav li a:hover { background-color: #EDC97F; text-decoration: none;}
.left_nav li a.current  { background-color: white; }

.left_nav li a, .sub_nav li a,  li.current_sub
{
border-bottom: 1px solid #31477F;
color: #31477F;
font-weight:bold;
padding: 6px 0;
width: 139px;
text-indent: 6px;
display: block;
text-decoration: none;
background-color:#F1E7C6;
}

.sub_nav li a,  li.current_sub
{
border-left: 1px solid #31477f;
width: 126px;
margin-left: 12px;
}


.topborder{ border-top: 1px solid #31477F; }

.left_nav .current a, .sub_nav .current a { background-color: #fff; text-decoration: none;}
li.current , li.current_sub {background-color: #FFFFFF;}



.home_style {  font-family: Arial, Helvetica, sans-serif; color: #a90101; font-size: 1.1em; font-style: italic; font-weight: bold;}

/* background for table headings */
.bg_prime {background-color: #CBD4D7}
.bg_second {background-color: #DEDFDE}

/*colorectal index info box */
#info_box {
float:right;
width:30%;
text-align: left;
border: 2px solid #000;
background-color:#F1E7C6;
padding: 5px;
margin: 2px;
vertical-align:top;
font-weight:bold;
}

#info_box li{
font-size: .85em;
font-weight:normal;
}


/*smaller text*/
.smaller li{
font-size:.8em;
}

td.nothing img{
border:0;
margin:0;
position:relative;
}

div.barcharttab{
padding:0;
border-width:0;
margin:0;
position:relative;
width:100%;
}

img.horiz_separator{
height:1px;
width:100%;
padding:0;
border:0;
margin:0;
}

img.barcharttab_leftspacer{
position:relative;
border:0;
padding:0;
margin:0;
width:25px;
height:45px;
}

img.barcharttab_img{
position:relative;
padding:0;
border:0;
margin:0;
width:110px;
height:45px;
}

a.header_link{
margin-top: 6px;
}

a.hidden_d_link{
color:white;
}


a.barchart_anchor{
position:relative;
border:0;
padding:0;
margin:0;
}

.footnote_text {font-size: 8pt; margin-top:3pt;}

/* shaded box for summaries */
#summary_box {
	width: 90%;
	text-align: left;
	border: 1px solid #666666;
	background-color:#FAF4E7;
	vertical-align:top;
	left: 50px;
	margin-top: 8px;
	margin-bottom: 8px;
	padding: 4px;
	position: relative;
}

#summary_box p{
	margin: 8px;
	}
	
#summary_box h2{
	margin: 8px;
	}

/*colorectal index info box */
#info_box2 {
float:right;
width: 260px;
text-align: left;
border: 1px solid #31477F;
background-color:#ccc;
margin: 12px;
vertical-align:top;
}

#info_box2 p{
font-size: .90em;
background-color:#DFDFDF;
padding: 4px;
margin-top:0;
margin-bottom: 0px;
}

#info_box2 p.head{
font-weight:bold;

}

#info_box2 p.head a {
text-decoration: none;
}

#info_box2 p.head a:hover{
text-decoration:underline;
}


#info_box2 p.desc{
font-weight: normal;
}


/* Model Input tables */

.lightbrown {background-color:#ffcc99;}
.lightblue {background-color:#ccccff;}
.bold_border {border-top: 3px solid #7B9199;}


/* Extra Styles */

a.external-link {
	padding-left: 15px;
	background: url(/projections/colorectal/images/bulletExternal.gif) no-repeat center left;
	title: External link;
	}

a.pdf-link {
	padding-left: 20px;
	background: url(/projections/colorectal/images/pdficon_small.gif) no-repeat center left;
}


a.top {
	font-size:9pt;
	padding-left: 15px;
	background: url(/projections/images/uparrow.gif) no-repeat center left;
	text-align:right;
}

ul.graph {
	list-style-image: url(../colorectal/images/barg.gif);
}

th.mix-strength {
  font-weight: normal;
}

th.left_normal {
  font-weight: normal;
  text-align: left;
}
#main_content {
	padding-top: 10px;
	padding-left: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
}
.summ_text {
	font-size: 10pt;
	font-weight: normal;
}
.flinks {
  text-align: center;
 }
.flinks a {
	margin-left: .7em;
	margin-right: .7em;
}
.nihTag {
	text-align: center;
	font-style:italic;
	margin-top: 2px;
}
#skip a, #skip a:hover, #skip a:visited {
	position:absolute;
	left: 0;
	top: -500px;
	width: 1px;
	height: 1px;
	overflow: hidden;
	background: #A90101;
	color: #FFF;
}

#skip a:active, #skip a:focus {
	position: static;
	display: block;
	width: 7em;
	height: auto;
	background: #A90101;
	color: #FFF;
	margin: .6em 0;
}
