.comment	{
	background: yellow;
}	

/*BASE STYLES*/
html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}

/*ANDROID FIX FOR CHECKBOX HACK*/
body { 
	-webkit-animation: bugfix infinite 1s; 
} 

header, nav, section, article, img 	{
	display: block;
}
	
body 	{
		background: /*url(../img/background1.jpg) repeat-x #cccccc*/ #f0f0f0;
		color: #000000;
		font-family: 'Roboto', 'Open Sans', helvetica, arial, sans-serif; 
		font-size: 1em;
		letter-spacing: 0.02em;
		line-height: 1.4em;
		}

#wrapper	{
		max-width: 1200px;
		margin: 0 auto;
		/*border: 6px solid #333333;*/
		-webkit-box-shadow: 0px 6px 6px #333333;
		-moz-box-shadow: 0px 6px 6px #333333;
		box-shadow: 0px 6px 6px #333333;
}
		
#container 	{
			width: 100%;
			min-height: 100%;
			margin: 0 auto;
			padding: 0;
			background: #ffffff;
}	


#content ul, #content p	{
	margin-top: 0;
}	
		
#main	{
	
	clear: both;
}	

section{
	margin-top: 2em;
	margin-bottom: 1em;
	border-bottom: 1px solid #cccccc;
}	

section:last-child, section.noborder {
	border-bottom: none;
}	

.clearfix	{
	clear: both;
}	

strong, .important	{
	font-weight: bold;
}

blockquote	{
	font-style: italic;
}	

.list li	{
	padding: .3em 0;
}	

ul.inline, ul.refs	{
	list-style: none;
}

ul.inline li	{
	display: inline-block;
	padding: .2em .7em .2em 0;	
}	

ul.inline li:last-child	{
	padding-right: 0;
}	
	
.item	{
	text-align: center;
	padding-bottom: 1em;
	border-bottom: 1px solid #cccccc;
}

#intro .item  {
	border-bottom: none;
}	

#miplasma .item	{
	padding-bottom: 2em;
	padding-top: 2em;
}	

.item_no	{
	display: block;
}

#profiles	{
	padding-top: 2em;
}
	
#profiles h4	{
	margin-bottom: 1em;
}
	
#profiles .item{
	text-align: left;
}
.item img {
	width: 45%;
}
	
.item  .info	{
	/*float: left;*/
	font-size: .9em;
	list-style: none;
}

#profiles .info	{
	margin-left: 0;
	padding-left: 0;
}	

.title	{
	list-style-type: square;
	list-style-position: inside;
	padding: 0;
}	
	
.vid-wrapper	{
	width: 96%; 
	position: relative;
	padding-bottom: 54%;
	height: 0;
	margin: 0 auto 2rem;
}	

.vid-wrapper iframe	{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 1px solid #000000;
}

video {
	width: 96%; 
	margin: 0 auto;
	border: 1px solid #ccc;
}

video.video_feature	{
	display: block;
	text-align: center;
	margin: 2rem auto;
}	
	
.clear, footer	{
	clear: both;
}
	
footer	{
	text-align: center;
	background: #ffffff;
	border-top: 1px solid #333333;
	margin: 0;
	padding: 1em;
}	

footer table	{
	margin: 0 auto;
	
}	

footer p	{
	font-size: .9em;
}	
	
/*MASTHEAD*/

header	{
	width: 100%;
	/*height: 10%;*/
	/*border: 1px solid #cccccc;*/
	margin: 0;
	padding: 0;
	float: left;
	
}

header ul	{
	margin: 0;
	padding: 0;
	width: 100%;
	list-style: none;
	
}



header li	{
	float: left;
	width: 33.33%;
	
}
	
header img {
	display: block;
    width: 100%;
}

header #image3, header #image1 {
	display: none;
}

/*NAVIGATION*/

.hide	{
	display: none;
}

.show	{
	display: block;
}

/*Navigation bar (menu button and quick links)*/

#navbar	{
	clear: both;
	width: 96%;	
	padding: .5em 2%;
	background: #6d006d;
}

#navbar a	{
	/*padding: 0 2%;*/
	color: #ffffff;
	background: #6d006d;
	text-decoration: none;
}

#navbar a:hover, #navbar a.current	{
	color: #ffffff;
	
}

/*Menu button*/
#menu	{
	width: 38%;
	float: left;
}

