@import url(common.css);
@import url(navigation.css);

.pdf {
 font-weight: bold;
 color: #666600;
 font-family: sans-serif;
}

a {color: #4C4C4C; text-decoration: none;}
a:hover {color: #000;}

h1, h2, h3, h4, h5, h6 {}
#content h2 {color: #000; font-size: 77%; font-weight: bold; padding: 0 0 2px 0;}
#content h3 {color: #000; font-size: 77%; font-weight: bold; padding: 0 0 2px 0;}
#content h4 {color: #000; font-size: 77%; font-weight: bold; padding: 0 0 2px 0;}
#content h5 {color: #000; font-size: 77%; font-weight: bold; padding: 0 0 2px 0;}
#content h6 {color: #000; font-size: 77%; font-weight: bold; padding: 0 0 2px 0;}

#content h1 {
	position: absolute;
		left: 346px;
		top: 45px;
	width: 310px;
	height: 107px;
	background-color: transparent;
	background-position: left bottom;
	background-repeat: no-repeat;
	text-indent: -999em;
}

#content h1#hl_courses {background-image: url(../images/headlines/courses.gif);}
#content h1#hl_lab_members {background-image: url(../images/headlines/lab_members.gif);}
#content h1#hl_neuroboticsLaboratory {background-image: url(../images/headlines/neuroroboticsLaboratory.gif);}
#content h1#hl_projects {background-image: url(../images/headlines/projects.gif);}
#content h1#hl_publications {background-image: url(../images/headlines/publications.gif);}
#content h1#hl_usefulLinks {background-image: url(../images/headlines/usefulLinks.gif);}
#content h1#hl_videos {background-image: url(../images/headlines/videos.gif);}
#content h1#hl_about {background-image: url(../images/headlines/about.gif);}
#content h1#hl_affiliations {background-image: url(../images/headlines/affiliations.gif);}

h2 span {
	color: #96C0DC;
}

/* Text styles for #content ---------------------------------------- */
#content p,
#content ul,
#content ol {
	font: 77%/13px Verdana;
}

#content p {
	padding: 0 0 15px 0;
}

#content ul,
#content ol {
	padding: 0 0 15px 19px;
}

	#content ul ul,
	#content ol ol {
		font-size: 100% !important;
	}

	#content ul li,
	#content ol li {
		
		padding: 0 0 2px 0;
	}

		#content ul li p,
		#content ol li p {
			font-size: 100%;
		}

#content ul.link_list,
#content ul.linklist,
#content ul.linkList {
	list-style: none;
	padding: 0;
}

	#content ul.link_list li,
	#content ul.linklist li,
	#content ul.linkList li {
		padding: 0 0 10px 0;
	}

		#content ul.link_list li a,
		#content ul.linklist li a,
		#content ul.linkList li a {
			color: #000;
		}

			#content ul.link_list li a:hover,
			#content ul.linklist li a:hover,
			#content ul.linkList li a:hover {
				color: #96C0DC;
			}

#content img {
	display: block;
	float: left;
}

#content blockquote {
	font-style: italic;
	padding: 5px 25px 5px 25px;
}

#content address {
	font-style: normal;
	padding: 0 0 17px 25px;
}

#content ul.project_list {
	list-style: none;
	color: #666;
	padding: 0 0 15px 0;
}

	#content ul.project_list li {
		
	}

		#content ul.project_list li a:hover {
			color: #96C0DC;
		}

		#content ul.project_list li span {
			color: #96C0DC;
		}

#content ol.publications,
#content ul.publications {
	padding-top: 8px;
}

	#content ol.publications li,
	#content ul.publications li {
		padding: 0 0 12px 0;
	}

#content h2.affiliations {
	color: #96C0DC;
	padding: 0 0 27px 0;
}

	#content ul.affiliations li a {
		font-size: 122%;
	}

		#content ul.affiliations li a:hover {
			color: #96C0DC;
		}

