From 21ec6fdbadf7494d81d09e1a0ad95fdf10c34476 Mon Sep 17 00:00:00 2001
From: Jean-Paul Chaput <Jean-Paul.Chaput@lip6.fr>
Date: Sun, 3 Dec 2017 03:19:10 +0100
Subject: [PATCH] Correct the doxygen CSS to be compliant with 1.8.13+.

---
 crlcore/doc/crlcore/CMakeLists.txt           |  11 +-
 crlcore/doc/crlcore/SoC.css                  |  36 +-
 crlcore/doc/crlcore/header.html              |   1 +
 crlcore/doc/crlcore/tabs.css                 | 558 +++++++++++++++++++
 hurricane/doc/hurricane/CMakeLists.txt       |  14 +-
 hurricane/doc/hurricane/SoC.css              |  34 +-
 hurricane/doc/hurricane/customHierarchy.html |   4 +-
 hurricane/doc/hurricane/doxyfile             |  15 +-
 hurricane/doc/hurricane/header.html          |   1 +
 hurricane/doc/hurricane/tabs.css             | 558 +++++++++++++++++++
 hurricane/doc/viewer/CMakeLists.txt          |  11 +-
 hurricane/doc/viewer/SoC.css                 |  36 +-
 hurricane/doc/viewer/doxyfile                |   2 -
 hurricane/doc/viewer/dynsections.js          |  54 +-
 hurricane/doc/viewer/header.html             |   1 +
 hurricane/doc/viewer/tabs.css                | 558 +++++++++++++++++++
 katabatic/doc/CMakeLists.txt                 |  11 +-
 katabatic/doc/SoC.css                        |  34 +-
 katabatic/doc/header.html                    |   1 +
 katabatic/doc/tabs.css                       | 558 +++++++++++++++++++
 kite/doc/CMakeLists.txt                      |   9 +-
 kite/doc/SoC.css                             |  34 +-
 kite/doc/header.html                         |   1 +
 kite/doc/tabs.css                            | 558 +++++++++++++++++++
 unicorn/doc/unicorn/CMakeLists.txt           |  11 +-
 unicorn/doc/unicorn/SoC.css                  |  36 +-
 unicorn/doc/unicorn/header.html              |   1 +
 unicorn/doc/unicorn/tabs.css                 | 558 +++++++++++++++++++
 28 files changed, 3569 insertions(+), 137 deletions(-)
 create mode 100644 crlcore/doc/crlcore/tabs.css
 create mode 100644 hurricane/doc/hurricane/tabs.css
 create mode 100644 hurricane/doc/viewer/tabs.css
 create mode 100644 katabatic/doc/tabs.css
 create mode 100644 kite/doc/tabs.css
 create mode 100644 unicorn/doc/unicorn/tabs.css

diff --git a/crlcore/doc/crlcore/CMakeLists.txt b/crlcore/doc/crlcore/CMakeLists.txt
index 27747386..dc6da008 100644
--- a/crlcore/doc/crlcore/CMakeLists.txt
+++ b/crlcore/doc/crlcore/CMakeLists.txt
@@ -4,14 +4,15 @@
                set ( latexInstallDir share/doc/coriolis2/en/latex/crlcore )
                set ( doxExtras       closed.png
                                      open.png
-                                     jquery.js
-                                     dynsections.js
+                                     tabs.css
                    )
 
- add_custom_target ( documentation ALL cd ${CRLCORE_SOURCE_DIR}/doc/crlcore && ${DOXYGEN_EXECUTABLE} doxyfile )
+ add_custom_target ( documentation ALL
+                        cd ${CRLCORE_SOURCE_DIR}/doc/crlcore
+                     && ${DOXYGEN_EXECUTABLE} doxyfile
+                     && cp -f ${doxExtras} html
+                   )
 
            install ( DIRECTORY html/                DESTINATION ${htmlInstallDir} )
-           install ( FILES     ${docExtras}         DESTINATION ${htmlInstallDir} )
-
            install ( DIRECTORY latex/               DESTINATION ${latexInstallDir} )
            install ( FILES     socbook.cls          DESTINATION ${latexInstallDir} )
diff --git a/crlcore/doc/crlcore/SoC.css b/crlcore/doc/crlcore/SoC.css
index 90b66894..44bae898 100644
--- a/crlcore/doc/crlcore/SoC.css
+++ b/crlcore/doc/crlcore/SoC.css
@@ -130,19 +130,19 @@
 
  pre {
    font-size:                   80%;
-   border:                      dashed;
+ /*border:                      dashed;*/
    border-width:                thin;
    border-color:                #003300;
-   /*
-   background-color:            #EEEEEE;
-   */
+ /*background-color:            #EEEEEE;*/
    background-color:            #FCFCE1;
    padding:                     0.5em;
    margin-left:                 2em;
    margin-right:                2em
  }
 
+/*
  tt          { color:           green;   }
+ */
  em          { font-style:      italic;
                font-weight:     normal;  }
  strong      { font-weight:     bold;    }
@@ -196,6 +196,10 @@
  /*font-family:                 times, verdana, sans-serif;*/
  }
 
+ h2.memtitle {
+   display:                     none;
+ }
+
  center.header {
    background-color:            #CCE6CA;
  }
@@ -269,16 +273,21 @@
    font-size:                   110%;
  }
 
+ table.classHierarchy a {
+  border-style:                 none;
+  border-bottom:                none;
+ }
+
  table.classHierarchy tr {
    border:                      1px solid blue;
  }
 
  table.classHierarchy td.normal {
-   border:                      1px solid #CCE6CA;
+   border:                      1px solid #dddddd;
    width:                       140pt;
    text-align:                  center;
    font-weight:                 bold;
-   background-color:            #CCE6CA;
+   background-color:            #dddddd;
  }
 
  table.classHierarchy td.virtual {
@@ -289,11 +298,11 @@
  }
 
  table.classHierarchy td.wnormal {
-   border:                      1px solid #CCE6CA;
+   border:                      1px solid #dddddd;
    width:                       240pt;
    text-align:                  center;
    font-weight:                 bold;
-   background-color:            #CCE6CA;
+   background-color:            #dddddd;
  }
 
  table.classHierarchy td.wvirtual {
@@ -303,12 +312,13 @@
    font-weight:                 bold;
  }
 
- div.ah {
+ div.ah, span.ah {
    font-family:                 Times;
    font-size:                   300%;
    font-weight:                 bold;
    padding:                     20px;
  }
+
  div.title {
    text-align:                  center;
    font-size:                   200%;
@@ -317,7 +327,7 @@
    border:                      2px solid black;
  }
 
- div.center {
+ div.center, div.image {
    text-align:                  center;
  }
 
@@ -594,7 +604,7 @@
  /*border-width:     thin;   */
  /*border-color:     #003300;*/
  /*background-color: #FCFCE1;*/
-   background-color: #FCFCE1;
+   background-color: #fefefe;
    padding:          0.5em;
    margin-left:      5%;
    margin-right:     5%
@@ -775,6 +785,10 @@
  * General Classes Index.
  */
 
+ span.icona {
+   margin-right:     10pt;
+ }
+
  div.toc li.level1 {
    margin-left:      0px;
  }
diff --git a/crlcore/doc/crlcore/header.html b/crlcore/doc/crlcore/header.html
index f36c2386..78dfdd27 100644
--- a/crlcore/doc/crlcore/header.html
+++ b/crlcore/doc/crlcore/header.html
@@ -6,6 +6,7 @@
     <script type="text/javascript" src="jquery.js"></script>
     <script type="text/javascript" src="dynsections.js"></script>
     <link   href="SoC.css" rel="stylesheet" type="text/css">
+    <link   href="tabs.css" rel="stylesheet" type="text/css">
   </head>
     <h1 id="pagetop" class="header">Coriolis Core (CRL) Documentation</h1>
     <!--
diff --git a/crlcore/doc/crlcore/tabs.css b/crlcore/doc/crlcore/tabs.css
new file mode 100644
index 00000000..e081c18f
--- /dev/null
+++ b/crlcore/doc/crlcore/tabs.css
@@ -0,0 +1,558 @@
+
+.sm
+{
+  position:relative;
+  z-index:9999
+}
+.sm,.sm ul,.sm li
+{
+  display:block;
+  list-style:none;
+  margin:0;
+  padding:2pt 7pt;
+  line-height:normal;
+  direction:ltr;
+  text-align:left;
+  -webkit-tap-highlight-color:rgba(0,0,0,0)
+}
+.sm-rtl,.sm-rtl ul,.sm-rtl li
+{
+  direction:rtl;
+  text-align:right
+}
+.sm>li>h1,.sm>li>h2,.sm>li>h3,.sm>li>h4,.sm>li>h5,.sm>li>h6
+{
+  margin:0;
+  padding:0
+}
+.sm ul
+{
+  display:none
+}
+
+.sm li,.sm a
+{
+  position:relative
+}
+.sm a
+{
+  display:block
+}
+.sm a.disabled
+{
+  cursor:not-allowed
+}
+.sm:after
+{
+  content:"\00a0";
+  display:block;
+  height:0;
+  font:0/0 serif;
+  clear:both;
+  visibility:hidden;
+  overflow:hidden
+}
+.sm,.sm *,.sm *:before,.sm *:after
+{
+  -moz-box-sizing:border-box;
+  -webkit-box-sizing:border-box;
+  box-sizing:border-box
+}
+#doc-content
+{
+  overflow:auto;
+  display:block;
+  padding:0;
+  margin:0;
+  -webkit-overflow-scrolling:touch
+}
+/*
+.sm-dox
+{
+  background-image:url("tab_b.png")
+}
+*/
+/*
+.sm-dox a,.sm-dox a:focus,.sm-dox a:hover,.sm-dox a:active
+{
+  padding:0 12px;
+  padding-right:43px;
+  font-family:"Lucida Grande","Geneva","Helvetica",Arial,sans-serif;
+  font-size:13px;
+  font-weight:bold;
+  line-height:36px;
+  text-decoration:none;
+  text-shadow:0 1px 1px rgba(255,255,255,0.9);
+  color:#283a5d;
+  outline:0
+}
+*/
+/*
+.sm-dox a:hover
+{
+  background-image:url("tab_a.png");
+  background-repeat:repeat-x;
+  color:white;
+  text-shadow:0 1px 1px black
+}
+*/
+.sm-dox a.current
+{
+  color:#d23600
+}
+.sm-dox a.disabled
+{
+  color:#bbb
+}
+.sm-dox a span.sub-arrow
+{
+  position:absolute;
+  top:50%;
+  margin-top:-14px;
+  left:auto;
+  right:3px;
+  width:28px;
+  height:28px;
+  overflow:hidden;
+  font:bold 12px/28px monospace!important;
+  text-align:center;
+  text-shadow:none;
+  background:rgba(255,255,255,0.5);
+  -moz-border-radius:5px;
+  -webkit-border-radius:5px;
+  border-radius:5px
+}
+.sm-dox a.highlighted span.sub-arrow:before
+{
+  display:block;
+  content:'-'
+}
+/*
+.sm-dox>li:first-child>a,.sm-dox>li:first-child>:not(ul) a
+{
+  -moz-border-radius:5px 5px 0 0;
+  -webkit-border-radius:5px;
+  border-radius:5px 5px 0 0
+}
+.sm-dox>li:last-child>a,.sm-dox>li:last-child>*:not(ul) a,.sm-dox>li:last-child>ul,.sm-dox>li:last-child>ul>li:last-child>a,.sm-dox>li:last-child>ul>li:last-child>*:not(ul) a,.sm-dox>li:last-child>ul>li:last-child>ul,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>a,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>a,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>a,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul
+{
+  -moz-border-radius:0 0 5px 5px;
+  -webkit-border-radius:0;
+  border-radius:0 0 5px 5px
+}
+.sm-dox>li:last-child>a.highlighted,.sm-dox>li:last-child>*:not(ul) a.highlighted,.sm-dox>li:last-child>ul>li:last-child>a.highlighted,.sm-dox>li:last-child>ul>li:last-child>*:not(ul) a.highlighted,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>a.highlighted,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a.highlighted,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>a.highlighted,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a.highlighted,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>a.highlighted,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a.highlighted
+{
+  -moz-border-radius:0;
+  -webkit-border-radius:0;
+  border-radius:0
+}
+*/
+/*
+.sm-dox ul
+{
+  background:rgba(162,162,162,0.1)
+}
+*/
+/*
+.sm-dox ul a,.sm-dox ul a:focus,.sm-dox ul a:hover,.sm-dox ul a:active
+{
+  font-size:12px;
+  border-left:8px solid transparent;
+  line-height:36px;
+  text-shadow:none;
+  background-color:white;
+  background-image:none
+}
+*/
+/*
+.sm-dox ul a:hover
+{
+  background-image:url("tab_a.png");
+  background-repeat:repeat-x;
+  color:white;
+  text-shadow:0 1px 1px black
+}
+*/
+
+
+.sm-dox ul ul a,.sm-dox ul ul a:hover,.sm-dox ul ul a:focus,.sm-dox ul ul a:active
+{
+  border-left:16px solid transparent
+}
+.sm-dox ul ul ul a,.sm-dox ul ul ul a:hover,.sm-dox ul ul ul a:focus,.sm-dox ul ul ul a:active
+{
+  border-left:24px solid transparent
+}
+.sm-dox ul ul ul ul a,.sm-dox ul ul ul ul a:hover,.sm-dox ul ul ul ul a:focus,.sm-dox ul ul ul ul a:active
+{
+  border-left:32px solid transparent
+}
+.sm-dox ul ul ul ul ul a,.sm-dox ul ul ul ul ul a:hover,.sm-dox ul ul ul ul ul a:focus,.sm-dox ul ul ul ul ul a:active
+{
+  border-left:40px solid transparent
+}
+
+.sm-dox ul
+{
+  position:absolute;
+  width:12em
+}
+/*
+.sm-dox li
+{
+  float:left
+}
+.sm-dox.sm-rtl li
+{
+  float:right
+}
+.sm-dox ul li,.sm-dox.sm-rtl ul li,.sm-dox.sm-vertical li
+{
+  float:none
+}
+*/
+.sm-dox a
+{
+  white-space:nowrap
+}
+.sm-dox ul a,.sm-dox.sm-vertical a
+{
+  white-space:normal
+}
+.sm-dox .sm-nowrap>li>a,.sm-dox .sm-nowrap>li>:not(ul) a
+{
+  white-space:nowrap
+}
+
+/*
+.sm-dox
+{
+  padding:0 10px;
+  background-image:url("tab_b.png");
+  line-height:36px
+}
+*/
+
+.sm-dox a span.sub-arrow
+{
+  top:50%;
+  margin-top:-2px;
+  right:12px;
+  width:0;
+  height:0;
+  border-width:4px;
+  border-style:solid dashed dashed dashed;
+  border-color:#283a5d transparent transparent transparent;
+  background:transparent;
+  -moz-border-radius:0;
+  -webkit-border-radius:0;
+  border-radius:0
+}
+/*
+.sm-dox a,.sm-dox a:focus,.sm-dox a:active,.sm-dox a:hover,.sm-dox a.highlighted
+{
+  padding:0 12px;
+  background-image:url("tab_s.png");
+  background-repeat:no-repeat;
+  background-position:right;
+  -moz-border-radius:0!important;
+  -webkit-border-radius:0;
+  border-radius:0!important
+}
+.sm-dox a:hover
+{
+  background-image:url("tab_a.png");
+  background-repeat:repeat-x;
+  color:white;
+  text-shadow:0 1px 1px black
+}
+*/
+.sm-dox a:hover span.sub-arrow
+{
+  border-color:white transparent transparent transparent
+}
+.sm-dox a.has-submenu
+{
+  padding-right:24px
+}
+.sm-dox li
+{
+  border-top:0
+}
+.sm-dox>li>ul:before,.sm-dox>li>ul:after
+{
+  content:'';
+  position:absolute;
+  top:-18px;
+  left:30px;
+  width:0;
+  height:0;
+  overflow:hidden;
+  border-width:9px;
+  border-style:dashed dashed solid dashed;
+  border-color:transparent transparent #bbb transparent
+}
+.sm-dox>li>ul:after
+{
+  top:-16px;
+  left:31px;
+  border-width:8px;
+  border-color:transparent transparent #fff transparent
+}
+.sm-dox ul
+{
+  border:1px solid #bbb;
+  padding:5px 0;
+  background:#fff;
+/*
+  -moz-border-radius:5px!important;
+  -webkit-border-radius:5px;
+  border-radius:5px!important;
+*/
+  -moz-box-shadow:0 5px 9px rgba(0,0,0,0.2);
+  -webkit-box-shadow:0 5px 9px rgba(0,0,0,0.2);
+  box-shadow:0 5px 9px rgba(0,0,0,0.2)
+}
+.sm-dox ul a span.sub-arrow
+{
+  right:8px;
+  top:50%;
+  margin-top:-5px;
+  border-width:5px;
+  border-color:transparent transparent transparent #555;
+  border-style:dashed dashed dashed solid
+}
+.sm-dox ul a,.sm-dox ul a:hover,.sm-dox ul a:focus,.sm-dox ul a:active,.sm-dox ul a.highlighted
+{
+  color:#555;
+  background-image:none;
+  border:0!important;
+  color:#555;
+  background-image:none
+}
+/*
+.sm-dox ul a:hover
+{
+  background-image:url("tab_a.png");
+  background-repeat:repeat-x;
+  color:white;
+  text-shadow:0 1px 1px black
+}
+*/
+.sm-dox ul a:hover span.sub-arrow
+{
+  border-color:transparent transparent transparent white
+}
+.sm-dox span.scroll-up,.sm-dox span.scroll-down
+{
+  position:absolute;
+  display:none;
+  visibility:hidden;
+  overflow:hidden;
+  background:#fff;
+  height:36px
+}
+.sm-dox span.scroll-up:hover,.sm-dox span.scroll-down:hover
+{
+  background:#eee
+}
+.sm-dox span.scroll-up:hover span.scroll-up-arrow,.sm-dox span.scroll-up:hover span.scroll-down-arrow
+{
+  border-color:transparent transparent #d23600 transparent
+}
+.sm-dox span.scroll-down:hover span.scroll-down-arrow
+{
+  border-color:#d23600 transparent transparent transparent
+}
+.sm-dox span.scroll-up-arrow,.sm-dox span.scroll-down-arrow
+{
+  position:absolute;
+  top:0;
+  left:50%;
+  margin-left:-6px;
+  width:0;
+  height:0;
+  overflow:hidden;
+  border-width:6px;
+  border-style:dashed dashed solid dashed;
+  border-color:transparent transparent #555 transparent
+}
+.sm-dox span.scroll-down-arrow
+{
+  top:8px;
+  border-style:solid dashed dashed dashed;
+  border-color:#555 transparent transparent transparent
+}
+.sm-dox.sm-rtl a.has-submenu
+{
+  padding-right:12px;
+  padding-left:24px
+}
+.sm-dox.sm-rtl a span.sub-arrow
+{
+  right:auto;
+  left:12px
+}
+.sm-dox.sm-rtl.sm-vertical a.has-submenu
+{
+  padding:10px 20px
+}
+.sm-dox.sm-rtl.sm-vertical a span.sub-arrow
+{
+  right:auto;
+  left:8px;
+  border-style:dashed solid dashed dashed;
+  border-color:transparent #555 transparent transparent
+}
+.sm-dox.sm-rtl>li>ul:before
+{
+  left:auto;
+  right:30px
+}
+.sm-dox.sm-rtl>li>ul:after
+{
+  left:auto;
+  right:31px
+}
+.sm-dox.sm-rtl ul a.has-submenu
+{
+  padding:10px 20px!important
+}
+.sm-dox.sm-rtl ul a span.sub-arrow
+{
+  right:auto;
+  left:8px;
+  border-style:dashed solid dashed dashed;
+  border-color:transparent #555 transparent transparent
+}
+.sm-dox.sm-vertical
+{
+  padding:10px 0;
+  -moz-border-radius:5px;
+  -webkit-border-radius:5px;
+  border-radius:5px
+}
+.sm-dox.sm-vertical a
+{
+  padding:10px 20px
+}
+.sm-dox.sm-vertical a:hover,.sm-dox.sm-vertical a:focus,.sm-dox.sm-vertical a:active,.sm-dox.sm-vertical a.highlighted
+{
+  background:#fff
+}
+.sm-dox.sm-vertical a.disabled
+{
+  background-image:url("tab_b.png")
+}
+.sm-dox.sm-vertical a span.sub-arrow
+{
+  right:8px;
+  top:50%;
+  margin-top:-5px;
+  border-width:5px;
+  border-style:dashed dashed dashed solid;
+  border-color:transparent transparent transparent #555
+}
+.sm-dox.sm-vertical>li>ul:before,.sm-dox.sm-vertical>li>ul:after
+{
+  display:none
+}
+.sm-dox.sm-vertical ul a
+{
+  padding:10px 20px
+}
+.sm-dox.sm-vertical ul a:hover,.sm-dox.sm-vertical ul a:focus,.sm-dox.sm-vertical ul a:active,.sm-dox.sm-vertical ul a.highlighted
+{
+  background:#eee
+}
+.sm-dox.sm-vertical ul a.disabled
+{
+  background:#fff
+}
+
+/* SoC Customisation. */
+
+div#main-nav {
+  margin:           0pt;
+  border:           0pt;
+  padding:          0pt; 
+}
+
+div ul#main-menu {
+  margin:           0pt;
+  border:           0pt;
+  padding:          0pt; 
+}
+
+/*
+.sm ul {
+  visibility:       hidden;
+  overflow:         hidden;
+  height:           0;
+  width:            0;
+}
+*/
+
+.sm li {
+  list-style:       none;
+}
+
+ul#main-menu {
+  display:          table;
+  width:            100%;
+}
+
+ul#main-menu > li {
+  display:          table-cell;
+  text-align:       center;
+/*width:            20%;*/
+  border-top:       1px solid black;
+  border-bottom:    1px solid black;
+  border-left:      none;
+  border-right:     1px solid black;
+  padding:          2pt;
+  font-size:        90%;
+}
+
+ul#main-menu > li:first-child {
+  border-left:      1px solid black;
+}
+
+ul#main-menu > li > a {
+  border-bottom:    none;
+}
+
+ul#main-menu > li:hover, ul#main-menu > li:hover > a, ul#main-menu > li > a:hover {
+  background-color: black;
+  color:            white;
+}
+
+/*
+.sm li {
+  margin:           0pt;
+  list-style:       none;
+  font-size:        90%;
+  border-top:       1px solid black;
+  border-bottom:    1px solid black;
+  border-left:      none;
+  border-right:     1px solid black;
+  display:          table-cell;
+  text-align:       center;
+  padding:          2pt;
+  width:            5%;
+}
+.sm li:first-child {
+  border-left:      1px solid black;
+}
+.sm li a {
+  border-style:     none;
+  border-bottom:    none;
+}
+
+.sm li:hover, .sm li:hover a, .sm li a:hover {
+  background-color: black;
+  color:            white;
+}
+*/
+
+
diff --git a/hurricane/doc/hurricane/CMakeLists.txt b/hurricane/doc/hurricane/CMakeLists.txt
index b096365f..7df8c523 100644
--- a/hurricane/doc/hurricane/CMakeLists.txt
+++ b/hurricane/doc/hurricane/CMakeLists.txt
@@ -2,17 +2,17 @@
 
                set ( htmlInstallDir  share/doc/coriolis2/en/html/hurricane )
                set ( latexInstallDir share/doc/coriolis2/en/latex/hurricane )