#menu a  img{
	height: 2em;
	margin-right: .5em;
	vertical-align: middle;
	border: none;
}	

#menu a span	{
	text-transform: uppercase;
	font-size: 1.2em;
	vertical-align: middle;
	font-weight: bold;
}

/*Quick links*/
#quick	{
	width: 60%;
	list-style: none;
	float: right;
	margin: auto 0;
	padding: 0;
}	

#quick li {
	float: right;
	margin-left: 2em;
	background: #6d006d;
	text-align: right;
}	

#quick a {
	font-weight: normal;
	vertical-align: middle;
	
}	

#quick a:hover, #quick a:active, #quick a.current {
	font-weight: bold;
}	

#quick #seminars	{
	display: none;
}	

/*Main navigation*/
	
nav	{
	clear: both;
	background: /*#838383;*/ #022a68;
	position: relative;
}

nav ul 	{
	list-style: none;
}
	
nav li	{
	display: block;
	padding: .3em 1em;
	font-weight: bold;
	background: /*#343399;*/ #022a68;
	
}	

nav a	{
	
	display: inline-block;
	color: #ffffff;
	line-height: 1.3;
	/*font-size: 90%;*/
	text-decoration: none;
		
}
	

nav a:hover, nav a.current	{
	color: #ffffff;
	
}

#navigation {
	z-index: 9999;
	width: 66.66%;
	position: absolute;
	top: 100%;
	left: 0;
	margin: 0;
	/*float: left;*/
	margin-right: 5%;
	padding: 0;
	background: #ffffff; /*#022a68;*/
	box-shadow: 3px 3px 6px #333333;
}



#navigation li {
	margin: 0;
	/*margin-top: 1px;*/
	
	padding: 0;
}	

#navigation li.primary {
	border-top: 1px solid #ffffff;
}	

#navigation label:hover {
	background: #6d006d;
}	

#navigation li.secondary	{
	/*padding: .2em 0 .2em 2em;*/
	font-weight: normal;
	margin: 2px 0;
}	

#navigation a	{
	display: block;
}	

#navigation .primary a	{
	padding: .7em 1em;
}

#navigation .secondary a	{
	text-align: right;
	padding: .2em 1em;
}

#navigation  a.current, #navigation a:hover	{
	
	background: #6d006d;
}	


	


/*HEADERS*/

h1, h2, h3, h4	{
	color: #333333;
	font-weight: bold;
	
}

h1 	{
	font-size: 1.3em;
	line-height: 1.4;
	margin-top: 0;
	/*font-family: 'Lato';*/
	color: #6d006d;
	border-bottom: 3px solid #6d006d;
	text-align: center;
	margin-bottom: .5em;
	
}

h2 	{
	font-size: 1.2em;
	text-align: center;
}

h3 	{
	font-size: 1.1em;
	color: #6d006d;
	border-bottom: 2px solid #6d006d;
}

.obituary h3	{
	color: #000000;
	border-bottom: 2px solid #000000;
}	

h4 	{
	font-size: 1em;
	text-align: left;
	color: #022a68;
	margin-bottom: 0;
}	




/*CONTENT*/

#content {
		background: #ffffff;
		margin: 0 0 0 2%;
		padding: 2%;
		width: 92%;
		
}

#content a, footer a {
	color: #022a68;
}

#content a:hover, #content a:focus, footer a:hover, footer a:focus {
	opacity: .7;
}

#content img 		{
		/*border: 1px solid #cccccc;*/
		max-width: 100%;
}
dl 	{
	width: 100%;
}

dt	{
	font-weight: bold;
	margin-top: .5em;
	color: #333333;
	display: inline;
}

dd	{
	display: inline;
}	

.tile	{
	width: 50%;
	margin: 0 auto;
}	

.tile img	{
	width: 100%;
	margin: 0;
	border: none;
}	

.tile .caption, .large_photo .caption, .photo_sequence .caption	{
	font-size: .8em;
	text-align: center;
	margin-top: 0;
	
}	

.back	{
	clear: both;
	text-align: right;
	margin-bottom: 0;
	font-size: .9em;
}	

#movie	{
	padding: none;
	margin-bottom: 2em;
}	

/*TABLES*/

