body{
	font-size: 13pt;
}
	
table  {
	border-spacing: 0;
	width : 100%;
	/*height : 133px;*/
	border-width: 1px;
	border-color: #808080;
	background-color: #E0E0E0;
	border-style: solid solid solid solid;
	border-radius: 10px;
	text-align: left;
}

TD.left  {
	width : 110px;
	height : 133px;
	vertical-align : middle;
	text-align : center;
	background-color : #CCCCCC;
}

TD.right {
	background-color : #8598AB;
	padding-left: 6pt;
	border-radius: 0px 10px 10px 0px;
	width: 100%;
}

div.StaffCard, div.StudentCard {
        position : relative;
	display : inline-block;
	width: 45%;
	min-width: 300px; 
	min-height: 143px;
        margin: 10px;
	background-color : #8598AB;
	border-radius: 10px;
	vertical-align: top;
	
}

hr.staff, hr.students {
	width: 95%;
	height: 3px; 
	border: 0;
	background-image : linear-gradient(to right, red,orange,yellow,green,blue,indigo,violet);
}

div.left, div.leftD  {
        /* position: absolute;*/
	left: 0;
	display: inline-block;
	width : 120px;
	height : calc(100% - 10px);
	vertical-align : middle;
	text-align : center;
	background-color : #CCCCCC;
	padding: 5px;
	border-radius: 10px 0px 0px 10px;
	float: left;

}

div.leftD {
	width : 140px;
	border-style: solid; 
	border-color: Black; 
	border-width: 10px;
}

/*
TD.LeftD  {
	width : 110px;
	height : 133px;
	vertical-align : middle;
	text-align : center;
	background-color : #CCCCCC;
	border-style: solid; 
	border-color: Black; 
	border-width: 10px;
}
*/

div.right {
        /*position: absolute;
        right: 0;
        width: calc(100% - 130px);*/
	height: 100%;
	background-color : #8598AB;
	padding: 10pt;
	border-radius: 10px 10px 10px 10px;
}


SPAN.LastName  {
	font-weight : bold;
	color : #000066;
}

span.FirstName  {
	font-weight : bold;
	color : #000066;
}

span.PersonTitle  {
	font-style : italic;
}

span.Position  {
	font-style : italic;
}

th.title  {
	color : #FFFFFF;
	background-color : #000099;
}

th.year  {
	background-color : #E0E0E0;
}

a.email  {}

span.email:not(:empty):before  {
	content : "e-mail: ";
}

span.email:not(:empty):before  {
	color : #000000;
	font-weight : bold;
}
span.group:not(:empty)::before {
	color : #000000;
	font-weight : bold;
}
span.supervisor, span.reviewer {
	color: black;
	font-weight : normal;
}

span.supervisor:before, span.reviewer:before {
	color : #000000;
	font-weight : bold;
}



span.homepage:before  {
	color : #000000;
	font-weight : bold;
}

span.phone:before  {
	font-weight : bold;
	color : #000000;
}

span.location:before  {
	color : #000000;
	font-weight : bold;
}

A.supervisor:link {
	color : #000066;
	text-decoration : none;
	font-weight : normal;
}

A.supervisor:visited {
	color : #000066;
	text-decoration : none;
	font-weight : normal;
}


span.course {
	visibility: hidden;
	font-size: 0pt;
}

.largePhoto, .largePhotoD {
	float: left;
	width: 270px;
	height: 360px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}
.largePhotoD img{
	border-style: solid; 
	border-color: Black; 
	border-width: 10px;
	width: 270px;
	height: 360px;
/*	width: 290px;
	height: 380px; */
}
/*.largePhotoD img{
} */

.smallPhoto {
        vertical-align: middle;
	width: 110px;
	height: 133px;
}

div:before{
	color: #990000;
	font-weight : bold;
	white-space: pre;
}
div.profileTop{
	text-align: center;
	border: 2px solid #E0E0E0;
	background: silver;
	margin-left: 290px;
	margin-top: 10px; 
}

div.biography{
}
/*.interests{
}*/
div.interests, div.grants{
	padding-top: 10px;
	display: inline-block; /*выравниваем блок по фотографии*/
}	
ul.interests{
	margin: 0px;
	margin-left: inherit;
	/*padding-left: 320px;  */
}
div.networks a:link, div.networks A:visited{
	text-decoration : inherit;
	color : inherit;
}
div.networks span{
	padding-left:20px;
}
div.networks A:hover{
	color: blue;
	font-weight : bold;
}
div.networks span:before{
	color: black;
	font-weight : bold;
	/*white-space: pre;*/
	width: 150px;
	/*display: inline-block;*/
}
span.SPIN:before{
	content: "SPIN:";
}
span.ResearcherID:before{
	content: "\AResearcherID:";
}
span.ORCID:before{
	content: "\AORCID:";
}
span.ScopusID:before{
	content: "\AScopusID:";
}
span.elibraryID:before{
	content: "elibraryID:";
}
span.ResearchGate:before{
	content: "\AResearchGate:";
}

div.contacts span{
	padding-left: 20px;
}
div.contacts:before{
	padding-left: 0px;
}
div.links {
}

li {
  padding-bottom: 20px;
}