-               set ( doxExtras       customHierarchy.html
-                                     closed.png
+               set ( doxExtras       closed.png
                                      open.png
-                                     jquery.js
-                                     dynsections.js
+                                     tabs.css
                    )
 
- add_custom_target ( doc ALL cd ${HURRICANE_SOURCE_DIR}/doc/hurricane && ${DOXYGEN_EXECUTABLE} doxyfile )
+ add_custom_target ( hurricaneDoc ALL
+                        cd ${HURRICANE_SOURCE_DIR}/doc/hurricane
+                     && ${DOXYGEN_EXECUTABLE} doxyfile
+                     && cp -f ${doxExtras} html
+                   )
 
            install ( DIRECTORY html/                DESTINATION ${htmlInstallDir} )
-           install ( FILES     ${doxExtras}         DESTINATION ${htmlInstallDir} )
-
            install ( DIRECTORY latex/               DESTINATION ${latexInstallDir} )
            install ( FILES     asimbook.cls         DESTINATION ${latexInstallDir} )
diff --git a/hurricane/doc/hurricane/SoC.css b/hurricane/doc/hurricane/SoC.css
index 71136369..44bae898 100644
--- a/hurricane/doc/hurricane/SoC.css
+++ b/hurricane/doc/hurricane/SoC.css
@@ -130,19 +130,19 @@
 
  pre {
    font-size:                   80%;
-   border:                      dashed;
+ /*border:                      dashed;*/
    border-width:                thin;
    border-color:                #003300;
-   /*
-   background-color:            #EEEEEE;
-   */
+ /*background-color:            #EEEEEE;*/
    background-color:            #FCFCE1;
    padding:                     0.5em;
    margin-left:                 2em;
    margin-right:                2em
  }
 
+/*
  tt          { color:           green;   }
+ */
  em          { font-style:      italic;
                font-weight:     normal;  }
  strong      { font-weight:     bold;    }
@@ -196,6 +196,10 @@
  /*font-family:                 times, verdana, sans-serif;*/
  }
 
+ h2.memtitle {
+   display:                     none;
+ }
+
  center.header {
    background-color:            #CCE6CA;
  }
@@ -269,16 +273,21 @@
    font-size:                   110%;
  }
 
+ table.classHierarchy a {
+  border-style:                 none;
+  border-bottom:                none;
+ }
+
  table.classHierarchy tr {
    border:                      1px solid blue;
  }
 
  table.classHierarchy td.normal {
-   border:                      1px solid #CCE6CA;
+   border:                      1px solid #dddddd;
    width:                       140pt;
    text-align:                  center;
    font-weight:                 bold;
-   background-color:            #CCE6CA;
+   background-color:            #dddddd;
  }
 
  table.classHierarchy td.virtual {
@@ -289,11 +298,11 @@
  }
 
  table.classHierarchy td.wnormal {
-   border:                      1px solid #CCE6CA;
+   border:                      1px solid #dddddd;
    width:                       240pt;
    text-align:                  center;
    font-weight:                 bold;
-   background-color:            #CCE6CA;
+   background-color:            #dddddd;
  }
 
  table.classHierarchy td.wvirtual {
@@ -303,12 +312,13 @@
    font-weight:                 bold;
  }
 
