/* Styles for timeline on science_main.php */

.toc { margin: 0 3px; display:block; padding: 0 2px; }
.fact_learn { text-align:center; vertical-align:middle; width:50%; color:#336699; font-size:14px; font-weight:bold; }
.picture_learn { text-align:center; vertical-align:middle; width:50%; color:#990066; font-size:14px; font-weight:bold; }
.bibliography dt {
	font-size: 13px;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
}
.bibliography dd {
	margin: 0 0 10px 0;
}
.spacer {
	height:4px;
}
.timeline_left {
	width:286px;
	height:280px;
	vertical-align:middle;
}
.timeline_right {
	width:286px;
	height:280px;
	vertical-align:middle;
}
.centerColumn {
	background: url(/images/timeline/vertical_back.gif) repeat-y top center
}
.center {
	font: bold 12px Arial;
	width: 200px;
	height: 120px;
	text-align: center;
	vertical-align: middle;
}
.center img {
	margin-bottom:-2px;
}
.centerText {
	font: bold 13px Arial;
	color: #11029d;
	width: 200px;
	height: 20px;
	text-align: center;
	vertical-align: middle;
	background: url('/images/timeline/tick1.gif') no-repeat center center;
}
.week {
	background: url('/images/timeline/tick2.gif') no-repeat center center;
}
.week0 {
	background: url('/images/timeline/tick3.gif') no-repeat center center;
}
.keytable {
	width: 100%;
}
.keytable td {
	font-family: Arial;
	font-size:12px;
	font-weight:bold;
	width: 25%;
}
.ehdMorph {
	text-align:center;
}
.ehdMorph p, .ehdMorph p :link, .ehdMorph p :visited {
	font-family: 'Arial';
	font-size:12px;
	margin-top:8px;
	margin-bottom:8px;
}
p.ehdMorphHeader {
	font-size:14px;
	font-weight:bold;
}
.box {
	font-size: 12px;
	width:100%;
	font-family: 'Arial';
	border:0;
	margin:0;
}
.box td {
	font-size: 12px;
}
.box :link, .box :visited {
	font-family: 'Arial';
	color: #0068FF;
	font-size: 12px;
}
.box .nolink {
	color: #0068FF;
	text-decoration:none;
}
.box .footnote:link, .box .footnote:visited {
	vertical-align: 15%;
	font-size:9px;
}
.boxcontent {
	margin-left: 4px;
}
.boxlist {
	margin: 0;
	padding: 0;
	position:relative;
}
.boxlist li {
	list-style-type:none;
	padding-left:0px;
	position:relative;
}
.boxdate {
	/* margin-left: 14px; */
}
.boxtitle, .boxtitle :link, .boxtitle :visited {
	color:black;
	font-weight:bold;
	font-style:italic;
	text-align:left;
}
.boxtitle :hover {
	text-decoration:underline;
}
.popupLink {
	text-align:center;
}
.bluetable {
	background-color:#E4EAFA;
}
.blueheader {
	background-color:#C3CFF3;
	position:relative;
}
.blueheader td {
	vertical-align:bottom;
	height:16px;
	line-height: 16px;
	position:relative;
}
.bluefooter {
	background-color:#C3CFF3;
	position:relative;
}
.bluefooter td {
	height:16px;
	position:relative;
}
.bluene {
	width:11px;
	background: url(/images/timeline/blue_ne.gif) no-repeat top left;
}
.bluenw {
	width:11px;
	background: url(/images/timeline/blue_nw.gif) no-repeat top right;
}
.bluese {
	width:11px;
	background: url(/images/timeline/blue_se.gif) no-repeat bottom left;
}
.bluesw {
	width:11px;
	background: url(/images/timeline/blue_sw.gif) no-repeat bottom right;
}
.pinktable {
	background-color:#F5E5EF;
}
.pinkheader {
	background-color:#E6C3DB;
	position:relative;
}
.pinkheader td {
	vertical-align:bottom;
	height:16px;
	line-height: 16px;
	position:relative;
}
.pinkfooter {
	background-color:#E6C3DB;
	position:relative;
}
.pinkfooter td {
	height:16px;
	position:relative;
}
.pinkne {
	width:11px;
	background: url(/images/timeline/pink_ne.gif) no-repeat top left;
}
.pinknw {
	width:11px;
	background: url(/images/timeline/pink_nw.gif) no-repeat top right;
}
.pinkse {
	width:11px;
	background: url(/images/timeline/pink_se.gif) no-repeat bottom left;
}
.pinksw {
	width:11px;
	background: url(/images/timeline/pink_sw.gif) no-repeat bottom right;
}
.bullet {
	/* Bullet Style */
	float:left;
	margin:2px 3px 0 0;
}
.bullet0 {
	/* General */
	background: url(/images/timeline/timeline0.gif) 0px 2px no-repeat; 
}
.bullet1 {
	/* Nervous System */
	background: url(/images/timeline/timeline1.gif) 0px 2px no-repeat; 
}
.bullet2 {
	/* Special Senses */
	background: url(/images/timeline/timeline2.gif) 0px 2px no-repeat; 
}
.bullet3 {
	/* Movement */
	background: url(/images/timeline/timeline3.gif) 0px 2px no-repeat; 
}
.bullet4 {
	/* Facial */
	background: url(/images/timeline/timeline4.gif) 0px 2px no-repeat; 
}
.bullet5 {
	/* Cardiovascular */
	background: url(/images/timeline/timeline5.gif) 0px 2px no-repeat; 
}
.bullet6 {
	/* Respiratory */
	background: url(/images/timeline/timeline6.gif) 0px 2px no-repeat; 
}
.bullet7 {
	/* Gastrointestinal */
	background: url(/images/timeline/timeline7.gif) 0px 2px no-repeat; 
}
.bullet8 {
	/* Genitourinary */
	background: url(/images/timeline/timeline8.gif) 0px 2px no-repeat; 
}
.bullet9 {
	/* Musculoskeletal */
	background: url(/images/timeline/timeline9.gif) 0px 2px no-repeat; 
}
.bullet10 {
	/* Skin */
	background: url(/images/timeline/timeline10.gif) 0px 2px no-repeat; 
}
.bullet11 {
	/* Endocrine */
	background: url(/images/timeline/timeline11.gif) 0px 2px no-repeat; 
}
.bullet12 {
	/* Blood & Immune */
	background: url(/images/timeline/timeline12.gif) 0px 2px no-repeat; 
}
.bullet13 {
	/* Growth Parameters */
	background: url(/images/timeline/timeline13.gif) 0px 2px no-repeat; 
}
.bullet14 {
	/* Early Events */
	background: url(/images/timeline/timeline14.gif) 0px 2px no-repeat; 
}
.bullet15 {
	/* "Gee Whiz" Facts */
	background: url(/images/timeline/timeline15.gif) 0px 2px no-repeat; 
}

@media print {
	.popupLink {visibility:hidden}
	#Opposite1 {display:none}
	.box :link, .box :visited {color:black}
	.box li {display:block !important}
	li.boxdate {font-weight:bold}
	li.more {display:none !important}
	li.less {display:none !important}
	dd img {display:none}
}