{ outline:0; }

@font-face { font-family: "SourceSansPro-Light"; font-style: normal;
  font-weight: 400;
   src: local('Segoe UI Semilight'), /* this is what decides the font !! So here we actually use Segoe UI Semilight which is a system font; and we call it SansProLight by abuse!*/
      url('SourceSansPro/SourceSansPro-Light.woff2') format('woff2'),
     url('SourceSansPro/SourceSansPro-Light.woff') format('woff'),
     url('SourceSansPro/SourceSansPro-Light.ttf') format('truetype');
	}

@font-face { font-family: "SourceSansPro-Regular"; font-style: normal;
   src: local('SourceSansPro-Regular'),
   url('SourceSansPro/SourceSansPro-Regular.ttf');
   }

@font-face { font-family: "SourceSansPro-Bold"; font-style: normal;
   src: local('SourceSansPro-Bold'),
   url('SourceSansPro/SourceSansPro-Bold.ttf');
   }

@font-face { font-family: "SourceSansPro-Semibold"; font-style: normal;
   src: local('SourceSansPro-Semibold'),
   url('SourceSansPro/SourceSansPro-Semibold.ttf');
   }


@font-face { font-family: "PT Sans"; font-style: normal;
  font-weight: 400;
   src: local('PT Sans'), local('OpenSans'),
   url(https://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGOode0-EuMkY--TSyExeINg.woff2) format('woff2');
   }

@font-face { font-family: "PT Sans"; font-style: normal; font-weight: 700;
	 src: local('Open Sans Bold'), local('OpenSans-Bold'),
	 url(http://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzBa1RVmPjeKy21_GQJaLlJI.woff) format('woff');
	 }

@font-face { font-family: "PT Sans"; font-style: italic; font-weight: 400;
 src: local('Open Sans Italic'), local('OpenSans-Italic'),
 url(http://themes.googleusercontent.com/static/fonts/opensans/v6/xjAJXh38I15wypJXxuGMBtIh4imgI8P11RFo6YPCPC0.woff) format('woff');}

@font-face { font-family: "PT Sans"; font-style: italic; font-weight: 700;
 src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
 url(http://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxoUt79146ZFaIJxILcpzmhI.woff)
 format('woff');
}


body {
	line-height: 26px; 
	font-family: "SourceSansPro-Light";
	color: #000000;
	counter-reset: paper; /* paper counter create */
	font-size: 20px; \* ***** This is font size for main text excluding Contacts!!! ****\


\* space between lines, but not for the body text*\
\* font-family: Georgia, Arial, Helvetica, Sans-Serif; *\
}










/* Below I detect the max width of the screen to accommodate for different
screens, and then make the gray stripe at the top thicker */



/*********************************************/
/***************SMALL SCREENS ****************/
/*********************************************/
/*********************************************/

@media all and (min-width:40px){
 #TopBar {
     position: fixed;
     margin:0px;
     top:0px;
     left:0px;
     display:block;
     width:100%;
     height:64px;
     -moz-box-shadow: 0 1px 2px rgba(1, 0, 0, 0.5);
     background:#FFFFFF; /* color of top bar containing Papers,... */
     background: -moz-linear-gradient(center top , #736F6E, #111111)
     repeat scroll 1 0 transparent;
     opacity: 0.9;
 }
 /* tabs: Home | Papers| ..... */

#navigation ul li { float: left;
			height: 24px; border-right: 0px solid #dbdbdb;
			font-size: 18px; font-weight: bold;
			font-family: Arial;
			line-height: 24px; 	text-transform: uppercase;
}


/* THIS determines the "Iddo Tzameret" font for SMALL SCREENS */
.ContactsRight h1 
{font-family: 'Montserrat', sans-serif;
font-weight: 300;
font-size: 36px; 
color: #000000;
line-height: 40px; 
padding: 10px 0px 0px 0px; /* top right bottom left */
}


/* properties of contacts "Iddo Tzameret" and the contact below it (for small screens). Need 42px from top padding to avoid "Iddo Tzameret" being too high. */
.ContactsRight, .alignright { 
padding: 42px 16px 23px 15px; /* top X X Left */
color: #666666;
float: left; display: inline; 
font-size: 18px;
line-height: 24px; 
font-family: 'Montserrat', sans-serif;
font-weight: 300;
}


/* The following determines the contact details *below* "Iddo Tzameret" for small screens: */
/*.ContactsRight, .alignright { padding: 0px 0px 0px 0px; color: #666666;
								float: left; font-size: 12px; font-family: 'Montserrat', sans-serif;
font-weight: 300; 	}
This is too thin */


/* -------------------------*/
/* Small screens still: DECIDES WIDTH OF LEFT COLUMN IN MAIN INDEX HTML FILE; for one column display */
/*----------------------------*/

/* in padding that follows the 2nd number decides the left margin of the right text column,
when in two column state */
#content { width: 45%; min-width: 350px; max-width:900px; padding: 10px 26px 1px 10px;}

a img { border: 0; }

/* fix the position and width of the wight column! */
/* 2nd padding decides the margin of the rgh column from right! */
#sidebar {padding: 90px 5px 30px 40px;}

/* ### Indentation of Papers, font size ### */

#papers p {
	line-height: 24px; 
	font-size: 12pt;
	/*margin: 0px 3px 6px 20px; /* x x x  left indent */
}


.papers p {
	padding: 5px 3cm 10pt 0pt; /* x x x  left indent */
	font-size: 14pt;
	text-indent: -0pt;
	line-height: 24.px;
	margin: 0pt 0cm 0pt 0pt; /* x x x  left indent */
	/*font-family:"SourceSansPro-Regular";*/
}


/* For small screens: "Notes" etc. heading in Pub.html */
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.papers h4 {
	font-size: 16pt; font-family: Arial; font-weight: normal;
	margin: 10px 0px 0px 0px;
	text-indent: -16pt;
}



 /* "Notes", "Working papers", etc. properties (In pub.html page); but also below
 there's command that determines these headings!!*/

#main h4 {
		padding: 0px 0px 10px 0px; 
		color: #AAAAAA;
}

/* "Iddo Tzameret: Publications" title properties --- for small screens; real one!*/

ITPubsTitle{
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 34px; 
	color: #888888;
	line-height: 42px;
	margin: 30px 0px 0px 20px; /* top x x  left indent */
}

/* determines the "Iddo Tzameret Publications" title in Pub.htm for small screens*/

.IddoPubsTitle h1 { 
		font-family: 'Montserrat', sans-serif;
		font-weight: 400;
		font-size: 28px; 
		color: #888888;
		line-height: 32px; 
		margin: 20px 50px 20px 50px; /* top x bottom  left indent */
}

.PostdocAd h1 { 
		font-family: 'Montserrat', sans-serif;
		font-weight: 400;
		font-size: 26px; 
		color: #000000;
		line-height: 32px; 
		margin: 50px 50px 50px 50px; /* x x x  left indent */
}

/* HERE (70px) we determine the height of Iddo Tzameret and Pic bloc from the top for small screens */
#main { flex: 2 0px; padding: 30px 20px 20px 2px; }

 \* make different indentation of bracketed paper links and downloads for small screens *\
       .buttons-container {
			display: inline-block; /* Set display to inline-block */
			margin-left: 0px; /* THIS Adjust the indentation of the "[PDF ...]" element */
        }


}/* END SMALL SCREENS */


/*********************************************/
/*************** BIG SCREENS ****************/
/*********************************************/
/*********************************************/

@media all and (min-width:850px){
 #TopBar {
     position:fixed;
     margin:0px;
     top:0px;
     left:0px;
     display:block;
     width:100%;
     height:60px;
     -moz-box-shadow: 1px 1px 2px rgba(1, 0, 0, 0.5);
     background:#FFFFFF; /* color of top bar containing Papers,... */
     background: -moz-linear-gradient(center top , #736F6E, #111111)
     repeat scroll 0 0 _transparent;
     opacity: 1;
 }
/* tabs: Home | Papers| ..... */



 
 

/* THIS determines the place of contacts and style for LARGE SCREENS */
/* 1st pad decides margin of contacts from top header! */

/* properties of "Iddo Tzameret" and contact below it follows (for large screens): */
/* This is the internal level of "main" class id where the place of Iddo Tzameret and pictre is determined. 
There is another place where this is determined below in the "#main parameters..." */
.ContactsRight, .alignright { 
							padding:  0px 16px 23px 15px; color: #666666; /* top x x x */
							float: left; 
							display: inline; 
							font-size: 22px;  /* determines the size of fonts in contact details below "Iddo Tzameret" in main screen */
							font-family: 'Montserrat', sans-serif;
							font-weight: 400;}



/* "Iddo Tzameret" title in main page, for big screens follows: */

.ContactsRight h1 { 
		font-family: 'Montserrat', sans-serif;
		font-weight: 400;
		font-size: 44px; 
		color: #000000;
	line-height: 40px; 
}

.PostdocAd h1 { 
		font-family: 'Montserrat', sans-serif;
		font-weight: 400;
		font-size: 26px; 
		color: #000000;
		line-height: 32px; 
		margin: 50px 50px 50px 50px; /* x x x  left indent */
}

.PostdocAd h3 { 
		font-family: 'Montserrat', sans-serif;
		font-weight: 400;
		font-size: 22px; 
		color: #000000;
		line-height: 32px; 
		margin: 40px 5px 5px 50px; /* x x x  left indent */
}


.PostdocAd p { 
		margin: 5px 5px 5px 50px; /* x x x  left indent */
}




/* For big screens: DECIDES WIDTH OF LEFT COLUMN IN MAIN INDEX HTML FILE; for two column display */

/* padding is the padding of the left column. So 2nd coordinate decides right margins; and 4th the left margin */
#content { width: 55%; min-width: 350px; max-width:900px; padding: 0px 35px 10px 50px;}

a img { border: 30px;  }

/* SIDE BAR: NEWS/EVENTS: fix the position and width of the wight column! */
/* 2nd padding decides the margin of the column from right! */
#sidebar {padding: 0px 60px 30px 40px;}



/* THIS DETERMINES THE FONT SIZE OF PAPERS ELEMENTS for big screens! ***/
#papers p {
	line-height: 39px; 
	font-size: 20pt;
}


.papers  {
	padding: 10px 3cm 17pt 2pt;  
	font-size: 20pt;
	text-indent: -16pt;
	line-height: 27px;
	margin: 0pt 0cm 0pt 40pt;/* top x bottom left-indent */
	/*font-family:"SourceSansPro-Regular";*/
	/* Increase line spacing in each paper entry */
}


.papers p {
	padding: 5px 3cm 10pt 0pt; /* x x x  left indent */
	font-size: 14pt;
	text-indent: -0pt;
	line-height: 24.px;
	margin: 10pt 0cm 0pt 10pt; /* bottom (vertical indent of each paper item from each other) x x x  left indent */
	/*font-family:"SourceSansPro-Regular";*/
}


/* For big screens: "Notes" etc. heading in Pub.html */
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.papers h4 {
	font-size: 24pt; font-family: Arial; font-weight: normal;
	margin: 0px 14px 13px -60px; /* top x bottom  left indent */
}


/* determines the "Iddo Tzameret Publications" title in Pub.htm for big screens*/

.IddoPubsTitle h1 { 
		font-family: 'Montserrat', sans-serif;
		font-weight: 400;
		font-size: 32px; 
		color: #888888;
		line-height: 32px; 
		margin: 30px 0px 26px 50px; /* top x bottom  left indent */
}
/******************************************************/
/* OLD: The "IDDO TZAMERET: Publications" *title* in pub.html page */
/*****************************************************/

#main h2 {	
        font-size: 24pt; font-family: "SourceSansPro-Regular"; font-weight: normal;
        line-height: 14px;
		font-family: "SourceSansPro-Regular",Helvetica,Georgia;
		color: #A9A9A9;
		/*		color: #090909;  doesn't have effect (?) */
		/*		border-bottom: 1px solid #dbdbdb; */
		padding: 0px 0px 14px 2cm;
}

 /* For big screens: "Notes", "Working papers", etc. properties (In pub.html page); but also below
 there's command that determines these headings!!*/
#main h4 {
padding: 0px 10px 20px 00px; color: #AAAAAA;
}





