@charset "utf-8";

/*------------------------------------*\
    Colors:
	  purple: #8a4e62
		gold:   #d8ac54
		blue:   #0363aa
		black:  #323232
		
		Fonts:
		Raleway, Roboto Slab
		
\*------------------------------------*/ 

/* ==================================================
	NCI Govt Header
================================================== */
section#usa-banner {margin-bottom: 20px; background: #f0f0f0;}
.usa-banner__header-text {font-size: 12px; line-height: 1.2; margin-bottom: 0; margin-top: 0; font-weight: 400;}
.usa-banner__header-text {padding-top: 1rem!important; padding-bottom: 1rem!important;}
.usa-banner__header-text img {vertical-align: baseline; margin-right: 0.5rem!important;}

@font-face { font-family: 'Roboto Slab'; font-style: regular; font-weight: 400; src: url('/f/RobotoSlab-Regular.ttf') format('truetype'); font-display: swap;}
@font-face { font-family: 'Roboto Slab Lt'; font-style: light; font-weight: 300; src: url('/f/RobotoSlab-Light.ttf') format('truetype'); font-display: swap;}
@font-face { font-family: 'Raleway'; font-style: medium; font-weight: 400; src: url('/f/Raleway-Medium.ttf') format('truetype'); font-display: swap;}