- div.ah {
+ div.ah, span.ah {
    font-family:                 Times;
    font-size:                   300%;
    font-weight:                 bold;
    padding:                     20px;
  }
+
  div.title {
    text-align:                  center;
    font-size:                   200%;
@@ -594,7 +604,7 @@
  /*border-width:     thin;   */
  /*border-color:     #003300;*/
  /*background-color: #FCFCE1;*/
-   background-color: #FCFCE1;
+   background-color: #fefefe;
    padding:          0.5em;
    margin-left:      5%;
    margin-right:     5%
@@ -775,6 +785,10 @@
  * General Classes Index.
  */
 
+ span.icona {
+   margin-right:     10pt;
+ }
+
  div.toc li.level1 {
    margin-left:      0px;
  }
diff --git a/hurricane/doc/hurricane/customHierarchy.html b/hurricane/doc/hurricane/customHierarchy.html
index 18705a26..0332b602 100644
--- a/hurricane/doc/hurricane/customHierarchy.html
+++ b/hurricane/doc/hurricane/customHierarchy.html
@@ -3,8 +3,8 @@
     <b>Legend :</b><br>
     <pre class="fragment">
       <table class="classHierarchy">
-        <tr><td width="70"></td><td class="virtual"><a href="#pagetop">ClassA</a></td><td><b>&nbsp;&nbsp;<tt>ClassA</tt> is abstract</b></td></tr>
-        <tr><td width="70"></td><td class="normal"><a href="#pagetop">ClassB</a></td><td><b>&nbsp;&nbsp;<tt>ClassB</tt> is instanciable</b></td></tr>
+        <tr><td width="70"></td><td class="virtual"><a href="#pagetop">ClassA</a></td><td><b>&nbsp;&nbsp;<em>ClassA</em> is abstract</b></td></tr>
+        <tr><td width="70"></td><td class="normal"><a href="#pagetop">ClassB</a></td><td><b>&nbsp;&nbsp;<em>ClassB</em> is instanciable</b></td></tr>
       </table>
     </pre>
     <br>
diff --git a/hurricane/doc/hurricane/doxyfile b/hurricane/doc/hurricane/doxyfile
index 4e4bfcab..5e7f4ee3 100644
--- a/hurricane/doc/hurricane/doxyfile
+++ b/hurricane/doc/hurricane/doxyfile
@@ -959,7 +959,8 @@ HTML_FOOTER            = footer.html
 # the style sheet file to the HTML output directory, so don't put your own 
 # stylesheet in the HTML output directory as well, or it will be erased!
 
-HTML_EXTRA_STYLESHEET  = SoC.css
+#HTML_EXTRA_STYLESHEET  = SoC.css
+HTML_STYLESHEET  = SoC.css
 
 # If the HTML_ALIGN_MEMBERS tag is set to YES, the members of classes, 
 # files or namespaces will be aligned in HTML using tables. If set to 
@@ -1281,18 +1282,6 @@ GENERATE_XML           = NO
 
 XML_OUTPUT             = xml
 
-# The XML_SCHEMA tag can be used to specify an XML schema, 
-# which can be used by a validating XML parser to check the 
-# syntax of the XML files.
-
-XML_SCHEMA             = 
-
-# The XML_DTD tag can be used to specify an XML DTD, 
-# which can be used by a validating XML parser to check the 
-# syntax of the XML files.
-
-XML_DTD                = 
-
 # If the XML_PROGRAMLISTING tag is set to YES Doxygen will 
 # dump the program listings (including syntax highlighting 
 # and cross-referencing information) to the XML output. Note that 
diff --git a/hurricane/doc/hurricane/header.html b/hurricane/doc/hurricane/header.html
index 6788fd7a..96993947 100644
--- a/hurricane/doc/hurricane/header.html
+++ b/hurricane/doc/hurricane/header.html
@@ -6,6 +6,7 @@
     <script type="text/javascript" src="jquery.js"></script>
     <script type="text/javascript" src="dynsections.js"></script>
     <link   href="SoC.css" rel="stylesheet" type="text/css">
+    <link   href="tabs.css" rel="stylesheet" type="text/css">
   </head>
     <h1 id="pagetop" class="header">Hurricane VLSI Database</h1>
     <!--
diff --git a/hurricane/doc/hurricane/tabs.css b/hurricane/doc/hurricane/tabs.css
new file mode 100644
index 00000000..e081c18f
--- /dev/null
+++ b/hurricane/doc/hurricane/tabs.css
@@ -0,0 +1,558 @@
+
+.sm
+{
+  position:relative;
+  z-index:9999
+}
+.sm,.sm ul,.sm li
+{
+  display:block;
+  list-style:none;
+  margin:0;
+  padding:2pt 7pt;
+  line-height:normal;
+  direction:ltr;
+  text-align:left;
+  -webkit-tap-highlight-color:rgba(0,0,0,0)
+}
+.sm-rtl,.sm-rtl ul,.sm-rtl li
+{
+  direction:rtl;
+  text-align:right
+}
+.sm>li>h1,.sm>li>h2,.sm>li>h3,.sm>li>h4,.sm>li>h5,.sm>li>h6
+{
+  margin:0;
+  padding:0
+}
+.sm ul
+{
+  display:none
+}
+
+.sm li,.sm a
+{
+  position:relative
+}
+.sm a
+{
+  display:block
+}
+.sm a.disabled
+{
+  cursor:not-allowed
+}
+.sm:after
+{
+  content:"\00a0";
+  display:block;
+  height:0;
+  font:0/0 serif;
+  clear:both;
+  visibility:hidden;
+  overflow:hidden
+}
+.sm,.sm *,.sm *:before,.sm *:after
+{
+  -moz-box-sizing:border-box;
+  -webkit-box-sizing:border-box;
+  box-sizing:border-box
+}
+#doc-content
+{
+  overflow:auto;
+  display:block;
+  padding:0;
+  margin:0;
+  -webkit-overflow-scrolling:touch
+}
+/*
+.sm-dox
+{
+  background-image:url("tab_b.png")
+}
+*/
+/*
+.sm-dox a,.sm-dox a:focus,.sm-dox a:hover,.sm-dox a:active
+{
+  padding:0 12px;
+  padding-right:43px;
+  font-family:"Lucida Grande","Geneva","Helvetica",Arial,sans-serif;
+  font-size:13px;
+  font-weight:bold;
+  line-height:36px;
+  text-decoration:none;
+  text-shadow:0 1px 1px rgba(255,255,255,0.9);
+  color:#283a5d;
+  outline:0
+}
+*/
+/*
+.sm-dox a:hover
+{
+  background-image:url("tab_a.png");
+  background-repeat:repeat-x;
+  color:white;
+  text-shadow:0 1px 1px black
+}
+*/
+.sm-dox a.current
+{
+  color:#d23600
+}
+.sm-dox a.disabled
+{
+  color:#bbb
+}
+.sm-dox a span.sub-arrow
+{
+  position:absolute;
+  top:50%;
+  margin-top:-14px;
+  left:auto;
+  right:3px;
+  width:28px;
+  height:28px;
+  overflow:hidden;
+  font:bold 12px/28px monospace!important;
+  text-align:center;
+  text-shadow:none;
+  background:rgba(255,255,255,0.5);
+  -moz-border-radius:5px;
+  -webkit-border-radius:5px;
+  border-radius:5px
+}
+.sm-dox a.highlighted span.sub-arrow:before
+{
+  display:block;
+  content:'-'
+}
+/*
+.sm-dox>li:first-child>a,.sm-dox>li:first-child>:not(ul) a
+{
+  -moz-border-radius:5px 5px 0 0;
+  -webkit-border-radius:5px;
+  border-radius:5px 5px 0 0
+}
+.sm-dox>li:last-child>a,.sm-dox>li:last-child>*:not(ul) a,.sm-dox>li:last-child>ul,.sm-dox>li:last-child>ul>li:last-child>a,.sm-dox>li:last-child>ul>li:last-child>*:not(ul) a,.sm-dox>li:last-child>ul>li:last-child>ul,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>a,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>a,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>a,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul
+{
+  -moz-border-radius:0 0 5px 5px;
+  -webkit-border-radius:0;
+  border-radius:0 0 5px 5px
+}
+.sm-dox>li:last-child>a.highlighted,.sm-dox>li:last-child>*:not(ul) a.highlighted,.sm-dox>li:last-child>ul>li:last-child>a.highlighted,.sm-dox>li:last-child>ul>li:last-child>*:not(ul) a.highlighted,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>a.highlighted,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a.highlighted,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>a.highlighted,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a.highlighted,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>a.highlighted,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a.highlighted
+{
+  -moz-border-radius:0;
+  -webkit-border-radius:0;
+  border-radius:0
+}
+*/
+/*
+.sm-dox ul
+{
+  background:rgba(162,162,162,0.1)
+}
+*/
+/*
+.sm-dox ul a,.sm-dox ul a:focus,.sm-dox ul a:hover,.sm-dox ul a:active
+{
+  font-size:12px;
+  border-left:8px solid transparent;
+  line-height:36px;
+  text-shadow:none;
+  background-color:white;
+  background-image:none
+}
+*/
+/*
+.sm-dox ul a:hover
+{
+  background-image:url("tab_a.png");
+  background-repeat:repeat-x;
+  color:white;
+  text-shadow:0 1px 1px black
+}
+*/
+
+
+.sm-dox ul ul a,.sm-dox ul ul a:hover,.sm-dox ul ul a:focus,.sm-dox ul ul a:active
+{
+  border-left:16px solid transparent
+}
+.sm-dox ul ul ul a,.sm-dox ul ul ul a:hover,.sm-dox ul ul ul a:focus,.sm-dox ul ul ul a:active
+{
+  border-left:24px solid transparent
+}
+.sm-dox ul ul ul ul a,.sm-dox ul ul ul ul a:hover,.sm-dox ul ul ul ul a:focus,.sm-dox ul ul ul ul a:active
+{
+  border-left:32px solid transparent
+}
+.sm-dox ul ul ul ul ul a,.sm-dox ul ul ul ul ul a:hover,.sm-dox ul ul ul ul ul a:focus,.sm-dox ul ul ul ul ul a:active
+{
+  border-left:40px solid transparent
+}
+
+.sm-dox ul
+{
+  position:absolute;
+  width:12em
+}
+/*
+.sm-dox li
+{
+  float:left
+}
+.sm-dox.sm-rtl li
+{
+  float:right
+}
+.sm-dox ul li,.sm-dox.sm-rtl ul li,.sm-dox.sm-vertical li
+{
+  float:none
+}
+*/
+.sm-dox a
+{
+  white-space:nowrap
+}
+.sm-dox ul a,.sm-dox.sm-vertical a
+{
+  white-space:normal
+}
+.sm-dox .sm-nowrap>li>a,.sm-dox .sm-nowrap>li>:not(ul) a
+{
+  white-space:nowrap
+}
+
+/*
+.sm-dox
+{
+  padding:0 10px;
+  background-image:url("tab_b.png");
+  line-height:36px
+}
+*/
+
+.sm-dox a span.sub-arrow
+{
+  top:50%;
+  margin-top:-2px;
+  right:12px;
+  width:0;
+  height:0;
+  border-width:4px;
+  border-style:solid dashed dashed dashed;
+  border-color:#283a5d transparent transparent transparent;
+  background:transparent;
+  -moz-border-radius:0;
+  -webkit-border-radius:0;
+  border-radius:0
+}
+/*
+.sm-dox a,.sm-dox a:focus,.sm-dox a:active,.sm-dox a:hover,.sm-dox a.highlighted
+{
+  padding:0 12px;
+  background-image:url("tab_s.png");
+  background-repeat:no-repeat;
+  background-position:right;
+  -moz-border-radius:0!important;
+  -webkit-border-radius:0;
+  border-radius:0!important
+}
+.sm-dox a:hover
+{
+  background-image:url("tab_a.png");
+  background-repeat:repeat-x;
+  color:white;
+  text-shadow:0 1px 1px black
+}
+*/
+.sm-dox a:hover span.sub-arrow
+{
+  border-color:white transparent transparent transparent
+}
+.sm-dox a.has-submenu
+{
+  padding-right:24px
+}
+.sm-dox li
+{
+  border-top:0
+}
+.sm-dox>li>ul:before,.sm-dox>li>ul:after
+{
+  content:'';
+  position:absolute;
+  top:-18px;
+  left:30px;
+  width:0;
+  height:0;
+  overflow:hidden;
+  border-width:9px;
+  border-style:dashed dashed solid dashed;
+  border-color:transparent transparent #bbb transparent
+}
+.sm-dox>li>ul:after
+{
+  top:-16px;
+  left:31px;
+  border-width:8px;
+  border-color:transparent transparent #fff transparent
+}
+.sm-dox ul
+{
+  border:1px solid #bbb;
+  padding:5px 0;
+  background:#fff;
+/*
+  -moz-border-radius:5px!important;
+  -webkit-border-radius:5px;
+  border-radius:5px!important;
+*/
+  -moz-box-shadow:0 5px 9px rgba(0,0,0,0.2);
+  -webkit-box-shadow:0 5px 9px rgba(0,0,0,0.2);
+  box-shadow:0 5px 9px rgba(0,0,0,0.2)
+}
+.sm-dox ul a span.sub-arrow
+{
+  right:8px;
+  top:50%;
+  margin-top:-5px;
+  border-width:5px;
+  border-color:transparent transparent transparent #555;
+  border-style:dashed dashed dashed solid
+}
+.sm-dox ul a,.sm-dox ul a:hover,.sm-dox ul a:focus,.sm-dox ul a:active,.sm-dox ul a.highlighted
+{
+  color:#555;
+  background-image:none;
+  border:0!important;
+  color:#555;
+  background-image:none
+}
+/*
+.sm-dox ul a:hover
+{
+  background-image:url("tab_a.png");
+  background-repeat:repeat-x;
+  color:white;
+  text-shadow:0 1px 1px black
+}
+*/
+.sm-dox ul a:hover span.sub-arrow
+{
+  border-color:transparent transparent transparent white
+}
+.sm-dox span.scroll-up,.sm-dox span.scroll-down
+{
+  position:absolute;
+  display:none;
+  visibility:hidden;
+  overflow:hidden;
+  background:#fff;
+  height:36px
+}
+.sm-dox span.scroll-up:hover,.sm-dox span.scroll-down:hover
+{
+  background:#eee
+}
+.sm-dox span.scroll-up:hover span.scroll-up-arrow,.sm-dox span.scroll-up:hover span.scroll-down-arrow
+{
+  border-color:transparent transparent #d23600 transparent
+}
+.sm-dox span.scroll-down:hover span.scroll-down-arrow
+{
+  border-color:#d23600 transparent transparent transparent
+}
+.sm-dox span.scroll-up-arrow,.sm-dox span.scroll-down-arrow
+{
+  position:absolute;
+  top:0;
+  left:50%;
+  margin-left:-6px;
+  width:0;
+  height:0;
+  overflow:hidden;
+  border-width:6px;
+  border-style:dashed dashed solid dashed;
+  border-color:transparent transparent #555 transparent
+}
+.sm-dox span.scroll-down-arrow
+{
+  top:8px;
+  border-style:solid dashed dashed dashed;
+  border-color:#555 transparent transparent transparent
+}
+.sm-dox.sm-rtl a.has-submenu
+{
+  padding-right:12px;
+  padding-left:24px
+}
+.sm-dox.sm-rtl a span.sub-arrow
+{
+  right:auto;
+  left:12px
+}
+.sm-dox.sm-rtl.sm-vertical a.has-submenu
+{
+  padding:10px 20px
+}
+.sm-dox.sm-rtl.sm-vertical a span.sub-arrow
+{
+  right:auto;
+  left:8px;
+  border-style:dashed solid dashed dashed;
+  border-color:transparent #555 transparent transparent
+}
+.sm-dox.sm-rtl>li>ul:before
+{
+  left:auto;
+  right:30px
+}
+.sm-dox.sm-rtl>li>ul:after
+{
+  left:auto;
+  right:31px
+}
+.sm-dox.sm-rtl ul a.has-submenu
+{
+  padding:10px 20px!important
+}
+.sm-dox.sm-rtl ul a span.sub-arrow
+{
+  right:auto;
+  left:8px;
+  border-style:dashed solid dashed dashed;
+  border-color:transparent #555 transparent transparent
+}
+.sm-dox.sm-vertical
+{
+  padding:10px 0;
+  -moz-border-radius:5px;
+  -webkit-border-radius:5px;
+  border-radius:5px
+}
+.sm-dox.sm-vertical a
+{
+  padding:10px 20px
+}
+.sm-dox.sm-vertical a:hover,.sm-dox.sm-vertical a:focus,.sm-dox.sm-vertical a:active,.sm-dox.sm-vertical a.highlighted
+{
+  background:#fff
+}
+.sm-dox.sm-vertical a.disabled
+{
+  background-image:url("tab_b.png")
+}
+.sm-dox.sm-vertical a span.sub-arrow
+{
+  right:8px;
+  top:50%;
+  margin-top:-5px;
+  border-width:5px;
+  border-style:dashed dashed dashed solid;
+  border-color:transparent transparent transparent #555
+}
+.sm-dox.sm-vertical>li>ul:before,.sm-dox.sm-vertical>li>ul:after
+{
+  display:none
+}
+.sm-dox.sm-vertical ul a
+{
+  padding:10px 20px
+}
+.sm-dox.sm-vertical ul a:hover,.sm-dox.sm-vertical ul a:focus,.sm-dox.sm-vertical ul a:active,.sm-dox.sm-vertical ul a.highlighted
+{
+  background:#eee
+}
+.sm-dox.sm-vertical ul a.disabled
+{
+  background:#fff
+}
+
+/* SoC Customisation. */
+
+div#main-nav {
+  margin:           0pt;
+  border:           0pt;
+  padding:          0pt; 
+}
+
+div ul#main-menu {
+  margin:           0pt;
+  border:           0pt;
+  padding:          0pt; 
+}
+
+/*
+.sm ul {
+  visibility:       hidden;
+  overflow:         hidden;
+  height:           0;
+  width:            0;
+}
+*/
+
+.sm li {
+  list-style:       none;
+}
+
+ul#main-menu {
+  display:          table;
+  width:            100%;
+}
+
+ul#main-menu > li {
+  display:          table-cell;
+  text-align:       center;
+/*width:            20%;*/
+  border-top:       1px solid black;
+  border-bottom:    1px solid black;
+  border-left:      none;
+  border-right:     1px solid black;
+  padding:          2pt;
+  font-size:        90%;
+}
+
+ul#main-menu > li:first-child {
+  border-left:      1px solid black;
+}
+
+ul#main-menu > li > a {
+  border-bottom:    none;
+}
+
+ul#main-menu > li:hover, ul#main-menu > li:hover > a, ul#main-menu > li > a:hover {
+  background-color: black;
+  color:            white;
+}
+
+/*
+.sm li {
+  margin:           0pt;
+  list-style:       none;
+  font-size:        90%;
+  border-top:       1px solid black;
+  border-bottom:    1px solid black;
+  border-left:      none;
+  border-right:     1px solid black;
+  display:          table-cell;
+  text-align:       center;
+  padding:          2pt;
+  width:            5%;
+}
+.sm li:first-child {
+  border-left:      1px solid black;
+}
+.sm li a {
+  border-style:     none;
+  border-bottom:    none;
+}
+
+.sm li:hover, .sm li:hover a, .sm li a:hover {
+  background-color: black;
+  color:            white;
+}
+*/
+
+
diff --git a/hurricane/doc/viewer/CMakeLists.txt b/hurricane/doc/viewer/CMakeLists.txt
index 0ed9f8b1..900eb8fb 100644
--- a/hurricane/doc/viewer/CMakeLists.txt
+++ b/hurricane/doc/viewer/CMakeLists.txt
@@ -4,14 +4,15 @@
                set ( latexInstallDir share/doc/coriolis2/en/latex/viewer )
                set ( doxExtras       closed.png
                                      open.png
-                                     jquery.js
-                                     dynsections.js
+                                     tabs.css
                    )
 
- add_custom_target ( documentation ALL cd ${HURRICANE_SOURCE_DIR}/doc/viewer && ${DOXYGEN_EXECUTABLE} doxyfile )
+ add_custom_target ( viewerDoc ALL
+                        cd ${HURRICANE_SOURCE_DIR}/doc/viewer
+                     && ${DOXYGEN_EXECUTABLE} doxyfile
+                     && cp -f ${doxExtras} html
+                   )
 
            install ( DIRECTORY html/                DESTINATION ${htmlInstallDir} )
-           install ( FILES     ${docExtras}         DESTINATION ${htmlInstallDir} )
-
            install ( DIRECTORY latex/               DESTINATION ${latexInstallDir} )
            install ( FILES     asimbook.cls         DESTINATION ${latexInstallDir} )
diff --git a/hurricane/doc/viewer/SoC.css b/hurricane/doc/viewer/SoC.css
index 90b66894..44bae898 100644
--- a/hurricane/doc/viewer/SoC.css
+++ b/hurricane/doc/viewer/SoC.css
@@ -130,19 +130,19 @@
 
  pre {
    font-size:                   80%;
-   border:                      dashed;
+ /*border:                      dashed;*/
    border-width:                thin;
    border-color:                #003300;
-   /*
-   background-color:            #EEEEEE;
-   */
+ /*background-color:            #EEEEEE;*/
    background-color:            #FCFCE1;
    padding:                     0.5em;
    margin-left:                 2em;
    margin-right:                2em
  }
 
+/*
  tt          { color:           green;   }
+ */
  em          { font-style:      italic;
                font-weight:     normal;  }
  strong      { font-weight:     bold;    }
@@ -196,6 +196,10 @@
  /*font-family:                 times, verdana, sans-serif;*/
  }
 
+ h2.memtitle {
+   display:                     none;
+ }
+
  center.header {
    background-color:            #CCE6CA;
  }
@@ -269,16 +273,21 @@
    font-size:                   110%;
  }
 
+ table.classHierarchy a {
+  border-style:                 none;
+  border-bottom:                none;
+ }
+
  table.classHierarchy tr {
    border:                      1px solid blue;
  }
 
  table.classHierarchy td.normal {
-   border:                      1px solid #CCE6CA;
+   border:                      1px solid #dddddd;
    width:                       140pt;
    text-align:                  center;
    font-weight:                 bold;
-   background-color:            #CCE6CA;
+   background-color:            #dddddd;
  }
 
  table.classHierarchy td.virtual {
@@ -289,11 +298,11 @@
  }
 
  table.classHierarchy td.wnormal {
-   border:                      1px solid #CCE6CA;
+   border:                      1px solid #dddddd;
    width:                       240pt;
    text-align:                  center;
    font-weight:                 bold;
-   background-color:            #CCE6CA;
+   background-color:            #dddddd;
  }
 
  table.classHierarchy td.wvirtual {
@@ -303,12 +312,13 @@
    font-weight:                 bold;
  }
 