/* "Iddo Tzameret: Publications" title properties --- big screen; real one!*/

ITPubsTitle{font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 42px; color: #888888;
margin: 0px 0px 0px 75px; /* top x x  left indent */
}

/* HERE (70px) we determine the height of Iddo Tzameret and Pic bloc from the top for BIG screens */
#main { flex: 2 0px; padding: 70px 20px 20px 2px; }




.buttons-container {
	display: inline-block; /* Set display to inline-block */
		margin-left: 56px; /* THIS Adjust the indentation of the "[PDF ...]" element */
}



 


} /* END BIG SCREENS */

/*******************/
/*******************/



#NameInTop {
	font-family: Arial; font-weight:normal; font-size: 14px;
}

a { color: #444; text-decoration: none; cursor:pointer; } \* color and style of links in text *\
a:hover { text-decoration: underline; }


input, textarea, select { font-family: "PT Sans"; font-size:11px; }
textarea { overflow:auto; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }


/***********************************/
/*   Width of shadowed main table  */
/*   FLEX BOX					   */
/***********************************/
.shell { display: flex; margin: 10 auto; }


/************************************/
/*** SHADOWEd BORDERS               */
/************************************/
.border { border: 1px solid #e8e8e8;
			background: #fff; position: relative; }
/*.shadow-l { background: url(images/shadow-l.png)
	no-repeat 0 0; width: 25px; height: 686px; 
				position: absolute; top:0;left:-16px; }*/
/*.shadow-r { background: url(images/shadow-r.png) 
			no-repeat 0 0; width: 25px; height: 686px; 
	position: relative; top:0;right:5px; } 
*/

.shadow-b { background: url(images/shadow-b.png)
				no-repeat 0 0; width:1200px;
				height: 18px;
				position: absolute;
				left:34px;
				/* need to scale bottom shadow down a bit */
}

.InsideShell { width: 100%; margin: 10 auto; float: left; }



/* HEADER: height decides the height of frame for the rhul header */

/* HEADER: height decides the height of the JPG of rhul itself */
#logo a { background: url(images/_header-3.jpg) no-repeat 0 0;
 width: 100%; height: 00px; position: absolute; top:0;left:10;
 background-size: 100%; /* this is the size of rhul header!! */
	 -webkit-background-size: cover;
	 -moz-background-size: cover;
	 -o-background-size: cover; }

.socials { padding: 23px 11px 0 0; }
.socials ul { list-style: none; }
.socials ul li { display: inline; float: left; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 11px;
			line-height: 16px; border-right: 1px dotted #b9b9b9; padding: 2px 17px 2px 0; margin: 0 15px 0 0; }
.socials ul li.last { border:0; margin:0; }
.socials ul li a { float: left; color: #b9b9b9; height: 16px; padding: 0 0 0 20px; }
.socials ul li a.rss { background: url(images/_soc-rss.gif) no-repeat 0 0; }
.socials ul li a.fb { background: url(images/_soc-fb.gif) no-repeat 0 0; }
.socials ul li a.twit { background: url(images/_soc-twit.gif) no-repeat 0 0; }

/* hight decides vertical *position* (but not the hight) of my pic frame */
#navigation { height: 3px; border-top: 1px solid #dbdbdb; border-bottom: 0px solid #dbdbdb; }
#navigation ul { list-style: none; }

/* color of HOME | PAPERS | ... */
#navigation ul li a { float: left; height: 23px; color: #AAA; padding: 0 18px; }
#navigation ul li a:hover,
#navigation ul li a.active { color: #880000; text-decoration: none; }

/* Width and hight decides frame in which my pic is; I put border: 0px to
erase the border all together */
.slider { width: 60%; height: 190px; border: 0px solid #dbdbdb; background: #EFDEFE;
			_position: relative; margin: 10px 0 0 14px; }
.slider .item { _position: relative; width: 1128px; height: 218px; }
.slider .item img { top:5px; left:20px; z-index: 3; }

.ContactsPic img {top:5px; z-index: 4;
				padding: 42px 30px 70px 10px; }

.ContactsPic .contacts { font-size: 18px;
					font-family: "SourceSansPro-Light";
					position: absolute;
					top:0px;
					left:200px; /* left indent */
					z-index: 2;
 }
/*******************************************/
/* properties of "Iddo Tzameret" follows: */
/******************************************/


/* Contacts properties; left decides indent of "Iddo Tzameret" in index.html */

.slider .contacts { /*font-size: 28px;*/
					font-family: "SourceSansPro-Light";
					_position: absolute;
					top:0px;
					left:110px; /* left indent */
					z-index: 2; }


.slider .text { font-family: "PT Sans";
				position: absolute;
				top:2px;
				left:190px;
				z-index: 2; }

/*************************************************************/
/* WIDTH DECIDES WIDTH OF Text in TWO COLUMNS in index file */
/***********************************************************/
/* Paddings of MAIN BODY (with two cols); latter pad: indent of two cols */

/* Depending on mobile/not mobile (i.e., width of screen) we should determine the padding from top */
/*@media (min-width:850px){*/

#shell { flex: 2 0px; padding: 0px 20px 20px 2px; }

/* Properties of all SUB-TITLES: "Events", "Teaching", "Students", etc. */
#shell h3 { font-size: 0px; line-height: 12px;
		font-family: "Helvetica Neue",Helvetica,Georgia;
		color: #AAAAAA;
		border-bottom: 0px solid #dbdbdb;
		padding: 0px 5px 10px 5px;
} /* the latter padding determines the left indentation of "Welcom to my homepage"... */


/* the links in the body of index (e.g., "see my cv") */
#shell a.more
	{ no-repeat 0 0px;
			line-height: 16px; color: #FF0080; text-decoration: underline; padding: 0 0 0 0px; }
#shell a.more:hover { text-decoration: none; }

/* the links in the body of index for Imperial and other special links that are shown in dark color */
#shell a.special
	{ no-repeat 0 0px;
			line-height: 16px; color: #000000; text-decoration: underline; padding: 0 0 0 0px; }
#shell a.special:hover { text-decoration: none; }


/*****************************/
/* Determines SideBar items! */
/****************************/

/* determines "News/Events" title placement for BIG screens. */
#sidebar h3 { margin: 40px 0px 0px 00px; color: #888888; } /* top x x left */


.sideBarIt bullet {
	font-size: 14pt;
	margin: 0px 3px 6px 10px; /* top x x left */
    color: #BBBBBB;
}

/* This is the CONTENT; i.e. the text we put in this small macro, in this case it's just the bullet symbol */
.sideBarIt bullet:before {
                        content: "\2022";
}


.sideBarIt p {
	padding: 5px 3cm 10pt 52pt;
	font-size: 18pt;
	font-color: #010101;
	text-indent: -20.85pt;
	line-height: 28.px;
	margin: 0pt 0cm 0pt 20pt;
	/* font-family:"Calibri"; */
}



/*********************/
/* Determines Talks! */
/*********************


.talk bullet {
	font-size: 12pt;
	margin: 0px 3px 6px 0px;
    color: #BBBBBB;
}

/* This is the CONTENT; i.e. the text we put in this small macro */
.talk bullet:before {
                        content: "\2022";
}


.talk p {
	padding: 5px 3cm 10pt 52pt;
	font-size: 15pt;
	font-color: #010101;
	text-indent: -20.85pt;
	line-height: 26.px;
	margin: 0pt 0cm 0pt 20pt;
	/* font-family:"Calibri"; */
}




/*
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
THIS IS the "PAPER" FONT SIZE and Papers' items padding
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Font-size of papers in p (paragraph) elements */


.papers img { margin: 3px 1px 1px 1px; height="31";} /* the PDF's icons margins */


/* the width of the paper's bib content;
also decides gray line below "Iddo Tzameret - Research Papers" */

paper:before {
content: <bullet></bullet>;
}


/*********************/
/*********************/
/* Bullet properties */
/*********************/
/*********************/

bullet {
	font-size: 15pt;
	margin: 0px -10px 0px 0px; /* -10px here to push LEFT the author names! */
    color: #BBBBBB;
	margin-left: -27px; /* Iddo: to make multiline text aligned (after the bullet) */
	margin-right: -4px;
}


bullet:before {
               content: "\2022\00a0\00a0\00a0";
               counter-increment: paper;
}



/* Counter Bullets
bullet:before { content: "" counter(paper) "." ;
                        counter-increment: paper;
}*/

/*******************************/
/*******************************/
/* DEFINITION OF PAPER ELEMENT */
/*******************************/
/*******************************/


paperAuthor{
color: #555; /*font-family: "Open Sans";*/
}


/* put a line break after */
paperAuthor:after {
    content:"\a";
    white-space: pre;
}

paperTitle {
	/* font-family: "Open Sans"; */
	color: #444; font-weight: bold;
}

/* put a line break after */
paperTitle:after {
    content:"\a";
    white-space: pre;
}

PaperVenue {
    color: #555; /*font-family: "Open Sans";*/
}


/* put a line break after */
PaperVenue:after {
    content:"\a";
    white-space: pre;
}



PaperLink:before {
 /*     content: "["; */
                        counter-increment: paper;
}

PaperLink {
	    color: #555555; /* color gray for [ .. ] */
		/*font-family: "Open Sans";*/
		/* font-size: 20pt; */

}

PaperLink:after {
                        /*content: "]";*/
                        counter-increment: paper;
}


a.PDFLink {
	cursor:pointer;
    color: #0000DD;
}


a.VideoLink {
	cursor:pointer;
    color: #0000DD;
}


PaperNote {
	/*font-family: "Open Sans";   */
	color: #555;

}

/* put a line break after */
PaperNote:after {
    content:"\a";
    white-space: pre;
}


PaperInvite {
/*	font-family: "Open Sans";*/
	font-family: "SourceSansPro-Light";
	font-weight: bold;
/*	color: #EE4499;*/
	color: rgb(210,50,80);
	/*font-size: 19pt;*/
}

/* put a line break after */
PaperInvite:after {
    content:"\a";
    white-space: pre;
}



\* Collapsing Abstracts ******\

#main #papers.collapsible {
  background-color: #777;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

#main #papers.active, .collapsible:hover {
  background-color: #555;
}

#main #papers.content {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
}







/* %%%%%%%%%%%%%%%%%%%%%% */
/* Welcome to Homepage */
/* %%%%%%%%%%%%%%%%%%%%%% */
.welcome { }
.welcome h3 { margin: 0px 0px 0px 0px; }
.welcome h4 { margin: 10px 10px 9px 0px; }
.welcome img { margin: 3px 1px 1px 1px; } /* the PDF's icons margins */
.welcome p
{margin: 10px 10px 9px 0px;
	padding: 10px 0cm 0pt 10pt;
	style="font-size: 16pt";
	text-indent: 0.85pt";
	line-height: 18px;}
/* Main Highlight ("Welcome to my homepage") padding; line-hight controls main text*/



.projects { padding: 65px 0 0 0; }
.projects h3 { margin: 0 0 17px 0; }
.projects .item { margin: 0 0 28px 0; }
/* Main windows, Projects, image (e.g., Cocorl lab img) */
.projects .image { width: 183px; height: 111px; border: 1px solid #dbdbdb; padding: 2px; margin: 0 20px 0 3px; }
.projects .text { width: 393px; }
.projects .text h4 { font-size: 12px; line-height: 15px; color: #333;
 text-transform: uppercase; margin: 0 0 17px 0; padding: 3px 0 17px 0; }
.projects .text p { padding: 0 0 3px 0; }



/* items in main page */
.main-items { padding: 65px 0 0 0; }
.main-items h3 { margin: 0 0 17px 0; }
.main-items .item { margin: 0 0 28px 0; }
.main-items .image { width: 110px; height: 111px; border: 1px solid #dbdbdb; padding: 2px; margin: 0 20px 0 3px; }
.main-items .text { width: 460px; }
.main-items .text h4 {font-family: "Open Sans";
		color: #333;
		text-transform: uppercase;
		padding: 3px 0 2px 0; }
.main-items .text p { padding: 0 0 3px 0; }


/* ################### */
/* RIGHT COLUMN PARAM */
/* ################### */

.sidebar-nav { list-style: none; padding: 0 0 10px 0; }
.sidebar-nav ul { list-style: none; }
.sidebar-nav ul li { border-bottom: 10px solid #dbdbdb; font-size: 12px; line-height: 18px; padding: 7px 10px 10px 10px; }
.sidebar-nav ul li a { background: url(images/bullet.gif) no-repeat 5px 4px; color: #333; padding: 0 0 0 10px; }


#sidebar .info { }
#sidebar .info h3 { margin: 10px 10px 31px 10px; }
#sidebar .info p { }


#footer { font-family: Arial, sans-serif;
		font-size: 11px;
		line-height: 14px;
		color: #7f7f7f;
		padding: 18px 27px 20px 38px; }
#footer a{ color: #7f7f7f; }

.footer-nav { }
.footer-nav ul { list-style: none; }
.footer-nav ul li { display: inline; border-right: 1px solid #7f7f7f; padding: 0 6px 0 0; margin: 0 7px 0 0; }
.footer-nav ul li.last { border:0; padding:0; margin:0; }



/* ################### */
/* Cookies Consent     */
/* ################### */

/*Cookie Consent Begin*/
#cookieConsent {
    background-color: rgba(20,20,20,0.8);
    min-height: 26px;
    font-size: 14px;
    color: #ccc;
    line-height: 26px;
    padding: 8px 0 8px 30px;
    font-family: "Trebuchet MS",Helvetica,sans-serif;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    z-index: 9999;
}
#cookieConsent a {
    color: #4B8EE7;
    text-decoration: none;
}
#closeCookieConsent {
    float: right;
    display: inline-block;
    cursor: pointer;
    height: 20px;
    width: 20px;
    margin: -15px 0 0 0;
    font-weight: bold;
}
#closeCookieConsent:hover {
    color: #FFF;
}
#cookieConsent a.cookieConsentOK {
    background-color: #F1D600;
    color: #000;
    display: inline-block;
    border-radius: 5px;
    padding: 0 20px;
    cursor: pointer;
   /* float: right; */
    margin: 0 60px 0 10px;
}
#cookieConsent a.cookieConsentOK:hover {
    background-color: #E0C91F;
}
/*Cookie Consent End*/





 .iconDetails {
 margin-left:2%;
float:left; 
height:40px;
width:40px;	
} 

