diff --git a/scm-plugin-backend/src/main/webapp/detail.html b/scm-plugin-backend/src/main/webapp/detail.html
index 585162d8c8..b52a716b62 100644
--- a/scm-plugin-backend/src/main/webapp/detail.html
+++ b/scm-plugin-backend/src/main/webapp/detail.html
@@ -25,12 +25,25 @@
 
 <h2>Plugin Versions</h2>
 
-<ul>
-  <#list versions as version>
-  <li>${version.version}</li>
-  </#list>
-</ul>
+<div id="accordion">
+<#list versions as version>
+  <h5><a href="#">${version.version}</a></h5>
+  <div>
+    <p>${version.description}</p>
+  </div>
+</#list>
+</div>
+
+<p>&nbsp;</p>
 
 <a href="${contextPath}/page/index.html">Overview</a>
 
+<script type="text/javascript">
+  jQuery(document).ready(function(){
+    $( "#accordion" ).accordion({
+      active: false
+    });
+  });
+</script>
+
 <#include "template/footer.html">
\ No newline at end of file
diff --git a/scm-plugin-backend/src/main/webapp/template/css/images/2cl.png b/scm-plugin-backend/src/main/webapp/template/css/images/2cl.png
new file mode 100644
index 0000000000..def0bcd666
Binary files /dev/null and b/scm-plugin-backend/src/main/webapp/template/css/images/2cl.png differ
diff --git a/scm-plugin-backend/src/main/webapp/template/css/images/2cr.png b/scm-plugin-backend/src/main/webapp/template/css/images/2cr.png
new file mode 100644
index 0000000000..2aed4f91ea
Binary files /dev/null and b/scm-plugin-backend/src/main/webapp/template/css/images/2cr.png differ
diff --git a/scm-plugin-backend/src/main/webapp/template/css/images/arrow-down.png b/scm-plugin-backend/src/main/webapp/template/css/images/arrow-down.png
new file mode 100644
index 0000000000..9a96cb9eba
Binary files /dev/null and b/scm-plugin-backend/src/main/webapp/template/css/images/arrow-down.png differ
diff --git a/scm-plugin-backend/src/main/webapp/template/css/images/arrow-right.png b/scm-plugin-backend/src/main/webapp/template/css/images/arrow-right.png
new file mode 100644
index 0000000000..bfab22784e
Binary files /dev/null and b/scm-plugin-backend/src/main/webapp/template/css/images/arrow-right.png differ
diff --git a/scm-plugin-backend/src/main/webapp/template/css/images/bg-texture.png b/scm-plugin-backend/src/main/webapp/template/css/images/bg-texture.png
new file mode 100644
index 0000000000..f2c44bc3fd
Binary files /dev/null and b/scm-plugin-backend/src/main/webapp/template/css/images/bg-texture.png differ
diff --git a/scm-plugin-backend/src/main/webapp/template/css/images/gradient-overlay.png b/scm-plugin-backend/src/main/webapp/template/css/images/gradient-overlay.png
new file mode 100644
index 0000000000..317487f263
Binary files /dev/null and b/scm-plugin-backend/src/main/webapp/template/css/images/gradient-overlay.png differ
diff --git a/scm-plugin-backend/src/main/webapp/template/css/images/portfolio-32x32.png b/scm-plugin-backend/src/main/webapp/template/css/images/portfolio-32x32.png
new file mode 100644
index 0000000000..da730a0dc6
Binary files /dev/null and b/scm-plugin-backend/src/main/webapp/template/css/images/portfolio-32x32.png differ
diff --git a/scm-plugin-backend/src/main/webapp/template/css/images/portfolio-icon.png b/scm-plugin-backend/src/main/webapp/template/css/images/portfolio-icon.png
new file mode 100644
index 0000000000..4a0e38ccd1
Binary files /dev/null and b/scm-plugin-backend/src/main/webapp/template/css/images/portfolio-icon.png differ
diff --git a/scm-plugin-backend/src/main/webapp/template/css/images/rss-icon.png b/scm-plugin-backend/src/main/webapp/template/css/images/rss-icon.png
new file mode 100644
index 0000000000..ba8105d700
Binary files /dev/null and b/scm-plugin-backend/src/main/webapp/template/css/images/rss-icon.png differ
diff --git a/scm-plugin-backend/src/main/webapp/template/header.html b/scm-plugin-backend/src/main/webapp/template/header.html
index d7d314a97b..b936aabc09 100644
--- a/scm-plugin-backend/src/main/webapp/template/header.html
+++ b/scm-plugin-backend/src/main/webapp/template/header.html
@@ -38,8 +38,11 @@
 
     <title>SCM-Manager Plugin-Backend</title>
     <link rel="stylesheet" type="text/css" media="all" href="${contextPath}/template/css/style.css" />
+    <link rel="stylesheet" type="text/css" media="all" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/ui-lightness/jquery-ui.css" />
+    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js"></script>
+    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
     <!--[if lt IE 9]>
-      <script src="/html5.js"></script>
+      <script src="${contextPath}template/js/html5.js"></script>
     <![endif]-->
     
     <base href="${contextPath}" />
diff --git a/scm-plugin-backend/src/main/webapp/template/js/html5.js b/scm-plugin-backend/src/main/webapp/template/js/html5.js
new file mode 100644
index 0000000000..3c2389a6d5
--- /dev/null
+++ b/scm-plugin-backend/src/main/webapp/template/js/html5.js
@@ -0,0 +1,5 @@
+// html5shiv MIT @rem remysharp.com/html5-enabling-script
+// iepp v1.5.1 MIT @jon_neal iecss.com/print-protector
+/*@cc_on(function(p,e){var q=e.createElement("div");q.innerHTML="<z>i</z>";q.childNodes.length!==1&&function(){function r(a,b){if(g[a])g[a].styleSheet.cssText+=b;else{var c=s[l],d=e[j]("style");d.media=a;c.insertBefore(d,c[l]);g[a]=d;r(a,b)}}function t(a,b){for(var c=new RegExp("\\b("+m+")\\b(?!.*[;}])","gi"),d=function(k){return".iepp_"+k},h=-1;++h<a.length;){b=a[h].media||b;t(a[h].imports,b);r(b,a[h].cssText.replace(c,d))}}for(var s=e.documentElement,i=e.createDocumentFragment(),g={},m="abbr article aside audio canvas details figcaption figure footer header hgroup mark meter nav output progress section summary time video".replace(/ /g, '|'),
+n=m.split("|"),f=[],o=-1,l="firstChild",j="createElement";++o<n.length;){e[j](n[o]);i[j](n[o])}i=i.appendChild(e[j]("div"));p.attachEvent("onbeforeprint",function(){for(var a,b=e.getElementsByTagName("*"),c,d,h=new RegExp("^"+m+"$","i"),k=-1;++k<b.length;)if((a=b[k])&&(d=a.nodeName.match(h))){c=new RegExp("^\\s*<"+d+"(.*)\\/"+d+">\\s*$","i");i.innerHTML=a.outerHTML.replace(/\r|\n/g," ").replace(c,a.currentStyle.display=="block"?"<div$1/div>":"<span$1/span>");c=i.childNodes[0];c.className+=" iepp_"+
+d;c=f[f.length]=[a,c];a.parentNode.replaceChild(c[1],c[0])}t(e.styleSheets,"all")});p.attachEvent("onafterprint",function(){for(var a=-1,b;++a<f.length;)f[a][1].parentNode.replaceChild(f[a][0],f[a][1]);for(b in g)s[l].removeChild(g[b]);g={};f=[]})}()})(this,document);
\ No newline at end of file