- div.ah {
+ div.ah, span.ah {
    font-family:                 Times;
    font-size:                   300%;
    font-weight:                 bold;
    padding:                     20px;
  }
+
  div.title {
    text-align:                  center;
    font-size:                   200%;
@@ -317,7 +327,7 @@
    border:                      2px solid black;
  }
 
- div.center {
+ div.center, div.image {
    text-align:                  center;
  }
 
@@ -594,7 +604,7 @@
  /*border-width:     thin;   */
  /*border-color:     #003300;*/
  /*background-color: #FCFCE1;*/
-   background-color: #FCFCE1;
+   background-color: #fefefe;
    padding:          0.5em;
    margin-left:      5%;
    margin-right:     5%
@@ -775,6 +785,10 @@
  * General Classes Index.
  */
 
+ span.icona {
+   margin-right:     10pt;
+ }
+
  div.toc li.level1 {
    margin-left:      0px;
  }
diff --git a/hurricane/doc/viewer/doxyfile b/hurricane/doc/viewer/doxyfile
index 15e75a0d..25e133c0 100644
--- a/hurricane/doc/viewer/doxyfile
+++ b/hurricane/doc/viewer/doxyfile
@@ -240,8 +240,6 @@ MAN_LINKS              = NO
 
 GENERATE_XML           = NO
 XML_OUTPUT             = xml
-XML_SCHEMA             = 
-XML_DTD                = 
 XML_PROGRAMLISTING     = YES
 
 #---------------------------------------------------------------------------
diff --git a/hurricane/doc/viewer/dynsections.js b/hurricane/doc/viewer/dynsections.js
index ed092c7f..85e18369 100644
--- a/hurricane/doc/viewer/dynsections.js
+++ b/hurricane/doc/viewer/dynsections.js
@@ -24,19 +24,20 @@ function updateStripes()
   $('table.directory tr').
        removeClass('even').filter(':visible:even').addClass('even');
 }
+
 function toggleLevel(level)
 {
-  $('table.directory tr').each(function(){ 
+  $('table.directory tr').each(function() {
     var l = this.id.split('_').length-1;
     var i = $('#img'+this.id.substring(3));
     var a = $('#arr'+this.id.substring(3));
     if (l<level+1) {
-      i.attr('src','ftv2folderopen.png');
-      a.attr('src','ftv2mnode.png');
+      i.removeClass('iconfopen iconfclosed').addClass('iconfopen');
+      a.html('&#9660;');
       $(this).show();
     } else if (l==level+1) {
-      i.attr('src','ftv2folderclosed.png');
-      a.attr('src','ftv2pnode.png');
+      i.removeClass('iconfclosed iconfopen').addClass('iconfclosed');
+      a.html('&#9658;');
       $(this).show();
     } else {
       $(this).hide();
@@ -47,34 +48,33 @@ function toggleLevel(level)
 
 function toggleFolder(id)
 {
-  //The clicked row
+  // the clicked row
   var currentRow = $('#row_'+id);
-  var currentRowImages = currentRow.find("img");
 
-  //All rows after the clicked row
+  // all rows after the clicked row
   var rows = currentRow.nextAll("tr");
 
-  //Only match elements AFTER this one (can't hide elements before)
-  var childRows = rows.filter(function() {
-    var re = new RegExp('^row_'+id+'\\d+_$', "i"); //only one sub
-    return this.id.match(re);
-  });
+  var re = new RegExp('^row_'+id+'\\d+_$', "i"); //only one sub
 
-  //First row is visible we are HIDING
+  // only match elements AFTER this one (can't hide elements before)
+  var childRows = rows.filter(function() { return this.id.match(re); });
+
+  // first row is visible we are HIDING
   if (childRows.filter(':first').is(':visible')===true) {
-    currentRowImages.filter("[id^=arr]").attr('src', 'ftv2pnode.png');
-    currentRowImages.filter("[id^=img]").attr('src', 'ftv2folderclosed.png');
-    rows.filter("[id^=row_"+id+"]").hide();
-  } else { //We are SHOWING
-    //All sub images
-    var childImages = childRows.find("img");
-    var childImg = childImages.filter("[id^=img]");
-    var childArr = childImages.filter("[id^=arr]");
-
-    currentRow.find("[id^=arr]").attr('src', 'ftv2mnode.png'); //open row
-    currentRow.find("[id^=img]").attr('src', 'ftv2folderopen.png'); //open row
-    childImg.attr('src','ftv2folderclosed.png'); //children closed
-    childArr.attr('src','ftv2pnode.png'); //children closed
+    // replace down arrow by right arrow for current row
+    var currentRowSpans = currentRow.find("span");
+    currentRowSpans.filter(".iconfopen").removeClass("iconfopen").addClass("iconfclosed");
+    currentRowSpans.filter(".arrow").html('&#9658;');
+    rows.filter("[id^=row_"+id+"]").hide(); // hide all children
+  } else { // we are SHOWING
+    // replace right arrow by down arrow for current row
+    var currentRowSpans = currentRow.find("span");
+    currentRowSpans.filter(".iconfclosed").removeClass("iconfclosed").addClass("iconfopen");
+    currentRowSpans.filter(".arrow").html('&#9660;');
+    // replace down arrows by right arrows for child rows
+    var childRowsSpans = childRows.find("span");
+    childRowsSpans.filter(".iconfopen").removeClass("iconfopen").addClass("iconfclosed");
+    childRowsSpans.filter(".arrow").html('&#9658;');
     childRows.show(); //show all children
   }
   updateStripes();
diff --git a/hurricane/doc/viewer/header.html b/hurricane/doc/viewer/header.html
index 34bdd604..4ac5c8c1 100644
--- a/hurricane/doc/viewer/header.html
+++ b/hurricane/doc/viewer/header.html
@@ -6,6 +6,7 @@
     <script type="text/javascript" src="jquery.js"></script>
     <script type="text/javascript" src="dynsections.js"></script>
     <link   href="SoC.css" rel="stylesheet" type="text/css">
+    <link   href="tabs.css" rel="stylesheet" type="text/css">
   </head>
     <h1 id="pagetop" class="header">Hurricane Design Viewer</h1>
     <!--
diff --git a/hurricane/doc/viewer/tabs.css b/hurricane/doc/viewer/tabs.css
new file mode 100644
index 00000000..e081c18f
--- /dev/null
+++ b/hurricane/doc/viewer/tabs.css
@@ -0,0 +1,558 @@
+
+.sm
+{
+  position:relative;
+  z-index:9999
+}
+.sm,.sm ul,.sm li
+{
+  display:block;
+  list-style:none;
+  margin:0;
+  padding:2pt 7pt;
+  line-height:normal;
+  direction:ltr;
+  text-align:left;
+  -webkit-tap-highlight-color:rgba(0,0,0,0)
+}
+.sm-rtl,.sm-rtl ul,.sm-rtl li
+{
+  direction:rtl;
+  text-align:right
+}
+.sm>li>h1,.sm>li>h2,.sm>li>h3,.sm>li>h4,.sm>li>h5,.sm>li>h6
+{
+  margin:0;
+  padding:0
+}
+.sm ul
+{
+  display:none
+}
+
+.sm li,.sm a
+{
+  position:relative
+}
+.sm a
+{
+  display:block
+}
+.sm a.disabled
+{
+  cursor:not-allowed
+}
+.sm:after
+{
+  content:"\00a0";
+  display:block;
+  height:0;
+  font:0/0 serif;
+  clear:both;
+  visibility:hidden;
+  overflow:hidden
+}
+.sm,.sm *,.sm *:before,.sm *:after
+{
+  -moz-box-sizing:border-box;
+  -webkit-box-sizing:border-box;
+  box-sizing:border-box
+}
+#doc-content
+{
+  overflow:auto;
+  display:block;
+  padding:0;
+  margin:0;
+  -webkit-overflow-scrolling:touch
+}
+/*
+.sm-dox
+{
+  background-image:url("tab_b.png")
+}
+*/
+/*
+.sm-dox a,.sm-dox a:focus,.sm-dox a:hover,.sm-dox a:active
+{
+  padding:0 12px;
+  padding-right:43px;
+  font-family:"Lucida Grande","Geneva","Helvetica",Arial,sans-serif;
+  font-size:13px;
+  font-weight:bold;
+  line-height:36px;
+  text-decoration:none;
+  text-shadow:0 1px 1px rgba(255,255,255,0.9);
+  color:#283a5d;
+  outline:0
+}
+*/
+/*
+.sm-dox a:hover
+{
+  background-image:url("tab_a.png");
+  background-repeat:repeat-x;
+  color:white;
+  text-shadow:0 1px 1px black
+}
+*/
+.sm-dox a.current
+{
+  color:#d23600
+}
+.sm-dox a.disabled
+{
+  color:#bbb
+}
+.sm-dox a span.sub-arrow
+{
+  position:absolute;
+  top:50%;
+  margin-top:-14px;
+  left:auto;
+  right:3px;
+  width:28px;
+  height:28px;
+  overflow:hidden;
+  font:bold 12px/28px monospace!important;
+  text-align:center;
+  text-shadow:none;
+  background:rgba(255,255,255,0.5);
+  -moz-border-radius:5px;
+  -webkit-border-radius:5px;
+  border-radius:5px
+}
+.sm-dox a.highlighted span.sub-arrow:before
+{
+  display:block;
+  content:'-'
+}
+/*
+.sm-dox>li:first-child>a,.sm-dox>li:first-child>:not(ul) a
+{
+  -moz-border-radius:5px 5px 0 0;
+  -webkit-border-radius:5px;
+  border-radius:5px 5px 0 0
+}
+.sm-dox>li:last-child>a,.sm-dox>li:last-child>*:not(ul) a,.sm-dox>li:last-child>ul,.sm-dox>li:last-child>ul>li:last-child>a,.sm-dox>li:last-child>ul>li:last-child>*:not(ul) a,.sm-dox>li:last-child>ul>li:last-child>ul,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>a,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>a,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>a,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul
+{
+  -moz-border-radius:0 0 5px 5px;
+  -webkit-border-radius:0;
+  border-radius:0 0 5px 5px
+}
+.sm-dox>li:last-child>a.highlighted,.sm-dox>li:last-child>*:not(ul) a.highlighted,.sm-dox>li:last-child>ul>li:last-child>a.highlighted,.sm-dox>li:last-child>ul>li:last-child>*:not(ul) a.highlighted,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>a.highlighted,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a.highlighted,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>a.highlighted,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a.highlighted,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>a.highlighted,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a.highlighted
+{
+  -moz-border-radius:0;
+  -webkit-border-radius:0;
+  border-radius:0
+}
+*/
+/*
+.sm-dox ul
+{
+  background:rgba(162,162,162,0.1)
+}
+*/
+/*
+.sm-dox ul a,.sm-dox ul a:focus,.sm-dox ul a:hover,.sm-dox ul a:active
+{
+  font-size:12px;
+  border-left:8px solid transparent;
+  line-height:36px;
+  text-shadow:none;
+  background-color:white;
+  background-image:none
+}
+*/
+/*
+.sm-dox ul a:hover
+{
+  background-image:url("tab_a.png");
+  background-repeat:repeat-x;
+  color:white;
+  text-shadow:0 1px 1px black
+}
+*/
+
+
+.sm-dox ul ul a,.sm-dox ul ul a:hover,.sm-dox ul ul a:focus,.sm-dox ul ul a:active
+{
+  border-left:16px solid transparent
+}
+.sm-dox ul ul ul a,.sm-dox ul ul ul a:hover,.sm-dox ul ul ul a:focus,.sm-dox ul ul ul a:active
+{
+  border-left:24px solid transparent
+}
+.sm-dox ul ul ul ul a,.sm-dox ul ul ul ul a:hover,.sm-dox ul ul ul ul a:focus,.sm-dox ul ul ul ul a:active
+{
+  border-left:32px solid transparent
+}
+.sm-dox ul ul ul ul ul a,.sm-dox ul ul ul ul ul a:hover,.sm-dox ul ul ul ul ul a:focus,.sm-dox ul ul ul ul ul a:active
+{
+  border-left:40px solid transparent
+}
+
+.sm-dox ul
+{
+  position:absolute;
+  width:12em
+}
+/*
+.sm-dox li
+{
+  float:left
+}
+.sm-dox.sm-rtl li
+{
+  float:right
+}
+.sm-dox ul li,.sm-dox.sm-rtl ul li,.sm-dox.sm-vertical li
+{
+  float:none
+}
+*/
+.sm-dox a
+{
+  white-space:nowrap
+}
+.sm-dox ul a,.sm-dox.sm-vertical a
+{
+  white-space:normal
+}
+.sm-dox .sm-nowrap>li>a,.sm-dox .sm-nowrap>li>:not(ul) a
+{
+  white-space:nowrap
+}
+
+/*
+.sm-dox
+{
+  padding:0 10px;
+  background-image:url("tab_b.png");
+  line-height:36px
+}
+*/
+
+.sm-dox a span.sub-arrow
+{
+  top:50%;
+  margin-top:-2px;
+  right:12px;
+  width:0;
+  height:0;
+  border-width:4px;
+  border-style:solid dashed dashed dashed;
+  border-color:#283a5d transparent transparent transparent;
+  background:transparent;
+  -moz-border-radius:0;
+  -webkit-border-radius:0;
+  border-radius:0
+}
+/*
+.sm-dox a,.sm-dox a:focus,.sm-dox a:active,.sm-dox a:hover,.sm-dox a.highlighted
+{
+  padding:0 12px;
+  background-image:url("tab_s.png");
+  background-repeat:no-repeat;
+  background-position:right;
+  -moz-border-radius:0!important;
+  -webkit-border-radius:0;
+  border-radius:0!important
+}
+.sm-dox a:hover
+{
+  background-image:url("tab_a.png");
+  background-repeat:repeat-x;
+  color:white;
+  text-shadow:0 1px 1px black
+}
+*/
+.sm-dox a:hover span.sub-arrow
+{
+  border-color:white transparent transparent transparent
+}
+.sm-dox a.has-submenu
+{
+  padding-right:24px
+}
+.sm-dox li
+{
+  border-top:0
+}
+.sm-dox>li>ul:before,.sm-dox>li>ul:after
+{
+  content:'';
+  position:absolute;
+  top:-18px;
+  left:30px;
+  width:0;
+  height:0;
+  overflow:hidden;
+  border-width:9px;
+  border-style:dashed dashed solid dashed;
+  border-color:transparent transparent #bbb transparent
+}
+.sm-dox>li>ul:after
+{
+  top:-16px;
+  left:31px;
+  border-width:8px;
+  border-color:transparent transparent #fff transparent
+}
+.sm-dox ul
+{
+  border:1px solid #bbb;
+  padding:5px 0;
+  background:#fff;
+/*
+  -moz-border-radius:5px!important;
+  -webkit-border-radius:5px;
+  border-radius:5px!important;
+*/
+  -moz-box-shadow:0 5px 9px rgba(0,0,0,0.2);
+  -webkit-box-shadow:0 5px 9px rgba(0,0,0,0.2);
+  box-shadow:0 5px 9px rgba(0,0,0,0.2)
+}
+.sm-dox ul a span.sub-arrow
+{
+  right:8px;
+  top:50%;
+  margin-top:-5px;
+  border-width:5px;
+  border-color:transparent transparent transparent #555;
+  border-style:dashed dashed dashed solid
+}
+.sm-dox ul a,.sm-dox ul a:hover,.sm-dox ul a:focus,.sm-dox ul a:active,.sm-dox ul a.highlighted
+{
+  color:#555;
+  background-image:none;
+  border:0!important;
+  color:#555;
+  background-image:none
+}
+/*
+.sm-dox ul a:hover
+{
+  background-image:url("tab_a.png");
+  background-repeat:repeat-x;
+  color:white;
+  text-shadow:0 1px 1px black
+}
+*/
+.sm-dox ul a:hover span.sub-arrow
+{
+  border-color:transparent transparent transparent white
+}
+.sm-dox span.scroll-up,.sm-dox span.scroll-down
+{
+  position:absolute;
+  display:none;
+  visibility:hidden;
+  overflow:hidden;
+  background:#fff;
+  height:36px
+}
+.sm-dox span.scroll-up:hover,.sm-dox span.scroll-down:hover
+{
+  background:#eee
+}
+.sm-dox span.scroll-up:hover span.scroll-up-arrow,.sm-dox span.scroll-up:hover span.scroll-down-arrow
+{
+  border-color:transparent transparent #d23600 transparent
+}
+.sm-dox span.scroll-down:hover span.scroll-down-arrow
+{
+  border-color:#d23600 transparent transparent transparent
+}
+.sm-dox span.scroll-up-arrow,.sm-dox span.scroll-down-arrow
+{
+  position:absolute;
+  top:0;
+  left:50%;
+  margin-left:-6px;
+  width:0;
+  height:0;
+  overflow:hidden;
+  border-width:6px;
+  border-style:dashed dashed solid dashed;
+  border-color:transparent transparent #555 transparent
+}
+.sm-dox span.scroll-down-arrow
+{
+  top:8px;
+  border-style:solid dashed dashed dashed;
+  border-color:#555 transparent transparent transparent
+}
+.sm-dox.sm-rtl a.has-submenu
+{
+  padding-right:12px;
+  padding-left:24px
+}
+.sm-dox.sm-rtl a span.sub-arrow
+{
+  right:auto;
+  left:12px
+}
+.sm-dox.sm-rtl.sm-vertical a.has-submenu
+{
+  padding:10px 20px
+}
+.sm-dox.sm-rtl.sm-vertical a span.sub-arrow
+{
+  right:auto;
+  left:8px;
+  border-style:dashed solid dashed dashed;
+  border-color:transparent #555 transparent transparent
+}
+.sm-dox.sm-rtl>li>ul:before
+{
+  left:auto;
+  right:30px
+}
+.sm-dox.sm-rtl>li>ul:after
+{
+  left:auto;
+  right:31px
+}
+.sm-dox.sm-rtl ul a.has-submenu
+{
+  padding:10px 20px!important
+}
+.sm-dox.sm-rtl ul a span.sub-arrow
+{
+  right:auto;
+  left:8px;
+  border-style:dashed solid dashed dashed;
+  border-color:transparent #555 transparent transparent
+}
+.sm-dox.sm-vertical
+{
+  padding:10px 0;
+  -moz-border-radius:5px;
+  -webkit-border-radius:5px;
+  border-radius:5px
+}
+.sm-dox.sm-vertical a
+{
+  padding:10px 20px
+}
+.sm-dox.sm-vertical a:hover,.sm-dox.sm-vertical a:focus,.sm-dox.sm-vertical a:active,.sm-dox.sm-vertical a.highlighted
+{
+  background:#fff
+}
+.sm-dox.sm-vertical a.disabled
+{
+  background-image:url("tab_b.png")
+}
+.sm-dox.sm-vertical a span.sub-arrow
+{
+  right:8px;
+  top:50%;
+  margin-top:-5px;
+  border-width:5px;
+  border-style:dashed dashed dashed solid;
+  border-color:transparent transparent transparent #555
+}
+.sm-dox.sm-vertical>li>ul:before,.sm-dox.sm-vertical>li>ul:after
+{
+  display:none
+}
+.sm-dox.sm-vertical ul a
+{
+  padding:10px 20px
+}
+.sm-dox.sm-vertical ul a:hover,.sm-dox.sm-vertical ul a:focus,.sm-dox.sm-vertical ul a:active,.sm-dox.sm-vertical ul a.highlighted
+{
+  background:#eee
+}
+.sm-dox.sm-vertical ul a.disabled
+{
+  background:#fff
+}
+
+/* SoC Customisation. */
+
+div#main-nav {
+  margin:           0pt;
+  border:           0pt;
+  padding:          0pt; 
+}
+
+div ul#main-menu {
+  margin:           0pt;
+  border:           0pt;
+  padding:          0pt; 
+}
+
+/*
+.sm ul {
+  visibility:       hidden;
+  overflow:         hidden;
+  height:           0;
+  width:            0;
+}
+*/
+
+.sm li {
+  list-style:       none;
+}
+
+ul#main-menu {
+  display:          table;
+  width:            100%;
+}
+
+ul#main-menu > li {
+  display:          table-cell;
+  text-align:       center;
+/*width:            20%;*/
+  border-top:       1px solid black;
+  border-bottom:    1px solid black;
+  border-left:      none;
+  border-right:     1px solid black;
+  padding:          2pt;
+  font-size:        90%;
+}
+
+ul#main-menu > li:first-child {
+  border-left:      1px solid black;
+}
+
+ul#main-menu > li > a {
+  border-bottom:    none;
+}
+
+ul#main-menu > li:hover, ul#main-menu > li:hover > a, ul#main-menu > li > a:hover {
+  background-color: black;
+  color:            white;
+}
+
+/*
+.sm li {
+  margin:           0pt;
+  list-style:       none;
+  font-size:        90%;
+  border-top:       1px solid black;
+  border-bottom:    1px solid black;
+  border-left:      none;
+  border-right:     1px solid black;
+  display:          table-cell;
+  text-align:       center;
+  padding:          2pt;
+  width:            5%;
+}
+.sm li:first-child {
+  border-left:      1px solid black;
+}
+.sm li a {
+  border-style:     none;
+  border-bottom:    none;
+}
+
+.sm li:hover, .sm li:hover a, .sm li a:hover {
+  background-color: black;
+  color:            white;
+}
+*/
+
+
diff --git a/katabatic/doc/CMakeLists.txt b/katabatic/doc/CMakeLists.txt
index 7b153317..f7048ee7 100644
--- a/katabatic/doc/CMakeLists.txt
+++ b/katabatic/doc/CMakeLists.txt
@@ -5,14 +5,15 @@
                set ( doxExtras       customHierarchy.html
                                      closed.png
                                      open.png
-                                     jquery.js
-                                     dynsections.js
+                                     tabs.css
                    )
 
- add_custom_target ( doc ALL cd ${KATABATIC_SOURCE_DIR}/doc && ${DOXYGEN_EXECUTABLE} doxyfile )
+ add_custom_target ( doc ALL
+                        cd ${KATABATIC_SOURCE_DIR}/doc
+                     && ${DOXYGEN_EXECUTABLE} doxyfile
+                     && cp -f ${doxExtras} html
+                   )
 
            install ( DIRECTORY html/                DESTINATION ${htmlInstallDir} )
-           install ( FILES     ${doxExtras}         DESTINATION ${htmlInstallDir} )
-
            install ( DIRECTORY latex/               DESTINATION ${latexInstallDir} )
            install ( FILES     asimbook.cls         DESTINATION ${latexInstallDir} )
diff --git a/katabatic/doc/SoC.css b/katabatic/doc/SoC.css
index 71136369..44bae898 100644
--- a/katabatic/doc/SoC.css
+++ b/katabatic/doc/SoC.css
@@ -130,19 +130,19 @@
 
  pre {
    font-size:                   80%;
-   border:                      dashed;
+ /*border:                      dashed;*/
    border-width:                thin;
    border-color:                #003300;
-   /*
-   background-color:            #EEEEEE;
-   */
+ /*background-color:            #EEEEEE;*/
    background-color:            #FCFCE1;
    padding:                     0.5em;
    margin-left:                 2em;
    margin-right:                2em
  }
 
+/*
  tt          { color:           green;   }
+ */
  em          { font-style:      italic;
                font-weight:     normal;  }
  strong      { font-weight:     bold;    }
@@ -196,6 +196,10 @@
  /*font-family:                 times, verdana, sans-serif;*/
  }
 