table.seminars, table.jobs	{
	width: 100%;
	margin-bottom: 1em;
	text-align: left;
	border-collapse: collapse;
	font-size: .9em;
}	

table.seminars thead, table.jobs thead	{
	background: #022a68;
	color: #ffffff;
}
	
table.seminars th, table.seminars td, table.jobs th, table.jobs td	{
	padding: .4em;
	vertical-align: top;
}	

table.seminars th, table.jobs th {
	border: 1px solid #cccccc;
}	

table.seminars td, table.jobs td {
	border: 1px solid #cccccc;
}	

table.seminars span, table.jobs span, ul.presentations span, ul.meetings span	{
	display: block;
}	
	
ul.presentations li{
	line-height: 1.2;
	margin-bottom: 1em;
}
	
table.seminars .date, table.seminars .speaker, table.seminars .talk , table.jobs .org, table.jobs .title{
	font-weight: bold;
}	

table.seminars .video, table.seminars .slides, table.seminars .calendar, table.seminars .abstract, table.seminars .transcript, table.seminars .zoomlink, table.seminars .interview, table.seminars .zoom_info {
	font-size: 90%;
}	

table.seminars .zoom_info {
	margin-top: 1rem;
}	

p.seminars span	{
	display: block;
}	

section#archive	{
	margin-top: 2em;
}	

.name	{
	font-weight: bold;
}	

#content .zoomlink a	{
	color: red;
	font-weight: bold;
}
	
/*EXPERIMENT WITH POINTER*/

.expand	{
	
	display: block;
}

.expand label	{
	display: block;
	padding: .5em .5em .5em 1em;
	background: none;
	color: #ffffff;
	cursor: pointer;
}	
/*
.expand .pointer	{
	display: inline-block;
	-webkit-transform:rotate(90deg);
  -moz-transform:rotate(90deg);
  -o-transform:rotate(90deg);
  transform:rotate(90deg);
}	*/

.expand input	{
	display: none;
}

.expand ul	{
	margin: 0;
	padding: 0;
	overflow: hidden;
    height: 0px;
	width: 100%;
	 -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}	


.expand input:checked label, .expand input.checked label	{
	background: #6d006d;
}	

.expand input:checked ~ ul	{
    height: auto;
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.expand input.checked label:hover {
	background: #022a68;
}	

nav li.parent ul	{
	height: auto;
}	

/*IMAGE GALLERY*/

.gallery, .photos, .large_photo, .photo_sequence	{
	margin: 0 auto;
	overflow: hidden;
}	

.image_wrap	{
	float: left;
	position: relative;
}	



.image	{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	border: 1px solid #333333;
}	

.image img	{
	width: 100%;
	margin: 0;
	padding: 0;
	display: block;
}

/*FIGURES*/

.highlight figure	{
	border: 1px solid #333333;
}	

.highlight figcaption	{
	padding-left: .5em;
	padding-right: .5em;
	text-align: justify;
}	

figure.large, figure.right	{
	width: 100%;
	margin: 1em auto 2em;
}	

figure.double, figure.triple, figure.quad	{
	float: left;
}

figure.triple, figure.quad	{
	width: 45%;
	margin: 2.5%;
}	

figure.large img, figure.double img, figure.triple img, figure.quad img	{
	width: calc(100% - 2px);
	margin: 0;
	padding: 0;
	display: block;
	border: 1px solid #333333;
	
}	

figure.double img.narrow 	{
	width: 80%;
	
}	

figcaption	{
	font-size: 90%;
	margin: .5em 0 1em;
	text-align: center;
}	
	
/**************************/

#gallery .caption	{
	display: block;
	margin: 0;
	position: absolute;
	bottom: -1em;
	left: 0;
	right: 0;
	padding: .3em;
	text-align: center;
	background: #cccccc;
	opacity:0.8;
	color: #000000; 
	font-size: .8em;
	padding-bottom: 1.3em;
	
}

/*Narrow screen*/

.image_wrap	{
	width: 45%;
	padding-bottom: 33.8%;
	margin: 2.5%;
}	

.photos .image_wrap, .large_photo .image_wrap  {
	width: 100%;
	padding-bottom: 66.6%;
	margin: 1em 0;
}

.photo_sequence .image_wrap  {
	width: 100%;
	padding-bottom: 100%;
	margin: 1em 0;
}