ul.about,
ul.about ul {
	list-style: none;
	color: #666;
}

	#content ul.about {
		padding: 0 0 10px 13px;
	}

	#content ul.about li.title {
		padding-left: none;
	}

#content ul.about a:hover,
#content p.about a:hover {
	color: #96C0DC;
}

#content p.about {
	color: #666;
	padding: 0 0 15px 32px;
}

#content img.pushLeft {
	clear: left;
	margin: 2px 0 16px -274px;
}

.projectBox {
	width: 353px;
	padding: 0 0 15px 274px;
	margin: 0 -600px 16px -274px;
}
/* ---------------------------------------- /Text styles for #content */
/* Modules: #content ---------------------------------------- */
#content .current_members_list h2 {
	padding: 0 0 14px 0;
}

	#content .current_members_list ul {
		position: relative;
		list-style: none;
		min-height: 53px;
		padding: 0;
		margin: 0 0 38px 0;
	}

		#content .current_members_list ul li {
			line-height: 11px;
		}

			#content .current_members_list ul li.title {
				padding: 0 0 1px 0;
			}

			#content .current_members_list ul li a {
				color: #4C4C4C;
			}

				#content .current_members_list ul li a:hover {
					text-decoration: underline;
				}

			#content .current_members_list ul li.image {
				position: absolute;
					left: -121px;
					top: 0px;
				width: 71px;
				height: 71px;
					overflow: hidden;
				background: #FFF url(/images/modules/memberDefault.jpg) no-repeat;
				padding: 0;
				text-indent: -999em;
			}

				#content .current_members_list ul li.image img {
					text-indent: 999em;
				}

.courses dl dt {
	color: #000;
	font: 77%/13px Verdana;
	font-weight: bold;
	padding: 10px 0 0 0;
}

#content a.backtotop,
#content .current_members_list ul li a.backtotop {
	display: block;
	width: 120px;
	color: #597786;
	font-size: 77%;
	font-weight: bold;
	padding: 0 0 15px 0;
	margin: 5px 0 0 0;
}

	#content li a.backtotop,
	#content p a.backtotop,
	#content .current_members_list ul li a.backtotop {
		font-size: 100% !important;
		padding: 0;
	}

	#content a.backtotop:hover,
	#content .current_members_list ul li a.backtotop:hover {
		color: #96C0DC;
	}

/* ---------------------------------------- /Modules: #content */
/* Modules: #extra ---------------------------------------- */
.lab_members {
	padding: 0 5px 0 15px;
}

	.lab_members h2 {
		color: #000;
		font: 77%/15px Verdana;
		font-weight: bold;
		padding: 0 0 1px 0;
	}

	.lab_members ul {
		list-style: none;
		padding: 0 0 14px 0;
	}

		.lab_members ul li {
			color: #4C4C4C;
			font: 77%/12px Verdana;
			padding: 0 0 3px 0;
		}

			.lab_members ul li a {
				color: #4C4C4C;
			}

				.lab_members ul li a:hover {
					color: #000;
				}
/* ---------------------------------------- /Modules: #extra */
/* Default Table Styling ---------------------------------------- */
table {
	width: 100%;
	font-size: 100% !important;
	border-collapse: collapse;
	border-top: 1px solid red;
	border-left: 1px solid red;
	margin: 0 0 15px 0;
}

	thead td {
		background: black;
		color: white;
		font-size: 100%;
		text-align: left;
		text-transform: uppercase;
		padding: 4px 5px 4px 5px; 
		border-right: 1px solid red;
		border-bottom: 1px solid red;
	}

	td {
		background: silver;
		font-size: 100%;
		padding: 5px 5px 5px 5px;
		border-right: 1px solid red;
		border-bottom: 1px solid red;
	}

	tr.odd td {
		background: gray;
		color: white;
	}
/* ---------------------------------------- /Default Table Styling */