+ h2.memtitle {
+   display:                     none;
+ }
+
  center.header {
    background-color:            #CCE6CA;
  }
@@ -269,16 +273,21 @@
    font-size:                   110%;
  }
 
+ table.classHierarchy a {
+  border-style:                 none;
+  border-bottom:                none;
+ }
+
  table.classHierarchy tr {
    border:                      1px solid blue;
  }
 
  table.classHierarchy td.normal {
-   border:                      1px solid #CCE6CA;
+   border:                      1px solid #dddddd;
    width:                       140pt;
    text-align:                  center;
    font-weight:                 bold;
-   background-color:            #CCE6CA;
+   background-color:            #dddddd;
  }
 
  table.classHierarchy td.virtual {
@@ -289,11 +298,11 @@
  }
 
  table.classHierarchy td.wnormal {
-   border:                      1px solid #CCE6CA;
+   border:                      1px solid #dddddd;
    width:                       240pt;
    text-align:                  center;
    font-weight:                 bold;
-   background-color:            #CCE6CA;
+   background-color:            #dddddd;
  }
 
  table.classHierarchy td.wvirtual {
@@ -303,12 +312,13 @@
    font-weight:                 bold;
  }
 
- div.ah {
+ div.ah, span.ah {
    font-family:                 Times;
    font-size:                   300%;
    font-weight:                 bold;
    padding:                     20px;
  }
+
  div.title {
    text-align:                  center;
    font-size:                   200%;
@@ -594,7 +604,7 @@
  /*border-width:     thin;   */
  /*border-color:     #003300;*/
  /*background-color: #FCFCE1;*/
-   background-color: #FCFCE1;
+   background-color: #fefefe;
    padding:          0.5em;
    margin-left:      5%;
    margin-right:     5%
@@ -775,6 +785,10 @@
  * General Classes Index.
  */
 
+ span.icona {
+   margin-right:     10pt;
+ }
+
  div.toc li.level1 {
    margin-left:      0px;
  }
diff --git a/katabatic/doc/header.html b/katabatic/doc/header.html
index 810f9d02..fb9adbaf 100644
--- a/katabatic/doc/header.html
+++ b/katabatic/doc/header.html
@@ -6,6 +6,7 @@
     <script type="text/javascript" src="jquery.js"></script>
     <script type="text/javascript" src="dynsections.js"></script>
     <link   href="SoC.css" rel="stylesheet" type="text/css">
+    <link   href="tabs.css" rel="stylesheet" type="text/css">
   </head>
     <h1 id="pagetop" class="header">Katabatic - Routing Toolbox</h1>
     <!--
diff --git a/katabatic/doc/tabs.css b/katabatic/doc/tabs.css
new file mode 100644
index 00000000..e081c18f
--- /dev/null
+++ b/katabatic/doc/tabs.css
@@ -0,0 +1,558 @@
+
+.sm
+{
+  position:relative;
+  z-index:9999
+}
+.sm,.sm ul,.sm li
+{
+  display:block;
+  list-style:none;
+  margin:0;
+  padding:2pt 7pt;
+  line-height:normal;
+  direction:ltr;
+  text-align:left;
+  -webkit-tap-highlight-color:rgba(0,0,0,0)
+}
+.sm-rtl,.sm-rtl ul,.sm-rtl li
+{
+  direction:rtl;
+  text-align:right
+}
+.sm>li>h1,.sm>li>h2,.sm>li>h3,.sm>li>h4,.sm>li>h5,.sm>li>h6
+{
+  margin:0;
+  padding:0
+}
+.sm ul
+{
+  display:none
+}
+
+.sm li,.sm a
+{
+  position:relative
+}
+.sm a
+{
+  display:block
+}
+.sm a.disabled
+{
+  cursor:not-allowed
+}
+.sm:after
+{
+  content:"\00a0";
+  display:block;
+  height:0;
+  font:0/0 serif;
+  clear:both;
+  visibility:hidden;
+  overflow:hidden
+}
+.sm,.sm *,.sm *:before,.sm *:after
+{
+  -moz-box-sizing:border-box;
+  -webkit-box-sizing:border-box;
+  box-sizing:border-box
+}
+#doc-content
+{
+  overflow:auto;
+  display:block;
+  padding:0;
+  margin:0;
+  -webkit-overflow-scrolling:touch
+}
+/*
+.sm-dox
+{
+  background-image:url("tab_b.png")
+}
+*/
+/*
+.sm-dox a,.sm-dox a:focus,.sm-dox a:hover,.sm-dox a:active
+{
+  padding:0 12px;
+  padding-right:43px;
+  font-family:"Lucida Grande","Geneva","Helvetica",Arial,sans-serif;
+  font-size:13px;
+  font-weight:bold;
+  line-height:36px;
+  text-decoration:none;
+  text-shadow:0 1px 1px rgba(255,255,255,0.9);
+  color:#283a5d;
+  outline:0
+}
+*/
+/*
+.sm-dox a:hover
+{
+  background-image:url("tab_a.png");
+  background-repeat:repeat-x;
+  color:white;
+  text-shadow:0 1px 1px black
+}
+*/
+.sm-dox a.current
+{
+  color:#d23600
+}
+.sm-dox a.disabled
+{
+  color:#bbb
+}
+.sm-dox a span.sub-arrow
+{
+  position:absolute;
+  top:50%;
+  margin-top:-14px;
+  left:auto;
+  right:3px;
+  width:28px;
+  height:28px;
+  overflow:hidden;
+  font:bold 12px/28px monospace!important;
+  text-align:center;
+  text-shadow:none;
+  background:rgba(255,255,255,0.5);
+  -moz-border-radius:5px;
+  -webkit-border-radius:5px;
+  border-radius:5px
+}
+.sm-dox a.highlighted span.sub-arrow:before
+{
+  display:block;
+  content:'-'
+}
+/*
+.sm-dox>li:first-child>a,.sm-dox>li:first-child>:not(ul) a
+{
+  -moz-border-radius:5px 5px 0 0;
+  -webkit-border-radius:5px;
+  border-radius:5px 5px 0 0
+}
+.sm-dox>li:last-child>a,.sm-dox>li:last-child>*:not(ul) a,.sm-dox>li:last-child>ul,.sm-dox>li:last-child>ul>li:last-child>a,.sm-dox>li:last-child>ul>li:last-child>*:not(ul) a,.sm-dox>li:last-child>ul>li:last-child>ul,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>a,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>a,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>a,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul
+{
+  -moz-border-radius:0 0 5px 5px;
+  -webkit-border-radius:0;
+  border-radius:0 0 5px 5px
+}
+.sm-dox>li:last-child>a.highlighted,.sm-dox>li:last-child>*:not(ul) a.highlighted,.sm-dox>li:last-child>ul>li:last-child>a.highlighted,.sm-dox>li:last-child>ul>li:last-child>*:not(ul) a.highlighted,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>a.highlighted,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a.highlighted,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>a.highlighted,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a.highlighted,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>a.highlighted,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a.highlighted
+{
+  -moz-border-radius:0;
+  -webkit-border-radius:0;
+  border-radius:0
+}
+*/
+/*
+.sm-dox ul
+{
+  background:rgba(162,162,162,0.1)
+}
+*/
+/*
+.sm-dox ul a,.sm-dox ul a:focus,.sm-dox ul a:hover,.sm-dox ul a:active
+{
+  font-size:12px;
+  border-left:8px solid transparent;
+  line-height:36px;
+  text-shadow:none;
+  background-color:white;
+  background-image:none
+}
+*/
+/*
+.sm-dox ul a:hover
+{
+  background-image:url("tab_a.png");
+  background-repeat:repeat-x;
+  color:white;
+  text-shadow:0 1px 1px black
+}
+*/
+
+
+.sm-dox ul ul a,.sm-dox ul ul a:hover,.sm-dox ul ul a:focus,.sm-dox ul ul a:active
+{
+  border-left:16px solid transparent
+}
+.sm-dox ul ul ul a,.sm-dox ul ul ul a:hover,.sm-dox ul ul ul a:focus,.sm-dox ul ul ul a:active
+{
+  border-left:24px solid transparent
+}
+.sm-dox ul ul ul ul a,.sm-dox ul ul ul ul a:hover,.sm-dox ul ul ul ul a:focus,.sm-dox ul ul ul ul a:active
+{
+  border-left:32px solid transparent
+}
+.sm-dox ul ul ul ul ul a,.sm-dox ul ul ul ul ul a:hover,.sm-dox ul ul ul ul ul a:focus,.sm-dox ul ul ul ul ul a:active
+{
+  border-left:40px solid transparent
+}
+
+.sm-dox ul
+{
+  position:absolute;
+  width:12em
+}
+/*
+.sm-dox li
+{
+  float:left
+}
+.sm-dox.sm-rtl li
+{
+  float:right
+}
+.sm-dox ul li,.sm-dox.sm-rtl ul li,.sm-dox.sm-vertical li
+{
+  float:none
+}
+*/
+.sm-dox a
+{
+  white-space:nowrap
+}
+.sm-dox ul a,.sm-dox.sm-vertical a
+{
+  white-space:normal
+}
+.sm-dox .sm-nowrap>li>a,.sm-dox .sm-nowrap>li>:not(ul) a
+{
+  white-space:nowrap
+}
+
+/*
+.sm-dox
+{
+  padding:0 10px;
+  background-image:url("tab_b.png");
+  line-height:36px
+}
+*/
+
+.sm-dox a span.sub-arrow
+{
+  top:50%;
+  margin-top:-2px;
+  right:12px;
+  width:0;
+  height:0;
+  border-width:4px;
+  border-style:solid dashed dashed dashed;
+  border-color:#283a5d transparent transparent transparent;
+  background:transparent;
+  -moz-border-radius:0;
+  -webkit-border-radius:0;
+  border-radius:0
+}
+/*
+.sm-dox a,.sm-dox a:focus,.sm-dox a:active,.sm-dox a:hover,.sm-dox a.highlighted
+{
+  padding:0 12px;
+  background-image:url("tab_s.png");
+  background-repeat:no-repeat;
+  background-position:right;
+  -moz-border-radius:0!important;
+  -webkit-border-radius:0;
+  border-radius:0!important
+}
+.sm-dox a:hover
+{
+  background-image:url("tab_a.png");
+  background-repeat:repeat-x;
+  color:white;
+  text-shadow:0 1px 1px black
+}
+*/
+.sm-dox a:hover span.sub-arrow
+{
+  border-color:white transparent transparent transparent
+}
+.sm-dox a.has-submenu
+{
+  padding-right:24px
+}
+.sm-dox li
+{
+  border-top:0
+}
+.sm-dox>li>ul:before,.sm-dox>li>ul:after
+{
+  content:'';
+  position:absolute;
+  top:-18px;
+  left:30px;
+  width:0;
+  height:0;
+  overflow:hidden;
+  border-width:9px;
+  border-style:dashed dashed solid dashed;
+  border-color:transparent transparent #bbb transparent
+}
+.sm-dox>li>ul:after
+{
+  top:-16px;
+  left:31px;
+  border-width:8px;
+  border-color:transparent transparent #fff transparent
+}
+.sm-dox ul
+{
+  border:1px solid #bbb;
+  padding:5px 0;
+  background:#fff;
+/*
+  -moz-border-radius:5px!important;
+  -webkit-border-radius:5px;
+  border-radius:5px!important;
+*/
+  -moz-box-shadow:0 5px 9px rgba(0,0,0,0.2);
+  -webkit-box-shadow:0 5px 9px rgba(0,0,0,0.2);
+  box-shadow:0 5px 9px rgba(0,0,0,0.2)
+}
+.sm-dox ul a span.sub-arrow
+{
+  right:8px;
+  top:50%;
+  margin-top:-5px;
+  border-width:5px;
+  border-color:transparent transparent transparent #555;
+  border-style:dashed dashed dashed solid
+}
+.sm-dox ul a,.sm-dox ul a:hover,.sm-dox ul a:focus,.sm-dox ul a:active,.sm-dox ul a.highlighted
+{
+  color:#555;
+  background-image:none;
+  border:0!important;
+  color:#555;
+  background-image:none
+}
+/*
+.sm-dox ul a:hover
+{
+  background-image:url("tab_a.png");
+  background-repeat:repeat-x;
+  color:white;
+  text-shadow:0 1px 1px black
+}
+*/
+.sm-dox ul a:hover span.sub-arrow
+{
+  border-color:transparent transparent transparent white
+}
+.sm-dox span.scroll-up,.sm-dox span.scroll-down
+{
+  position:absolute;
+  display:none;
+  visibility:hidden;
+  overflow:hidden;
+  background:#fff;
+  height:36px
+}
+.sm-dox span.scroll-up:hover,.sm-dox span.scroll-down:hover
+{
+  background:#eee
+}
+.sm-dox span.scroll-up:hover span.scroll-up-arrow,.sm-dox span.scroll-up:hover span.scroll-down-arrow
+{
+  border-color:transparent transparent #d23600 transparent
+}
+.sm-dox span.scroll-down:hover span.scroll-down-arrow
+{
+  border-color:#d23600 transparent transparent transparent
+}
+.sm-dox span.scroll-up-arrow,.sm-dox span.scroll-down-arrow
+{
+  position:absolute;
+  top:0;
+  left:50%;
+  margin-left:-6px;
+  width:0;
+  height:0;
+  overflow:hidden;
+  border-width:6px;
+  border-style:dashed dashed solid dashed;
+  border-color:transparent transparent #555 transparent
+}
+.sm-dox span.scroll-down-arrow
+{
+  top:8px;
+  border-style:solid dashed dashed dashed;
+  border-color:#555 transparent transparent transparent
+}
+.sm-dox.sm-rtl a.has-submenu
+{
+  padding-right:12px;
+  padding-left:24px
+}
+.sm-dox.sm-rtl a span.sub-arrow
+{
+  right:auto;
+  left:12px
+}
+.sm-dox.sm-rtl.sm-vertical a.has-submenu
+{
+  padding:10px 20px
+}
+.sm-dox.sm-rtl.sm-vertical a span.sub-arrow
+{
+  right:auto;
+  left:8px;
+  border-style:dashed solid dashed dashed;
+  border-color:transparent #555 transparent transparent
+}
+.sm-dox.sm-rtl>li>ul:before
+{
+  left:auto;
+  right:30px
+}
+.sm-dox.sm-rtl>li>ul:after
+{
+  left:auto;
+  right:31px
+}
+.sm-dox.sm-rtl ul a.has-submenu
+{
+  padding:10px 20px!important
+}
+.sm-dox.sm-rtl ul a span.sub-arrow
+{
+  right:auto;
+  left:8px;
+  border-style:dashed solid dashed dashed;
+  border-color:transparent #555 transparent transparent
+}
+.sm-dox.sm-vertical
+{
+  padding:10px 0;
+  -moz-border-radius:5px;
+  -webkit-border-radius:5px;
+  border-radius:5px
+}
+.sm-dox.sm-vertical a
+{
+  padding:10px 20px
+}
+.sm-dox.sm-vertical a:hover,.sm-dox.sm-vertical a:focus,.sm-dox.sm-vertical a:active,.sm-dox.sm-vertical a.highlighted
+{
+  background:#fff
+}
+.sm-dox.sm-vertical a.disabled
+{
+  background-image:url("tab_b.png")
+}
+.sm-dox.sm-vertical a span.sub-arrow
+{
+  right:8px;
+  top:50%;
+  margin-top:-5px;
+  border-width:5px;
+  border-style:dashed dashed dashed solid;
+  border-color:transparent transparent transparent #555
+}
+.sm-dox.sm-vertical>li>ul:before,.sm-dox.sm-vertical>li>ul:after
+{
+  display:none
+}
+.sm-dox.sm-vertical ul a
+{
+  padding:10px 20px
+}
+.sm-dox.sm-vertical ul a:hover,.sm-dox.sm-vertical ul a:focus,.sm-dox.sm-vertical ul a:active,.sm-dox.sm-vertical ul a.highlighted
+{
+  background:#eee
+}
+.sm-dox.sm-vertical ul a.disabled
+{
+  background:#fff
+}
+
+/* SoC Customisation. */
+
+div#main-nav {
+  margin:           0pt;
+  border:           0pt;
+  padding:          0pt; 
+}
+
+div ul#main-menu {
+  margin:           0pt;
+  border:           0pt;
+  padding:          0pt; 
+}
+
+/*
+.sm ul {
+  visibility:       hidden;
+  overflow:         hidden;
+  height:           0;
+  width:            0;
+}
+*/
+
+.sm li {
+  list-style:       none;
+}
+
+ul#main-menu {
+  display:          table;
+  width:            100%;
+}
+
+ul#main-menu > li {
+  display:          table-cell;
+  text-align:       center;
+/*width:            20%;*/
+  border-top:       1px solid black;
+  border-bottom:    1px solid black;
+  border-left:      none;
+  border-right:     1px solid black;
+  padding:          2pt;
+  font-size:        90%;
+}
+
+ul#main-menu > li:first-child {
+  border-left:      1px solid black;
+}
+
+ul#main-menu > li > a {
+  border-bottom:    none;
+}
+
+ul#main-menu > li:hover, ul#main-menu > li:hover > a, ul#main-menu > li > a:hover {
+  background-color: black;
+  color:            white;
+}
+
+/*
+.sm li {
+  margin:           0pt;
+  list-style:       none;
+  font-size:        90%;
+  border-top:       1px solid black;
+  border-bottom:    1px solid black;
+  border-left:      none;
+  border-right:     1px solid black;
+  display:          table-cell;
+  text-align:       center;
+  padding:          2pt;
+  width:            5%;
+}
+.sm li:first-child {
+  border-left:      1px solid black;
+}
+.sm li a {
+  border-style:     none;
+  border-bottom:    none;
+}
+
+.sm li:hover, .sm li:hover a, .sm li a:hover {
+  background-color: black;
+  color:            white;
+}
+*/
+
+
diff --git a/kite/doc/CMakeLists.txt b/kite/doc/CMakeLists.txt
index 9f4f990e..1c5d129c 100644
--- a/kite/doc/CMakeLists.txt
+++ b/kite/doc/CMakeLists.txt
@@ -5,11 +5,14 @@
                set ( doxExtras       customHierarchy.html
                                      closed.png
                                      open.png
-                                     jquery.js
-                                     dynsections.js
+                                     tabs.css
                    )
 