.portrait .image_wrap	{
	width: 100%;
	padding-bottom: 133%;
	width: 45%;
	padding-bottom: 60%;
	margin: 2.5%;
}	

.image_right	{
	width: 100;
	margin-bottom: 2rem;
	
}	
	
.image_right img	{
	margin: 0;
	padding: 0;
	width: 100%;
	display: block;
	
}
	
#feature	{
	border: none;
}
	
#feature h4	{
	margin-bottom: 2em;
}
	
#feature #image1, #feature #image2, #feature #image3	{
	
	width: 100%;
	text-align: center;
	margin-bottom: 2em;
	border: 1px solid #cccccc;
}

#feature img {
	border: none;
	
}	

#feature .caption, .image_wide .caption 	{
	font-size: .9em;
	padding: .5em .5em 0 .5em;
	line-height: 1.3;
	text-align: left;
}

.image_wide	{
	width: 100%;
	margin-bottom: 2em;
	border: 1px solid #cccccc;
}

figure.image_wide	{
	width: auto;
	margin: 2em 0;
	padding: .5em;
	border: 1px solid #cccccc;
}	

#content .image_wide img {
	border: none;
	
}

.image_wide figcaption 	{
	font-size: .9em;
	padding: .5em .5em 0 .5em;
	line-height: 1.3;
	text-align: left;
}
	
.note	{
	font-size: .8em;
	font-style: italic;
}	

/*ACCORDION*/

#courses_plasma section	{
	padding-bottom: 1em;
}
	
#courses_plasma	h4	{
	margin-bottom: .5em;
}
	
.ac-container label{
	/*padding: 5px 20px;*/
	position: relative;
	z-index: 20;
	display: block;
	/*height: 30px;*/
	cursor: pointer;
	margin-bottom: .2em;
	/*color: #777;*/
	/*text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
	line-height: 33px;
	font-size: 19px;*/
	/*background: linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	box-shadow: 
		0px 0px 0px 1px rgba(155,155,155,0.3), 
		1px 0px 0px 0px rgba(255,255,255,0.9) inset, 
		0px 2px 2px rgba(0,0,0,0.1);*/
}

.plus, .minus	{
	color: #022a68;
	font-size: .8em;
	font-weight: bold;
	border: 2px solid #022a68;;
    border-radius: 50%;
	
}	

.ac-container label .plus	{
	display: inline;
	padding: 0 .4em;
}	

.ac-container label .minus	{
	display: none;
	padding: 0 .35em;
}		

.ac-container input:checked + label .plus {
	display: none;
}

.ac-container input:checked + label .minus	{
	display: inline;
}
	
/*.ac-container label:hover{
	background: #fff;
}

.ac-container input:checked + label,
.ac-container input:checked + label:hover{
	background: #c6e1ec;
	color: #3d7489;
	text-shadow: 0px 1px 1px rgba(255,255,255, 0.6);
	box-shadow: 
		0px 0px 0px 1px rgba(155,155,155,0.3), 
		0px 2px 2px rgba(0,0,0,0.1);
}
*/

.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	left: 13px;
	top: 7px;
	/*background: transparent url(../img/arrow_down.png) no-repeat center center;	*/

}


.ac-container input:checked + label:hover:after{
	/*background-image: url(../img/arrow_up.png);*/
}

.ac-container input{
	display: none;
}

.ac-container article{
	/*background: rgba(255, 255, 255, 0.5);
	margin-top: -1px;*/
	overflow: hidden;
	height: 0px;
	position: relative;
	z-index: 10;
	transition: 
		height 0.3s ease-in-out; 
		/*box-shadow 0.6s linear;*/
}


.ac-container article p{
	margin-left: 2em;
	font-size: .9em;
	line-height: 1.2;
	color: #333333;
}

.prerequisite	{
	display: block;
	font-style: italic;
}	

.ac-container input:checked ~ article {
	height: auto;
	transition: 
		height 0.5s ease-in-out; 
		/*box-shadow 0.1s linear;*/
	/*box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);*/
}

/*DETAILS-SUMMARY ACCORDIONS*/

@supports not (-ms-ime-align: auto) {

  details summary { 
    cursor: pointer;
  }

  details summary > * { 
    display: inline;
  }

  /* Plus any other <details>/<summary> styles you want IE to ignore.*/
}

