

  
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="http://spec-graphics.com/test/tox21/img/tox21.ico">
<link href='https://fonts.googleapis.com/css?family=EB+Garamond' rel='stylesheet' type='text/css'>


<link href="css/bootstrap.min.css" rel="stylesheet">

<link href="css/navigation.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet"> 


<style>
.blink_me {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    
    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    
    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
</style>
<noscript>
<div style="color:#ffffff;background-color:#ff0000;height:40px;font-weight:bold;text-align:center;">
 <div ><span class="blink_me ">For full functionality of this site it is necessary to enable JavaScript.</span>
  <a href="http://www.enable-javascript.com/" target="_blank">Here </a><span class="blink_me ">are the
 instructions how to enable JavaScript in your web browser.</span></div>
 </div>
</noscript>
<html>
<head>
<style>
circle {
  fill: none;
  stroke: red;
  stroke-width: 2;
}
</style>

</head>
<body>
	<div class="ribbon"></div>
	<div class="container">
		<div class="ribbon-art">
	<a href="http://www.hhs.gov" target="new"><img src="img/hhs.png" alt="U.S. Department of Health &amp; Human Services" /></a> <a href="http://www.hhs.gov"
		title="U.S. Department of Health &amp; Human Services" target="new">U.S. Department of Health & Human Services </a> <img src="img/divider.png" alt="" /><a href="http://www.nih.gov" target="new"><img
		src="img/nih-ribbon.png" alt="National Institutess of Health" /></a> <a href="http://www.nih.gov" title="National Institutess of Health" target="new">National Institutes of Health</a><img
		src="img/divider.png" alt="" /> 
</div>


<div class="row banner">

	<div class="col-md-10 NCATS-logo">
		<table border="0">
			<tbody>
				<tr>
					<td><a href="http://www.ncats.nih.gov" target="new"><img src="img/NIH_NCATS_Master_Logo.png" alt="National Center for Advancing Translational Sciences" /></a></td>
					<td class="brand">Tox21 Data Challenge 2014</td>
					
				</tr>
			</tbody>
		</table>
	</div>
	<!--END col-md-10 NCATS-logo-->
	<div class="col-md-2 text-center">

		
			
			
				<button type="button" class="btn btn-block btn-default login btn-width100" data-toggle="modal" data-target="#loginModal">
					<img src="img/login.png" align="middle" alt="">Login
				</button>
			
		



		<div class="modal fade" id="loginModal" tabindex="-1" role="dialog" aria-labelledby="purchaseLabel" aria-hidden="true">
        	<div class="modal-dialog">
           	 <div class="modal-content">
                <div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                   <div class="panel panel-default">
  						<div class="panel-heading"><h3 class="panel-title"><strong>Login </strong></h3></div>
  							<div class="panel-body">
  							 
  							  <div>
										<a href="#" onclick="window.location.href='https://tripod.nih.gov/servlet/auth/persona.html?callback=https://tripod.nih.gov/tox21/challenge/signedin'">
										<!-- <a href="#" onclick="window.location.href='https://tripod.nih.gov/servlet/auth/persona.html?callback=http://balmer.ncats.nih.gov:8080/tmc/signedin'"> -->
										<img src="img/persona.jpeg" style="width: 160px;">
										<br/>
										 Login with Mozilla Persona
										 </a>
										 <div class="warn"></div>
									</div>
									<div id="persona_1">
										<img src="img/work.png" style="vertical-align:text-bottom"> How does Mozilla Persona work?
									</div>
  							</div><!--END panel-body-->
						</div><!--END panel-heading-->
               		 </div><!--END panel panel default-->
            	</div><!--END modal-header-->
       		 </div><!--END modal-content-->
    		</div><!--END modal-dialog-->
        

	<div class="modal fade" id="registerModal" tabindex="-1" role="dialog" aria-labelledby="purchaseLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true" onclick="window.location.href='index.jsp'">&times;</button>
					<div class="panel panel-default">
						<div class="panel-heading">
							<h3 class="panel-title">
								<strong>Register with Mozilla Persona </strong>
							</h3>
						</div>
						<div class="panel-body">
							 
								<div class="with-border">
									<div>
										<a href="#" onclick="window.location.href='https://tripod.nih.gov/servlet/auth/persona.html?callback=https://tripod.nih.gov/tox21/challenge/registration'">
										<img src="img/persona.jpeg" style="width: 160px;"> 
									 	<br/>
										 Sign Up with Mozilla Persona</a>
										 <div class="warn"></div>
									</div>
									<div id="persona_2">
										<img src="img/work.png" style="vertical-align:text-bottom"> How does Mozilla Persona work?
									</div>
								</div>
								<!--END panel-body-->
							 
							<!--END panel-heading-->
						</div>
						<!--END panel panel default-->
					</div>
					<!--END modal-header-->
				</div>
				<!--END modal-content-->
			</div>
			<!--END modal-dialog-->

		</div>
		<!--END col-md-2 text-center-->
		</div>
		</div>
		</div>
		
		
		<div style="display: none" id="whatispersona">
		<p>
			<a href="https://support.mozilla.org/en-US/kb/what-is-persona-and-how-does-it-work"><img src="img/persona.jpeg" style="float:left;padding:10px; width:100px;height:80px"></a>
		</p>
		<p class="card"> 
			<p>Persona lets you log in to websites using only your email address! Persona lets you prove your identity to websites through your email address without giving them any passwords. 
			This works similarly to how you prove your identity when you show someone your ID: websites can easily verify that your ID is authentic and that you really are the person it was issued to. 
		</p>
		<h4>What are the benefits of Mozilla Persona?</h4>
		<ul><li>You can use one easy-to-remember log in for all sites that support Persona.
		</li><li>You never have to trust a website with your password because they never know it. Also, your password can't be stolen if one of those websites gets hacked.
		</li><li>You can use Persona with as many email addresses as you want. This lets you keep your various online personalities (school, work, home, etc.) separate.
		</li><li>Persona doesn't let your email provider track what websites you visit.
		</li></ul>
		<a href="https://support.mozilla.org/en-US/kb/what-is-persona-and-how-does-it-work">More information about Mozilla Persona. </a>
		</p>
	</div>
		
		<div class="masthead">
			 
<div ID="skipthis"><a href="#skipnav">Skip repetitive links</a></div>
<ul class="nav nav-justified">
<li><a href="index.jsp" id="index">Home</a></li>
<li><a href="about.jsp" id="about">About</a></li> 

 
<li><a href="registration.jsp" id="registration">Registration</a></li>


<!-- <li><a href="#"  id="registration" data-toggle="modal" data-target="#registerModal">Registration</a></li> -->
<li><a href="data.jsp" id="data">Data/Resources</a></li>
<li><a href="submissions.jsp" id="submissions">Submissions</a></li>
<li><a href="discussion.jsp" id="discussion">Discussion</a></li>
<li><a href="leaderboard.jsp" id="leaderboard">Leaderboard</a></li>
<li><a href="contact.jsp" id="contact">Contact Us</a></li>
<!-- <li><a href="#" onclick="showSurvey()">Survey <img src="img/new.gif"></a></li>-->
<!-- <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Other<span class="caret"></span></a>
            <ul class="dropdown-menu" role="menu">
                <li><a href="other1.jsp" data-toggle="tab">other 1</a>
                </li>
                <li><a href="other2.jsp" data-toggle="tab">other 2</a>
                </li>
            </ul>
</li> -->
</ul>
<div class="jumbotron"  style="margin:10px">
<img src="img/tox-logo.png" class="img-responsive" alt="Tox21">    
</div>

<script type="text/javascript">

function showSurvey(){
	window.open('survey.html','','width=780, height=1000, scrollbars=yes, resizable=yes');
}
</script>
		</div>
		<!--END masthead-->

		<div class="alert alert-warning alert-dismissable">
			<button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
			<strong><a href="registration.jsp" class="alert-link"><img src="img/open-call-icon.png" width="27" height="30" alt="Form image" />Open call ends:</a></strong> November 14, 2014
		</div>
		<!--END alert alert-warning alert-dismissable-->

		<div class="row">
			<div class="col-md-8">
				<div class="row">

					<div class="col-md-6">
						<div class="panel panel-primary">

							<div class="panel-heading">
								<h3 class="panel-title">About the Data <span class="glyphicon glyphicon-info-sign bs-icon"> </span></h3>
							</div>
							<!--END panel-heading-->

							<div class="panel-body">
								<p>
									<a href="data.jsp"><img src="img/sample.jpg" class="thumbnail img-responsive" alt="" /></a>
								</p>
								<p>NCATS will provide assay activity data and chemical structures on the Tox21 collection of ~10,000 compounds (Tox21 10K). 
A collection of compounds independent of the Tox21 10K collection will be used as the test set.</p>
								<p>
									<a class="btn btn-default" href="data.jsp" role="button">Get the Data &raquo;</a>
								</p>
							</div>
							<!--END panel-body-->
						</div>
						<!--END panel panel-primary-->
					</div>
					<!--END col-md-6-->

					<div class="col-md-6">
						<h2>The Challenge</h2>
						<p>The 2014 <a href="http://www.ncats.nih.gov/research/reengineering/tox21/tox21.html" target="_blank">Tox21</a> data challenge is designed to help scientists understand the potential of the chemicals and compounds being tested through the 
						<a href="http://www.ncats.nih.gov/research/reengineering/tox21/tox21.html" target="_blank">Toxicology in the 21st Century</a> initiative to
							disrupt biological pathways in ways that may result in toxic effects.</p>
						<p>The goal of the challenge is to &quot;crowdsource&quot; data analysis by independent researchers to reveal how well they can predict compounds&#39; 
							interference in biochemical pathways using only chemical structure data. 
							The computational models produced from the Challenge could become decision-making tools for government agencies in 
							determining which environmental chemicals and drugs are of the greatest potential concern to human health.</p>
						<p>
							<a class="btn btn-default" href="about.jsp" role="button">Learn More &raquo;</a>
						</p>
					</div>
				</div>
				<!--END col-md-6-->

			</div>
			<!--END row-->

			<div class="col-md-4">

				<div class="well well-sm">
					<div class="trophy">
						<img src="img/award.png" width="40" height="40" alt="Trophy symbol" />
					</div>
					<!--close trophy-->
					<h4>All challenge winners</h4>
					<p>
						will receive the opportunity to submit a paper for publication in a special thematic issue of 
						<em><a href="http://journal.frontiersin.org/researchtopic/2954/tox21-challenge-to-build-predictive-models-of-nuclear-receptor-and-stress-response-pathways-as-media#articles" target="_blank">Frontiers in Environmental Science</a></em> 
						and recognition on the NCATS website and via social
						media.
					</p>
				</div>
				<!--close well well-sm-->

				<h3>Key Dates<span id="broadcast"></span></h3>
				<ul class="list-group">
					<li class="list-group-item"><strong>August 18, 2014</strong><br>NCATS begins accepting submissions</li>
					<li class="list-group-item"><b>November 14, 2014</b><br>Registration and submission deadline</li>
					<li class="list-group-item"><b>January 12, 2015</b><br>Winners announced</li>
				</ul>

				<p>
					<a class="btn btn-default" href="registration.jsp" role="button">Register Now &raquo;</a>
				</p>

			</div>
			<!--END well well-sm-->
		</div>
		<!--END col-md-4-->

		<div class="row">
			<div class="col-md-4"></div>
			<div class="col-md-4"></div>
			<div class="col-md-4"></div>
		</div>
		<div id="bottom-border"></div>
	</div>
	<!--END col-md-8-->

	 

<div id="footer">
<div class="row">
   			<div class="col-md-12">
   				<p><a href="https://www.nih.gov/" target="_blank" rel="noopener noreferrer" class="external-link">NIH</a> <span class="v-bar">|</span>
   				<a href="https://ncats.nih.gov/" target="_blank" rel="noopener noreferrer" class="external-link">NCATS</a> <span class="v-bar">|</span>
   				<a href="https://ncats.nih.gov/privacy" target="_blank" rel="noopener noreferrer" class="external-link">PRIVACY ACT</a> <span class="v-bar">|</span>
   				<a href="https://ncats.nih.gov/accessibility" target="_blank" rel="noopener noreferrer" class="external-link">ACCESSIBILITY</a> <span class="v-bar">|</span>
   				<a href="https://ncats.nih.gov/disclaimer" target="_blank" rel="noopener noreferrer" class="external-link">DISCLAIMER</a></p>
   			</div>
   		</div>
   		<div class="row">
   			<div  class="col-md-12">
   				<a title="HHS Vulnerability Disclosure" href="https://www.hhs.gov/vulnerability-disclosure-policy/index.html" class="external-link" target="_blank">HHS Vulnerability Disclosure</a>
   			</div>
   		</div>
   		<div class="row">
   			<div class="col-md-12"> 
   				<p>If you have problems viewing PDF files, download the latest version of <a target="_blank" href="https://get.adobe.com/reader/" class="external-link">Adobe Reader</a></p>
   			</div>
   		</div>
   
    	<div class="row">
   			<div class="col-md-12"> 
   				<p>For <a href="http://edi.nih.gov/consulting/language-access-program/about" target="_blank" title="Read the plan" class="external-link">language access</a> assistance, 
   				contact the <a href="mailto: info@ncats.nih.gov" title="E - mail Public Information Officer" class="external-link">NCATS Public Information Officer</a></p>
   			</div>
   		</div>
   
    	<div class="row">
    		<div class="col-md-12"> 
   				<p>National Center for Advancing Translational Sciences (NCATS), 6701 Democracy Boulevard, Bethesda MD 20892-4874 &#9742; 301-594-8966</p>
   			</div>
   		</div> 
</div>	

 <!-- Bootstrap core JavaScript -->

<script src="js/jquery.min.js"></script>
<!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> -->
<script src="js/bootstrap.min.js"></script>
<script src="js/util.js"></script>

<!-- hover card -->
<script src="js/jquery.hovercard.min.js"></script>
<script>
 
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function()
{
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new
Date();a=s.createElement(o),
 
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(
a,m)
 
})(window,document,'script','//www.google-analytics.com/analytics.js','ga')
;

  ga('create', 'UA-18970667-1', 'auto');
  ga('send', 'pageview');

</script>


 
	<script src="js/d3.v3.min.js"></script>
	<script src="js/broadcast.js"></script>
</body>
</html>