- add_custom_target ( doc ALL cd ${KITE_SOURCE_DIR}/doc && ${DOXYGEN_EXECUTABLE} doxyfile )
+ add_custom_target ( doc ALL
+                        cd ${KITE_SOURCE_DIR}/doc
+                     && ${DOXYGEN_EXECUTABLE} doxyfile
+                     && cp -f ${doxExtras} html
+                   )
 
            install ( DIRECTORY html/                DESTINATION ${htmlInstallDir} )
            install ( FILES     ${doxExtras}         DESTINATION ${htmlInstallDir} )
diff --git a/kite/doc/SoC.css b/kite/doc/SoC.css
index 71136369..44bae898 100644
--- a/kite/doc/SoC.css
+++ b/kite/doc/SoC.css
@@ -130,19 +130,19 @@
 
  pre {
    font-size:                   80%;
-   border:                      dashed;
+ /*border:                      dashed;*/
    border-width:                thin;
    border-color:                #003300;
-   /*
-   background-color:            #EEEEEE;
-   */
+ /*background-color:            #EEEEEE;*/
    background-color:            #FCFCE1;
    padding:                     0.5em;
    margin-left:                 2em;
    margin-right:                2em
  }
 
+/*
  tt          { color:           green;   }
+ */
  em          { font-style:      italic;
                font-weight:     normal;  }
  strong      { font-weight:     bold;    }
@@ -196,6 +196,10 @@
  /*font-family:                 times, verdana, sans-serif;*/
  }
 
+ h2.memtitle {
+   display:                     none;
+ }
+
  center.header {
    background-color:            #CCE6CA;
  }
@@ -269,16 +273,21 @@
    font-size:                   110%;
  }
 
+ table.classHierarchy a {
+  border-style:                 none;
+  border-bottom:                none;
+ }
+
  table.classHierarchy tr {
    border:                      1px solid blue;
  }
 
  table.classHierarchy td.normal {
-   border:                      1px solid #CCE6CA;
+   border:                      1px solid #dddddd;
    width:                       140pt;
    text-align:                  center;
    font-weight:                 bold;
-   background-color:            #CCE6CA;
+   background-color:            #dddddd;
  }
 
  table.classHierarchy td.virtual {
@@ -289,11 +298,11 @@
  }
 
  table.classHierarchy td.wnormal {
-   border:                      1px solid #CCE6CA;
+   border:                      1px solid #dddddd;
    width:                       240pt;
    text-align:                  center;
    font-weight:                 bold;
-   background-color:            #CCE6CA;
+   background-color:            #dddddd;
  }
 
  table.classHierarchy td.wvirtual {
@@ -303,12 +312,13 @@
    font-weight:                 bold;
  }
 