details	p {
	margin-left: 1.5em;
	font-size: .9em;
	line-height: 1.2;
	color: #333333;
}

/*NEWS*/	

article.news	{
	border-bottom: 1px solid #cccccc;
}

article.news:last-child	{
	border: none;
}	
	
.newsdate	{
	display: block;
	font-style: italic;
}	

section#expo_2018	{
	clear: both;
	padding-top: 2rem;
}	

.red	{
	font-weight: bold;
	color: red;
	display: block;
}

span.signature	{
	display: block;
	font-style: italic;
}	

/*ILTPC + NEWSLETTER*/

.iltpc_logos {
	margin-top: 2rem;
	border-top: 1px solid #cccccc;
}	

.iltpc_logos h4	{
	margin-bottom: .5rem;
}

#nl_date	{
	text-align: center;
}	

.newsletter h4	{
	margin-bottom: .5rem;
}

.newsletter .highlight h4	{
	margin-bottom: 2rem;
}

.newsletter h5	{
	font-size: 100%;
	font-weight: bold;
	font-style: italic;
	margin-bottom: .5rem;
}	
	
.newsletter	section {
	margin-bottom: 1rem;
	
	border-bottom: none;
}	

.newsletter div	{
	margin: 1rem 0 1rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid #022a68;
}	

.newsletter div:last-child	{
	border-bottom: none;
	padding-bottom: 0;
}

.contact span, .contact + ul span	{
	display: block;
}

.contact span:first-child, .action	{
	font-weight: bold;
	font-style: italic;
	color: #6d006d;
}	

.contact + ul li:first-child {
	margin-top: -1rem;
}	

.newsletter .photos figcaption	{
	text-align: left;
	line-height: 1.3;
}	

#images .photos figure	{
	margin-bottom: 3rem;
}	

.newsletter figure img:nth-child(2)	{
	margin-top: 1rem;
}	

.newsletter q	{
	font-style: italic;
}
	
#disclaimer	{
	border-top: 1px solid #022a68;
}

#disclaimer h4	{
	font-style: italic;
}

#disclaimer p	{
	font-size: 90%;
}	

.quote	{
	margin-left: 1rem;
}	

.epigraph	{
	margin-left: 2rem;
	text-align: right;
}	

#archive h4, #committee h4	{
	margin-bottom: 1em;
}

img.square	{
	width: 6rem;
	margin: 0 auto;
}	

.thumbnail	{
	width: 50%;
	float: right;
	margin: 0 0 1rem 1rem;
}	

.small_thumbnail	{
	width: auto;
	float: left;
	margin: 0 1rem 1rem 0;
}	

.thumbnail_small	{
	width: 20%;
	float: left;
	margin: 0 1rem 1rem 0;
}	

.thumbnail_small_right	{
	width: 20%;
	float: right;
	margin: 0 0 1rem 1rem;
}	

.deleted 	{
	 text-decoration: line-through;
} 

img.math	{
	display: inline-block;
	height: 2em;
	width: auto;
	padding-bottom: 1em;
	margin-bottom: -1.5em;
	margin-top: .5em;
	
}	

audio	{
	margin-bottom: 1rem;
}	

#wim_01	{
	margin-top: 2rem;
	
}	

ol.lower-roman	{
	list-style-type: lower-roman;
}	

table.usltpss_logos	{
	width: 60%;
	margin: 2rem auto;
}	

table.usltpss_logos td	{
	width: 30%;
	text-align: center;
}	
/*ACCESSIBLE ACCORDIONS*/

/*SEMINAR SCHEDULE NEW*/
.seminars td .talk	{
	color: #6d006d;
}	

.seminars td .flyer	{
	font-size: .9rem;
}	

.seminars td details[open] summary	{
	margin-bottom: 1rem;
}	

.seminars td details div	{
	font-size: 1rem;
}	

.seminars td details img	{
	display: block;
	width: 60%;
	margin: 1rem auto;
}	

.seminars tr:first-child	{
	border-top: 2px solid #022a68;
}

.seminars tr:last-child	{
	border-bottom: 2px solid #022a68;
}

.seminars th:first-child, .seminars td:first-child	{
	border-left: 2px solid #022a68;
}

.seminars th:last-child, .seminars td:last-child	{
	border-right: 2px solid #022a68;
}
	
.seminars td.details	{
	border-bottom: 2px solid #022a68;
}