#skip a, #skip a:hover, #skip a:visited, .visually-hidden { 
	position:absolute;
    left:0px;
    top:-500px;
	padding: 8px 15px;
    width:1px;
    height:1px;
    overflow:hidden; 
	transition: all .2s ease-in-out; 
	color: #fff;
}
#skip a:active, #skip a:focus { 
	position: static; 
	display: block;
	width: auto;
	height: auto;
	color: #fff;
}
.visually-hidden-focusable {display: inline;}
html {
	scroll-behavior: smooth; 
	overflow-y: scroll; /*force vertical scrollbar on browsers to stop page shift */
	font-size: .8125em;  /* 13px/16px */
	line-height: 1.45em;
	color: #323232;   
	background-color: #452c34;  /*purple due to home page */   
}
body {
	font: normal 100% Arial, Helvetica, sans-serif;	 
}
.container {
	margin-left: auto;
	margin-right: auto;
	width: 90.5333%;
	padding-left: 3.2333%;
	padding-right: 3.2333%;
	max-width: 960px;
}
.header {
	padding-top: 20px; position: relative;
}
h1 { font-family: 'Roboto Slab', serif; margin: 0 0 .5em 0; padding: 0; width: 65%; float: left; }
.header h1 a {
	display: block;
	text-decoration: none;
	color: #fff;
}
h1 a:hover, h1 a:focus { text-decoration: none; }
.header h1 img { float: left; margin-right: .4em; }
h1 span { color: #fff; margin-top: .8em; display: block; }

.searchWrapper { float: right; margin-top: 2em; }
.searchWrapper input { margin: 0 0 0 -4px; padding: 0; vertical-align: middle; border: 0; }
#searchterm { padding: .4em .3em; font-size: 1.3em; }

#searchpage {
	background:white;
  padding: 0;
}
.searchleft {
	float: left;
}
.searchright {
	float: right;
}
.searchEntry1 {
	float: left;
}
.searchEntry2 {
	margin-right: .4em;
}
.gmini_url {
	color: #008000;
}
.gminispacer {
	margin: .4em;
}
#content {
	line-height: 1.5;
	min-height: 425px;	
}
.home #content {
	min-height: 0;
}
#footer {	
	background-color: #452c34; 	
}
#footer ul {
	list-style: none outside none;	
}
#footer .logos {
	padding: 0; 
}
#footer ul li {
	display: inline-block;
	zoom: 1;
	*display: inline;
	margin: .5em 1em;
}
#footer h3, #footer p {	
	text-align: left;	
	font-family: 'Raleway', sans-serif;
}
#footer h3 {
	color: #fff;
	margin-top: 0;
	padding-top: 0;
	padding-left: 0.9em;
	font-size: 1.2em;  
}
#footer p {
	padding-left: 1.25em;
}
#footer a {
	color: #DFDCDE;	
	text-decoration: none; 
}
#footer a:hover {
	text-decoration: underline;
}
#footer .col3 {
	border-left: 1px dashed #DFDCDE;
}
/*------------------------------------*\
    Scroll to Top Button
\*------------------------------------*/
p.totop{
    z-index: 500;
	position: fixed;
	bottom: 10px;
	right: 10px;
	text-align: center;
	padding: 0;
	margin: 0;
	display: none;
}
p.totop a {
	color: #444444;
	padding: 5px;
	display: inline-block;
	font-weight: bold;
	background: rgba(255, 255, 255, 0.7);
}
p.totop a:hover {
	color: #ffffff;
	background: #444444;
	text-decoration: none;
	box-shadow: 0px 0px 15px #ffffff;
}
p.totop span {
	font-size: 4em;
	position: relative;
	display: inline-block;
	transform: scale(1.3, .7);
	top: .1em;
	margin-top: -.4em;
	font-weight: bold;
	-webkit-text-stroke: 3px #444444;
}
p.totop a:hover span {
	-webkit-text-stroke: 3px #ffffff;
}
/*------------------------------------*\
    Typography
\*------------------------------------*/
a {
	/*text-decoration: none; */
	color: #0363aa;
}
a:visited {
	text-decoration: none;
	color: #8a4e62;  /*8a4e62*/
}
a:hover {
	text-decoration: underline;
}
.js a.showLink, a.hideLink {
	display: inline-block;
	color: #005A80;
	text-decoration: none;
	font-weight: bold;
	padding-left: 25px; 
	background: url('/i/faqs.sprite.png') left 1px no-repeat;
}
.js a.minus {
	background: url('/i/faqs.sprite.png') left -134px no-repeat;
}
a.showLink:hover, a.hideLink:hover {
	text-decoration: underline;
}
h1 {  /*used for logo */
    font-size: 2em;
	color: #fff;		
}
h2 {	
	font: 700 2.25em 'Roboto Slab', serif;   /* 36px/16px */
	color: #8a4e62; 
	margin: 0.5em 0;
	line-height: 1.2;
}
h3 {
	font-size: 1.375em;  /*22px/16px*/
	font-weight: bold;  
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0 0 .2em 0;
}
#tagline {
	margin-bottom: 65px;
}
#tagline p {
	color: #fff;
	font: 300 2.2em 'Roboto Slab Lt', serif;  /* 32px/16px */
	margin: 1.4em 0 .5em;
	padding: 0;
	width: 71%;
}
.home h2 {	
	font: 400 1.5em 'Roboto Slab', serif;  /* 24px/16px */
}
.home h2 a{
	color: #8a4e62;	
}

/*------------------------------------*\
    Lists
\*------------------------------------*/ 
ul.spaced > li { margin-bottom: 0.8em; 
                 margin-top: 0.8em; }
ol.spaced > li { margin-bottom: 0.8em;
                 margin-top: 0.8em; }

/*------------------------------------*\
    Images
\*------------------------------------*/ 
img, embed, object, video {
	max-width: 100%;
}
.imgBorder {
	border: 3px #686868 solid;
}
.thumb {
	float: left;	 
    margin: 0.3em 1.25em 0.7em 0;	   
}
.imgRight {
    float: right;
    margin: 0 0 1em 1em;
	border: 1px #686868 solid;
}
.imgLeft {
    float: left;
    margin: 0 1em 1em 0;
	border: 1px #686868 solid;
}

.imgLeftFix {
    float: left;
    margin: 0.9em 1em 1em 0;
	border: 1px #686868 solid;
}
figcaption {
	font-size: .75em;
	text-align: center;
	padding: .5em;
}


/*------------------------------------*\
    Pages
\*------------------------------------*/
body.home {background: url('/i/tractor.jpg') no-repeat center top;  }
.home #content { background: #452c34; margin-top: 30em; }
.home #content .css-table { margin-top: -22em; }

