diff --git a/webapp/src/main/webapp/templates/freemarker/elenphAritcle.ftl b/webapp/src/main/webapp/templates/freemarker/elenphAritcle.ftl
index 9ce5a3a82..618d58ae4 100644
--- a/webapp/src/main/webapp/templates/freemarker/elenphAritcle.ftl
+++ b/webapp/src/main/webapp/templates/freemarker/elenphAritcle.ftl
@@ -204,10 +204,10 @@ ${scripts.add('<script async type="text/javascript" src="${urls.base}/themes/iph
 </div>
 
 <#if works?? && works?has_content>
-  <button type="button" class="collapsible" style="border:none;padding: 18px;width: 100%;text-align:left;">Работы</button>
-    <div class="works" style="display:none;">
+  <button type="button" class="collapsible" style="border: none; color: #8B4513; padding: 18px;width: 100%;text-align:left; background-color: #ffffff; background-image: url(${urls.base}/themes/iph/images/book_icon.png); background-repeat: no-repeat; background-position: left center;">Работы</button>
+    <div class="works" style="display:block;">
       <#list works as work>
-        <div class="work" style="list-style:none;">
+        <div class="work" style="display:list-item;list-style-image:url(${urls.base}/themes/iph/images/bullet_icon.png); font-style: italic; font-family: PT Serif;">
           <p> ${work.works} </p>
         </div>
       </#list>
@@ -215,7 +215,7 @@ ${scripts.add('<script async type="text/javascript" src="${urls.base}/themes/iph
 </#if>
 
 <#if bibliography?? && bibliography?has_content>
-  <button type="button" class="collapsible" style="border:none;padding: 18px;width: 100%; text-align: left;">Литература</button>
+  <button type="button" class="collapsible" style="border:none; color: #8B4513; padding: 18px;width: 100%; text-align: left; background-color: #ffffff; background-image: url(${urls.base}/themes/iph/images/book_icon.png); background-repeat: no-repeat; background-position: left center;">Литература</button>
     <div class="bibliography" style="display:none;">
       <#list bibliography as one_bibliography>
         <div class="bibliography_entry" style="list-style:none;">
@@ -227,7 +227,7 @@ ${scripts.add('<script async type="text/javascript" src="${urls.base}/themes/iph
 
 <#if authors??>
   <#list authors as author>
-    <div class="authors" style="display:block;float:right; margin:15px;">
+    <div class="authors" style="display:block;">
       <#if author.authorFamily??>${author.authorFamily}</#if>&nbsp;<#if author.authorInitials??>${author.authorInitials}</#if>
     </div>
   </#list>
diff --git a/webapp/src/main/webapp/themes/iph/css/iph.css b/webapp/src/main/webapp/themes/iph/css/iph.css
index 0fbda80eb..3beb934e5 100644
--- a/webapp/src/main/webapp/themes/iph/css/iph.css
+++ b/webapp/src/main/webapp/themes/iph/css/iph.css
@@ -1631,6 +1631,9 @@ ul#individual-tools-people li a {
     text-align: center;
     background: #fff;
 }
+#menupage-intro {
+	margin: 0.7em auto;
+}
 #menupage-intro h2 {
     font-size: 1.375em;
     color: #000000;
@@ -1783,6 +1786,7 @@ nav#alpha-browse-container {
     border-top: 1px solid #dde4e3;
     background-color: #fff;
     margin-right: 0;
+    margin-top: 10px;
 }
 ul#alpha-browse-individuals {
     float: left;
@@ -1922,10 +1926,18 @@ h2#mainImage,
 h3.internal-auth {
     color: #5e6363;
 }
+#individual-info {
+	border-bottom: 1px solid #8B4513;
+}
 #individual-info h1.fn {
     font-size: 1.375em;
     color: #595B5B;
     line-height: 1.3em;
+    background-image: url(../images/circle_title.png);
+    background-repeat: no-repeat;
+    background-position: left center;
+    padding-left: 22px;
+    color: #000000;
 }
 #individual-info h2 {
     color: #5E6363;
@@ -1955,6 +1967,11 @@ ul#individual-hasResearchArea li {
 ul#individual-facultyMemberships li {
     border-right: 1px solid #A6B1B0;
 }