- div.ah {
+ div.ah, span.ah {
    font-family:                 Times;
    font-size:                   300%;
    font-weight:                 bold;
    padding:                     20px;
  }
+
  div.title {
    text-align:                  center;
    font-size:                   200%;
@@ -594,7 +604,7 @@
  /*border-width:     thin;   */
  /*border-color:     #003300;*/
  /*background-color: #FCFCE1;*/
-   background-color: #FCFCE1;
+   background-color: #fefefe;
    padding:          0.5em;
    margin-left:      5%;
    margin-right:     5%
@@ -775,6 +785,10 @@
  * General Classes Index.
  */
 
+ span.icona {
+   margin-right:     10pt;
+ }
+
  div.toc li.level1 {
    margin-left:      0px;
  }
diff --git a/kite/doc/header.html b/kite/doc/header.html
index a96de079..f9ef9986 100644
--- a/kite/doc/header.html
+++ b/kite/doc/header.html
@@ -6,6 +6,7 @@
     <script type="text/javascript" src="jquery.js"></script>
     <script type="text/javascript" src="dynsections.js"></script>
     <link   href="SoC.css" rel="stylesheet" type="text/css">
+    <link   href="tabs.css" rel="stylesheet" type="text/css">
   </head>
     <h1 id="pagetop" class="header">Kite - Detailed Router</h1>
     <!--
diff --git a/kite/doc/tabs.css b/kite/doc/tabs.css
new file mode 100644
index 00000000..e081c18f
--- /dev/null
+++ b/kite/doc/tabs.css
@@ -0,0 +1,558 @@
+
+.sm
+{
+  position:relative;
+  z-index:9999
+}
+.sm,.sm ul,.sm li
+{
+  display:block;
+  list-style:none;
+  margin:0;
+  padding:2pt 7pt;
+  line-height:normal;
+  direction:ltr;
+  text-align:left;
+  -webkit-tap-highlight-color:rgba(0,0,0,0)
+}
+.sm-rtl,.sm-rtl ul,.sm-rtl li
+{
+  direction:rtl;
+  text-align:right
+}
+.sm>li>h1,.sm>li>h2,.sm>li>h3,.sm>li>h4,.sm>li>h5,.sm>li>h6
+{
+  margin:0;
+  padding:0
+}
+.sm ul
+{
+  display:none
+}
+
+.sm li,.sm a
+{
+  position:relative
+}
+.sm a
+{
+  display:block
+}
+.sm a.disabled
+{
+  cursor:not-allowed
+}
+.sm:after
+{
+  content:"\00a0";
+  display:block;
+  height:0;
+  font:0/0 serif;
+  clear:both;
+  visibility:hidden;
+  overflow:hidden
+}
+.sm,.sm *,.sm *:before,.sm *:after
+{
+  -moz-box-sizing:border-box;
+  -webkit-box-sizing:border-box;
+  box-sizing:border-box
+}
+#doc-content
+{
+  overflow:auto;
+  display:block;
+  padding:0;
+  margin:0;
+  -webkit-overflow-scrolling:touch
+}
+/*
+.sm-dox
+{
+  background-image:url("tab_b.png")
+}
+*/
+/*
+.sm-dox a,.sm-dox a:focus,.sm-dox a:hover,.sm-dox a:active
+{
+  padding:0 12px;
+  padding-right:43px;
+  font-family:"Lucida Grande","Geneva","Helvetica",Arial,sans-serif;
+  font-size:13px;
+  font-weight:bold;
+  line-height:36px;
+  text-decoration:none;
+  text-shadow:0 1px 1px rgba(255,255,255,0.9);
+  color:#283a5d;
+  outline:0
+}
+*/
+/*
+.sm-dox a:hover
+{
+  background-image:url("tab_a.png");
+  background-repeat:repeat-x;
+  color:white;
+  text-shadow:0 1px 1px black
+}
+*/
+.sm-dox a.current
+{
+  color:#d23600
+}
+.sm-dox a.disabled
+{
+  color:#bbb
+}
+.sm-dox a span.sub-arrow
+{
+  position:absolute;
+  top:50%;
+  margin-top:-14px;
+  left:auto;
+  right:3px;
+  width:28px;
+  height:28px;
+  overflow:hidden;
+  font:bold 12px/28px monospace!important;
+  text-align:center;
+  text-shadow:none;
+  background:rgba(255,255,255,0.5);
+  -moz-border-radius:5px;
+  -webkit-border-radius:5px;
+  border-radius:5px
+}
+.sm-dox a.highlighted span.sub-arrow:before
+{
+  display:block;
+  content:'-'
+}
+/*
+.sm-dox>li:first-child>a,.sm-dox>li:first-child>:not(ul) a
+{
+  -moz-border-radius:5px 5px 0 0;
+  -webkit-border-radius:5px;
+  border-radius:5px 5px 0 0
+}
+.sm-dox>li:last-child>a,.sm-dox>li:last-child>*:not(ul) a,.sm-dox>li:last-child>ul,.sm-dox>li:last-child>ul>li:last-child>a,.sm-dox>li:last-child>ul>li:last-child>*:not(ul) a,.sm-dox>li:last-child>ul>li:last-child>ul,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>a,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>a,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>a,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul
+{
+  -moz-border-radius:0 0 5px 5px;
+  -webkit-border-radius:0;
+  border-radius:0 0 5px 5px
+}
+.sm-dox>li:last-child>a.highlighted,.sm-dox>li:last-child>*:not(ul) a.highlighted,.sm-dox>li:last-child>ul>li:last-child>a.highlighted,.sm-dox>li:last-child>ul>li:last-child>*:not(ul) a.highlighted,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>a.highlighted,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a.highlighted,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>a.highlighted,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a.highlighted,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>a.highlighted,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a.highlighted
+{
+  -moz-border-radius:0;
+  -webkit-border-radius:0;
+  border-radius:0
+}
+*/
+/*
+.sm-dox ul
+{
+  background:rgba(162,162,162,0.1)
+}
+*/
+/*
+.sm-dox ul a,.sm-dox ul a:focus,.sm-dox ul a:hover,.sm-dox ul a:active
+{
+  font-size:12px;
+  border-left:8px solid transparent;
+  line-height:36px;
+  text-shadow:none;
+  background-color:white;
+  background-image:none
+}
+*/
+/*
+.sm-dox ul a:hover
+{
+  background-image:url("tab_a.png");
+  background-repeat:repeat-x;
+  color:white;
+  text-shadow:0 1px 1px black
+}
+*/
+
+
+.sm-dox ul ul a,.sm-dox ul ul a:hover,.sm-dox ul ul a:focus,.sm-dox ul ul a:active
+{
+  border-left:16px solid transparent
+}
+.sm-dox ul ul ul a,.sm-dox ul ul ul a:hover,.sm-dox ul ul ul a:focus,.sm-dox ul ul ul a:active
+{
+  border-left:24px solid transparent
+}
+.sm-dox ul ul ul ul a,.sm-dox ul ul ul ul a:hover,.sm-dox ul ul ul ul a:focus,.sm-dox ul ul ul ul a:active
+{
+  border-left:32px solid transparent
+}
+.sm-dox ul ul ul ul ul a,.sm-dox ul ul ul ul ul a:hover,.sm-dox ul ul ul ul ul a:focus,.sm-dox ul ul ul ul ul a:active
+{
+  border-left:40px solid transparent
+}
+
+.sm-dox ul
+{
+  position:absolute;
+  width:12em
+}
+/*
+.sm-dox li
+{
+  float:left
+}
+.sm-dox.sm-rtl li
+{
+  float:right
+}
+.sm-dox ul li,.sm-dox.sm-rtl ul li,.sm-dox.sm-vertical li
+{
+  float:none
+}
+*/
+.sm-dox a
+{
+  white-space:nowrap
+}
+.sm-dox ul a,.sm-dox.sm-vertical a
+{
+  white-space:normal
+}
+.sm-dox .sm-nowrap>li>a,.sm-dox .sm-nowrap>li>:not(ul) a
+{
+  white-space:nowrap
+}
+
+/*
+.sm-dox
+{
+  padding:0 10px;
+  background-image:url("tab_b.png");
+  line-height:36px
+}
+*/
+
+.sm-dox a span.sub-arrow
+{
+  top:50%;
+  margin-top:-2px;
+  right:12px;
+  width:0;
+  height:0;
+  border-width:4px;
+  border-style:solid dashed dashed dashed;
+  border-color:#283a5d transparent transparent transparent;
+  background:transparent;
+  -moz-border-radius:0;
+  -webkit-border-radius:0;
+  border-radius:0
+}
+/*
+.sm-dox a,.sm-dox a:focus,.sm-dox a:active,.sm-dox a:hover,.sm-dox a.highlighted
+{
+  padding:0 12px;
+  background-image:url("tab_s.png");
+  background-repeat:no-repeat;
+  background-position:right;
+  -moz-border-radius:0!important;
+  -webkit-border-radius:0;
+  border-radius:0!important
+}
+.sm-dox a:hover
+{
+  background-image:url("tab_a.png");
+  background-repeat:repeat-x;
+  color:white;
+  text-shadow:0 1px 1px black
+}
+*/
+.sm-dox a:hover span.sub-arrow
+{
+  border-color:white transparent transparent transparent
+}
+.sm-dox a.has-submenu
+{
+  padding-right:24px
+}
+.sm-dox li
+{
+  border-top:0
+}
+.sm-dox>li>ul:before,.sm-dox>li>ul:after
+{
+  content:'';
+  position:absolute;
+  top:-18px;
+  left:30px;
+  width:0;
+  height:0;
+  overflow:hidden;
+  border-width:9px;
+  border-style:dashed dashed solid dashed;
+  border-color:transparent transparent #bbb transparent
+}
+.sm-dox>li>ul:after
+{
+  top:-16px;
+  left:31px;
+  border-width:8px;
+  border-color:transparent transparent #fff transparent
+}
+.sm-dox ul
+{
+  border:1px solid #bbb;
+  padding:5px 0;
+  background:#fff;
+/*
+  -moz-border-radius:5px!important;
+  -webkit-border-radius:5px;
+  border-radius:5px!important;
+*/
+  -moz-box-shadow:0 5px 9px rgba(0,0,0,0.2);
+  -webkit-box-shadow:0 5px 9px rgba(0,0,0,0.2);
+  box-shadow:0 5px 9px rgba(0,0,0,0.2)
+}
+.sm-dox ul a span.sub-arrow
+{
+  right:8px;
+  top:50%;
+  margin-top:-5px;
+  border-width:5px;
+  border-color:transparent transparent transparent #555;
+  border-style:dashed dashed dashed solid
+}
+.sm-dox ul a,.sm-dox ul a:hover,.sm-dox ul a:focus,.sm-dox ul a:active,.sm-dox ul a.highlighted
+{
+  color:#555;
+  background-image:none;
+  border:0!important;
+  color:#555;
+  background-image:none
+}
+/*
+.sm-dox ul a:hover
+{
+  background-image:url("tab_a.png");
+  background-repeat:repeat-x;
+  color:white;
+  text-shadow:0 1px 1px black
+}
+*/
+.sm-dox ul a:hover span.sub-arrow
+{
+  border-color:transparent transparent transparent white
+}
+.sm-dox span.scroll-up,.sm-dox span.scroll-down
+{
+  position:absolute;
+  display:none;
+  visibility:hidden;
+  overflow:hidden;
+  background:#fff;
+  height:36px
+}
+.sm-dox span.scroll-up:hover,.sm-dox span.scroll-down:hover
+{
+  background:#eee
+}
+.sm-dox span.scroll-up:hover span.scroll-up-arrow,.sm-dox span.scroll-up:hover span.scroll-down-arrow
+{
+  border-color:transparent transparent #d23600 transparent
+}
+.sm-dox span.scroll-down:hover span.scroll-down-arrow
+{
+  border-color:#d23600 transparent transparent transparent
+}
+.sm-dox span.scroll-up-arrow,.sm-dox span.scroll-down-arrow
+{
+  position:absolute;
+  top:0;
+  left:50%;
+  margin-left:-6px;
+  width:0;
+  height:0;
+  overflow:hidden;
+  border-width:6px;
+  border-style:dashed dashed solid dashed;
+  border-color:transparent transparent #555 transparent
+}
+.sm-dox span.scroll-down-arrow
+{
+  top:8px;
+  border-style:solid dashed dashed dashed;
+  border-color:#555 transparent transparent transparent
+}
+.sm-dox.sm-rtl a.has-submenu
+{
+  padding-right:12px;
+  padding-left:24px
+}
+.sm-dox.sm-rtl a span.sub-arrow
+{
+  right:auto;
+  left:12px
+}
+.sm-dox.sm-rtl.sm-vertical a.has-submenu
+{
+  padding:10px 20px
+}
+.sm-dox.sm-rtl.sm-vertical a span.sub-arrow
+{
+  right:auto;
+  left:8px;
+  border-style:dashed solid dashed dashed;
+  border-color:transparent #555 transparent transparent
+}
+.sm-dox.sm-rtl>li>ul:before
+{
+  left:auto;
+  right:30px
+}
+.sm-dox.sm-rtl>li>ul:after
+{
+  left:auto;
+  right:31px
+}
+.sm-dox.sm-rtl ul a.has-submenu
+{
+  padding:10px 20px!important
+}
+.sm-dox.sm-rtl ul a span.sub-arrow
+{
+  right:auto;
+  left:8px;
+  border-style:dashed solid dashed dashed;
+  border-color:transparent #555 transparent transparent
+}
+.sm-dox.sm-vertical
+{
+  padding:10px 0;
+  -moz-border-radius:5px;
+  -webkit-border-radius:5px;
+  border-radius:5px
+}
+.sm-dox.sm-vertical a
+{
+  padding:10px 20px
+}
+.sm-dox.sm-vertical a:hover,.sm-dox.sm-vertical a:focus,.sm-dox.sm-vertical a:active,.sm-dox.sm-vertical a.highlighted
+{
+  background:#fff
+}
+.sm-dox.sm-vertical a.disabled
+{
+  background-image:url("tab_b.png")
+}
+.sm-dox.sm-vertical a span.sub-arrow
+{
+  right:8px;
+  top:50%;
+  margin-top:-5px;
+  border-width:5px;
+  border-style:dashed dashed dashed solid;
+  border-color:transparent transparent transparent #555
+}
+.sm-dox.sm-vertical>li>ul:before,.sm-dox.sm-vertical>li>ul:after
+{
+  display:none
+}
+.sm-dox.sm-vertical ul a
+{
+  padding:10px 20px
+}
+.sm-dox.sm-vertical ul a:hover,.sm-dox.sm-vertical ul a:focus,.sm-dox.sm-vertical ul a:active,.sm-dox.sm-vertical ul a.highlighted
+{
+  background:#eee
+}
+.sm-dox.sm-vertical ul a.disabled
+{
+  background:#fff
+}
+
+/* SoC Customisation. */
+
+div#main-nav {
+  margin:           0pt;
+  border:           0pt;
+  padding:          0pt; 
+}
+
+div ul#main-menu {
+  margin:           0pt;
+  border:           0pt;
+  padding:          0pt; 
+}
+
+/*
+.sm ul {
+  visibility:       hidden;
+  overflow:         hidden;
+  height:           0;
+  width:            0;
+}
+*/
+
+.sm li {
+  list-style:       none;
+}
+
+ul#main-menu {
+  display:          table;
+  width:            100%;
+}
+
+ul#main-menu > li {
+  display:          table-cell;
+  text-align:       center;
+/*width:            20%;*/
+  border-top:       1px solid black;
+  border-bottom:    1px solid black;
+  border-left:      none;
+  border-right:     1px solid black;
+  padding:          2pt;
+  font-size:        90%;
+}
+
+ul#main-menu > li:first-child {
+  border-left:      1px solid black;
+}
+
+ul#main-menu > li > a {
+  border-bottom:    none;
+}
+
+ul#main-menu > li:hover, ul#main-menu > li:hover > a, ul#main-menu > li > a:hover {
+  background-color: black;
+  color:            white;
+}
+
+/*
+.sm li {
+  margin:           0pt;
+  list-style:       none;
+  font-size:        90%;
+  border-top:       1px solid black;
+  border-bottom:    1px solid black;
+  border-left:      none;
+  border-right:     1px solid black;
+  display:          table-cell;
+  text-align:       center;
+  padding:          2pt;
+  width:            5%;
+}
+.sm li:first-child {
+  border-left:      1px solid black;
+}
+.sm li a {
+  border-style:     none;
+  border-bottom:    none;
+}
+
+.sm li:hover, .sm li:hover a, .sm li a:hover {
+  background-color: black;
+  color:            white;
+}
+*/
+
+
diff --git a/unicorn/doc/unicorn/CMakeLists.txt b/unicorn/doc/unicorn/CMakeLists.txt
index 8bbba4ed..26df006d 100644
--- a/unicorn/doc/unicorn/CMakeLists.txt
+++ b/unicorn/doc/unicorn/CMakeLists.txt
@@ -4,14 +4,15 @@
                set ( latexInstallDir share/doc/coriolis2/en/latex/unicorn )
                set ( doxExtras       closed.png
                                      open.png
-                                     jquery.js
-                                     dynsections.js
+                                     tabs.css
                    )
 
- add_custom_target ( documentation ALL cd ${UNICORN_SOURCE_DIR}/doc/unicorn && ${DOXYGEN_EXECUTABLE} doxyfile )
+ add_custom_target ( documentation ALL
+                        cd ${UNICORN_SOURCE_DIR}/doc/unicorn
+                     && ${DOXYGEN_EXECUTABLE} doxyfile
+                     && cp -f ${doxExtras} html
+                   )
 
            install ( DIRECTORY html/                DESTINATION ${htmlInstallDir} )
-           install ( FILES     ${doxExtras}         DESTINATION ${htmlInstallDir} )
-
            install ( DIRECTORY latex/               DESTINATION ${latexInstallDir} )
            install ( FILES     socbook.cls          DESTINATION ${latexInstallDir} )
diff --git a/unicorn/doc/unicorn/SoC.css b/unicorn/doc/unicorn/SoC.css
index 90b66894..44bae898 100644
--- a/unicorn/doc/unicorn/SoC.css
+++ b/unicorn/doc/unicorn/SoC.css
@@ -130,19 +130,19 @@
 
  pre {
    font-size:                   80%;
-   border:                      dashed;
+ /*border:                      dashed;*/
    border-width:                thin;
    border-color:                #003300;
-   /*
-   background-color:            #EEEEEE;
-   */
+ /*background-color:            #EEEEEE;*/
    background-color:            #FCFCE1;
    padding:                     0.5em;
    margin-left:                 2em;
    margin-right:                2em
  }
 
+/*
  tt          { color:           green;   }
+ */
  em          { font-style:      italic;
                font-weight:     normal;  }
  strong      { font-weight:     bold;    }
@@ -196,6 +196,10 @@
  /*font-family:                 times, verdana, sans-serif;*/
  }
 
+ h2.memtitle {
+   display:                     none;
+ }
+
  center.header {
    background-color:            #CCE6CA;
  }
@@ -269,16 +273,21 @@
    font-size:                   110%;
  }
 
+ table.classHierarchy a {
+  border-style:                 none;
+  border-bottom:                none;
+ }
+
  table.classHierarchy tr {
    border:                      1px solid blue;
  }
 
  table.classHierarchy td.normal {
-   border:                      1px solid #CCE6CA;
+   border:                      1px solid #dddddd;
    width:                       140pt;
    text-align:                  center;
    font-weight:                 bold;
-   background-color:            #CCE6CA;
+   background-color:            #dddddd;
  }
 
  table.classHierarchy td.virtual {
@@ -289,11 +298,11 @@
  }
 
  table.classHierarchy td.wnormal {
-   border:                      1px solid #CCE6CA;
+   border:                      1px solid #dddddd;
    width:                       240pt;
    text-align:                  center;
    font-weight:                 bold;
-   background-color:            #CCE6CA;
+   background-color:            #dddddd;
  }
 
  table.classHierarchy td.wvirtual {
@@ -303,12 +312,13 @@
    font-weight:                 bold;
  }
 
