/* ----------------------------------------------------------------------- */
/* miscellaneous definitions */

p.justified {
	text-align:		justify;
}

p.centered {
	text-align:		center;
}

p.footer {
	font-size:		80%;
	font-style:		italic;
}

/* reverse direction of letters */
span.revdir {
	unicode-bidi:	bidi-override;
	direction:		rtl;
	padding:		0;
	margin:			0;
	border:			0;
}

/* horizontal ruler */
hr {
	height:			2px;
	border-top:		solid thin black;
	border-bottom:	none;
}


/* ----------------------------------------------------------------------- */
/* indented list */

#indList ul {
	list-style-type: none;
	margin-left:     0;
	padding-left:    0;
	font-size:       80%;
}
#indList ul li {
	display:         block;
	list-style-type: none;
	text-indent:    -1.5em;
	margin-left:     1.5em;
	margin-bottom:   0;
}

/* ----------------------------------------------------------------------- */
/* publication header */
ph {
	margin-top:		2em;
	margin-bottom:	1em;
	display:		block;
	font-weight:	bold;
}

/* publication title */
pt {
	font-size:   	100%;
	font-weight: 	bold;
	color:	     	#00539b;
}

/* ----------------------------------------------------------------------- */

/* publication list */

ul.paper {
	margin:				0;
	padding:			0;
}

.paper {
	margin:				0;
	margin-bottom:		0.5em;
 	padding:			5px;
	background-color:	#f0f0f0;
}

li.paper {
	list-style-type:	none;
	background-color:	#fdfdfd;
}

li.paper:nth-child(odd) {
	background-color:	#f0f0f0;
}

/* abstract div */
.abstract{
	font-size:			80%;
	font-weight:		normal;
	text-align:			left; /*justify;*/
	margin:				0;
	margin-top:			1em;
	padding:			0.2em;
	margin-left:		0.5em;
	margin-right:		0.5em;
	color:				black;
	border:				none; /* thin silver solid; */
	display:			none;
}

/* ----------------------------------------------------------------------- */
/* image formatting */

img.me {
//	width:			350px;
	padding:		4px;
	border: 		solid silver 1px;
}

img.scaled {
	width:			100%;
	padding: 		0;
	border: 		none;
}

img.scaled_border_right {
//	width:			100%;
	padding:	 	10px;
	margin-left: 	10px;
	margin-top: 	5px;
	margin-bottom:	5px;
	border: 		solid silver 1px;
	float:			right;
}

img.scaled_border_left {
//	width:			100%;
	padding:	 	10px;
	margin-right: 	10px;
	margin-top: 	5px;
	margin-bottom:	5px;
	border: 		solid silver 1px;
	float:			left;
}

img.header {
	padding:		0;
	border:			none;
	max-width:		100%;
	height:			auto;
	margin-top:		-10px;
	margin-left:	-28px;
}

/* ----------------------------------------------------------------------- */
/* table for CV */

table.cvtable {
	font-family: 		Helvetica, Geneva, Arial,
	             		SunSans-Regular, sans-serif;
	font-size:			100%;
	color:				black;
	border:				0 none;
	border-collapse:	collapse;	// important to get the padding between rows
}

table.cvtable td {
	vertical-align:		top;
	padding-bottom:		10px;
}

table.cvtable td.col1 {
	width:				15%;
	padding-right:		20px;
}

/* ----------------------------------------------------------------------- */
/* a box */

.boxed {
	border:				1px solid silver;
	padding-left:		6px;
	padding-right:		6px;
	padding-top:		1px;
	padding-bottom:		1px;
}

/* ----------------------------------------------------------------------- */

.z {
	float:		right;
	font-size:	.001px;
	color:		transparent;
	display:	inline-block;
	width:		0px;
}
/* ----------------------------------------------------------------------- */
/* overlay */

.overlaycontainer {
  display: grid;
}

.content, .overlay {
  grid-area: 1 / 1;
}