+ 
+.display-title-not-editable {
+	color: #4F4F4F;
+}	
+
 /* INDIVIDUAL VISUALIZATION ------>  */
 .publication-year-range,
 p.view-all-coauthors {
@@ -2228,6 +2245,54 @@ span.subclassExpandMinus {
 .affiliations {
     margin-bottom: 1.5em;
 }
+/* ------------------------------------------------->  */
+/* ARTICLESTYLES  -------------------------------->  */
+/* ------------------------------------------------->  */
+.articleExcerpt {
+	background-color: #ffffff;
+	/*border: 1px solid #F6F6F6;*/
+}
+button.collapsible {
+	background-color: #F6F6F6;
+	/*border: 1px solid #F6F6F6 !important;*/
+	outline: none;
+	background-image: url(../images/arrow_down.png);
+	background-repeat: no-repeat;
+	background-position: 1% 50%;
+	padding-left: 40px !important;
+}
+button.collapsible:visited {
+	-webkit-appearance: none;
+	-moz-appearance: none;
+	border: 0px;
+}
+
+button.collapsible.active {
+	-webkit-appearance: none;
+	-moz-appearance: none;
+	border: 1px solid #F6F6F6;
+	outline: none;
+}
+button.collapsible.active:focus {
+	background-color: #F6F6F6;
+	border: 1px solid #F6F6F6;
+}
+
+.authors {
+	width: 100%;
+	border-top: 1px solid #8B4513;
+	margin-top: 20px;
+	margin-bottom: 10px;
+	text-align: right;
+	padding-top: 10px;
+	font-family: PT Serif;
+	font-style: italic;
+}
+.works {
+	padding-left: 40px;
+	
+}
+
 /* ------------------------------------------------->  */
 /* SCREEN RESOLUTION  -------------------------------->  */
 /* ------------------------------------------------->  */
@@ -2269,6 +2334,7 @@ span.subclassExpandMinus {
 	#footerWrapper {
 	width: 95%;
 	}
+	
 }
 @media screen and (max-width: 900px) {
 	h1.vivo-logo {
@@ -2315,7 +2381,9 @@ span.subclassExpandMinus {
 	#stats li {
 	width: 80px; 
 	}
-	
+	button.collapsible {
+	background-position: 2% 50%;	
+	}
 }
 
 @media screen and (max-width: 800px) {
diff --git a/webapp/src/main/webapp/themes/iph/images/arrow_brown.png b/webapp/src/main/webapp/themes/iph/images/arrow_brown.png
new file mode 100644
index 000000000..b577fd8c1
Binary files /dev/null and b/webapp/src/main/webapp/themes/iph/images/arrow_brown.png differ
diff --git a/webapp/src/main/webapp/themes/iph/images/arrow_down.png b/webapp/src/main/webapp/themes/iph/images/arrow_down.png
new file mode 100644
index 000000000..6121c8da3
Binary files /dev/null and b/webapp/src/main/webapp/themes/iph/images/arrow_down.png differ
diff --git a/webapp/src/main/webapp/themes/iph/images/book_icon.png b/webapp/src/main/webapp/themes/iph/images/book_icon.png
new file mode 100644
index 000000000..8fad5896b
Binary files /dev/null and b/webapp/src/main/webapp/themes/iph/images/book_icon.png differ
diff --git a/webapp/src/main/webapp/themes/iph/images/bullet_icon.png b/webapp/src/main/webapp/themes/iph/images/bullet_icon.png
new file mode 100644
index 000000000..476f38d98
Binary files /dev/null and b/webapp/src/main/webapp/themes/iph/images/bullet_icon.png differ
diff --git a/webapp/src/main/webapp/themes/iph/images/circle_title.png b/webapp/src/main/webapp/themes/iph/images/circle_title.png
new file mode 100644
index 000000000..f853a1022
Binary files /dev/null and b/webapp/src/main/webapp/themes/iph/images/circle_title.png differ