- div.ah {
+ div.ah, span.ah {
    font-family:                 Times;
    font-size:                   300%;
    font-weight:                 bold;
    padding:                     20px;
  }
+
  div.title {
    text-align:                  center;
    font-size:                   200%;
@@ -317,7 +327,7 @@
    border:                      2px solid black;
  }
 
- div.center {
+ div.center, div.image {
    text-align:                  center;
  }
 
@@ -594,7 +604,7 @@
  /*border-width:     thin;   */
  /*border-color:     #003300;*/
  /*background-color: #FCFCE1;*/
-   background-color: #FCFCE1;
+   background-color: #fefefe;
    padding:          0.5em;
    margin-left:      5%;
    margin-right:     5%
@@ -775,6 +785,10 @@
  * General Classes Index.
  */
 
+ span.icona {
+   margin-right:     10pt;
+ }
+
  div.toc li.level1 {
    margin-left:      0px;
  }
diff --git a/unicorn/doc/unicorn/header.html b/unicorn/doc/unicorn/header.html
index 71b25d35..6d44b5f2 100644
--- a/unicorn/doc/unicorn/header.html
+++ b/unicorn/doc/unicorn/header.html
@@ -6,6 +6,7 @@
     <script type="text/javascript" src="jquery.js"></script>
     <script type="text/javascript" src="dynsections.js"></script>
     <link   href="SoC.css" rel="stylesheet" type="text/css">
+    <link   href="tabs.css" rel="stylesheet" type="text/css">
   </head>
     <h1 id="pagetop" class="header">Unicorn - Coriolis GUI</h1>
     <!--
diff --git a/unicorn/doc/unicorn/tabs.css b/unicorn/doc/unicorn/tabs.css
new file mode 100644
index 00000000..e081c18f
--- /dev/null
+++ b/unicorn/doc/unicorn/tabs.css
@@ -0,0 +1,558 @@
+
+.sm
+{
+  position:relative;
+  z-index:9999
+}
+.sm,.sm ul,.sm li
+{
+  display:block;
+  list-style:none;
+  margin:0;
+  padding:2pt 7pt;
+  line-height:normal;
+  direction:ltr;
+  text-align:left;
+  -webkit-tap-highlight-color:rgba(0,0,0,0)
+}
+.sm-rtl,.sm-rtl ul,.sm-rtl li
+{
+  direction:rtl;
+  text-align:right
+}
+.sm>li>h1,.sm>li>h2,.sm>li>h3,.sm>li>h4,.sm>li>h5,.sm>li>h6
+{
+  margin:0;
+  padding:0
+}
+.sm ul
+{
+  display:none
+}
+
+.sm li,.sm a
+{
+  position:relative
+}
+.sm a
+{
+  display:block
+}
+.sm a.disabled
+{
+  cursor:not-allowed
+}
+.sm:after
+{
+  content:"\00a0";
+  display:block;
+  height:0;
+  font:0/0 serif;
+  clear:both;
+  visibility:hidden;
+  overflow:hidden
+}
+.sm,.sm *,.sm *:before,.sm *:after
+{
+  -moz-box-sizing:border-box;
+  -webkit-box-sizing:border-box;
+  box-sizing:border-box
+}
+#doc-content
+{
+  overflow:auto;
+  display:block;
+  padding:0;
+  margin:0;
+  -webkit-overflow-scrolling:touch
+}
+/*
+.sm-dox
+{
+  background-image:url("tab_b.png")
+}
+*/
+/*
+.sm-dox a,.sm-dox a:focus,.sm-dox a:hover,.sm-dox a:active
+{
+  padding:0 12px;
+  padding-right:43px;
+  font-family:"Lucida Grande","Geneva","Helvetica",Arial,sans-serif;
+  font-size:13px;
+  font-weight:bold;
+  line-height:36px;
+  text-decoration:none;
+  text-shadow:0 1px 1px rgba(255,255,255,0.9);
+  color:#283a5d;
+  outline:0
+}
+*/
+/*
+.sm-dox a:hover
+{
+  background-image:url("tab_a.png");
+  background-repeat:repeat-x;
+  color:white;
+  text-shadow:0 1px 1px black
+}
+*/
+.sm-dox a.current
+{
+  color:#d23600
+}
+.sm-dox a.disabled
+{
+  color:#bbb
+}
+.sm-dox a span.sub-arrow
+{
+  position:absolute;
+  top:50%;
+  margin-top:-14px;
+  left:auto;
+  right:3px;
+  width:28px;
+  height:28px;
+  overflow:hidden;
+  font:bold 12px/28px monospace!important;
+  text-align:center;
+  text-shadow:none;
+  background:rgba(255,255,255,0.5);
+  -moz-border-radius:5px;
+  -webkit-border-radius:5px;
+  border-radius:5px
+}
+.sm-dox a.highlighted span.sub-arrow:before
+{
+  display:block;
+  content:'-'
+}
+/*
+.sm-dox>li:first-child>a,.sm-dox>li:first-child>:not(ul) a
+{
+  -moz-border-radius:5px 5px 0 0;
+  -webkit-border-radius:5px;
+  border-radius:5px 5px 0 0
+}
+.sm-dox>li:last-child>a,.sm-dox>li:last-child>*:not(ul) a,.sm-dox>li:last-child>ul,.sm-dox>li:last-child>ul>li:last-child>a,.sm-dox>li:last-child>ul>li:last-child>*:not(ul) a,.sm-dox>li:last-child>ul>li:last-child>ul,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>a,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>a,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>a,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul
+{
+  -moz-border-radius:0 0 5px 5px;
+  -webkit-border-radius:0;
+  border-radius:0 0 5px 5px
+}
+.sm-dox>li:last-child>a.highlighted,.sm-dox>li:last-child>*:not(ul) a.highlighted,.sm-dox>li:last-child>ul>li:last-child>a.highlighted,.sm-dox>li:last-child>ul>li:last-child>*:not(ul) a.highlighted,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>a.highlighted,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a.highlighted,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>a.highlighted,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a.highlighted,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>a.highlighted,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a.highlighted
+{
+  -moz-border-radius:0;
+  -webkit-border-radius:0;
+  border-radius:0
+}
+*/
+/*
+.sm-dox ul
+{
+  background:rgba(162,162,162,0.1)
+}
+*/
+/*
+.sm-dox ul a,.sm-dox ul a:focus,.sm-dox ul a:hover,.sm-dox ul a:active
+{
+  font-size:12px;
+  border-left:8px solid transparent;
+  line-height:36px;
+  text-shadow:none;
+  background-color:white;
+  background-image:none
+}
+*/
+/*
+.sm-dox ul a:hover
+{
+  background-image:url("tab_a.png");
+  background-repeat:repeat-x;
+  color:white;
+  text-shadow:0 1px 1px black
+}
+*/
+
+
+.sm-dox ul ul a,.sm-dox ul ul a:hover,.sm-dox ul ul a:focus,.sm-dox ul ul a:active
+{
+  border-left:16px solid transparent
+}
+.sm-dox ul ul ul a,.sm-dox ul ul ul a:hover,.sm-dox ul ul ul a:focus,.sm-dox ul ul ul a:active
+{
+  border-left:24px solid transparent
+}
+.sm-dox ul ul ul ul a,.sm-dox ul ul ul ul a:hover,.sm-dox ul ul ul ul a:focus,.sm-dox ul ul ul ul a:active
+{
+  border-left:32px solid transparent
+}
+.sm-dox ul ul ul ul ul a,.sm-dox ul ul ul ul ul a:hover,.sm-dox ul ul ul ul ul a:focus,.sm-dox ul ul ul ul ul a:active
+{
+  border-left:40px solid transparent
+}
+
+.sm-dox ul
+{
+  position:absolute;
+  width:12em
+}
+/*
+.sm-dox li
+{
+  float:left
+}
+.sm-dox.sm-rtl li
+{
+  float:right
+}
+.sm-dox ul li,.sm-dox.sm-rtl ul li,.sm-dox.sm-vertical li
+{
+  float:none
+}
+*/
+.sm-dox a
+{
+  white-space:nowrap
+}
+.sm-dox ul a,.sm-dox.sm-vertical a
+{
+  white-space:normal
+}
+.sm-dox .sm-nowrap>li>a,.sm-dox .sm-nowrap>li>:not(ul) a
+{
+  white-space:nowrap
+}
+
+/*
+.sm-dox
+{
+  padding:0 10px;
+  background-image:url("tab_b.png");
+  line-height:36px
+}
+*/
+
+.sm-dox a span.sub-arrow
+{
+  top:50%;
+  margin-top:-2px;
+  right:12px;
+  width:0;
+  height:0;
+  border-width:4px;
+  border-style:solid dashed dashed dashed;
+  border-color:#283a5d transparent transparent transparent;
+  background:transparent;
+  -moz-border-radius:0;
+  -webkit-border-radius:0;
+  border-radius:0
+}
+/*
+.sm-dox a,.sm-dox a:focus,.sm-dox a:active,.sm-dox a:hover,.sm-dox a.highlighted
+{
+  padding:0 12px;
+  background-image:url("tab_s.png");
+  background-repeat:no-repeat;
+  background-position:right;
+  -moz-border-radius:0!important;
+  -webkit-border-radius:0;
+  border-radius:0!important
+}
+.sm-dox a:hover
+{
+  background-image:url("tab_a.png");
+  background-repeat:repeat-x;
+  color:white;
+  text-shadow:0 1px 1px black
+}
+*/
+.sm-dox a:hover span.sub-arrow
+{
+  border-color:white transparent transparent transparent
+}
+.sm-dox a.has-submenu
+{
+  padding-right:24px
+}
+.sm-dox li
+{
+  border-top:0
+}
+.sm-dox>li>ul:before,.sm-dox>li>ul:after
+{
+  content:'';
+  position:absolute;
+  top:-18px;
+  left:30px;
+  width:0;
+  height:0;
+  overflow:hidden;
+  border-width:9px;
+  border-style:dashed dashed solid dashed;
+  border-color:transparent transparent #bbb transparent
+}
+.sm-dox>li>ul:after
+{
+  top:-16px;
+  left:31px;
+  border-width:8px;
+  border-color:transparent transparent #fff transparent
+}
+.sm-dox ul
+{
+  border:1px solid #bbb;
+  padding:5px 0;
+  background:#fff;
+/*
+  -moz-border-radius:5px!important;
+  -webkit-border-radius:5px;
+  border-radius:5px!important;
+*/
+  -moz-box-shadow:0 5px 9px rgba(0,0,0,0.2);
+  -webkit-box-shadow:0 5px 9px rgba(0,0,0,0.2);
+  box-shadow:0 5px 9px rgba(0,0,0,0.2)
+}
+.sm-dox ul a span.sub-arrow
+{
+  right:8px;
+  top:50%;
+  margin-top:-5px;
+  border-width:5px;
+  border-color:transparent transparent transparent #555;
+  border-style:dashed dashed dashed solid
+}
+.sm-dox ul a,.sm-dox ul a:hover,.sm-dox ul a:focus,.sm-dox ul a:active,.sm-dox ul a.highlighted
+{
+  color:#555;
+  background-image:none;
+  border:0!important;
+  color:#555;
+  background-image:none
+}
+/*
+.sm-dox ul a:hover
+{
+  background-image:url("tab_a.png");
+  background-repeat:repeat-x;
+  color:white;
+  text-shadow:0 1px 1px black
+}
+*/
+.sm-dox ul a:hover span.sub-arrow
+{
+  border-color:transparent transparent transparent white
+}
+.sm-dox span.scroll-up,.sm-dox span.scroll-down
+{
+  position:absolute;
+  display:none;
+  visibility:hidden;
+  overflow:hidden;
+  background:#fff;
+  height:36px
+}
+.sm-dox span.scroll-up:hover,.sm-dox span.scroll-down:hover
+{
+  background:#eee
+}
+.sm-dox span.scroll-up:hover span.scroll-up-arrow,.sm-dox span.scroll-up:hover span.scroll-down-arrow
+{
+  border-color:transparent transparent #d23600 transparent
+}
+.sm-dox span.scroll-down:hover span.scroll-down-arrow
+{
+  border-color:#d23600 transparent transparent transparent
+}
+.sm-dox span.scroll-up-arrow,.sm-dox span.scroll-down-arrow
+{
+  position:absolute;
+  top:0;
+  left:50%;
+  margin-left:-6px;
+  width:0;
+  height:0;
+  overflow:hidden;
+  border-width:6px;
+  border-style:dashed dashed solid dashed;
+  border-color:transparent transparent #555 transparent
+}
+.sm-dox span.scroll-down-arrow
+{
+  top:8px;
+  border-style:solid dashed dashed dashed;
+  border-color:#555 transparent transparent transparent
+}
+.sm-dox.sm-rtl a.has-submenu
+{
+  padding-right:12px;
+  padding-left:24px
+}
+.sm-dox.sm-rtl a span.sub-arrow
+{
+  right:auto;
+  left:12px
+}
+.sm-dox.sm-rtl.sm-vertical a.has-submenu
+{
+  padding:10px 20px
+}
+.sm-dox.sm-rtl.sm-vertical a span.sub-arrow
+{
+  right:auto;
+  left:8px;
+  border-style:dashed solid dashed dashed;
+  border-color:transparent #555 transparent transparent
+}
+.sm-dox.sm-rtl>li>ul:before
+{
+  left:auto;
+  right:30px
+}
+.sm-dox.sm-rtl>li>ul:after
+{
+  left:auto;
+  right:31px
+}
+.sm-dox.sm-rtl ul a.has-submenu
+{
+  padding:10px 20px!important
+}
+.sm-dox.sm-rtl ul a span.sub-arrow
+{
+  right:auto;
+  left:8px;
+  border-style:dashed solid dashed dashed;
+  border-color:transparent #555 transparent transparent
+}
+.sm-dox.sm-vertical
+{
+  padding:10px 0;
+  -moz-border-radius:5px;
+  -webkit-border-radius:5px;
+  border-radius:5px
+}
+.sm-dox.sm-vertical a
+{
+  padding:10px 20px
+}
+.sm-dox.sm-vertical a:hover,.sm-dox.sm-vertical a:focus,.sm-dox.sm-vertical a:active,.sm-dox.sm-vertical a.highlighted
+{
+  background:#fff
+}
+.sm-dox.sm-vertical a.disabled
+{
+  background-image:url("tab_b.png")
+}
+.sm-dox.sm-vertical a span.sub-arrow
+{
+  right:8px;
+  top:50%;
+  margin-top:-5px;
+  border-width:5px;
+  border-style:dashed dashed dashed solid;
+  border-color:transparent transparent transparent #555
+}
+.sm-dox.sm-vertical>li>ul:before,.sm-dox.sm-vertical>li>ul:after
+{
+  display:none
+}
+.sm-dox.sm-vertical ul a
+{
+  padding:10px 20px
+}
+.sm-dox.sm-vertical ul a:hover,.sm-dox.sm-vertical ul a:focus,.sm-dox.sm-vertical ul a:active,.sm-dox.sm-vertical ul a.highlighted
+{
+  background:#eee
+}
+.sm-dox.sm-vertical ul a.disabled
+{
+  background:#fff
+}
+
+/* SoC Customisation. */
+
+div#main-nav {
+  margin:           0pt;
+  border:           0pt;
+  padding:          0pt; 
+}
+
+div ul#main-menu {
+  margin:           0pt;
+  border:           0pt;
+  padding:          0pt; 
+}
+
+/*
+.sm ul {
+  visibility:       hidden;
+  overflow:         hidden;
+  height:           0;
+  width:            0;
+}
+*/
+
+.sm li {
+  list-style:       none;
+}
+
+ul#main-menu {
+  display:          table;
+  width:            100%;
+}
+
+ul#main-menu > li {
+  display:          table-cell;
+  text-align:       center;
+/*width:            20%;*/
+  border-top:       1px solid black;
+  border-bottom:    1px solid black;
+  border-left:      none;
+  border-right:     1px solid black;
+  padding:          2pt;
+  font-size:        90%;
+}
+
+ul#main-menu > li:first-child {
+  border-left:      1px solid black;
+}
+
+ul#main-menu > li > a {
+  border-bottom:    none;
+}
+
+ul#main-menu > li:hover, ul#main-menu > li:hover > a, ul#main-menu > li > a:hover {
+  background-color: black;
+  color:            white;
+}
+
+/*
+.sm li {
+  margin:           0pt;
+  list-style:       none;
+  font-size:        90%;
+  border-top:       1px solid black;
+  border-bottom:    1px solid black;
+  border-left:      none;
+  border-right:     1px solid black;
+  display:          table-cell;
+  text-align:       center;
+  padding:          2pt;
+  width:            5%;
+}
+.sm li:first-child {
+  border-left:      1px solid black;
+}
+.sm li a {
+  border-style:     none;
+  border-bottom:    none;
+}
+
+.sm li:hover, .sm li:hover a, .sm li a:hover {
+  background-color: black;
+  color:            white;
+}
+*/
+
+