body.about          {background: #D8D0C5 url('/i/top.about.jpg') repeat-x center top;}
body.participants   {background: #D8D0C5 url('/i/top.participants.jpg') repeat-x center top;}
body.collaboration  {background: #D8D0C5 url('/i/top.collaboration.jpg') repeat-x center top;}
body.news           {background: #D8D0C5 url('/i/top.news.jpg') repeat-x center top;}
body.contact        {background: #D8D0C5 url('/i/top.contact.jpg') repeat-x center top;}
body.info           {background: #D8D0C5 url('/i/top.contact.jpg') repeat-x center top;}

/*------------------------------------*\
    Breadcrumbs
\*------------------------------------*/
.breadcrumbs {
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
}
.breadcrumbs li { 
	display: inline-block; 
	zoom: 1; 
	*display: inline; 
	padding: 0.3em .5em 0.3em 0em 
	margin: 0; 
}
.breadcrumbs li a {text-decoration: none;}
.breadcrumbs li a:hover {text-decoration: underline;}
.breadcrumbs li a:visited {color: #0363aa;}
/*------------------------------------*\
    Tables
\*------------------------------------*/
table {	
	margin-bottom: 1em;	
	border-collapse: collapse;
	border: 1px solid #717171;
	font-weight: bold; 	
}
table caption {
  margin: 1px 4px;
  padding: 4px;
  font-weight: bold;
  color: #505050;
}
table tr th[scope="row"] {
  text-align: left;
  vertical-align: top;
  padding-right: 20px;
}
table tr th, table tr td {
  padding: 5px; 
  margin: 0; 
  border-top: 1px solid #717171;
  border-bottom: 1px solid #717171; 
  border-right: none;
  border-left: none;
  border-collapse: collapse;
}
table td {
	text-align: right;
}
table > THEAD > TR > TH, 
table > TBODY > TR > TH[scope="col"], 
table > TBODY > TR > TH[scope="colgroup"],
table > THEAD > TR > TD.th-bg { 
  vertical-align: top; 
  background-color: #717171;
  color: #fff; 
} 
table > THEAD > TR > TH > SUP > a {
	color: #fff;
}
table.table4 > THEAD > TR > TH[colspan="2"],
table.table4 > THEAD > TR > TH[colspan="3"] {
	text-align: center;
}
table.table4 > thead > tr:first-child > * {
	border-bottom: 1px solid #e1e1e1;
}
table.table4 > thead > tr:first-child th {
	border-left: 1px solid #e1e1e1;
}
table.table4 > thead > tr:last-child th {
	border-left: 1px solid #e1e1e1;
}
table.table4 > thead > tr:last-child th:first-child {
	border-left: 1px solid #717171;
}
table > THEAD > TR > TH{
	text-align: right;
}
table > THEAD > TR > TH.topHeader {
	text-align: left;
}
/* Row headers */
table > TBODY > TR > TH[scope="row"], 
table > TBODY > TR > TH[scope="rowgroup"] {
  text-align: left;
  padding-right: 15px;
}
table > tbody > tr.lastRow,
table > tfoot > tr.lastRow {
	background-color: #e1e1e1;
}
table > tfoot > tr.lastRow > td {
	text-align: left;
}
.header_secondary  { 
   background-color: #e8e8e8;   
}
.collaboration .data-table {
	width: 100%;
}
table.ec {
	font-weight: normal;
	border: none;
}
table.quest-table tbody tr th, table.quest-table tbody tr td {
	border: solid 1px #717171;	
}
table.quest-table > thead> tr > th,
table.quest-table > thead> tr > td.th-bg {
	text-align: center;
	border-bottom: solid 1px #ccc;
}
table.quest-table > thead> tr > th.leftSection {
	border-left: solid 1px #CCC;
}
table.quest-table > thead> tr > th.rightSection {
	border-right: solid 1px #CCC;
}
table.ec tr {
	border-bottom: solid 1px #CCC;
}
table.ec tr th, table.ec tr td {
	border-bottom: none;
	border-top: none;
	text-align: left;
}
table.ec td {
	text-align: left;
}
table.ec > thead > TR > TH[scope="col"]
{ 
  vertical-align: top; 
  background-color: #ffffff;
  color: #323232; 
} 
.scroll {
	width: 100%;
	overflow-y: auto;
	_overflow: auto;
	margin: 0 0 1em;
}
.scroll::-webkit-scrollbar{
	-webkit-appearance: none;
	width: 14px;
	height: 14px;
}
.scroll::-webkit-scrollbar-thumb{
	border-radius: 8px;
	border: 3px solid #fff;
	background-color: rgba(0, 0, 0, .3);
}

/*------------------------------------*\
    Other Styles
\*------------------------------------*/
.box {
    background-color: #fff;	
	border: 10px solid rgb(255, 255, 255);
    border: 10px solid rgba(255, 255, 255, .5);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
	padding: 0.7em 1.5em 1.5em; 
	margin: 15px 0;	
}
.button a {
	border: 4px solid #BAD4e4;
	color: #fff;
	font-family: 'Raleway', sans-serif;
	font-size: 1em;  
	font-weight: 500; /* medium */
	text-transform: uppercase;
	display: inline-block;
	zoom: 1;
	padding: 10px 2em;
	text-decoration: none;
}
.button a {
	color: #fff;
}
.button a:hover {
	border-color: #fff;
	text-decoration: none;
}
.calloutBox {
	border-left: solid #ccc 1px;
	margin-left: 2em;
	padding-left: 1em;
}
.cols2 {
  -webkit-column-count: 2;
  -webkit-column-gap: 20px;
     -moz-column-count: 2;
     -moz-column-gap: 20px;
          column-count: 2;
          column-gap: 20px;
}
.css-table .col3 h2 a {text-decoration: none; } 
.css-table .col3 h2 a:hover {text-decoration: underline; } 
.css-table {
	display: table;
	margin-bottom: 15px;
	width: 100%;
}
.css-table .col3 {
	display: table-cell;
	width: 31.5%;	
}
.css-table .colSpace {
	width: 2.75%;
	display: table-cell;		
}
.contentBox {
	float: left;
	width: 80%;	
}
.contact .contentBox, .info .contentBox { float: none; width: 100%; margin-bottom: 25px;}

.div50 {
	float: left;
	width: 50%;
}
.div50 p {
	padding-right: 4em;
}
div.more {
    margin-left: 2.8em;
}
.extlink {
	padding: 0 0 4px 4px;
}
.footnote {
	margin-left: 1em;
	margin-bottom: 1em;
}
.footnote p {
	margin: 0;
	padding: 0;	
}
.home .css-table .col3 .box p {
   	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 	  
	font-size: 1.2em;
	color: #323232;	
}
.hideMe {
	color: #CCCCCC;
 	 display: inline-block;
  	zoom: 1;
  	height: 1px;
  	left: -9999px;
  	position: absolute;
  	width: 1px;
}
.imgIcon {
	vertical-align: middle;
}
.leftNav {
	float: left;
	width: 18%;
	margin-right: 2%;
	margin-top: 85px;
}
.leftNav ul {
	list-style: none outside none;
	padding: 0;
}
.leftNav ul li{
	padding-bottom: 10px;
}
.leftNav li a {
	color: #555555;
	text-transform: uppercase;
	font-size: .9375em;  /* 15px/16px */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;  
	text-decoration: none;
	padding-bottom: 10px;
}
.leftNav ul li ul {
	padding-left: 20px;
	margin-top: 10px;
}
.leftNav li a.active, .leftNav li ul li a.active {
	color: #80495B;  /*darker for color contrast */
}
.leftNav li a:hover, .leftNav li ul li a:hover {
	text-decoration: underline;
}
.flag { background: #ff6; }
.spaceBottom {margin-bottom: 30px;}
.openClose {
	background: none repeat scroll 0 0 #DDDDDD;
    border: 0 none;
    border-radius: 50px;
    color: #333033;
    font: 16px/16px monospace !important;
    height: 17px;
    left: 6px;
    margin-left: 0;
    margin-top: -9px;
    right: auto;
    text-align: center;
    text-shadow: none;
    top: 50%;
    width: 17px;
}
.paddingTop {padding-top: 25px;}

.plus {
	list-style-type: none;
	background-image: url('/i/plus.png');
	background-repeat: no-repeat;
	background-position: 0% 50%;
}
.printer { float: left; }
.printer a { padding: 1px 0 1px 20px; background: url("/i/adobe.png") left center no-repeat; }
.prevnext  {float: right; }	
.prevnext a {text-decoration: none;}	
.goBack { padding: 5px 0 5px 25px; margin-right: 1em; background: url("/i/back.png") left center no-repeat; }
.goForward { padding: 5px 25px 5px 0; background: url("/i/forward.png") right center no-repeat; }
ul.plus {padding-left: 20px;}
.sectionTitle {
	margin-top: 2.5em;
}
.sectionTitle img {
	vertical-align: middle;
}
.sectionTitle span {
	text-transform: uppercase;
	color: #fff;
	font: 400 1.5em 'Roboto Slab', serif;   /* 20px/16px */
}
.smallerText {	
    color: #666666;
    font-size: 0.75em;
	text-align: right;
}
.smallerText a {margin-bottom: 1em; }
.smallerText a:visited {color: #0363aa;}
.studyUpdates {margin-top: 25px;}
/*.textUpdates {float: left; width: 70%;} */
.tools a {color: #323232; }
.tools a img {text-decoration: none;}
.center { text-align: center; }
.left { float: left; margin: 0 1em 1em 0; }
.right { float: right; margin: 0 0 1em 1em; }

.showIt { visibility: visible!important; } /* toggle class for showing/hiding navigation and search in mobile */

/* Newsletter 2021 */
.flexWrap {display: flex; flex-wrap: wrap; width: 100%; height: auto; min-height: 206px; align-items: stretch; justify-content: space-between;}
.flexChild {display: flex; width: 100%; height: 100%; align-items: center; justify-content: stretch; flex-wrap: wrap; margin: 1rem 0; flex: 1 1 auto;}
.flexSubChild {display: block; padding: .5rem; width: 100%; height: 100%; flex: 1 1 auto; margin: 0;}
.flexSubChild p {font-size: 1.125rem; margin-top: auto;}
.flexSubChild p.accent {font-size: 2rem; color: #006f40; font-weight: 900; margin: 0 0 5px;}
.greenHighlight {display: flex; flex-wrap:wrap; background: #d9e8df; border-radius: .25rem; padding: 0 1rem;}
.greenHighlight p {width: 100%;}
@media (min-width: 768px) {
    .flexChild {width: 30%; margin: 0; padding-right: .5rem;}
    .greenHighlight p {width: 50%;}
}
@media (min-width: 992px) {
    .flexChild {flex-wrap: nowrap; align-items: stretch; height: auto;}
    .flexSubChild:first-child {width: 53%; padding: 0 .5rem; margin-bottom: auto;}
    .flexSubChild:last-child {width: auto; max-width: 46.5%; height: 115px; margin-top: auto;}
}
@media (min-width: 576px) and (max-width: 768px) {
    .flexChild {flex-wrap: nowrap; align-items: stretch; height: auto;}
    .flexSubChild:first-child {width: 53%; padding: 0 .5rem; margin-bottom: auto;}
    .flexSubChild:last-child {width: auto; max-width: 46.5%; height: 165px; margin-top: auto;}
}
@media (min-width: 768px) and (max-width: 992px) {
    .flexChild {align-items: stretch; height: auto;}
    .flexSubChild {height: auto; margin: auto;}
}


/*------------------------------------*\
    Clear Fix
\*------------------------------------*/
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }

/*------------------------------------*\
    Media Queries
	iPad: 768px wide x 1064px
	iPhone: 320 x 480 - older models
\*------------------------------------*/
@media only screen and (max-width: 1070px) {
	.searchEntry3 {display: block; padding-top: 5px;}	
}
@media only screen and (max-width: 1030px) {
	#tagline p { font-size: 2em; width: 70%; }
}
@media only screen and (max-width: 975px) {
	#footer ul li a img{ max-width: 75%;}
	#footer ul li {margin: 0.5em 0;}
}
@media only screen and (max-width: 768px) {
	.home #content { margin-top: 12em; }
	.home #content .css-table { margin-top: -4em; }
	.header {margin-bottom: 1em;}
	#tagline p { font-size: 1.8em; }	
	#content .css-table {
	   display: block;
	}
	#content .css-table .col3 {
		display: block;
		width: 85%;
		margin: 0 auto 2em;
     }
   .leftNav {display: none;}
   .contentBox {float: none; width: 100%; margin-bottom: 15px;}
   .about .box {border: none;}
   .participants .box {border: none;}
   .collaboration .box {border: none;}
   .news .box {border: none;}
   .contact .box {border: none;}
   body.about { background: #fff url('/i/top.about.800.png') repeat-x center top;}
   body.participants { background: #fff url('/i/top.participants.800.png') repeat-x center top;}
   body.collaboration { background: #fff url('/i/top.collaboration.800.png') repeat-x center top;}
   body.news { background: #fff url('/i/top.news.800.png') repeat-x center top;}
   body.contact { background: #fff url('/i/top.contact.800.png') repeat-x center top;}
   body.info { background: #fff url('/i/top.contact.800.png') repeat-x center top;}
   .sectionTitle {display: none;}
   .div50 {
	float: none;
	width: 100%;
   }
   .div50 p {	padding-right: 1em;   }
   .thumb {display: none;}
   .spaceBottom {margin-bottom: 0;}

	body.home {	background: url('/i/tractor.768.jpg') no-repeat center top; }
	h1 { font-size: 1.8em; margin-bottom: .2em; width: 75%; }
	h1 img { width: 3.2em; }
	#tagline p { width: 80%; }
	.box {margin-top: 27px;}
	.js .toggles { position: absolute; bottom: -4px; right: 3.2em; display: block; }
	.toggles a { padding: .5em; display: block; float: left; height: 35px; width: 35px; margin-left: 2px; text-indent: 120%; overflow: hidden; color: #fff; }
	.navToggle { background: #333033 url("/i/navicon.gif") center no-repeat; }
	.searchToggle { background: #333033 url("/i/search.gif") center no-repeat; }
	
	.js .navWrapper, .js .searchWrapper { position: absolute; top: 100%; left: 0; width: 100%; z-index: 100; }
	.js .navWrapper, .js .searchWrapper { visibility: hidden; }
	.searchWrapper { float: none; clear: left; background: #333033; padding: 1em 0; text-align: center; border-bottom: 1px solid #2c292c; margin: 0; }
	.searchImage input[type=button] { background: url('/i/search.inv.gif') center no-repeat; }
	#searchterm { width: 70%; }
	.cols2 {
    	-webkit-column-count: 1;
  		-webkit-column-gap: 0;
    	   -moz-column-count: 1;
     	   -moz-column-gap: 0;
              column-count: 1;
              column-gap: 0;
	}
	table.data-table, table.participant-table {
		border: none;
	}
	table.data-table td, table.participant-table td {
		text-align: left;
	}
	table.data-table > THEAD > TR > TH, table.participant-table > THEAD > TR > TH {
	  text-align: left;
    }
	/* Force table to not be like tables anymore */
	table.data-table, table.data-table caption,  table.data-table thead, table.data-table tbody, table.data-table th, table.data-table td, table.data-table tr,
	table.participant-table, table.participant-table caption,  table.participant-table thead, table.participant-table tbody, table.participant-table th, table.participant-table td, table.participant-table tr { 
		display: block; 
	}
	/* Hide table headers (but not display: none;, for accessibility) */	
	table.data-table thead tr, table.participant-table thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}	
	table.data-table tr, table.participant-table tr { 
		border: 1px solid #717171; 
	}
	table.data-table td, table.data-table th[scope="row"], table.participant-table td, table.participant-table th[scope="row"] {   
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #717171; 
		position: relative;
		padding-left: 70%; 
	}	
	table.data-table td:before, table.data-table th[scope="row"]:before, table.participant-table td:before, table.participant-table th[scope="row"]:before   { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 65%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	/* Label the data */
	table.data-table th[scope="row"]:nth-of-type(1):before { font-weight: bold; content: "Cancer Site"; }
	table.data-table td:nth-of-type(1):before { font-weight: bold; content: "Total with Cancer"; }
    table.data-table td:nth-of-type(2):before { font-weight: bold; content: "Completed Phase II"; }
    table.data-table td:nth-of-type(3):before { font-weight: bold; content: "Completed Phase III"; }
	table.data-table td:nth-of-type(4):before { font-weight: bold; content: "Returned Buccal Sample"; }
	table.data-table td:nth-of-type(5):before { font-weight: bold; content: "Returned DHQ"; } 
		
	table.table3 th[scope="row"]:nth-of-type(1):before { font-weight: bold; content: "Cause"; }
	table.table3 td:nth-of-type(1):before { font-weight: bold; content: "Frequency"; }
    table.table3 td:nth-of-type(2):before { font-weight: bold; content: "Percent"; }
    table.table3 td:nth-of-type(3):before { font-weight: bold; content: "Cummulative Frequency"; }
	table.table3 td:nth-of-type(4):before { font-weight: bold; content: "Cummulative Percent"; }
	
	table.table4 th[scope="row"]:nth-of-type(1):before { font-weight: bold; content: "Medical Condition"; }
	table.table4 th.special[scope="row"]:before { font-weight: bold; content: "Survey Status"; }
	table.table4 td:nth-of-type(1):before { font-weight: bold; content: "Private Applicators"; }
    table.table4 td:nth-of-type(2):before { font-weight: bold; content: "Spouses"; }
    table.table4 td:nth-of-type(3):before { font-weight: bold; content: "Commercial Applicators"; }
	table.table4 td:nth-of-type(4):before { font-weight: bold; content: "Total"; }
	
	table.participant-table th[scope="row"]:nth-of-type(1):before { font-weight: bold; content: "Type"; }
	table.participant-table td:nth-of-type(1):before { font-weight: bold; content: "Private Applicators (%)"; }
    table.participant-table td:nth-of-type(2):before { font-weight: bold; content: "Commercial Applicators (%)"; }
    table.participant-table td:nth-of-type(3):before { font-weight: bold; content: "Spouses (%)"; }	
	
	/*zebra stripe*/
	table.data-table tr:nth-of-type(2n+1), table.participant-table tr:nth-of-type(2n+1) {
       	background: none repeat scroll 0 0 #F1F1F1;
    }
	table.table4 .header_secondary, table.participant-table .header_secondary  { 
      background-color: #717171;   
	  color: white;
    }
	.studyUpdates {margin-top: 0;}
	.studyUpdates p { margin: 0 0 .5em;}
	.studyUpdates h3 {margin: 0.5em 0 0.2em;}
	
	.newsDiv {margin: 25px 0; }
	.newsDiv p { margin: 0 0 .5em;}
	.newsDiv h3 {margin: 0.5em 0 0.2em;}
}

@media only screen and (max-width: 620px) {

	#footer .css-table {
	   display: block;
	}
	#footer .css-table .col3 {
		display: block;
		width: 90%;
		margin: 0 auto 1em;
		border-left: none;
		border-bottom: 1px dashed #DFDCDE; 
     }
	 #footer .css-table .hideFooter {
		display: none;
	}
	#footer h3, #footer p {
        padding-left: 0;    
    }
	.printer {float: none;}
    .prevnext {float: none;}
}

@media only screen and (max-width: 585px) {
	body.home {	background-position: 75% 0; }
	h1 { width: 65%; }
	h1 img { width: 2.8em; }
	h1 span { margin-top: 0; }
	.js .toggles { right: 1.5em; }
}

@media only screen and (max-width: 500px) {
.searchEntry1 {float: none;}
.searchEntry3a, .searchEntry3b, .searchEntry3c{display: block;}
.searchEntry2, .searchEntry1 { display: block;}
.searchEntry2 {padding-top: 10px;}
.searchright, .searchleft {float: none; display: block;}
}
@media only screen and (max-width: 480px) {
	body.home {	background-position: 70% -14%; }
	.home #content { margin-top: 0; }
	.home #content .css-table { margin-top: 1em; }
	#content .css-table .col3 { width: 80%;}
	
	h1 { width: 60%; font-size: 1.3em; }
	h1 span { margin-top: 0; }
	
	body.about { background: #fff url('/i/top.about.800.png') repeat-x center -20px;}
    body.participants { background: #fff url('/i/top.participants.800.png') repeat-x center -20px;}
    body.collaboration { background: #fff url('/i/top.collaboration.800.png') repeat-x center -20px;}
    body.news { background: #fff url('/i/top.news.800.png') repeat-x center -20px;}
    body.contact { background: #fff url('/i/top.contact.800.png') repeat-x center -20px;}
	body.info { background: #fff url('/i/top.contact.800.png') repeat-x center -20px;}
	
	#tagline { margin: 10em 0 0 0; background: #333033; }
	#tagline .container { width: 100%; padding: 0; text-align: center; }
	#tagline p { width: 85%; margin: 0 auto; font-size: 1.1em; padding: .5em 0; }
	#tagline .button { display: none; }	
}
@media only screen and (max-width: 480px) {

	/* Label the data */
	table.data-table th[scope="row"]:nth-of-type(1):before { font-weight: bold; content: "Cancer Site"; }
	table.data-table td:nth-of-type(1):before { font-weight: bold; content: "Total with Cancer"; }
    table.data-table td:nth-of-type(2):before { font-weight: bold; content: "Comp. Phase II"; }
    table.data-table td:nth-of-type(3):before { font-weight: bold; content: "Comp. Phase III"; }
	table.data-table td:nth-of-type(4):before { font-weight: bold; content: "Returned Buc. Samp."; }
	table.data-table td:nth-of-type(5):before { font-weight: bold; content: "Returned DHQ"; }
	
	table.table3 th[scope="row"]:nth-of-type(1):before { font-weight: bold; content: "Cause"; }
	table.table3 td:nth-of-type(1):before { font-weight: bold; content: "Frequency"; }
    table.table3 td:nth-of-type(2):before { font-weight: bold; content: "Percent"; }
    table.table3 td:nth-of-type(3):before { font-weight: bold; content: "Cumm. Frequency"; }
	table.table3 td:nth-of-type(4):before { font-weight: bold; content: "Cumm. Percent"; }
	
	table.table4 th[scope="row"]:nth-of-type(1):before { font-weight: bold; content: "Medical Condition"; }
	table.table4 th.special[scope="row"]:before { font-weight: bold; content: "Survey Status"; }
	table.table4 td:nth-of-type(1):before { font-weight: bold; content: "Private Apps."; }
    table.table4 td:nth-of-type(2):before { font-weight: bold; content: "Spouses"; }
    table.table4 td:nth-of-type(3):before { font-weight: bold; content: "Commercial Apps."; }
	table.table4 td:nth-of-type(4):before { font-weight: bold; content: "Total"; }
}
@media only screen and (max-width: 340px) {
		table.data-table td, table.data-table th[scope="row"], table.participant-table td, table.participant-table th[scope="row"] {   
		/* Behave  like a "row" */
		padding-left: 75%; 
	}	
}