.container2 {
	width:100%;
	height:auto;
	padding:1%;
}

h4 {
    margin:0px;
}

/* COLLAPSIBLE BOX FOR ABSRTACT CODE */

       /* Your CSS styles here */
        /* Define the style for the collapsible section */
        .collapsible {
            /*background-color: #777;*/
            /*color: white;*/
            cursor: pointer;
			vertical-align: middle; /* Adjust the alignment as needed */
			/*            padding: 8px 12px;*/
            /*border: none;*/
            /*outline: none;*/
            /*font-size: 15px;*/
			/* float: left; /* Float the collapsible button to the right */*/
			/*display: inline-block;*/
        }
		
		/* Target the Abstract button specifically */
		button.collapsible {
			color: blue; /* Set the text color to blue */*/
		}
		
        
        .active, .collapsible:hover {
          
        }
        
        .abstractbox {
            padding: 0 18px;
            overflow: hidden;
            background-color: #f1f1f1;
            display: none; /* Hide collapsible content by default */
            clear: both; /* Clear floats */
        }



		.buttons-container:before {
					content: "["; 
					counter-increment: paper;
		}

		.buttons-container:after {
					    content: "]"; 
		}



        /* Indent each publication item */
        .papers {
            padding-left: 20px; /* Adjust the value as needed */
        }

        /* Ensure consistent indentation for nested divs */
        .papers > div {
            padding-left: 0; /* Reset padding for direct children */
            margin-left: 20px; /* Add margin for indentation */
        }

        /* Style for the brackets */
        .brackets {
		display: inline-block; /* Set display to inline-block */
            margin-right: 5px; /* Adjust the spacing between brackets and buttons */
            float: left;
        }