From 2f3b425ddd199c6f8865b1c97210c6d4b74ca8ef Mon Sep 17 00:00:00 2001
From: jensp <jensp@8810af33-2d31-482b-a856-94f89814c4df>
Date: Tue, 11 Feb 2014 18:23:11 +0000
Subject: [PATCH] First part of the integration of the YAML CSS Framework
 (http://www.yaml.org) into Mandalay. YAML can now used using the <useYAML>
 element in a layout file.

git-svn-id: https://svn.libreccm.org/ccm/trunk@2519 8810af33-2d31-482b-a856-94f89814c4df
---
 .../mandalay-yaml/layout/navigation.xml       |   4 +-
 .../web/themes/mandalay-yaml/lib/html5shiv.js |   8 +
 .../user/includes/mandalay/layoutParser.xsl   | 100 +++
 .../add-ons/accessible-tabs/jquery.tabs.js    | 266 +++++++
 .../yaml/add-ons/accessible-tabs/tabs.css     | 136 ++++
 .../microformats/icons/external_link.png      | Bin 0 -> 120 bytes
 .../add-ons/microformats/icons/hcalendar.png  | Bin 0 -> 527 bytes
 .../yaml/add-ons/microformats/icons/hcard.png | Bin 0 -> 562 bytes
 .../add-ons/microformats/icons/icon-geo.png   | Bin 0 -> 633 bytes
 .../add-ons/microformats/icons/icon-hatom.png | Bin 0 -> 578 bytes
 .../microformats/icons/icon-haudio.png        | Bin 0 -> 614 bytes
 .../microformats/icons/icon-hcalendar-add.png | Bin 0 -> 614 bytes
 .../icons/icon-hcalendar-download.png         | Bin 0 -> 612 bytes
 .../microformats/icons/icon-hcalendar.png     | Bin 0 -> 575 bytes
 .../microformats/icons/icon-hcard-add.png     | Bin 0 -> 576 bytes
 .../icons/icon-hcard-download.png             | Bin 0 -> 587 bytes
 .../add-ons/microformats/icons/icon-hcard.png | Bin 0 -> 565 bytes
 .../microformats/icons/icon-hresume.png       | Bin 0 -> 593 bytes
 .../microformats/icons/icon-rel-tag.png       | Bin 0 -> 589 bytes
 .../add-ons/microformats/icons/icon-xfn.png   | Bin 0 -> 591 bytes
 .../microformats/icons/xfn/xfn-child.png      | Bin 0 -> 428 bytes
 .../icons/xfn/xfn-colleague-met.png           | Bin 0 -> 337 bytes
 .../microformats/icons/xfn/xfn-colleague.png  | Bin 0 -> 320 bytes
 .../microformats/icons/xfn/xfn-friend-met.png | Bin 0 -> 342 bytes
 .../microformats/icons/xfn/xfn-friend.png     | Bin 0 -> 317 bytes
 .../add-ons/microformats/icons/xfn/xfn-me.png | Bin 0 -> 297 bytes
 .../microformats/icons/xfn/xfn-parent.png     | Bin 0 -> 488 bytes
 .../microformats/icons/xfn/xfn-small.png      | Bin 0 -> 474 bytes
 .../microformats/icons/xfn/xfn-spouse.png     | Bin 0 -> 663 bytes
 .../icons/xfn/xfn-sweetheart-met.png          | Bin 0 -> 309 bytes
 .../microformats/icons/xfn/xfn-sweetheart.png | Bin 0 -> 299 bytes
 .../add-ons/microformats/microformats.css     | 167 +++++
 .../add-ons/rtl-support/core/base-rtl.css     | 167 +++++
 .../add-ons/rtl-support/core/base-rtl.min.css |   3 +
 .../rtl-support/forms/gray-theme-rtl.css      |  44 ++
 .../rtl-support/navigation/hlist-rtl.css      |  48 ++
 .../rtl-support/navigation/vlist-rtl.css      |  54 ++
 .../rtl-support/screen/typography-rtl.css     |  38 +
 .../add-ons/syncheight/jquery.syncheight.js   | 112 +++
 .../themes/mandalay-yaml/yaml/core/base.css   | 705 ++++++++++++++++++
 .../mandalay-yaml/yaml/core/base.min.css      |   3 +
 .../mandalay-yaml/yaml/core/iehacks.css       | 468 ++++++++++++
 .../mandalay-yaml/yaml/core/iehacks.min.css   |   3 +
 .../yaml/core/js/yaml-focusfix.js             |  70 ++
 .../mandalay-yaml/yaml/forms/gray-theme.css   | 676 +++++++++++++++++
 .../mandalay-yaml/yaml/navigation/hlist.css   | 109 +++
 .../mandalay-yaml/yaml/navigation/vlist.css   | 144 ++++
 .../themes/mandalay-yaml/yaml/print/print.css |  42 ++
 .../yaml/screen/grid-960gs-12.css             | 164 ++++
 .../yaml/screen/grid-960gs-16.css             | 212 ++++++
 .../yaml/screen/grid-blueprint.css            | 308 ++++++++
 .../yaml/screen/grid-fluid-12col.css          | 164 ++++
 .../yaml/screen/screen-FULLPAGE-layout.css    | 184 +++++
 .../yaml/screen/screen-PAGE-layout.css        | 196 +++++
 .../mandalay-yaml/yaml/screen/typography.css  | 486 ++++++++++++
 55 files changed, 5080 insertions(+), 1 deletion(-)
 create mode 100644 ccm-sci-bundle/web/themes/mandalay-yaml/lib/html5shiv.js
 create mode 100644 ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/accessible-tabs/jquery.tabs.js
 create mode 100644 ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/accessible-tabs/tabs.css
 create mode 100644 ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/external_link.png
 create mode 100644 ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/hcalendar.png
 create mode 100644 ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/hcard.png
 create mode 100644 ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/icon-geo.png
 create mode 100644 ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/icon-hatom.png
 create mode 100644 ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/icon-haudio.png
 create mode 100644 ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/icon-hcalendar-add.png
 create mode 100644 ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/icon-hcalendar-download.png
 create mode 100644 ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/icon-hcalendar.png
 create mode 100644 ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/icon-hcard-add.png
 create mode 100644 ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/icon-hcard-download.png
 create mode 100644 ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/icon-hcard.png
 create mode 100644 ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/icon-hresume.png
 create mode 100644 ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/icon-rel-tag.png
 create mode 100644 ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/icon-xfn.png
 create mode 100644 ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/xfn/xfn-child.png
 create mode 100644 ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/xfn/xfn-colleague-met.png
 create mode 100644 ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/xfn/xfn-colleague.png
 create mode 100644 ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/xfn/xfn-friend-met.png
 create mode 100644 ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/xfn/xfn-friend.png
 create mode 100644 ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/xfn/xfn-me.png
 create mode 100644 ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/xfn/xfn-parent.png
 create mode 100644 ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/xfn/xfn-small.png
 create mode 100644 ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/xfn/xfn-spouse.png
 create mode 100644 ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/xfn/xfn-sweetheart-met.png
 create mode 100644 ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/xfn/xfn-sweetheart.png
 create mode 100644 ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/microformats.css
 create mode 100644 ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/rtl-support/core/base-rtl.css
 create mode 100644 ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/rtl-support/core/base-rtl.min.css
 create mode 100644 ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/rtl-support/forms/gray-theme-rtl.css
 create mode 100644 ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/rtl-support/navigation/hlist-rtl.css
 create mode 100644 ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/rtl-support/navigation/vlist-rtl.css
 create mode 100644 ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/rtl-support/screen/typography-rtl.css
 create mode 100644 ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/syncheight/jquery.syncheight.js
 create mode 100644 ccm-sci-bundle/web/themes/mandalay-yaml/yaml/core/base.css
 create mode 100644 ccm-sci-bundle/web/themes/mandalay-yaml/yaml/core/base.min.css
 create mode 100644 ccm-sci-bundle/web/themes/mandalay-yaml/yaml/core/iehacks.css
 create mode 100644 ccm-sci-bundle/web/themes/mandalay-yaml/yaml/core/iehacks.min.css
 create mode 100644 ccm-sci-bundle/web/themes/mandalay-yaml/yaml/core/js/yaml-focusfix.js
 create mode 100644 ccm-sci-bundle/web/themes/mandalay-yaml/yaml/forms/gray-theme.css
 create mode 100644 ccm-sci-bundle/web/themes/mandalay-yaml/yaml/navigation/hlist.css
 create mode 100644 ccm-sci-bundle/web/themes/mandalay-yaml/yaml/navigation/vlist.css
 create mode 100644 ccm-sci-bundle/web/themes/mandalay-yaml/yaml/print/print.css
 create mode 100644 ccm-sci-bundle/web/themes/mandalay-yaml/yaml/screen/grid-960gs-12.css
 create mode 100644 ccm-sci-bundle/web/themes/mandalay-yaml/yaml/screen/grid-960gs-16.css
 create mode 100644 ccm-sci-bundle/web/themes/mandalay-yaml/yaml/screen/grid-blueprint.css
 create mode 100644 ccm-sci-bundle/web/themes/mandalay-yaml/yaml/screen/grid-fluid-12col.css
 create mode 100644 ccm-sci-bundle/web/themes/mandalay-yaml/yaml/screen/screen-FULLPAGE-layout.css
 create mode 100644 ccm-sci-bundle/web/themes/mandalay-yaml/yaml/screen/screen-PAGE-layout.css
 create mode 100644 ccm-sci-bundle/web/themes/mandalay-yaml/yaml/screen/typography.css

diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/layout/navigation.xml b/ccm-sci-bundle/web/themes/mandalay-yaml/layout/navigation.xml
index 49b470064..30edcc3e1 100755
--- a/ccm-sci-bundle/web/themes/mandalay-yaml/layout/navigation.xml
+++ b/ccm-sci-bundle/web/themes/mandalay-yaml/layout/navigation.xml
@@ -28,6 +28,8 @@
       </showText>
       <usePageTitle/>
     </title>
+    <useYAML>
+    </useYAML>
     <useCSSLoader/>
     <useFancybox/>
     <useMathJax/>
@@ -59,7 +61,7 @@
           <showText class="siteTitle">
             <line>layout/page/header/title</line>
           </showText>
-          <showSubSiteBanner/>
+          <!--<showSubSiteBanner/>-->
           <div id="nav" class="contentWidth">
             <showNavigationMenu>
               <setMinLevel>0</setMinLevel>
diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/lib/html5shiv.js b/ccm-sci-bundle/web/themes/mandalay-yaml/lib/html5shiv.js
new file mode 100644
index 000000000..448cebd79
--- /dev/null
+++ b/ccm-sci-bundle/web/themes/mandalay-yaml/lib/html5shiv.js
@@ -0,0 +1,8 @@
+/*
+ HTML5 Shiv v3.7.0 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed
+*/
+(function(l,f){function m(){var a=e.elements;return"string"==typeof a?a.split(" "):a}function i(a){var b=n[a[o]];b||(b={},h++,a[o]=h,n[h]=b);return b}function p(a,b,c){b||(b=f);if(g)return b.createElement(a);c||(c=i(b));b=c.cache[a]?c.cache[a].cloneNode():r.test(a)?(c.cache[a]=c.createElem(a)).cloneNode():c.createElem(a);return b.canHaveChildren&&!s.test(a)?c.frag.appendChild(b):b}function t(a,b){if(!b.cache)b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag();
+a.createElement=function(c){return!e.shivMethods?b.createElem(c):p(c,a,b)};a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+m().join().replace(/[\w\-]+/g,function(a){b.createElem(a);b.frag.createElement(a);return'c("'+a+'")'})+");return n}")(e,b.frag)}function q(a){a||(a=f);var b=i(a);if(e.shivCSS&&!j&&!b.hasCSS){var c,d=a;c=d.createElement("p");d=d.getElementsByTagName("head")[0]||d.documentElement;c.innerHTML="x<style>article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}mark{background:#FF0;color:#000}template{display:none}</style>";
+c=d.insertBefore(c.lastChild,d.firstChild);b.hasCSS=!!c}g||t(a,b);return a}var k=l.html5||{},s=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,r=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,j,o="_html5shiv",h=0,n={},g;(function(){try{var a=f.createElement("a");a.innerHTML="<xyz></xyz>";j="hidden"in a;var b;if(!(b=1==a.childNodes.length)){f.createElement("a");var c=f.createDocumentFragment();b="undefined"==typeof c.cloneNode||
+"undefined"==typeof c.createDocumentFragment||"undefined"==typeof c.createElement}g=b}catch(d){g=j=!0}})();var e={elements:k.elements||"abbr article aside audio bdi canvas data datalist details dialog figcaption figure footer header hgroup main mark meter nav output progress section summary template time video",version:"3.7.0",shivCSS:!1!==k.shivCSS,supportsUnknownElements:g,shivMethods:!1!==k.shivMethods,type:"default",shivDocument:q,createElement:p,createDocumentFragment:function(a,b){a||(a=f);
+if(g)return a.createDocumentFragment();for(var b=b||i(a),c=b.frag.cloneNode(),d=0,e=m(),h=e.length;d<h;d++)c.createElement(e[d]);return c}};l.html5=e;q(f)})(this,document);
diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/user/includes/mandalay/layoutParser.xsl b/ccm-sci-bundle/web/themes/mandalay-yaml/user/includes/mandalay/layoutParser.xsl
index 969f6e4df..445408598 100644
--- a/ccm-sci-bundle/web/themes/mandalay-yaml/user/includes/mandalay/layoutParser.xsl
+++ b/ccm-sci-bundle/web/themes/mandalay-yaml/user/includes/mandalay/layoutParser.xsl
@@ -133,4 +133,104 @@
         <xsl:call-template name="mandalay:socialMedia"/>
     </xsl:template>
 
+    <xsl:template match="useYAML">
+        <link rel="stylesheet" type="text/css" href="{$theme-prefix}/yaml/core/base.min.css"/>
+        <link rel="stylesheet" type="text/css" href="{$theme-prefix}/yaml/core/iehacks.min.css"/>
+        
+        <xsl:if test="./accessibleTabs[@enabled='true']">
+            <script type="text/javascript" 
+                    href="{$theme-prefix}/yaml/add-ons/accessible-tabs/jquery.tabs.js"/>
+            <link rel="stylesheet" 
+                  type="text/css" 
+                  href="{$theme-prefix}/yaml/add-ons/accessible-tabs/tabs.css"/>
+        </xsl:if>
+
+        <xsl:if test="./microformats[@enabled='true']">
+            <link rel="stylesheet" 
+                  type="text/css" 
+                  href="{$theme-prefix}/yaml/add-ons/syncheight/jquery.syncheight.js" />
+        </xsl:if>
+                        
+        <xsl:if test="./forms">
+            <link rel="stylesheet" 
+                  type="text/css">
+                <xsl:choose>
+                    <xsl:when test="./forms/@theme">
+                        <xsl:attribute name="href">
+                            <xsl:value-of select="concat($theme-prefix, '/', ./forms/@theme)"/>
+                        </xsl:attribute>
+                    </xsl:when>
+                    <xsl:otherwise>
+                        <xsl:attribute name="href">
+                            <xsl:value-of select="concat($theme-prefix, '/yaml/forms/gray-theme.css')"/>
+                        </xsl:attribute>
+                    </xsl:otherwise>
+                </xsl:choose>
+            </link>
+        </xsl:if>
+        
+        <xsl:if test="not(./navigation[@enabled != 'false'])">
+            <link rel="stylesheet" type="text/css" href="{$theme-prefix}/yaml/navigation/hlist.css"/>
+            <link rel="stylesheet" type="text/css" href="{$theme-prefix}/yaml/navigation/vlist.css"/>
+        </xsl:if>
+        
+        <xsl:if test="not(./print[@enabled != 'false'])">
+            <link rel="stylesheet" type="text/css" href="{$theme-prefix}/yaml/print/print.css"/>
+        </xsl:if>
+        
+        <xsl:if test="./grid96012[@enabled='true']">
+            <link rel="stylesheet" type="text/css" href="{$theme-prefix}/yaml/screen/grid-960-12.css"/>
+        </xsl:if>
+        
+        <xsl:if test="./grid96016[@enabled='true']">
+            <link rel="stylesheet" type="text/css" href="{$theme-prefix}/yaml/screen/grid-960-16.css"/>
+        </xsl:if>
+        
+        <xsl:if test="./screenFullpage[@enabled='true']">
+            <link rel="stylesheet" 
+                  type="text/css" 
+                  href="{$theme-prefix}/yaml/screen/screen-FULLPAGE-layout.css"/>
+        </xsl:if>
+        
+        <xsl:if test="./screenPage[@enabled='true']">
+            <link rel="stylesheet" 
+                  type="text/css" 
+                  href="{$theme-prefix}/yaml/screen/screen-PAGE-layout.css"/>
+        </xsl:if>
+        
+        <xsl:if test="./typography[@enabled='true']">
+            <link rel="stylesheet" 
+                  type="text/css" 
+                  href="{$theme-prefix}/yaml/screen/typography.css"/>
+        </xsl:if>
+                        
+        <xsl:if test="./rtlSupport[@enabled='true']">
+            <link rel="stylesheet" 
+                  type="text/css"
+                  href="{$theme-prefix}/yaml/add-ons/rtl-support/core/base-rtl.min.css"/>
+            <xsl:if test="./navigation[@enabled='true']">
+                <link rel="stylesheet" 
+                      type="text/css" 
+                      href="{$theme-prefix}/yaml/add-ons/rtl-support/navigation/hlist-rtl.css"/>
+                <link rel="stylesheet" 
+                      type="text/css" 
+                      href="{$theme-prefix}/yaml/add-ons/rtl-support/navigation/vlist-rtl.css"/>
+            </xsl:if>
+            <xsl:if test="./typography[@enabled='true']">
+                <link rel="stylesheet" 
+                      type="text/css" 
+                      href="{$theme-prefix}/yaml/add-ons/rtl-support/typography/typography-rtl.css"/>
+            </xsl:if>
+        </xsl:if>
+        
+        <xsl:if test="not(./html5shiv[@enabled = 'false'])">
+            <xsl:text disable-output-escaping="yes">
+&lt;!--[if lt IE 9]&gt;
+&lt;script src="{$theme-prefix}/lib/html5shiv.js"/&gt;
+&lt;![endif]--&gt;
+            </xsl:text>
+        </xsl:if>
+        
+    </xsl:template>
+
 </xsl:stylesheet> 
diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/accessible-tabs/jquery.tabs.js b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/accessible-tabs/jquery.tabs.js
new file mode 100644
index 000000000..487ebdda8
--- /dev/null
+++ b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/accessible-tabs/jquery.tabs.js
@@ -0,0 +1,266 @@
+/**
+ * Accessible Tabs - jQuery plugin for accessible, unobtrusive tabs
+ * Build to seemlessly work with the CCS-Framework YAML (yaml.de) not depending on YAML though
+ * @requires jQuery - tested with 1.9.1, 1.7 and 1.4.2 but might as well work with older versions
+ *
+ * english article: http://blog.ginader.de/archives/2009/02/07/jQuery-Accessible-Tabs-How-to-make-tabs-REALLY-accessible.php
+ * german article: http://blog.ginader.de/archives/2009/02/07/jQuery-Accessible-Tabs-Wie-man-Tabs-WIRKLICH-zugaenglich-macht.php
+ *
+ * code: http://github.com/ginader/Accessible-Tabs
+ * please report issues at: http://github.com/ginader/Accessible-Tabs/issues
+ *
+ * Copyright (c) 2007 Dirk Ginader (ginader.de)
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+ *
+ */
+
+(function($) {
+    var debugMode = true;
+    $.fn.extend({
+        // We assume there could be multiple sets of tabs on a page, so,
+        // the unique id for each invididual tab's heading is identified with params q and r (e.g., id="accessibletabscontent0-2")
+        getUniqueId: function(p, q, r){
+            if (r===undefined) {r='';} else {r='-'+r;}
+            return p + q + r;
+        },
+        accessibleTabs: function(config) {
+            var defaults = {
+                wrapperClass: 'content', // Classname to apply to the div that is wrapped around the original Markup
+                currentClass: 'current', // Classname to apply to the LI of the selected Tab
+                tabhead: 'h4', // Tag or valid Query Selector of the Elements to Transform the Tabs-Navigation from (originals are removed)
+                tabheadClass: 'tabhead', // Classname to apply to the target heading element for each tab div
+                tabbody: '.tabbody', // Tag or valid Query Selector of the Elements to be treated as the Tab Body
+                fx:'show', // can be "fadeIn", "slideDown", "show"
+                fxspeed: 'normal', // speed (String|Number): "slow", "normal", or "fast") or the number of milliseconds to run the animation
+                currentInfoText: 'current tab: ', // text to indicate for screenreaders which tab is the current one
+                currentInfoPosition: 'prepend', // Definition where to insert the Info Text. Can be either "prepend" or "append"
+                currentInfoClass: 'current-info', // Class to apply to the span wrapping the CurrentInfoText
+                tabsListClass:'tabs-list', // Class to apply to the generated list of tabs above the content
+                syncheights:false, // syncs the heights of the tab contents when the SyncHeight plugin is available http://blog.ginader.de/dev/jquery/syncheight/index.php
+                syncHeightMethodName:'syncHeight', // set the Method name of the plugin you want to use to sync the tab contents. Defaults to the SyncHeight plugin: http://github.com/ginader/syncHeight
+                cssClassAvailable:false, // Enable individual css classes for tabs. Gets the appropriate class name of a tabhead element and apply it to the tab list element. Boolean value
+                saveState:false, // save the selected tab into a cookie so it stays selected after a reload. This requires that the wrapping div needs to have an ID (so we know which tab we're saving)
+                autoAnchor:false, // will move over any existing id of a headline in tabs markup so it can be linked to it
+                pagination:false, // adds buttons to each tab to switch to the next/previous tab
+                position:'top', // can be 'top' or 'bottom'. Defines where the tabs list is inserted.
+                wrapInnerNavLinks: '', // inner wrap for a-tags in tab navigation. See http://api.jquery.com/wrapInner/ for further informations
+                firstNavItemClass: 'first', // Classname of the first list item in the tab navigation
+                lastNavItemClass: 'last', // Classname of the last list item in the tab navigation
+                clearfixClass: 'clearfix' // Name of the Class that is used to clear/contain floats
+            };
+            var keyCodes = {
+                37 : -1, //LEFT
+                38 : -1, //UP
+                39 : +1, //RIGHT
+                40 : +1 //DOWN
+            };
+            var positions = {
+                top : 'prepend',
+                bottom : 'append'
+            };
+            this.options = $.extend(defaults, config);
+
+            var tabsCount = 0;
+            if($("body").data('accessibleTabsCount') !== undefined){
+                tabsCount = $("body").data('accessibleTabsCount');
+            }
+            $("body").data('accessibleTabsCount',this.size()+tabsCount);
+
+            var o = this;
+            return this.each(function(t) {
+                var el = $(this);
+                var list = '';
+                var tabCount = 0;
+                var ids = [];
+
+                $(el).wrapInner('<div class="'+o.options.wrapperClass+'"></div>');
+
+                $(el).find(o.options.tabhead).each(function(i){
+                    var id = '';
+                    var elId = $(this).attr('id');
+                    if(elId){
+                        // Skip this item if it already exists.
+                        if(elId.indexOf('accessibletabscontent') === 0) {
+                            return;
+                        }
+                        id =' id="'+elId+'"';
+                    }
+                    var tabId = o.getUniqueId('accessibletabscontent', tabsCount+t, i);//get a unique id to assign to this tab's heading
+                    var navItemId = o.getUniqueId('accessibletabsnavigation', tabsCount+t, i);//get a unique id for this navigation item
+                    ids.push(tabId);
+                    if(o.options.cssClassAvailable === true) {
+                        var cssClass = '';
+                        if($(this).attr('class')) {
+                            cssClass = $(this).attr('class');
+                            cssClass = ' class="'+cssClass+'"';
+                        }
+                        list += '<li id="'+navItemId+'"><a'+id+''+cssClass+' href="#'+tabId+'">'+$(this).html()+'</a></li>';
+                    } else {
+                      list += '<li id="'+navItemId+'"><a'+id+' href="#'+tabId+'">'+$(this).html()+'</a></li>';
+                    }
+                    $(this).attr({"id": tabId, "class": o.options.tabheadClass, "tabindex": "-1"});//assign the unique id and the tabheadClass class name to this tab's heading
+                    tabCount++;
+                });
+
+                if (o.options.syncheights && $.fn[o.options.syncHeightMethodName]) {
+                    $(el).find(o.options.tabbody)[o.options.syncHeightMethodName]();
+                    $(window).resize(function(){
+                        $(el).find(o.options.tabbody)[o.options.syncHeightMethodName]();
+                    });
+                }
+
+                // Ensure that the call to setup tabs is re-runnable
+                var tabs_selector = '.' + o.options.tabsListClass;
+                if(!$(el).find(tabs_selector).length) {
+                    $(el)[positions[o.options.position]]('<ul class="'+o.options.clearfixClass+' '+o.options.tabsListClass+' tabamount'+tabCount+'"></ul>');
+                }
+
+                $(el).find(tabs_selector).append(list);
+
+                // initial show first content block and hide the others
+                var content = $(el).find(o.options.tabbody);
+                if (content.length > 0) {
+                    $(content).hide();
+                    $(content[0]).show();
+                }
+                $(el).find("ul."+o.options.tabsListClass+">li:first").addClass(o.options.currentClass).addClass(o.options.firstNavItemClass)
+                  .find('a')[o.options.currentInfoPosition]('<span class="'+o.options.currentInfoClass+'">'+o.options.currentInfoText+'</span>')
+                  .parents("ul."+o.options.tabsListClass).children('li:last').addClass(o.options.lastNavItemClass);
+
+                if (o.options.wrapInnerNavLinks) {
+                  $(el).find('ul.'+o.options.tabsListClass+'>li>a').wrapInner(o.options.wrapInnerNavLinks);
+                }
+
+                $(el).find('ul.'+o.options.tabsListClass+'>li>a').each(function(i){
+                    $(this).click(function(event){
+                        event.preventDefault();
+                        el.trigger("showTab.accessibleTabs", [$(event.target)]);
+                        if(o.options.saveState && $.cookie){
+                            $.cookie('accessibletab_'+el.attr('id')+'_active',i);
+                        }
+                        $(el).find('ul.'+o.options.tabsListClass+'>li.'+o.options.currentClass).removeClass(o.options.currentClass)
+                        .find("span."+o.options.currentInfoClass).remove();
+                        $(this).blur();
+                        $(el).find(o.options.tabbody+':visible').hide();
+                        $(el).find(o.options.tabbody).eq(i)[o.options.fx](o.options.fxspeed);
+                        $(this)[o.options.currentInfoPosition]('<span class="'+o.options.currentInfoClass+'">'+o.options.currentInfoText+'</span>')
+                        .parent().addClass(o.options.currentClass);
+                        //now, only after writing the currentInfoText span to the tab list link, set focus to the tab's heading
+
+                        $($(this).attr("href")).focus().keyup(function(event){
+                            if(keyCodes[event.keyCode]){
+                                o.showAccessibleTab(i+keyCodes[event.keyCode]);
+                                $(this).unbind( "keyup" );
+                            }
+                        });
+
+                        // $(el).find('.accessibletabsanchor').keyup(function(event){
+                        //     if(keyCodes[event.keyCode]){
+                        //         o.showAccessibleTab(i+keyCodes[event.keyCode]);
+                        //     }
+                        // });
+                    });
+
+                    $(this).focus(function(){
+                        $(document).keyup(function(event){
+                            if(keyCodes[event.keyCode]){
+                                o.showAccessibleTab(i+keyCodes[event.keyCode]);
+                            }
+                        });
+                    });
+                    $(this).blur(function(){
+                        $(document).unbind( "keyup" );
+                    });
+
+                });
+
+                if(o.options.saveState && $.cookie){
+                    var savedState = $.cookie('accessibletab_'+el.attr('id')+'_active');
+                    debug($.cookie('accessibletab_'+el.attr('id')+'_active'));
+                    if(savedState !== null){
+                        o.showAccessibleTab(savedState,el.attr('id'));
+                    }
+                }
+
+                if(o.options.autoAnchor && window.location.hash){
+                    var anchorTab = $('.'+o.options.tabsListClass).find(window.location.hash);
+                    if(anchorTab.size()){
+                        anchorTab.click();
+                    }
+                }
+
+                if(o.options.pagination){
+                    var m = '<ul class="pagination">';
+                    m +='    <li class="previous"><a href="#{previousAnchor}"><span>{previousHeadline}</span></a></li>';
+                    m +='    <li class="next"><a href="#{nextAnchor}"><span>{nextHeadline}</span></a></li>';
+                    m +='</ul>';
+                    var tabs = $(el).find('.tabbody');
+                    var tabcount = tabs.size();
+                    tabs.each(function(idx){
+                        $(this).append(m);
+                        var next = idx+1;
+                        if(next>=tabcount){next = 0;}
+                        var previous = idx-1;
+                        if(previous<0){previous = tabcount-1;}
+                        var p = $(this).find('.pagination');
+                        var previousEl = p.find('.previous');
+                        previousEl.find('span').text($('#'+ids[previous]).text());
+                        previousEl.find('a').attr('href','#'+ids[previous])
+                        .click(function(event){
+                            event.preventDefault();
+                            $(el).find('.tabs-list a').eq(previous).click();
+                        });
+                        var nextEl = p.find('.next');
+                        nextEl.find('span').text($('#'+ids[next]).text());
+                        nextEl.find('a').attr('href','#'+ids[next])
+                        .click(function(event){
+                            event.preventDefault();
+                            $(el).find('.tabs-list a').eq(next).click();
+                        });
+                    });
+                }
+            });
+        },
+        showAccessibleTab: function(index,id){
+            debug('showAccessibleTab');
+            var o = this;
+            if(id) {
+                var el = $('#'+id);
+                var links = el.find('ul.'+o.options.tabsListClass+'>li>a');
+                el.trigger("showTab.accessibleTabs", [links.eq(index)]);
+                links.eq(index).click();
+            } else {
+                return this.each(function() {
+                    var el = $(this);
+                    el.trigger("showTab.accessibleTabs");
+                    var links = el.find('ul.'+o.options.tabsListClass+'>li>a');
+                    el.trigger("showTab.accessibleTabs", [links.eq(index)]);
+                    links.eq(index).click();
+                });
+            }
+        },
+        showAccessibleTabSelector: function(selector){
+            debug('showAccessibleTabSelector');
+            var el = $(selector);
+            if(el){
+                if(el.get(0).nodeName.toLowerCase() === 'a'){
+                    el.click();
+                }else{
+                    debug('the selector of a showAccessibleTabSelector() call needs to point to a tabs headline!');
+                }
+            }
+        }
+    });
+    // private Methods
+    function debug(msg,info){
+        if(debugMode && window.console && window.console.log){
+            if(info){
+                window.console.log(info+': ',msg);
+            }else{
+                window.console.log(msg);
+            }
+        }
+    }
+})(jQuery);
diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/accessible-tabs/tabs.css b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/accessible-tabs/tabs.css
new file mode 100644
index 000000000..555a6bd70
--- /dev/null
+++ b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/accessible-tabs/tabs.css
@@ -0,0 +1,136 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ * (en) Styles for Accessible-Tabs plugin for jQuery
+ * (de) Gestaltung des Acessible-Tabs Plugins für jQuery
+ *
+ * @copyright       © 2005-2013, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         4.1.2
+ */
+@media screen, projection {
+  .jquery_tabs {
+    margin: 0 0 1.5em 0;
+  }
+  .jquery_tabs ul.tabs-list {
+    font-size: 1em;
+    display: table;
+    table-layout: fixed;
+    list-style-type: none;
+    margin: 0;
+    position: relative;
+    z-index: 1;
+  }
+  .jquery_tabs ul.tabs-list li {
+    margin: 0 4px 0 0;
+    border: 0 none;
+    display: inline;
+    float: left;
+    padding: 0;
+  }
+  .jquery_tabs ul.tabs-list li a {
+    font-size: 1em;
+    line-height: 1.5;
+    padding: 0.75em;
+    background: transparent;
+    display: block;
+    float: left;
+    font-weight: normal;
+    margin: 0;
+  }
+  .jquery_tabs ul.tabs-list li a:focus, .jquery_tabs ul.tabs-list li a:hover, .jquery_tabs ul.tabs-list li a:active {
+    background: #eee;
+    border-radius: 0.2em 0.2em 0 0;
+    color: #000;
+    font-weight: normal;
+    outline: 0 none;
+    text-decoration: none;
+  }
+  .jquery_tabs ul.tabs-list li.current a,
+  .jquery_tabs ul.tabs-list li.current a:focus,
+  .jquery_tabs ul.tabs-list li.current a:hover,
+  .jquery_tabs ul.tabs-list li.current a:active {
+    background: #fff;
+    border: 1px #ccc solid;
+    border-radius: 0.2em 0.2em 0 0;
+    color: #000;
+    border-bottom: 0 none;
+    font-weight: bold;
+    text-decoration: none;
+  }
+  .jquery_tabs .content {
+    border-top: 1px #ccc solid;
+    clear: both;
+    padding: 0;
+    position: relative;
+    top: -1px;
+    margin-bottom: -1px;
+  }
+
+  /* hiding texts visually */
+  .jquery_tabs .tabhead {
+    position: absolute;
+    left: -32768px;
+  }
+
+  .jquery_tabs .current-info,
+  .jquery_tabs .accessibletabsanchor {
+    left: -999em;
+    position: absolute;
+  }
+
+   /** Avoid margin collapsing to enable correct sync of all tabs
+    *
+    * @workaround
+    * @affected all browsers
+    * @css-for all browsers
+    * @valid yes
+	*/
+  .jquery_tabs .tab-content {
+    border-bottom: 1px transparent solid;
+    border-top: 1px transparent solid;
+    padding-top: 1.5em;
+    *overflow: hidden;
+  }
+
+  /** Containing floats adjustment and stability fixes for Internet Explorer
+   *
+   * @workaround
+   * @affected IE 5.x/Win, IE6, IE7
+   * @css-for IE 5.x/Win, IE6, IE7
+   * @valid no
+   */
+  * html .jquery_tabs {
+    zoom: 1;
+    width: auto;
+    position: relative;
+  }
+  * html .jquery_tabs .tab-content {
+    border-bottom: 1px #fff solid;
+    border-top: 1px #fff solid;
+  }
+  * html .jquery_tabs .content {
+    z-index: -1;
+  }
+
+  * + html .jquery_tabs {
+    zoom: 1;
+    width: auto;
+  }
+
+  .jquery_tabs * {
+    zoom: 1;
+  }
+}
+/* Make tabs printable */
+@media print {
+  .jquery_tabs .tabs-list {
+    display: none !important;
+  }
+  .jquery_tabs .tabbody,
+  .jquery_tabs .tabhead {
+    display: block !important;
+  }
+}
diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/external_link.png b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/external_link.png
new file mode 100644
index 0000000000000000000000000000000000000000..47938b8d6e9530487a216f15f60a68940501d7e3
GIT binary patch
literal 120
zcmeAS@N?(olHy`uVBq!ia0y~yVBi6<8JQUv7?wYmWn^GrU<>dGasB`QfAUlo5e^wg
z1_lPkk|4ie28U-i(ij*R6g*uVLpWqv4=&_nVBlcbVESK-W%K%5M|lNwT#Z#uGJc4O
XV41UjlW`IQ0|SGntDnm{r-UW|G|V39

literal 0
HcmV?d00001

diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/hcalendar.png b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/hcalendar.png
new file mode 100644
index 0000000000000000000000000000000000000000..19d0952a05db44f38041669151b3a22e0cae5983
GIT binary patch
literal 527
zcmV+q0`UEbP)<h;3K|Lk000e1NJLTq001%o000mO0{{R3V};zl0002AP)t-sT#Nzu
z`0Qqx2D#6Nu*rGU;j(a`6pXSz-R8lS%>ini2aC5h=Iqb!^4^ZSIIiOwdZr?%-4%_+
z1dGE3!qt__+oZJUA7hmSbgK-Bwl%BZ7lW)YiNFS@!)mzfB9*vJb*&A-^D&;jT#?BF
zqu3B|r3!ej428T0n$HNl@Fi}e3A5)NrrQ#q)eUQw8KTq}eY6UJxC#IN|Cz=*p41GM
z%mrVM0(`6^lfONz-65UN6`Rczzd0X@0003NNkl<ZcwUXq)ouha42IGC4h_RHGeepC
z{_j=KG`p)-t9CvqcRsQsaBjNYwptJPH%EM*#i*6`-m4P7AftWSI~=NzBuOxz&oSMn
zd49aDK*GtSAT><Wd~w`-lpxYv{09k9t1-zJPn+k@k|^TzHPDQhbUNPzc@Z4J^)%^{
zbWyL@eYnmfrXj#j8Y7{pVKNUyWJS1Kb}<;N*Y|ha>O`!y7-wiw)HI$Zt;y=F4@uH1
z$Sa&!t<FR##q-{*kFl|q6e}olhwXMd;E{Xd@Z&E=nFjA-u78mr!6iqu))9t=Vl+r<
z2}e9qkqCnzxH)wpoZ^8Q0GUxgb_7FG1tFq#`-NjtArY2<i4dY9L3jz3`T~2B8mNP>
R4Qc=Y002ovPDHLkV1kb6@^%0K

literal 0
HcmV?d00001

diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/hcard.png b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/hcard.png
new file mode 100644
index 0000000000000000000000000000000000000000..c6bd3fd3c1ff18fd7312aeebabfedf1f4b228421
GIT binary patch
literal 562
zcmV-20?qx2P)<h;3K|Lk000e1NJLTq002Dz000mO0{{R3l8%Qn00027P)t-sT#Nx`
znFjdy?A_+Ur^9Nw&xh~w-g>4Y)ZwylpcJsld5p3@mAFm9)s=&+Fy`#f%iE-myEv}n
z8fu*fi?=qY-4&J10gc53rrQ#9s|>5)7oNUcW0eHB>>_oo4T-ijk;wv+zddlJ3c>R+
zZlejG)eU&B428T0i^B!H@Flb79kl2liNFSZv<jQe6l<0ln$HNM*bsrZ37N(^qSP3C
ztRw&b|6h*+mdpjL-65UN6@^bK-~a#tJV``BRCr#M(A93lFc5~(%$OafWo9aK-~Ykt
z*<`m()r;m+Zmj6YzwF_)<$ixWzG9nd-RU?yK4ycDwwf^M@gW=ZdM$ODrZ}6;aCyke
za{b&+7n2F;E-th3VSWF30kLNP(*<_BP7{8=tpM`@AZ&s-X;P-0?)NK=B~<}wB8E~n
zweL4I*t4GEZnx{;k1WIlBv(ctf>0(z3jlg(45$AFEUoj3#bS!5({}rK<J#2ML`ZRy
z2uKiA5`c`ONK2swXtW?SV=&aDU$DlTO;gi7Q9u*5Gqjv>-<=e{E?=!yh)>jfKF2Bn
z>`$%1x)04you~LKX^hZGTraP6ptL(#hd6|qp$V8*<avH~>B{4w0i`83O5jB^1=0r|
zS$a(n7#g260E|X&F4C>?inDdv^St&Ni|?>)Uo<oznwbu7X8-^I07*qoM6N<$f`c^(
AasU7T

literal 0
HcmV?d00001

diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/icon-geo.png b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/icon-geo.png
new file mode 100644
index 0000000000000000000000000000000000000000..333e22f11bc4103fa4e42f3c62665ab7e27aac9e
GIT binary patch
literal 633
zcmV-<0*3vGP)<h;3K|Lk000e1NJLTq0012T000sQ0{{R3kQ*iF0003OP)t-slE*Or
z|Np1dG@s2ftJgJ|$}zFrH?7+?uG=>7_u{0|G@#Bhy4g3c)HTNDJD15Yx7Rk)>q^$_
zP@&K>x7cU0)?S**F`UaWvfVeE$}z0jHqhpe=k&ys$uOqRGtTCZv)w$u<2w5M^TXq1
z_4?-U_}j7ALCokuuGT@+=$XmqKI`?*uh&J$<Au)ZMY!HZ<MO$y)i<!&JIm#LuiQ7m
z-8i$~IML^smBuiu)i|!%IN0i=;qST0<9)*5Y`)!V#^r6s;(evoHO%COw%$Xr+&Z-2
zIIGn_wAoM6=#Q<~H?r7Cwc1Lk)HtBdGp5ru<nhC|+Eu*WWUbaZ;_$ht)HcE2boBY=
zsMj^6(=?*aG_=}6vD`VJ?`=H*00A9IL_t(|UVYKkZUaFK1yFlnnZwM?WoBmP|NoA9
zQ>99!q(>S{*H?ZTKs_p978%nKbjeOiCC6zu`o8Z6K|r(LXgf~nP3jOmSeb{#Kx&GT
zR7i3fC0gbHG)0>uY*kHDk2_c!sKxAXn60SA8de8th}v{Iy@Xh);@1&&vbDXRP*iEZ
z1|Wo3#0w#w7Cupo!-f!eE(qN+#tzGDl-a4*kz8#fZC*D8O&GTsWb0els^jDHhyu0c
z79(_P7{(<Q-XE~g#ItVqx`~C`eY`ga07S?OV)?FjiexpiOS2aVQEQr<-0&$MoS3Fb
zZG!W}Oq>JANl1lnJSI7ngQy$-m5Tr2#z2=Y&*yF1^DJxmhh=%5ZRcI7|Nr~nGQBF3
TH}XXA00000NkvXXu0mjf^~z13

literal 0
HcmV?d00001

diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/icon-hatom.png b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/icon-hatom.png
new file mode 100644
index 0000000000000000000000000000000000000000..52de9106ba9acf1e8c4662cfd0ec0b82d3b51d4e
GIT binary patch
literal 578
zcmV-I0=@l-P)<h;3K|Lk000e1NJLTq0012T000sQ0{{R3kQ*iF0002MP)t-s#>U3~
z|Nr%L81<$y^?W7vfgJUE8})Y>^qnpH-Np5xF#Yb~_J$z&oi*~9DD<E&^qDL6h#~Wd
zA^NI6@s}v|k|+7bX!MgN^{{R7kR|nV7X0SY^l}yOmO}ZYI{oV0{`K(mq%!{Z@b!)*
z_O(p-yjb{-De|9B@tHgL!(#ZVdi9nn^PDUAnpgOjG5OWC`OByGs5|(dU-zy<_q&Jq
zlP&eLarTN$^{iX>plk4tBl^m2_?ubxizV=lH1&)kxG<=a00001bW%=J06^y0W&i*I
zFiAu~RCr!RlGUyRArJ*=bliQ`-QBML|6g5t)+&%3QXF0yLhJ*tsHVd800aN-YRQND
z<7hM<kLOwTg=E=WpGL=2cFAFAHTb@DhrLMGgd08*l(#Zy5@W9mic|)&yZ}J4#K?@>
zXJR}o4Up2*)+{ly1fag;e!uB1k*Ki|MwV=A?WaZ`yD9RpX`ZGmIZb~}7|eXMLnPX1
zdx|jP%l32!b>7$Z4+*&qHjgl})x`v8n^5@LI$`JtwE%#t6pj-zW7aNo8@3+RRtUbZ
z0Wm+gaF{p1X4{6Gl1d2LgC{*ISWpjUCn!uvbXUq2ylDw$1)j0;yu`C8;ZoA;8!Fiw
zMGi{QO4GV;s@_triOrR8ekSLQ>vlSEe2n9L$8|U7iKAq<nLd5<{sB1sf1E)hb@Rk0
Q<p2Nx07*qoM6N<$f;h_~82|tP

literal 0
HcmV?d00001

diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/icon-haudio.png b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/icon-haudio.png
new file mode 100644
index 0000000000000000000000000000000000000000..06efa26138a1aa229a4de3eb91c2c19926f8edfc
GIT binary patch
literal 614
zcmV-s0-61ZP)<h;3K|Lk000e1NJLTq0012T000sQ0{{R3kQ*iF0002tP)t-s|NsB>
za~Jh<7xi-&^>Y{h|Nr%+GWD7)@|P*~lqvO#BldwD_Ierha~J;i@cE-U{OH#E-o^2i
zLi*OW@sK3=jVb!eZ}){F^MxS!#bx-sS@*Y3`JXrWn>7CO>GGO9_?I#H&ZqXbdib@1
z`^>KOvvKyVLiVO&^`=w(@8a}-A@zGE`NwJUo>25^6Z4@;_nc<=xR&<1fA^eS|M~a!
zm{t4M!TQOh`pj|s*2DR*i1@F9_Kr*Uv`Y1`aPW;Y_K8LGu5S6NfAxeo^{rg_#-IG+
z%lpu__n~X}z>@dBjE%&GMF0Q*1$0tQQvf2WyY5^(0lokL0WV2JK~#8NebLo!!!Q(p
z;iSzmJIpCFkC_?X|ABVgR$41f`!9TvFDG(r%d%^Z{wt?$BRYvUx~r<PEQ&>%UZ&}y
zD9W;`M%=NjnjqV#iR{GdmP0qf*rXQ)jO?Z@P1jA{TL9q4I89$;M)#EW09w&kWRwB;
zL$+0Jiu-S2BJ!@_oUq78KcK%V`eOvK(eLF$0B(D&u_;HzwVTJW`SNtx1)mueCe&Qy
zvkNH%p~C<m3}8r=r8AT4kLB#_b0D*f(02HQ(-1LjR7$09PV@(WuTYt5Cc`PjsAw<e
zu6sK_1sEtP3G?0dG291WW|h)c0Pv^}Kd$FWDMA>dlwr6l2ld%?kF?TSD{Sv1Yv%E4
zwUK>Qb-Y0>vn1i2X2bJFCeLd$J3PshWB-5qKlWQ8Jo__iH~;_u07*qoM6N<$g32OB
Axc~qF

literal 0
HcmV?d00001

diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/icon-hcalendar-add.png b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/icon-hcalendar-add.png
new file mode 100644
index 0000000000000000000000000000000000000000..011eecb24113704965fe010b9273fdc73a2fa346
GIT binary patch
literal 614
zcmV-s0-61ZP)<h;3K|Lk000e1NJLTq0012T000sQ0{{R3kQ*iF0002eP)t-s|NsA~
zDI}>WB&jJRsVOA?|Ns2)@Z^h%-fwQxWMtJ}Ud~un%TrUnL_xekKIMFT*>rQ>b94CS
z<=ty))NE__*4EHrUhtZl$4g56`1s_6gt$97sVOAyzP<9Mrst%j?aj>Zlauhp#n4<@
z#9UhT-rn`Iv%yM7-FkZTtgN*&F|95s@z&Pgjf~)ef$olu$Wu_QDktf;w&0+j)m>e^
zQcBs8kMg>?*^iCUY-`}Cr_5$%=)1bthlb>!pXjl$(|LH&e|_h=x$UyC=diHlc6CD$
zwrT(X00neXPE!CPs=Mx7JORD{00BNpL_t(|UVYKkZZk0ufYD8|V}?bBFjJZFhxdP_
z&bCpbR#nf1HP$D~vg|mWu3P=Y?R7A^ve*yPG;NyYaygsLaBZ429n!Jeak|QWHT;zH
z9M}Jk(wLCox@gD!QRP&OF@FTXG>?H$++d*A(zdRhDh$IK{<1z{G$1w%DWw*`QiPRr
z3N`0_67pR;6h+|!_yxi$M4fv=^a&SYM1-(Dy8yUgzAa9jO3G<0rF?=QSZs4C862=3
zR;A*pQp$TiJBzltQV|?P3%obW{=sebVGv}Q7jXrkc;qectk(DWNWXi5bFDqkO8^oN
z;d_lSH}EhqMn96x+!(AJfFEj!uJU~FCxF2v&RC-)i9V{kYEAAooBFkE$LOeXy6bO_
zan-{gJYAJW&$AOH#|h^=8B2AN&2_nUJHP+_8?ZhwJAtSlfB*mh07*qoM6N<$g6GCH
ARsaA1

literal 0
HcmV?d00001

diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/icon-hcalendar-download.png b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/icon-hcalendar-download.png
new file mode 100644
index 0000000000000000000000000000000000000000..64a67be41ece127d0b2d865d732f85dec8e0e381
GIT binary patch
literal 612
zcmV-q0-ODbP)<h;3K|Lk000e1NJLTq0012T000sQ0{{R3kQ*iF0002hP)t-s|NsA~
zDI}>WB&jJRsVOA?|Ns2)@Z^h%*>rQ=YiiSCVbxz=&RAB*OG>^(LA*ge-g9&J*4ET)
zYw((y&|zN9TU!12_{&pK<$QeIcz5{b<*6wo?2wPRJ2~mMw)Cv5=diH$-rn)n*6)*(
z@4mg#T3PMQ%;<!J@WsW!N=My#dgXR?@}{P>Gcm0$DXl6e^|Q0*q@=`LTF6sS*N2AS
zf`R0qpV5DP;Gm!Fva!8VO6R({^18Y1j*i)pkKT}v(QIqXW@g!sjp)0&;Han5d3fKA
zjQ?}X?EnA(1$0tQQvf2WyY5^(0lokL0Xa!TK~#8NebMD^!!Q_zQKyZW!dPa;G4uUj
z(!Q)(t4-6+kLZ;i*-~VLoSIwy#jQIKT{XV%hhex_wA<~?W&_{FA`JWEq3fVpn*G#2
z5_RNya}fH36nEolHcm=ZdSHT!ZsKFofZb@&Y(CE@)D<c@=L3Arw}jJzWSmo)VUSTu
zp$b9qKnSSfyc(2x7<h*&<se~FZi$d`Lgdin5(CM-Y>i5#y1r8C0vE;XBT*V3<xtbq
z@1|+WI;~dln50^KN0GzLT6gf1J{T2Rv*-{bHiNUqJSP+L<sDxcld~9unB_VAueJ6C
zzwWFxXQVf^ma#x#tOCXu)FyaHlF@B}M>nt;<S2qzRd-q0z4dy7%Vsr$lM>ZdzntQ-
y4llS~Hm#ZJy^7;V2oc4x+Uu!lu3YE;*Z&0hdM)VX_vvH+0000<MNUMnLSTYHJwIFk

literal 0
HcmV?d00001

diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/icon-hcalendar.png b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/icon-hcalendar.png
new file mode 100644
index 0000000000000000000000000000000000000000..958ee39cdda42f696b1e8b4860a210fddcc0fd3f
GIT binary patch
literal 575
zcmV-F0>J%=P)<h;3K|Lk000e1NJLTq0012T000sQ0{{R3kQ*iF0002MP)t-s#>U3~
z|Nq)#Wcu>*tt~0RMMKeAS<6yU=CH8WhK0sUO7-O9@SL3T-rc=DJE|!q!en96Wn<1-
zSl+9ut}-pdNJq<9Rk1QK)nH$`IXKy8X5DLQ(p_8huddKoSG6=U$4^e?r>OO^vhI_U
zx<Nqh)zr>{g6qA#+M1f+Zf>tPGs$#x-Dqg%dV9}eU+8;#w>LGqOG)m`%j0x&=81^J
zY-!G4T=J%;$!%=1FDu4YR<JoV;c;>D(9h*}cIn5)2%mb600001bW%=J06^y0W&i*I
zElET{RCr!}(M56uF$@LJma&<chnYEe|64`QY%_UwS+f4dRn|1?^6vd*={p!M!`*0P
z+xG2tYntJ3*fiML_UK&4j&@0Rzc!oQbE)#&sjtPSuUAe?^FEZtnh;Vgu&ft&!9&5c
zLS?C2K+kJ3fX}?jVMZzi(~^`#9O>Y!2Shj&a?*lc<Fq80=6Nm*Fk~z0I)E7%LW17r
z3Z_DYQir5%g^&ik(OGYT-iKi;LQJKUrVd=9<Vf!m$~ow!R4_G7GcjPrd6Fcc+zW`t
zJi$4p92FLwPv?gfthxitGx(lPeH>%zD&vU4<Pg!ZyPsGwpr~+NPxA_8pT#WevTTnX
zR>mIK7M>P&uQBby9<MMTe~@)9KCzc+c-;m;u)T(<>`h*<*!lnWe*oe2HJqqxOp5>j
N002ovPDHLkV1mjC8x8;f

literal 0
HcmV?d00001

diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/icon-hcard-add.png b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/icon-hcard-add.png
new file mode 100644
index 0000000000000000000000000000000000000000..193dbb63f1048e140924fa2ded10bac1e3212ec0
GIT binary patch
literal 576
zcmV-G0>Ax<P)<h;3K|Lk000e1NJLTq0012T000sQ0{{R3kQ*iF0002MP)t-s#>U2q
z!xojz4W!x=sofQt))4>y|Eb;;mD3Nq<tvWF35351snS)Y+7z144~W4Dna~fS*b>C(
zHj&2+lF15^%MOde2%psu%j-R<-WH<I5|76Vpw|-4>_LOS37ygrrrZ;m$3%wA3E=R-
zsnZpW!wIz6a)-YNg~1En?!lPO4DR;e>-E`!yax99?yc1rlFSXI&`q%1QON2!hrtMz
z$_}&PBAU?=&gP=O<}s_?8}Ikuz~?cx+8U?a6OYIXV;1+&00001bW%=J06^y0W&i*I
zE=fc|RCr!}k=1SkK@3HQXOS7g%$y?p|6kQkn(j;0qj|W}k*#YDA#V=t{sld(LDJy$
zdNs|LC^{8Ir_(8lQxv_M=JkoLi4*ick-po%2T_(nXe~++90(0vm%CwO9F2x^mvb#Z
z;M06gx*?KJl~TtXBUo2TF0=@3(ru7n1a=f)gdwSv)Iv94bA;V2!zgrVC}jvCa<Dxl
zU4UKeF>+}Pl^Pn7_rQ8y;CbmY*y$d#R6j@$>=H@oO06iv*xDs@W{jov96JyEuavQN
zGlSVAsp)j3kcC6*1TMl>&^ZAc$M#k|*xE51dcUZw!CKZvwQMYy<x;wEwq+AKv1Wso
z8Co!~SWM=`IcJ$a`z6Z+iW~j`e()S$E>$%i?>-*vcH^qL_;mgM?|%dHbt=7}K8!a2
O0000<MNUMnLSTYQDi13F

literal 0
HcmV?d00001

diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/icon-hcard-download.png b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/icon-hcard-download.png
new file mode 100644
index 0000000000000000000000000000000000000000..9de371ca165f3c58add7d1fe3648d82b9659d4c3
GIT binary patch
literal 587
zcmV-R0<`^!P)<h;3K|Lk000e1NJLTq0012T000sQ0{{R3kQ*iF0002MP)t-s#>U2q
z!xpLC6_v~lq}vq#|Np7p6{Oh{pVbhK#0iDK37XFjh`|WO={Bm;Sjp-;k;e?0))14*
z3zN(ag1rZo)DMHd2$|3isooau_uq%V2#?1LqSq4L?!l(q6PU>ky5uUe;UkK{2awSX
z_WJIn(M_1gM6lNxp4k$X(hi2q36jbUhrS4)*Ake{47b~LzvnRE@xi3f6QIoznbHuQ
z(h-Zp3a{KzsL~be_1UY`7S8NJtlk{A+Z)d2qNm&wwk<xl00001bW%=J06^y0W&i*I
zIY~r8RCr!hkp*tVFc3w}L1tKHW-i_TR-N&-UG+JmeCNd)%O<4qX|74J^rNBUJ4jl*
z_xrux&hvsGcmsmK^LD#l|3vS^FTOM#(Rl_2lvt`56KZJ8`E|ZF3}F~d!C(r?uu0xR
z%&nC2YGQ=%B8mk3&;q+g=6kUF6GpI+lo705+axs+t}VyNl***cpn(bYj4az=+X+U-
z7}}DlGxRN-qHva<V7H0m6po0pg_Mgd5>8Ii4U*7GR+M9$$scALSj#zIHa6~gatRa8
z#qcSIf<xapZs@j>NZY4P%uu6baZd6uv`6xnk=-!RC`%TCwX9UWNG&`hJPpOHoKWjh
zPhQj(1C3QG%O<`%7`U}&Rj*)z3Q@`(lZv`ww|hL?9@FXc1A+JBb~tujdjEg>nl$~p
Z{cpG1Dm#w!Qf~kN002ovPDHLkV1l?49G(CG

literal 0
HcmV?d00001

diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/icon-hcard.png b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/icon-hcard.png
new file mode 100644
index 0000000000000000000000000000000000000000..0e398f48b7e1183c45317c4db2ea3fc8210a90c5
GIT binary patch
literal 565
zcmV-50?Pe~P)<h;3K|Lk000e1NJLTq0012T000sQ0{{R3kQ*iF0002VP)t-s|NsAl
zy$FQ82!y=|guMv=|NorT5tYvmlFAH>!wH4M3W>l8guMv0-D|Yj8LieAqSzDn`|qRB
z6ZZP<kIfC;@4S)34B6_t)90(q>^;QkHhsGYeYps>+ZwLaY0T!Fq}Dvo?Lnf{O3CA!
zrO;XK_uie)Nyp)up3M=%<BR9?&cf(3mdFl_#TmcnFudk0xa26~@6EN?da~GRy4@U=
z$vCp&A*<dRp42S8;d`ds6R_YP*6ggA$w-O67l*(Ynaeqr&m6woiUdv;sQ>@~1$0tQ
zQvf2WyY5^(0lokL0TxL_K~#8NeUa5}#4r#=lU<KF%&^RiW$yofRA-$&Ha)WDj_#5D
zV#~5SME?cp+9(NoxIZ2b`%PIE#b`7tin847562fuY^%eb+hARb_^sC0mi7_K7^66F
z`b|)5e=Qv*0PA=L5DXZ*#p@$&ETwc9tR2URAsMgW=@w29d|_`aPl6r3CSV{W4DiH!
z3>RiB)<GT{o6J`*mN4PW4Axl41zHJ6E{)h3D~-*f55YOs^#ndOOr)5?w7JW<n8T^x
zzf`c0cW|yCdpk!b$vH=xrm31|5al&2l%8dE1aSI(7ucf}h|*Q1mBw9T)HQB5v_(WK
zXgjK%F8-iOx65T1dY<d{uGeeNbv-W(ms>^b|9}4nAA2bebsyKw00000NkvXXu0mjf
DD4-Dp

literal 0
HcmV?d00001

diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/icon-hresume.png b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/icon-hresume.png
new file mode 100644
index 0000000000000000000000000000000000000000..90f94a6de1e9aee3b32d6dfac206b6fcdc2f0860
GIT binary patch
literal 593
zcmV-X0<QguP)<h;3K|Lk000e1NJLTq0012T000sQ0{{R3kQ*iF0002MP)t-s#>U3~
z|Nn!(2#LZLna>WP*b<P*3!2pso!1bS(hjoNZH~kWq}dax-4(0VSlsQsq}mjPzzO#H
z?xoR9&FY-L<}bzMjFid^hr$fR=r)nZ4D9vW@Au!8%?*da2#muCr`#34-HWW<Nz3d#
z)a<Oz>_NEWDDe5=q}fL1^v;RJ3aHW*t<@Kv%n_g0Mabcsr`!|B>N<(a3W2%@q|g(Q
z$r_){Ntw(mi^2z*(jBnhAgkRQw%QuA;v%KbS&z{TqOsaB00001bW%=J06^y0W&i*I
zKS@MERCr!}k%ejmK@31Q<FoE==Pp&3|NpDzw!JHb(l>#?JSJok!>C<K{(?poO3Gf|
z=JO;eimS<FHk(Z*S4EK|^JhjY!)^NG5#yWw=v<JILAmXp&JZ?+^FwYB+vZ$q-7u|e
zB_&7UV^&J}fk8M|PiYNd4Npq1YVGuV94{8}9wb^R8!t@F)CHG4K*}6{yaHqe`eYg2
zi>A4QsW2g8j*4Nr-vbPmWd~R@#)KCVuU<1pE?}tvktZt-kT;BFCfvhFd|9cluRl2U
z++e-;btwb|5AH=XR9-Hp5OaK+iJ%Hc=IAc>pbA8G>1yl~gOp`Q4<W1`auY^*S)PA1
z<_=oRvbx~rhCFsH2|CL<Ps8ugQoKOlSp%4UP10>2fAb?ngd1$jY`44JY__jww%g6^
fE^BG^|Mout_?RbBViZ*c00000NkvXXu0mjfwFMZ2

literal 0
HcmV?d00001

diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/icon-rel-tag.png b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/icon-rel-tag.png
new file mode 100644
index 0000000000000000000000000000000000000000..8ccf0e9bb3f6923340be20563d06ce74779e76d4
GIT binary patch
literal 589
zcmV-T0<!&yP)<h;3K|Lk000e1NJLTq0012T000sQ0{{R3kQ*iF0002MP)t-s#>U3~
z|Nk>^$su0A@$~vaf6zH~%O_yJEoH$oYQ!jEz$IeBWscHCg43nC;dPeNJ$uedh}A7@
z$S!ot9#yz0WWh&-(@TlgC}_pE$>>jw*J_m3FKNYBl-p^H&fe$sAzHj@qv1t)%v*xW
zezND$+wXL$<2QcLfuh<cX2j#`_cVIWimKgDfzMWx+tc0g$=LBXX1`a9)T_bfh@;q)
zv*MMk+s4%Hg`(Fwg3?ov+QH808(Y7Jxadxd*nXbZ&I6Zx00001bW%=J06^y0W&i*I
zJ4r-ARCr!>k=4!|F${&{APh3YGSko8zW-a*v#YAT*)NIZ<D(>&OvtV=%Hq22zhGwE
z0Zk*i>2$SPEf$NP8<?S<dU_y@=uW2&xy66t)CrfE`tvTDsJbq4fq2ocT;xT4)2Qk?
zBesaV3yeH^FK`i2;XPIycoRj1B{t7Rvw4HfA(UqhGfy1(?yz|Zy*$r|!bd~;1Z@}|
zp@JZk70jfRA=c3i5$dBWe}m)|HM}x2*F9nx|CNaGLCf}y&(B<IsB{2upi-hsk=6%G
z4UEj~a(J*QJhzl$S22?LFxmFdPafb^^{@;Ac+cY45>+A&x{lBFmMsUS=3fBIJ}XOf
z9Yjqg%oz{6g)~jsSSE(uN0Wwq--Ee0LB_Ua94E<szg~YJ>-|1S;?iMy9I$Jyb62;h
b{-6FIdKWF&e&epW00000NkvXXu0mjfdTk@-

literal 0
HcmV?d00001

diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/icon-xfn.png b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/icon-xfn.png
new file mode 100644
index 0000000000000000000000000000000000000000..c89205897a2b0445e7822e2d8dc434f351b5914b
GIT binary patch
literal 591
zcmV-V0<iswP)<h;3K|Lk000e1NJLTq0012T000sQ0{{R3kQ*iF0002MP)t-s#>U3~
z|Nn))2=@B!iNp$_*Aj}u7m>#djl>GK*?Y<2n~li}h`|Vz%ngIT3GMdW!{UsY&JL2w
z3yi}Fk<AU7(-4Kh3Zl;vm(dTd)fm+2tf1Eus?!yo)e*JZYp&L6kj4s~(h#N5O_<3J
zn$jMN!UxXmL4Ugll*lTx;UmiHJf+$cs?%1x<tyCny`<R_guMs9<}sMeIm72PoX{-9
z<bJ&0e8uTEh`$@B+!K_`8{+QFsMkHV+8Vvvi>Tce$LUla00001bW%=J06^y0W&i*I
zJxN4CRCr!}k>zfjF%U(4jUO_@GBXE?@BdbvZMKynB{|ZJJ@<HinXz!IgOAYTkfe@(
zuU5O=>GHf@ujlhQ_2<iJw_D{pWZUZXGvYDR>TuW`h|PwM$K}xq7N~=2tGsRVJg<me
zk4la5o>F()Dm6t@O+}M|xMdL2{D!J+Te3ZR9pN0|>SEvT|8RjQdqPGzXTfMRioc0H
zBHx80v)F~e@(C{Gv>Ox207AzS`$7LI5edhJMRD+EjSVb)31VBow$VV6rCs0m6D=Av
zRsm-rU9yW%prD*~lO&N2UVh=cfFqM6fL#oLdrsDv;Svsi5qq+pF&wt!-@%PBWUb+F
zcH}9Q$9Zbq2P@^r8RY@f)`Rq3f7`z~E!ftZ{U@Eh!yB_ud&9}3EW56*f4))IU00S9
dPlsRs{vQp#FI>OhAmRW3002ovPDHLkV1n5@B$ogH

literal 0
HcmV?d00001

diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/xfn/xfn-child.png b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/xfn/xfn-child.png
new file mode 100644
index 0000000000000000000000000000000000000000..fe6110c394a9e611fb9b6e3e1c4f694f78878b75
GIT binary patch
literal 428
zcmV;d0aN~oP)<h;3K|Lk000e1NJLTq000sI000dL0{{R3laS6U0002JP)t-s%-Qe3
z(Cq*J|Gv)az|ic#&+ER<>%h?Lzt8LQ_WLMdz@ftb>hJmg|NrUk_`c5TGit`??)a6l
z;H1R={{R0wZ^rZX{Os}hZIsmQ^#AMd`R4EcnY7`Wwc%@%)GTDdr^f&L{Qvy@{yJ{O
z+T`@Q(*OGW|8bVpE@i^d-0{=m|FX^h@bvqOsogVa!#8Zia+uwMsP3`N|NQ;`MRv$~
zqwA>0|IOe3t;FZV+5a_b#>Um|UX0te(EsrE|8u3NBme*a33O6UQ~2fp6r1W2>7E-8
zpzQzv0F_BZK~xA^Wsg-3!$1rL9ge-(aG9Bz@&3oElSWCU&X1o)da@0wsViQNqMIsc
z2Dpe=#}pR~4Qz;|th77TvP_6sSPq9K5rwIejs+g_3|UQTw+2V_zUslM^%C7)q51=&
z;Yf&ap@J#VY%Uggak*M^akJg+52>=8;7A##^Cj76!?l!f_kI5vMQ;|__4srB|BoNd
Wf)3@7_ubS00000<MNUMnLSTaTPxq(*

literal 0
HcmV?d00001

diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/xfn/xfn-colleague-met.png b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/xfn/xfn-colleague-met.png
new file mode 100644
index 0000000000000000000000000000000000000000..6fe1a8b032edd756536105446ccd3568b6b548be
GIT binary patch
literal 337
zcmV-X0j~auP)<h;3K|Lk000e1NJLTq000*N000gM0{{R3^DTG50001BP)t-s#>U3J
z&+I5+z$Rb6z0T|Z|Np+u>)z+}#nkShy5sx&{@LU7LUhOK@c7c+^3B`vG-|`K#^+Fe
z%-Q7iR)fxvuijgR&+qg4=k56N_4{3j(BA0vd7Rj-#OJ!r>YcXY5|k>Y00001bW%=J
z06^y0W&i*HpGibPRCr!(kcSS#FbG6_2OinGd;I@j7AI;`sYSX2JtG_AT&1uGY6^hD
z4AHsi>VG3fhn(*uA1#{C0i5P^5#iw&x-TA9P8!F~gTvPU%?I(=_>JTe5e>F}pnvmo
zEp?MpX`C5*-QF#@Fm-y&wV2lab5V2lvmA=9J(c^MJt<=v&HEB*pT_|Cq=?W1@BV7~
jzXw+V2vCJ-^>uGAW>*LS9MO@400000NkvXXu0mjfb|R@<

literal 0
HcmV?d00001

diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/xfn/xfn-colleague.png b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/xfn/xfn-colleague.png
new file mode 100644
index 0000000000000000000000000000000000000000..ea638d9a0db1f28deac4a1d2c7daa453196a6fa7
GIT binary patch
literal 320
zcmV-G0l)r<P)<h;3K|Lk000e1NJLTq000sI000gM0{{R36$HG60001BP)t-s#>U3J
z&+I5+z$Re7zR&Bu&g<FZ^v>Jy|NsBK&g<Rh^`N=p^7Z@C-SSm~&hGR1k+0vz)$Z!>
z`7~<7`~3c0h|fZF$HLO>T!zoI$myN8;^*!7d7Rl$e#}pP%Uy`j4GzWu00001bW%=J
z06^y0W&i*Hj!8s8RCr!(P}d5>Kn$}yZe{Ou|Nme1j?j`q^&%nUN#qP_3Ih-g=CYH*
z50WDkz6i55Iu;GmLN8|CJM%>=#X<|SEFJuj!jY11%8tUji1bO*saL(qI&Q;!vMTO*
z@aR5PU9HlFR`$v_w>cPDn3(xFJXmC!bqktPTySL;mJluA-$CS15CK(#!qFQHYzNFS
Sklx||0000<MNUMnLSTY`Qk+=;

literal 0
HcmV?d00001

diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/xfn/xfn-friend-met.png b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/xfn/xfn-friend-met.png
new file mode 100644
index 0000000000000000000000000000000000000000..d041d6391d8c63efc15a09d786c57c4184ec3c31
GIT binary patch
literal 342
zcmV-c0jd6pP)<h;3K|Lk000e1NJLTq000*N000gM0{{R3^DTG50001BP)t-s#>U3J
z&+8~*z`oDyzRv3>U%$Q1>#4uy|NsBq=k;8N&*<*?`uqK%y5q#u?$qD%slet!bjQEY
z>ojS?uEgi^_4~2L=ile{m9gKn$mzPw>aD}(vd8Gz<Mer)*uT%~x(2L!00001bW%=J
z06^y0W&i*Hq)9|URCr!(&<9QhF$@IIj9c2)-y3lMTjG#qK>|lntQW}|IfOR@%)ovD
zhIh<Y=bZjlz6LZnDbZtE>i)rjn-?W5b@}+^vN@F+vAb<fUw-I#A$M#3PD-~q&W>|>
z(LU$A(psPQ!Cf!pfbOG`PKQ`quYEqJ^SF|`mQkiW{Ny~6BYEj@SWev$keamPPm1w7
o=l^@iz94~s#S8`!VF+6epSiOM^kFJ*jsO4v07*qoM6N<$g8Q$q5&!@I

literal 0
HcmV?d00001

diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/xfn/xfn-friend.png b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/xfn/xfn-friend.png
new file mode 100644
index 0000000000000000000000000000000000000000..8d0c0f3966d70ce07fe161d0f37e96106305a63b
GIT binary patch
literal 317
zcmV-D0mA-?P)<h;3K|Lk000e1NJLTq000sI000gM0{{R36$HG60001BP)t-s#>U1d
zVZgr6>?U8ozR&Bu&g=jG|Jmd8slVpF&g-eb=0bGG#MAEH=k@yg{qptuGibt}xZ<tD
z=IHPFUWw4u-|}0A&v=~Jxy$N~tlYoQ?Ahe?uEgiG$m!$j_uc08AdbC!00001bW%=J
z06^y0W&i*Hi%CR5RCr!x&j$*_FboAyP4DdPdH-8hY8q&%!2a;~78oE>78OyyEUqS9
z_?a$(c;1-t)XKw6AbaeP`LL9W6M?LRM(IuYLyWkQf_faSb>64_7Y!BbGT(bASszZw
z*rY5Q4O2z-{S&pW4+I)U2V|SEFSE5Mpu>7XO4f?czYjrF(M+VOWFZk=0Z|7>e8d&`
P00000NkvXXu0mjfS=pV#

literal 0
HcmV?d00001

diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/xfn/xfn-me.png b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/xfn/xfn-me.png
new file mode 100644
index 0000000000000000000000000000000000000000..dfe380f89baa96fdaf36ad57436cd8d97701c36c
GIT binary patch
literal 297
zcmV+^0oMMBP)<h;3K|Lk000e1NJLTq000sI000gM0{{R36$HG600015P)t-s#>U1d
zVZgr6>%PzIz0T_=V87Yp^uEsPC}6-{h|lu%`(BCA-RJZtV8Gtz^+I*Xp}OPp^!qhy
z#FVh#yv^%fiO|W`?%Cw^c$?TlbjPm5=QL`>t;6R3|NpCchvfhO00DGTPE!Ct=GbNc
z004bSL_t(|UR{q@4g@g>L$M)k`fRWFzviYWAG09Y;>jQ(;z?CCC9R0hWcnUzxr<it
z0&r<eh1C;))KN=~5pMiL0Im%MvFeWqoExHq>cfiXeq7uD+&T(5vaOgM=JXkQ>f`_y
vUDkI;c_>|^p7+b~p{YEnR8oT(Nu!q^A&wBes<vTT00000NkvXXu0mjf`N@sS

literal 0
HcmV?d00001

diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/xfn/xfn-parent.png b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/xfn/xfn-parent.png
new file mode 100644
index 0000000000000000000000000000000000000000..5a7e298196420aa01b6c62f96988e1d13bf09e2f
GIT binary patch
literal 488
zcmV<E0T=#>P)<h;3K|Lk000e1NJLTq000sI000gM0{{R36$HG60002qP)t-sz|ic;
z*6zU1>%PwGzRv5v&+GsH|G&@c$ky(_(CjE-z@ftb|NsBK&g<~>`tkJpvd#bf{{H9f
z_vY;P{{H{{{{N!G|I*?8<?Z~d$^ZNP|KI2Kx6uFC=Kp7p)9&*7DPq8nvF*>`|GUlW
z+vxvYiPYTb|51O;b(`7t`Tvfr-mSyxrN#gL|NoV-;FGoQ)Z_o;>-T$}*ehefIBm#k
zm*X#H!l%an#o7Pa<McOd#4u>YmALuU<o~V1=3R);T!+t0ea}gH&q#XDM|#djdCo?8
z&XTn7khJ#D;Qn(T$^-xa019+cPE+Lg<`EE>0Gasb7Wkef00025Nkl<ZcwS}C)sDkJ
z42DsMI*C1yq|D6B%Z%^;LhEj-DpJ2I>s<MVjO&5A1fH7#$F^c^xKgocbZprU2tSgi
zdIc(1q>Ow4L6#xkt=5RB&Sy3NrI{MoYBP11v;t+M%pDN>Oams9kQ^e8hzjErO%SI<
zvw4aZh)W_`<rC6!z1bq}_CG|&o19ks#O)pacmF^{kNkx2pPpY{-`+nyzrMpT{Po3o
eP||tO_3S^OOA?6oUcxH?0000<MNUMnLSTaS#2k|V

literal 0
HcmV?d00001

diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/xfn/xfn-small.png b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/xfn/xfn-small.png
new file mode 100644
index 0000000000000000000000000000000000000000..8eed881a1a4b61481bc061f950f44eff34ca7c43
GIT binary patch
literal 474
zcmV<00VV#4P)<h;3K|Lk000e1NJLTq000*N000gM0{{R3^DTG500021P)t-s#>U3~
z|NoiJ4voYLmCOzH`tFIu3W~!Q%IiFu(-5K85{1DE?e^TH*%O!14~4!6yX7m?>8zU4
z9<$*irP>sb#tMVK398c-ozf7P$qtOe36aeWf4c~`*?Y<2o1)JWuGJWk#|)s?6OG9W
zl*lT>;*6fv5sShH#pySQ!3c!C2fyYq-0i*2>_L*s3$E5`w%QuR<bJi=Ys2R>h`$@W
z-+bck%#_O;sNEJ-=7xp<0004WQchC<K<3zH0002pNkl<ZcwTjo)o#UL41?<*i_8p%
z`Hc7ePqwtXn>5Rbl`px9VYoW~EA1}$J4wRJ+tD;{H`6qamoQ9dp=~eqJTFbDud$Y6
z<hDKg)@)gp@B4dlY3=QW&vuL`mQe$sfs9|^&ol9|WM2|HvFTN_fy4(kWl5Ydc7I6C
z)b;VIu#+7)WBJOb4qKrBIOw_viZQwu;;tnk?)0r9-by$^(EXHc(Z9=U+n=TYo%%#D
zO~iS2I0xiYP;&|%oDV$94b4~8<fVRx+Mz#WRW%gFI6fDRV=)YscK`d^5Auc=Gam>M
Q`~Uy|07*qoM6N<$f<(vX4FCWD

literal 0
HcmV?d00001

diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/xfn/xfn-spouse.png b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/xfn/xfn-spouse.png
new file mode 100644
index 0000000000000000000000000000000000000000..dc4996ad30e9985032e1fc245ce9251290f9c85b
GIT binary patch
literal 663
zcmV;I0%-k-P)<h;3K|Lk000e1NJLTq000sI000gM0{{R36$HG60004KP)t-szRv5u
z&g;O>?EnA&zt8Ky(Coj@>&Vvb$=2?`(Com_?EnA&zRv6L^!oAi`~Cj@uCX`p@bA06
zJN^Cr=k53A?Dx~t&whVd(bPeak%-2|!uIy{+}zs!{{E<_qMxEOl$S5q*wx(J*=uVt
zz{5O}lrML9OKop5dwe*^%RWp^B!GcB#>qbO^Yd<RN4mW`@$vBU^YWFKLd?)Wf`lk)
zYdn&Yf_#4_k&`Y{R4<T|F?V<~jgKvzpfY!OJBy2cii|Dq@9u|*Hhq69>+baI@Aa0M
zF?4k}>gwpGsWfwRLW6}xla(*%=;nllI)a2N=<4x;gF>aKHL|j-f`mAFdnm22H*at<
zwzjahx;b)lLC43!s;xJHf<Ae9Sci!(X=zBKr88VzMSXo(tFAVfnlZ=6!@a$?f`m49
zcq)E>O?G!IU}7Y{!aTUUI(K+7xVW?V`S{Ap#>B@xb8}Aa@%YKf#rXL5%iGq;0000B
zbW%=J4-w=5m*koF_~_?`HZD*A007fTL_t(|UTu%ljs-yg1^W_vx(AoGZDVQMwvFH4
znaO5f?w-d=Dyc&>M608J(`hB3QX8#|`yI0y)hePl@IcNk0!4cX;0=0WvLPIg3C&g{
zD0K57*oFvY-s5P}k!YmSj!gE}%P67TU18XQa-~{>rT+fGN$9iP@j>kM4@XAf8ylaH
z(B#xKFf%(hzpw}_Ew9Mp>e@Q6vAMMk?CkEzBHKR*9Jx*cr)RG7i_0rU<%sJWv(tS4
x@aTMcevu-S)Ymt^+v9QjzrK~!!9)Mt{sCMyA~8$wJcj@P002ovPDHLkV1gK(XAl4Y

literal 0
HcmV?d00001

diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/xfn/xfn-sweetheart-met.png b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/xfn/xfn-sweetheart-met.png
new file mode 100644
index 0000000000000000000000000000000000000000..70797ef27d5532e4602eccb37a67c376806f2bce
GIT binary patch
literal 309
zcmV-50m}Y~P)<h;3K|Lk000e1NJLTq000*N000gM0{{R3^DTG50001BP)t-s#>U1d
zV8Gz!_4q=rzR&Fc|Np(t>q2zL*y8m6^7>kZ&hqv9p}OPvPO~LlzWQ;({m|?Bdd0EE
z=l#Uy`B}F#YQ+4w;<Cr+w#n&uoY?%K*NLdwvzXJZ!{+;+)%SqOQuR2D00001bW%=J
z06^y0W&i*HgGod|RCr#E(8me`F$_gfJr$R!CB6UuUq(z~ychyG;LSzYMnow%)%EB{
zV9#t@%oNN$0GwypS)run8UW2C;~zb2`+_om0dTv@(_^v|tn@Y_a=*{sv7p}H0nkw<
zb13h&U4$E&`)fXCTLte2d=1Fb*MFiikuv{l50tbjyJLC-=UWFgrMZsP00000NkvXX
Hu0mjfCTW?_

literal 0
HcmV?d00001

diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/xfn/xfn-sweetheart.png b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/xfn/xfn-sweetheart.png
new file mode 100644
index 0000000000000000000000000000000000000000..e774a6ecb17f82f4e7f1cfe4fa163f7818b015b4
GIT binary patch
literal 299
zcmV+`0o4A9P)<h;3K|Lk000e1NJLTq000sI000gM0{{R36$HG60001BP)t-s#>U1d
zVZiu8uD;Lf+2iy-amM&jwg3PBzRv5t&g=j4`rYRBC0)K-hR^zY#`$o<^7Z@u(CeYP
z<9M6cw#eyHeaZZ{;ryW1iKyDMnA5}2?eO37t;FW^gv<M%)&0cg!bP|T00001bW%=J
z06^y0W&i*Hc}YY;RCr!>k5>u<K@3A(rf)6j_5QbvJWEJISlLGKkUvD^R5Lc=GR%QA
z@kfm#HNP?Qu9v4VT~P<rO)_ktL}??n0G*EV_(G#+e+{9mD4WelT?U!nsd4rUwfpnE
xKa`k}GEiB|MM8b#kD>@t|AlI8E1qyRj$X9y2HsWz$BF;|002ovPDHLkV1iYVlwtq?

literal 0
HcmV?d00001

diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/microformats.css b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/microformats.css
new file mode 100644
index 000000000..a35ae263a
--- /dev/null
+++ b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/microformats.css
@@ -0,0 +1,167 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * (en) YAML-Addon:Microformats Support
+ * (de) YAML-Addon:Unterstützung für Microformate
+ *
+ * @note            Many thanks to Michael Jendryschik (http://jendryschik.de/) for contribution
+ *
+ * @copyright       © 2005-2013, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         4.1.2
+ */
+@media all {
+  /* hCards + hCalendars */
+  .vcard,
+  .vevent {
+    line-height: 1.5em;
+    border: 2px solid #e0e7b8 !important;
+    padding: 30px 5px 5px 5px !important;
+    border-radius: 8px;
+    -moz-border-radius: 8px;
+    -webkit-border-radius: 8px;
+    margin: 0 0 1.5em 0 !important;
+    /* small IE-Fix for background images */
+    zoom: 1;
+  }
+
+  span.vcard,
+  span.vevent {
+    padding: 2px 1px 2px 70px !important;
+    margin: 0 2px 0 !important;
+  }
+
+  .vcard {
+    background-color: #f8f8ec;
+    background-repeat: no-repeat;
+    background-position: 5px 5px;
+    background-image: url(icons/hcard.png) !important;
+    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD0AAAAQCAMAAACSjoczAAAAsVBMVEVcjAFmmQb4+Ozd5sGnw2q5z4fv8t56piLU4bJwoBSwyXmMsj+VuE3C1ZWDrDDm7M/L26SOuziu4xpqnQeLtzao3RWVzQGNxQSm2xJ0qwyr4BeevlxjlQS47CJ1rQ2JtjWRyQKTvz1wpQrB8zFuowmf1Q14rwyFvAeLwwW88CWz5x206B+JwAZ9tAqbzRRrlhmazwij2BCBuAmZxjqi1Bh8rCP///9fjwKWzAWs3SGdzxWFTyrgAAABPElEQVR4XpXQ1W7EMBCG0cyYHaZlZipz3//B6tlkt03Vi+ZTbqzoyL/s4bXlfn88vmKbat3pODw+ZoOPtpow6fEhG/R6LXWapjibzXB5yMpy/dxOF5MJ6S4us/Jhff95AbFm/9MFdrtOE36/rQDzASBsgjhpUqad7vcrjSVVAWkihlI2te83NdiznuJut+vgjyzEBCRXRiCCUCZECwB6aAyn/wYsrfOKxWKKp9N2+3jj2tTXREhxkwhIEFQSgIyjSEuhBWi0IDRjMNSkX7DGm01T0z1RQBO1M7Sccd+dFL8uX61WiE/UfD7HKgHsT63Bug/NT52n+CtpjNBJXC+vdaC0O1mHOISaoQmYV+R5fnfpyuOhAaUlN0rgRTMF0gceWXpNEBganzQAjEZvLtKt8oqzddrzvPYai++wbV80NCCamQ5vZwAAAABJRU5ErkJggg==") !important;
+  }
+  .vcard a {
+    padding-left: 11px;
+    background: url(icons/external_link.png) top left no-repeat;
+    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAANAQMAAACn5x0BAAAABlBMVEX///9jlQQUCBxBAAAAAXRSTlMAQObYZgAAACBJREFUCB0FwaEJAAAIALA1/xYEs6/axQ0QLEUzJMkB8FxYBJy/sjNiAAAAAElFTkSuQmCC") top left no-repeat;
+    color: #679A06;
+  }
+  .vcard .adr {
+    display: block;
+    margin: 0.5em 0;
+  }
+  .vcard .email {
+    font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
+  }
+
+  .vevent {
+    background: #f8f8ec url(icons/hcalendar.png) 5px 5px no-repeat !important;
+    background: #f8f8ec url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAQCAMAAABjhdy+AAAAtFBMVEVcjAH4+OxmmQa5z4ewyXnU4bJwoBSMsj/d5sGVzQFqnQeLtzbm7M/v8t6Ouziu4xp6piKo3RWNxQSLwwXC1ZXL26S06B9jlQR0qwyJtjWr4BeDrDCJwAanw2q47CKVuE11rQ3B8zGevlyRyQKj2BBwpQp4rwyFvAeazwi88CVuowmz5x2m2xKf1Q1rlhmi1Bh9tAqBuAn///+Zxjqe1AyWzAVfjwJ8rCOTvz2s3SGdzxWbzRS/OR+KAAABFklEQVR4Xo3P1W4EMQyG0fwODcMyM0OZ+/7vVc80u6tWq3Y+KXc+siNwbrrdtloP+DdHfJ/FqJX23qsSvyCjfdo7HKqQJEkwn88x3ad5frytQMLJpCA1TNN8cdx8lCDSXPwHCVGrMckXT5vnz5Io4vQ10IyYdDrfBHkRHMH1NOmSdFGv1324ziSmIcBPGiOhqWEyD0RkRbhcdjEYrNf3d9zqRKy1GGdoUtQ0niatyeqsD0nSK8grnFitzkQpxfPerI+xsZYUKyhyh+12O+CRe+Pw4y9GmQbvYq5/kSDBJUe01hGGhmI0SGoJRzxSkQiDILg5dSGc4oEZAJlRP3YEQ1IFIaJ2+4VjUiERloCJEKIiQXgJlfoCe5IaqIOvDWoAAAAASUVORK5CYII=") 5px 5px no-repeat !important;
+  }
+
+  .vevent a {
+    padding-left: 11px;
+    background: url(icons/external_link.png) top left no-repeat;
+    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAANAQMAAACn5x0BAAAABlBMVEX///9jlQQUCBxBAAAAAXRSTlMAQObYZgAAACBJREFUCB0FwaEJAAAIALA1/xYEs6/axQ0QLEUzJMkB8FxYBJy/sjNiAAAAAElFTkSuQmCC") top left no-repeat;
+    color: #679A06;
+  }
+  .vevent p {
+    margin: 0;
+  }
+  .vevent .description {
+    display: block;
+    margin-top: 1em;
+  }
+  .vevent .location {
+    display: block;
+    color: #679A06;
+  }
+  .vevent .summary {
+    display: block;
+    color: #679A06;
+    font-weight: bold;
+  }
+
+  /* XFN relationship */
+  a.xfnRelationship {
+    padding-right: 26px;
+    background-image: url(xfn/xfn-small.png);
+    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAOCAMAAADzLXfBAAAAq1BMVEXGxsb///+Zzg6NxAqVzA32+u6JxAqKwxfK6zya0xCh1xKFwQrt9tyk2ROX0Q+Fvgi75SvU6aya0h6z4SOl2hSQxgqDvwmq0xWd0hCYyQ6MwwmRzQ1/uwi32XvJ4puizxKu1RiRxwyg1xONyQuUyCrD4oye1RGLwgfF6TeIwQiEvQe/5jHc7b3O7EGSyguu1mq22hrE5H6122vD5zSIvxu833zi7syUyxuo3RZV5oaGAAAAAXRSTlMAQObYZgAAAN1JREFUeF51kNVuxWAMg+sfi8wMh/mM9/5PtrS7mzTLiZUvuYphuDr/K+0u+DtJwsvb0TRvN9M0j5cwTGihbS/1PC9Nqa+xlmPktj371mxZlu/7e3Jp7e2Fz3aMKJZRA6CBjF/gzzPxsmRfEjux6VWzgcQHNmVJnDF2f0jN1PXxqrCTHThj+cqnDluhADjougiKMboX4q4lIu70rSLeSjhC0P2UbdG/y2vbn6YAnfpEME3EeXY4B+RTUHMKHpwPPMsNzVfV5KV+h9qhP2RVNRTFOD4XjWMxDJV2//vbD/KGFzMfCBH8AAAAAElFTkSuQmCC");
+    background-repeat: no-repeat;
+    background-position: right;
+  }
+  a.xfnRelationship[rel~="colleague"], a.xfnRelationship[rel~="co-worker"] {
+    padding-right: 21px;
+    background-image: url(icons/xfn/xfn-colleague.png);
+    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOCAMAAAAVBLyFAAAAYFBMVEXGxsa+z+woYcAmYL++z+u9zuvZ4/TO2/H///++zuvd5/WgueLy9fvR3fJVg87u8/mRr9/G1e7q8Pk0asP7/P5diM9CdMfC0u1chs+0yOmdt+Ln7fh5nNlQfsxPfstdiNANDsYBAAAAAXRSTlMAQObYZgAAAI5JREFUeF5tUNcKw0AMszxuZe90//9f9o7QkkL1IiHkSeQMagoDEA3mspPCD5IjFL4IszU6Fg3SQi9m3jvzRSvFQguzLB38kcKRkm/KjsK7iPRJ06lXvco6bsN8siruefDoPlZdrdKGVvbKN7c5GFmYmPk5PFhkmnULmlNccGUWlhAt4N9B5FAQAVWDwtEbDGwHzDGQ3uIAAAAASUVORK5CYII=");
+  }
+  a.xfnRelationship[rel~="met"] {
+    padding-right: 32px;
+    background-image: url(icons/icon-xfn.png);
+    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAASCAMAAACQGyXoAAAAwFBMVEXGxsb///+Fvgj2+u6JxAqh1xKKwxeRxwyNxAq32XvJ4puNyQuIwQiVzA2Dvwnt9tzD4oyZzg6SyguMwwmRzQ2a0xCFwQqizxKX0Q+u1RjU6ayg1xOq0xWe1RG122uu1mqQxgqd0hCl0U2YyQ6a0h6LwgfO7EF/uwiUyCqz4SPK6zyl2hSq01a75Svc7b2k2ROEvQe/5jGYzDnD5zSc0CzE5H6833zF6TeIvxun3BOUyxvi7syo1z222hq924uo3RbH6VQeAAAAAXRSTlMAQObYZgAAAT1JREFUeF59keVunDEQRX2NHzLDMjMHiu//Vp1ttpUiJTnSjD33eH6ZsXCrg4/Q45Ckjn+vVrvd6fK8Xq/n8zn158tpt1vlOmTb6vUz4jHT6nDYHIjNho7H5dEKFqiDaqu8bfM8r4hej0qN8p5Sd9sqNUVTTUWTgbhlENP8hqptW7I9eh3hHOHqYt/v/3CBKHtCRjlnwWg0ir+JPSLfhSOz2IXA8gku5bQbE8kAQscS+0H/KhEJx4ZFcfBmjQ0sfQliW8C20UCSpV3f9xMtGjRWAWchXbKLUKCgnHaTJJEOXn7hvIAjkySAXQyAe07WmOESDn8Re7KeMRy25N/BjTFkreFwduQplcd5at0HK+XHGeUB09aD9F5/2785LdjWm/0nnb3DG7NQe8PJpCy7rq5/vlHXXVeWE0+HX//+Hw2+L1y/3yDiAAAAAElFTkSuQmCC");
+  }
+  a.xfnRelationship[rel~="colleague"][rel~="met"], a.xfnRelationship[rel~="co-worker"][rel~="met"] {
+    padding-right: 26px;
+    background-image: url(icons/xfn/xfn-colleague-met.png);
+    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAOCAMAAADzLXfBAAAAYFBMVEXGxsa+z+woYcAmX7+9zuv///++zuve5/XF1O6huuP7/P7Z4/RCdMfq8PjS3vLN2/E0asOxxudQfszZ5PVWg86Qr95bhs/v8/rn7fjy9ftdiNDe6PV5nNitxOe6zeqdtuISlCqmAAAAAXRSTlMAQObYZgAAAJ9JREFUeF5tkIcOwzAIRH0HHtm7e/z/XxYnalOpRboDPSMb41ylsAhqCoDCDNG56ep/I0aHnO8kHy2azwGc5nQR4eEYui8eVk4ax86Dw9b/zQfx2PiN5BIRDbZ+oH/zcy11k1JpnBl73d4tuDB1esy1mNb+c1Fz9rMciq49lfucPSljGs37EmmfxwD5pIjQA+/+avq/B1cBCFCFafV1by9mVwgBHNGRhAAAAABJRU5ErkJggg==");
+  }
+  a.xfnRelationship[rel~="friend"] {
+    padding-right: 21px;
+    background-image: url(icons/xfn/xfn-friend.png);
+    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOCAMAAAAVBLyFAAAAYFBMVEXGxsYoYcC+z+wmX7++z+u9zuv////Z4/Spv+a+zuupwOZCdMfE0+7e5/X6+/3y9fszaMKfuOKtw+bo7/leidDU3/Jbhs94nNi5y+qOrNy/0OzZ5PWuxOe0yOnj6/fd5vUgjr18AAAAAXRSTlMAQObYZgAAAItJREFUeF5lzwcKwzAMBVBN7+zuef9bVmoaaKnA/vD4FhggUhYVUb8sriZd+JkugnjemPHUysNNIHvskPmwlIsTgayERulN+UOMuJGCehytdd6n/RcNFesy33snWR9OyNikLBsNU0X2/RO1rg8EGkYHZJuxL7O1KKDDekJK1orPvw9BVNFMpKpkIRFeAVEHR3zEFfkAAAAASUVORK5CYII=");
+  }
+  a.xfnRelationship[rel~="friend"][rel~="met"] {
+    padding-right: 26px;
+    background-image: url(icons/xfn/xfn-friend-met.png);
+    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAOCAMAAADzLXfBAAAAYFBMVEXGxsa+z+soYcC+z+y+zusnX7+9zuupv+b////e5/Vch8/o7vn6+/2huuPE1O7U3/KpwOZCdMe/0Os0acKuxOfy9fuxxuff5/aVsd+0yOm6zOqtw+ayx+jZ4/R5nNi/z+u6Bqx7AAAAAXRSTlMAQObYZgAAAKRJREFUeF5t0AdOBTEMBNCMW9rW3xtw/1vikGVBAkdRrBfJGjmENwPMwH4BhnfMV+ec/la+BjQ4KdFjWur+wYGbFyUtdfn45bI5lRqxu21OX37oeCF3a/5OSrc5zo5zetE+57zSWp/3wV0v5IDuo5JOh1hbr30+p/O4kruWUaY8/OQ8kiN56XFYTt0RkJq040+K8Tvn/3vIviCBgMUMBhFhCFsOn7mzCfRhKm+OAAAAAElFTkSuQmCC");
+  }
+  a.xfnRelationship[rel~="sweetheart"] {
+    padding-right: 21px;
+    background-image: url(icons/xfn/xfn-sweetheart.png);
+    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOCAMAAAAVBLyFAAAAYFBMVEXGxsYoYcD4Qq6+z+vZ4/Q/ccb4UbX///++zuu9zuv/8/rd5vUlXb5bhs/6e8b5cMLy9fv90OuhuuN4m9i2yOlSfcn8t+H8oNaJqNqzmNPD0e3w3/KtxOb0hMv7n9X9xObCRbgHAAAAAXRSTlMAQObYZgAAAHlJREFUeF51j1cKA0EMQ12mby3p9f63jDxLSEJY2UbwkD9E5FQzNuEyzIE08UeNIzW/MfOul6cxXVEH1E0ybKBEaSO1AJ2O8vhCo2d/DaGsKJvNSF0Gmd6pcfYMtfvzvT+UmJEyUFnLRUJ95I+iCFL/hWptK55wNo5etO8G3lYCx4oAAAAASUVORK5CYII=");
+  }
+  a.xfnRelationship[rel~="sweetheart"][rel~="met"] {
+    padding-right: 26px;
+    background-image: url(icons/xfn/xfn-sweetheart-met.png);
+    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAOCAMAAADzLXfBAAAAYFBMVEXGxsYoYMDg5vX4Qq6+z+z///+9zutCdMfY4vT/8vpahc7y9fuhuuP4TrMlXb76ccL90Ov6esWxxuf9xOb5Wbc0asT8uOKyx+i2yel4nNj8odeJqNqzmNOtw+b7n9X3gMlS9TiMAAAAAXRSTlMAQObYZgAAAINJREFUeF6N0McKAzEMRVE9FZepJb3//19GTGK8GAI54M1F2EZEKTjV9ehHYM9sW8wUzD0AnGfZWaGk5hoAzSTjHz1s+4IyfwFwu8rTY7ITrPQ2InK/z96xoN7fAdBRJnMo77ZdhBua+2s+ZlsF7wd8DcjS13+iMpEy/2sPlLQqu2N6A+dbBzWluY7VAAAAAElFTkSuQmCC");
+  }
+  a.xfnRelationship[rel~="child"] {
+    padding-right: 21px;
+    background-image: url(icons/xfn/xfn-child.png);
+    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAANCAMAAACTkM4rAAAAvVBMVEXM2e/B0Oz///++zuvA0OzAz+u+zuvA0Oy/z+vz9vsoYcChwv/q7/n////p7vi+zuszasbn7viVseCkxP/+//87b8bz9vzs8fltlNTt9P/r8Pnm7/+ZtOGateFrk9QsZMGnxv/7/P/8/f46bsXa5PS60v/6/P9xltUuZcLQ3PHT4v+yzf/w9PuLqd0zacM3bMRymN2CqO6xzf/8/f9Fdsh6o+uox//N3/+txOfE2f81a8bG1e5ejNu20P/w9v9zpagkAAAACXRSTlP45gAUm+oS6Z4bD6DtAAAAlUlEQVQIW2WPVQ7DQAwFHY692XCZmZnx/seqk0ZJpc6Pn0Z6sg2qqStejqKbKmgGuIhYxxQXDA1siKWstDvVskyIWVgOhyYRhamSjgUe8gxZTWq3Bkf0vurBqvUS3V6h+gOi4UiIcaGCKdFsLhZ5cblac3Gz3e0PqbKc4EgZp/Ml2WjDtZRw933/GUVvFtn1+HP9/48fzYIO5ZD33dQAAAAASUVORK5CYII=");
+  }
+  a.xfnRelationship[rel~="parent"] {
+    padding-right: 21px;
+    background-image: url(icons/xfn/xfn-parent.png);
+    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOCAMAAAAVBLyFAAAA3lBMVEXA0OzJ1u7Az+u+zuu+zuu/z+v///+/z+vI1u7A0OwoYcChwv////++zuvw9Prx9Puyzf/9/v7n7ffm7Pf+/v/9/v+iw//S4f3l7fyryf/7/f/f5/a30P/Y5v9nj9Pu8vspYsCPse3P4P+7zevb6P9didTc6f9Rf8x1m9n2+f+OrN6tw+qlxf/+//+VseCTte/U4//k6/d7ntgrY8E4bchql+MvZsKnxv/F2f/Z4/Q3bMQwaMSVuPnV5P+tw+ZdiNBch89Mfc9Jes9Ies9Hes5Hec5Gec6StPCQtPbQ4P5zH8oEAAAACnRSTlPk+OYREJgAmfjnFvieJgAAAK9JREFUeF5lz9WOw0AMhlGHOok9kKTMzMzLjO//QutuqipSvyvrXPmHjOuBugSemwHHtmJtuFKxaXRs2Q4IP5KnegUqV6SMfAFBliHfrdaIqM5nNgClmRrYajN1mLQCZaTMHRD7TAMmk5AcIo6ICuMUTRCnRLN5ihaISyJa5RPScr3ZIu72P0THm5xW/MTtHf53/0BEj/yE8J+eX17f3j8+v77DMPz1xXlQ0nnQ9ew/oEsSiPZewisAAAAASUVORK5CYII=");
+  }
+  a.xfnRelationship[rel~="spouse"] {
+    padding-right: 21px;
+    background-image: url(icons/xfn/xfn-spouse.png);
+    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOCAMAAAAVBLyFAAABaFBMVEW+zuu+zuvAz+z///+/z+vA0Oy/z+vI1u7J1u7A0OzA0Oz///++zuvw9Prx9Pv9/v6usTfw8O+7vjv9/f3n7ffm7PfT089+f1nR1EGRkYjGxsL29vXc3Nr+/v6oqKKfojOUly/Y2NXc3NlrazHAwzySlC93eEttbzJ7fDjIyz5MTSSAgTrGyT7z8/Nub0e6vTvx8fDz8/KVl0LM0ECChChqazySkoJ8fyaRky5TVC+QkzF3eDONjy2doDJ3eDuLi36KjC3v7+6HiTZ9fyvr7vTs7/WWmTF0dTjq6uimqTRzdEKDhUWTlS/o6OaEhTqChCvo6vGCg0KlqDWysqyChDh6eyitsDdvcDK2trC3ujlyc0HHx8KqrTeBgj55eViHiS9paUijpTNcXUV9fVirrjaYmjHHx8O9vbeChDZ2eCp+f012dyxgYiS/wjy4uzp3eDK4uLP5+fjKysbExz1zc07u8fjJycX4+PfL29bJAAAAC3RSTlMPEeQAl+SZ+Pjo54Y2LlAAAADTSURBVHhebY/TjgVBAAX7Enu6B5e2bWNp27aN39+ZyWZf7p7HSiqpQzREq6N/02kloFIbrYz7HbMa1SqiN/BAzi4CRXsJ4A16YrIhHI8JzVYkKHTzIdiGCGXe42jSkWik0o5M9tbLKKHcXWHYgnKlWoOl/v7BSeiz3fFB7PUPR0bhGxufkNDk1DQwMzs3v7AILC2vyOLq2jqwsbm1Dezs7ski2z8IHLlOAqdnrvOLyytG5YjrG7PTfP/w6Hx6fpEilNTXN7/b43H7v76V1MFD/9z+AVw1IjFL8DyHAAAAAElFTkSuQmCC");
+  }
+  a.xfnRelationship[rel~="me"] {
+    padding-right: 21px;
+    background-image: url(icons/xfn/xfn-me.png);
+    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOCAMAAAAVBLyFAAAAWlBMVEXGxsYoYcC+z+u+z+y9zusnYL/Z4/S+zusoYMBdiM/y9fteidDd5/QnYMDe5/VCdcihuuPy9Ps1a8SUsN+8zetdidDJ1u7Z5PV4m9hCdMeuxOc0asStw+b///+reoflAAAAAXRSTlMAQObYZgAAAH1JREFUeF5dj1cOBDEIQ7Ehbfpsr/e/5qYoH7Mg2eLJICHiSVU1Ja2Iz2T6Hmq5i1bwAnBpTIXVE4DUUUuNEW78QwCuDQWx6o8InBuihOrDiud+XNwA3DoKObKtmB3m9Bl66uQAF13Wd0d5KF2knvfL8aGpPKlUUoMZSaOXHyGOEL2qtmFaAAAAAElFTkSuQmCC");
+  }
+
+  /* rel-tag */
+  a[rel~="tag"] {
+    padding-right: 32px;
+    background: url(icons/icon-rel-tag.png);
+    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAASCAMAAACQGyXoAAAAwFBMVEXGxsb///8zcMkhXsDx9PpCf9A5dcsnYL8tZcEzasQoYcAlYsJljtJFgtOluuF1ltM9e85KiNUtbMgudMseVbgpZMFHhNNLidYoaMW3yehPjddqlNYvacVXlNtpjM7e5/UhWrxqo+FFecxbgsp+sufR2+90quM3ftCBotonZsTj6/c0es6Kqt1Pgc9Wk9vT3fHJ2PE3Zr9Xi9SrweaIo9iUs+KVrNvG1O6Fotc6gtJTkNrBzukbW7+HuOhOjNh+ntfOA5d8AAAAAXRSTlMAQObYZgAAATtJREFUeF51kdXOHDEMheMgDDLDMtPP3L7/W9Wzq6q92S+J5eOjJJZMyK4xyuK67r9gZtwBTSO66XS1Wi0Wi58bmKGeenogjehOpw65xX/i1AmXmPrzLpqoui5ygXjRr1zkRX3TqOo6I7aIvAuMPHovcBFR4T1WHHgTRYUlNs9Fs3mDzSGUZw4zTxz57rB5Cr08z4jCR0P6BG0YHqGCIJQVzKSUIdbRDRHqoyt/g+QVNbwyM9c9Yhn/lYjxQcv2jc/PXGuodABwoFKiS5HWB0sNjMztcniwKTy3lGJXMZL5MNn20E8e4FX1sAwCeM/i2BJVIg66js/1li0HpuZfAMs+K0t0HURNJswZD7uFNE3ZWCaG3UeThn3fg7k4Qca2ZRwnyX6/Xn8g6/0+SeLSYXocsGuuc1e3qP6f/h96Fy3YfuOuuQAAAABJRU5ErkJggg==");
+    background-repeat: no-repeat;
+    background-position: right;
+  }
+
+  /* geo */
+  abbr[class~="geo"] {
+    padding-right: 32px;
+    background: url(icons/icon-geo.png) no-repeat right;
+    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAASCAMAAACQGyXoAAABF1BMVEWSxzD///+n1DSfzTKr1zWZyjGx3Det2zau2zbw9+Kk0jSgzjK62Tev1DXG5juXyTC31zbT60rW7FCh0DO32Gey1l6ayjGcyzGy3TebyjGs2TbQ5o/n9MSUyTCmzzPO5o+z3Ty/4zr6/PPD42X1+ubw+Nux2EHM6EGu1kHU6JnJ5z7r9c+v10XI44XO6kW43kbj8rmr1Tew2TvL5X2v3DfB3Tiz3zjR55mVxjCr1Tiu2TjY6qPh77nJ433C4Gy+3WvG5W3G4n2l1jXM5Ia23kOx3Dq04Dir1UC02U/S6I+t2Dey2Em12kqo1DigzjOm0zXk8cO32lW83WSt1jri8Lmp1DbB33T0+eao1zWl0zSizjS02kKx3Dmg7209AAABHUlEQVR4Xn3R1W4DQQwFUHtgmcPMzGVmZub//456U6VKpaRHGkvXV34aQD0qYRYZ0xF0yU5KJcdpN/q+7wdBQLPfaDtO6U3qED1YmYfFQGqKklRIcholWuYANEWbI2xVTVOPO1gbqMXscJitqMUaVgdqiNp0Or2EWKni1xF2srW9n1BUab8GIIRYxAshnhY+UYzDhhB4LgjdMsYOy2yU2anXkVxtI21eNwVNGLcZZOtb2Krj4/OIArXlFiN0axjGJRbeH7DQxLNu97qJhdt9vDcIAETIC2L5rneKZDWyS7MXCVFrmpzc8CkfnJimSW2C88RMnAPISUiFbzwmOZWDqBv/lYr/4cZAly7P523b8yxr+YdleZ5t512p///73zK9KpM38kTwAAAAAElFTkSuQmCC") no-repeat right;
+    border: none;
+    cursor: default;
+  }
+}
diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/rtl-support/core/base-rtl.css b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/rtl-support/core/base-rtl.css
new file mode 100644
index 000000000..bbde2cbb3
--- /dev/null
+++ b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/rtl-support/core/base-rtl.css
@@ -0,0 +1,167 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ * (en) YAML core RTL stylesheet
+ * (de) YAML Basis-RTL-Stylesheet
+ *
+ * Don't make any changes in this file!
+ * Your changes should be placed in any css-file in your own stylesheet folder.
+ *
+ * @note:           Many thanks to Alexander Hass (http://www.yaml-fuer-drupal.de/) for contribution
+ *
+ * @copyright       © 2005-2013, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         4.1.2
+ */
+@media all {
+  /**
+  * @section browser normalisation
+  * Changing direction of text flow, paddings & margins ...
+  */
+  option {
+    padding: 0 0.4em 0 0;
+  }
+
+  body {
+    text-align: right;
+    direction: rtl;
+  }
+
+  ul,
+  ol,
+  dl {
+    margin: 0 1em 1em 0;
+  }
+
+  li {
+    margin-left: 0;
+    margin-right: 0.8em;
+  }
+
+  dd {
+    margin: 0 0.8em 1em 0;
+  }
+
+  blockquote,
+  cite {
+    margin: 0 0.8em 1em 0;
+  }
+
+  /* set text flow */
+  .ym-form {
+    direction: rtl;
+  }
+  .ym-form * {
+    text-align: right;
+  }
+  .ym-form input,
+  .ym-form textarea {
+    display: inline-block;
+  }
+  .ym-form select {
+    display: inline-block;
+  }
+  .ym-form .ym-fbox-check input,
+  .ym-form input[type="radio"],
+  .ym-form input[type="checkbox"] {
+    margin-left: 0.5ex;
+    margin-right: 0;
+  }
+  .ym-form .ym-inline {
+    margin-left: 0;
+  }
+
+  .ym-fbox-wrap input[type="radio"],
+  .ym-fbox-wrap input[type="checkbox"] {
+    margin-left: 0.5ex;
+    margin-right: 0;
+  }
+
+  /*------------------------------------------------------------------------------------------------------*/
+  /**
+  * (en) rtl adjustments for forms module
+  * (de) RTL-Anpassungen für das Formular Modul
+  *
+  */
+  .ym-columnar input,
+  .ym-columnar textarea,
+  .ym-columnar select {
+    float: right;
+    margin-right: 0;
+    margin-left: -3px;
+  }
+  .ym-columnar label,
+  .ym-columnar .ym-label {
+    display: inline;
+    float: right;
+  }
+  .ym-columnar input + label {
+    margin-right: 0.5ex;
+  }
+  .ym-columnar .ym-fbox-check input,
+  .ym-columnar .ym-message {
+    margin-left: 0;
+    margin-right: 30%;
+  }
+  .ym-columnar .ym-fbox-wrap {
+    margin-left: 0;
+    margin-right: 30%;
+    margin-left: -3px;
+  }
+  .ym-columnar .ym-fbox-wrap .ym-message {
+    margin-right: 0%;
+  }
+  .ym-columnar .ym-fbox-wrap label {
+    margin-right: 0;
+  }
+  .ym-columnar .ym-fbox-wrap input {
+    margin-right: 0;
+  }
+  .ym-columnar .ym-fbox-wrap input[type="radio"],
+  .ym-columnar .ym-fbox-wrap input[type="checkbox"] {
+    margin-left: 0.5ex;
+    margin-right: 0;
+  }
+  .ym-columnar .ym-fbox-button input {
+    float: none;
+    margin-left: 1em;
+    margin-right: 0;
+  }
+
+  /*------------------------------------------------------------------------------------------------------*/
+  /**
+  * (en) skip links cause large horizontal scrollbars in RTL mode in several browsers
+  * (de) skip links erzeugen große horziontale Scrollbalken in verschiedenen Browserin im RTL-Modus
+  *
+  * @workaround
+  * @affected   Firefox, Safari, IE 5.x - IE7
+  * @css-for    all
+  * @valid      yes
+  */
+  .ym-skiplinks {
+    left: 32768px !important;
+  }
+  .ym-skiplinks .ym-skip:focus, .ym-skiplinks .ym-skip:active {
+    left: -32768px !important;
+  }
+
+  .ym-skip,
+  .ym-hideme,
+  .ym-print {
+    left: 32768px !important;
+  }
+
+  /*------------------------------------------------------------------------------------------------------*/
+  /**
+  * @section miscellaneous
+  *
+  * (en) CSS-class for ltr-content (left to right) within a rtl website
+  * (de) Eine CSS-Klasse für ltr-Inhalte (left to right) innerhalb einer rtl-Seite
+  */
+  .ym-text-ltr {
+    direction: ltr;
+    text-align: left;
+  }
+}
diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/rtl-support/core/base-rtl.min.css b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/rtl-support/core/base-rtl.min.css
new file mode 100644
index 000000000..99d854223
--- /dev/null
+++ b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/rtl-support/core/base-rtl.min.css
@@ -0,0 +1,3 @@
+/*! yamlcss v4.1.2 (2013-07-28) */
+
+@media all{option{padding:0 .4em 0 0}body{text-align:right;direction:rtl}ul,ol,dl{margin:0 1em 1em 0}li{margin-left:0;margin-right:.8em}dd{margin:0 .8em 1em 0}blockquote,cite{margin:0 .8em 1em 0}.ym-form{direction:rtl}.ym-form *{text-align:right}.ym-form input,.ym-form textarea{display:inline-block}.ym-form select{display:inline-block}.ym-form .ym-fbox-check input,.ym-form input[type=radio],.ym-form input[type=checkbox]{margin-left:.5ex;margin-right:0}.ym-form .ym-inline{margin-left:0}.ym-fbox-wrap input[type=radio],.ym-fbox-wrap input[type=checkbox]{margin-left:.5ex;margin-right:0}.ym-columnar input,.ym-columnar textarea,.ym-columnar select{float:right;margin-right:0;margin-left:-3px}.ym-columnar label,.ym-columnar .ym-label{display:inline;float:right}.ym-columnar input+label{margin-right:.5ex}.ym-columnar .ym-fbox-check input,.ym-columnar .ym-message{margin-left:0;margin-right:30%}.ym-columnar .ym-fbox-wrap{margin-left:0;margin-right:30%;margin-left:-3px}.ym-columnar .ym-fbox-wrap .ym-message{margin-right:0}.ym-columnar .ym-fbox-wrap label{margin-right:0}.ym-columnar .ym-fbox-wrap input{margin-right:0}.ym-columnar .ym-fbox-wrap input[type=radio],.ym-columnar .ym-fbox-wrap input[type=checkbox]{margin-left:.5ex;margin-right:0}.ym-columnar .ym-fbox-button input{float:none;margin-left:1em;margin-right:0}.ym-skiplinks{left:32768px!important}.ym-skiplinks .ym-skip:focus,.ym-skiplinks .ym-skip:active{left:-32768px!important}.ym-skip,.ym-hideme,.ym-print{left:32768px!important}.ym-text-ltr{direction:ltr;text-align:left}}
\ No newline at end of file
diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/rtl-support/forms/gray-theme-rtl.css b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/rtl-support/forms/gray-theme-rtl.css
new file mode 100644
index 000000000..e2368d5e9
--- /dev/null
+++ b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/rtl-support/forms/gray-theme-rtl.css
@@ -0,0 +1,44 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * (en) RTL support for forms (gray-theme)
+ * (de) RTL Unterstützung für das Gray-Theme des Formularbaukastens
+ *
+ * @copyright       © 2005-2013, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         4.1.2
+ */
+@media screen {
+  .ym-form select {
+    padding: 3px 1px 3px 2px;
+  }
+
+  /* adjust buttons */
+  .ym-button,
+  .ym-form button,
+  .ym-form input[type="button"],
+  .ym-form input[type="reset"],
+  .ym-form input[type="submit"] {
+    margin: 0 0 0 0.75em;
+  }
+
+  .ym-form button:before,
+  .ym-button:before {
+    float: right;
+    margin: 0 -1em 0 1em;
+    border-radius: 0;
+    border-top-right-radius: 0.15em;
+    border-bottom-right-radius: 0.15em;
+    -webkit-box-shadow: -1px 0 0 rgba(0, 0, 0, 0.5), -2px 0 0 rgba(255, 255, 255, 0.5);
+    box-shadow: -1px 0 0 rgba(0, 0, 0, 0.5), -2px 0 0 rgba(255, 255, 255, 0.5);
+  }
+
+  /* ie6 support styles - redefined buttons, because of missing support for attribute selectors */
+  * html .ym-button,
+  * html .ym-form button {
+    margin: 1.5em 0 0 0.75em;
+  }
+}
diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/rtl-support/navigation/hlist-rtl.css b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/rtl-support/navigation/hlist-rtl.css
new file mode 100644
index 000000000..8f75afebf
--- /dev/null
+++ b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/rtl-support/navigation/hlist-rtl.css
@@ -0,0 +1,48 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * (en) RTL Horizontal list navigation "hlist"
+ * (de) RTL Horizontale Navigationsliste "hlist"
+ *
+ * @note:           Many thanks to Alexander Hass (http://www.yaml-fuer-drupal.de/) for contribution
+ *
+ * @copyright       © 2005-2013, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         4.1.2
+ */
+@media all {
+  /**
+  * (en) Workaround disappearing list elements on hover
+  * (de) Workaround verhindert das Verschwinden der Listenelemente beim Hovern
+  *
+  * @workaround
+  * @affected   IE 5.x/Win, IE6, IE7
+  * @css-for    IE 5.x/Win, IE6, IE7
+  * @valid      yes
+  */
+  .ym-hlist * {
+    direction: ltr !important;
+  }
+  .ym-hlist a,
+  .ym-hlist strong {
+    direction: rtl !important;
+  }
+  .ym-hlist ul {
+    position: relative;
+    float: right;
+    margin-left: 0;
+  }
+  .ym-hlist ul li {
+    float: right;
+    text-align: right !important;
+  }
+
+  /* change back direction to RTL for child elements */
+  .ym-searchform {
+    direction: rtl !important;
+    float: left;
+  }
+}
diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/rtl-support/navigation/vlist-rtl.css b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/rtl-support/navigation/vlist-rtl.css
new file mode 100644
index 000000000..5eb8e00b1
--- /dev/null
+++ b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/rtl-support/navigation/vlist-rtl.css
@@ -0,0 +1,54 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * (en) Vertical RTL list navigation "vlist"
+ * (de) Vertikale RTL-Navigationsliste "vlist"
+ *
+ * @note:           Many thanks to Alexander Hass (http://www.yaml-fuer-drupal.de/) for contribution
+ *
+ * @copyright       © 2005-2013, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         4.1.2
+ */
+@media all {
+  /* menu title */
+  .ym-vtitle {
+    padding-left: 0px;
+    padding-right: 10%;
+  }
+
+  /* 4 navigation levels defined */
+  .ym-vlist {
+    text-align: right;
+  }
+  .ym-vlist li {
+    float: right;
+  }
+  .ym-vlist li a,
+  .ym-vlist li strong,
+  .ym-vlist li span {
+    padding-left: 0px;
+    padding-right: 10%;
+  }
+  .ym-vlist li ul li a,
+  .ym-vlist li ul li strong,
+  .ym-vlist li ul li span {
+    padding-left: 0px;
+    padding-right: 20%;
+  }
+  .ym-vlist li ul li ul li a,
+  .ym-vlist li ul li ul li strong,
+  .ym-vlist li ul li ul li span {
+    padding-left: 0px;
+    padding-right: 30%;
+  }
+  .ym-vlist li ul li ul li ul li a,
+  .ym-vlist li ul li ul li ul li strong,
+  .ym-vlist li ul li ul li ul li span {
+    padding-left: 0px;
+    padding-right: 40%;
+  }
+}
diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/rtl-support/screen/typography-rtl.css b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/rtl-support/screen/typography-rtl.css
new file mode 100644
index 000000000..4163af932
--- /dev/null
+++ b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/rtl-support/screen/typography-rtl.css
@@ -0,0 +1,38 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * (en) Uniform design of standard content elements
+ * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
+ *
+ * @copyright       © 2005-2013, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         4.1.2
+ */
+@media all {
+  /* --- Lists | Listen  -------------------------------------------------------------------------------- */
+  ul,
+  ol,
+  dl {
+    margin-left: 0;
+    margin-right: 1em;
+  }
+
+  li {
+    margin-left: 0;
+    margin-right: 0.8em;
+  }
+
+  dd {
+    margin-left: 0;
+    margin-right: 0.8em;
+  }
+
+  /* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */
+  blockquote {
+    margin-left: 0;
+    margin-right: 1.5em;
+  }
+}
diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/syncheight/jquery.syncheight.js b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/syncheight/jquery.syncheight.js
new file mode 100644
index 000000000..711bdbd09
--- /dev/null
+++ b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/syncheight/jquery.syncheight.js
@@ -0,0 +1,112 @@
+/**
+ * syncHeight - jQuery plugin to automagically Sync the heights of columns
+ * Made to seemlessly work with the CCS-Framework YAML (yaml.de)
+ * @requires jQuery v1.0.3 or newer
+ *
+ * http://blog.ginader.de/dev/syncheight/
+ *
+ * Copyright (c) 2007-2013
+ * Dirk Ginader (ginader.de)
+ * Dirk Jesse (yaml.de)
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+ *
+ * Version: 1.5
+ *
+ * Changelog
+ * * v1.5 fixes issue with box-sizing: border-box
+ * * v1.4: new Method unSyncHeight() that removes previously added syncs i.e. for responsive layouts
+ * * v1.3: compatibility fix for jQuery 1.9.x (removed $.browser)
+ *
+ * Usage sync:
+  $(window).load(function(){
+    $('p').syncHeight();
+  });
+ * Usage unsync:
+  $(window).resize(function(){
+    if($(window).width() < 500){
+      $('p').unSyncHeight();
+    }
+  });
+ */
+
+(function($) {
+  var getHeightProperty = function() {
+    var browser_id = 0;
+    var property = [
+      // To avoid content overflow in synchronised boxes on font scaling, we
+      // use 'min-height' property for modern browsers ...
+      ['min-height','0px'],
+      // and 'height' property for Internet Explorer.
+      ['height','1%']
+    ];
+
+    var bMatch = /(msie) ([\w.]+)/.exec(navigator.userAgent.toLowerCase()) || [],
+      browser = bMatch[1] || "",
+      browserVersion = bMatch[2] || "0";
+
+    // check for IE6 ...
+    if(browser === 'msie' && browserVersion < 7){
+      browser_id = 1;
+    }
+
+    return {
+      'name': property[browser_id][0],
+      'autoheightVal': property[browser_id][1]
+    };
+  };
+
+  $.getSyncedHeight = function(selector) {
+    var max = 0;
+    var heightProperty = getHeightProperty();
+    // get maximum element height ...
+    $(selector).each(function() {
+      // fallback to auto height before height check ...
+      $(this).css(heightProperty.name, heightProperty.autoheightVal);
+      var val = parseInt($(this).css('height'),10);
+      if(val > max){
+        max = val;
+      }
+    });
+    return max;
+  };
+
+  $.fn.syncHeight = function(config) {
+    var defaults = {
+      updateOnResize: false,  // re-sync element heights after a browser resize event (useful in flexible layouts)
+      height: false
+    };
+
+    var options = $.extend(defaults, config);
+    var e = this;
+    var max = 0;
+    var heightPropertyName = getHeightProperty().name;
+
+    if(typeof(options.height) === "number") {
+      max = options.height;
+    } else {
+      max = $.getSyncedHeight(this);
+    }
+
+    // set synchronized element height ...
+    $(this).each(function() {
+      $(this).css(heightPropertyName, max+'px');
+    });
+
+    // optional sync refresh on resize event ...
+    if (options.updateOnResize === true) {
+      $(window).resize(function(){
+        $(e).syncHeight();
+      });
+    }
+    return this;
+  };
+
+  $.fn.unSyncHeight = function() {
+    var heightPropertyName = getHeightProperty().name;
+    $(this).each(function() {
+      $(this).css(heightPropertyName, '');
+    });
+  };
+})(jQuery);
diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/core/base.css b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/core/base.css
new file mode 100644
index 000000000..c6b8e432e
--- /dev/null
+++ b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/core/base.css
@@ -0,0 +1,705 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * (en) YAML core stylesheet
+ * (de) YAML Basis-Stylesheet
+ *
+ * Don't make any changes in this file!
+ * Your changes should be placed in any css-file in your own stylesheet folder.
+ *
+ * @copyright       © 2005-2013, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         4.1.2
+ */
+@media all {
+  /**
+   *  @section Normalisation Module
+   */
+  /* (en) Global reset of paddings and margins for all HTML elements */
+  /* (de) Globales Zurücksetzen der Innen- und Außenabstände für alle HTML-Elemente */
+  * {
+    margin: 0;
+    padding: 0;
+  }
+
+  /* (en) Correction: margin/padding reset caused too small select boxes. */
+  /* (de) Korrektur: Das Zurücksetzen der Abstände verursacht zu kleine Selectboxen. */
+  option {
+    padding-left: 0.4em;
+  }
+
+  select {
+    padding: 1px;
+  }
+
+  /*
+  * (en) Global fix of the Italics bugs in IE 5.x and IE 6
+  * (de) Globale Korrektur des Italics Bugs des IE 5.x und IE 6
+  *
+  * @bugfix
+  * @affected   IE 5.x/Win, IE6
+  * @css-for    IE 5.x/Win, IE6
+  * @valid      yes
+  */
+  * html body * {
+    overflow: visible;
+  }
+
+  /*
+  * (en) Fix for rounding errors when scaling font sizes in older versions of Opera browser
+  *      Standard values for colors and text alignment
+  *
+  * (de) Beseitigung von Rundungsfehler beim Skalieren von Schriftgrößen in älteren Opera Versionen
+  *      Vorgabe der Standardfarben und Textausrichtung
+  */
+  body {
+    font-size: 100%;
+    background: #fff;
+    color: #000;
+    text-align: left;
+  }
+
+  /* (en) avoid visible outlines on DIV and h[x] elements in Webkit browsers */
+  /* (de) Vermeidung sichtbarer Outline-Rahmen in Webkit-Browsern */
+  div:target,
+  h1:target,
+  h2:target,
+  h3:target,
+  h4:target,
+  h5:target,
+  h6:target {
+    outline: 0 none;
+  }
+
+  /* (en) HTML5 - adjusting visual formatting model to block level */
+  /* (de) HTML5 - Elements werden als Blockelemente definiert */
+  article,
+  aside,
+  details,
+  figcaption,
+  figure,
+  footer,
+  header,
+  main,
+  nav,
+  section,
+  summary {
+    display: block;
+  }
+
+  /* (en) HTML5 - default media element styles */
+  /* (de) HTML5 - Standard Eigenschaften für Media-Elemente */
+  audio,
+  canvas,
+  video {
+    display: inline-block;
+  }
+
+  /* (en) HTML5 - don't show <audio> element if there aren't controls */
+  /* (de) HTML5 - <audio> ohne Kontrollelemente sollten nicht angezeigt werden */
+  audio:not([controls]) {
+    display: none;
+  }
+
+  /* (en) HTML5 - add missing styling in IE & old FF for hidden attribute */
+  /* (de) HTML5 - Eigenschaften für das hidden-Attribut in älteren IEs und FF nachrüsten */
+  [hidden] {
+    display: none;
+  }
+
+  /* (en) Prevent iOS text size adjust after orientation change, without disabling user zoom. */
+  /* (de) Verdindert die automatische Textanpassung bei Orientierungswechsel, ohne Zoom zu blockieren */
+  html {
+    -ms-text-size-adjust: 100%;
+    -webkit-text-size-adjust: 100%;
+  }
+
+  /* (en) set correct box-modell in IE8/9 plus remove padding */
+  /* (de) Setze das richtige Box-Modell im IE8/9 und entferne unnötiges Padding */
+  input[type="checkbox"],
+  input[type="radio"] {
+    box-sizing: border-box;
+    padding: 0;
+  }
+
+  /* (en) force consistant appearance of input[type="search"] elements in all browser */
+  /* (de) Einheitliches Erscheinungsbild für input[type="search"] Elemente erzwingen */
+  input[type="search"] {
+    -webkit-appearance: textfield;
+    -webkit-box-sizing: content-box;
+    -moz-box-sizing: content-box;
+    box-sizing: content-box;
+  }
+
+  input[type="search"]::-webkit-search-cancel-button,
+  input[type="search"]::-webkit-search-decoration {
+    -webkit-appearance: none;
+  }
+
+  /* (en) Correct overflow displayed oddly in IE 9 */
+  /* (de) Korrigiert fehlerhafte overflow Voreinstellung des IE 9 */
+  svg:not(:root) {
+    overflow: hidden;
+  }
+
+  /* (en) Address margin not present in IE 8/9 and Safari 5 */
+  /* (en) Ergänzt fehlenden Margin in IE 8/9 und Safari 5 */
+  figure {
+    margin: 0;
+  }
+
+  /* (en) Clear borders for <fieldset> and <img> elements */
+  /* (de) Rahmen für <fieldset> und <img> Elemente löschen */
+  fieldset,
+  img {
+    border: 0 solid;
+  }
+
+  /* (en) new standard values for lists, blockquote, cite and tables */
+  /* (de) Neue Standardwerte für Listen, Zitate und Tabellen */
+  ul,
+  ol,
+  dl {
+    margin: 0 0 1em 1em;
+  }
+
+  li {
+    line-height: 1.5em;
+    margin-left: 0.8em;
+  }
+
+  dt {
+    font-weight: bold;
+  }
+
+  dd {
+    margin: 0 0 1em 0.8em;
+  }
+
+  blockquote {
+    margin: 0 0 1em 0.8em;
+  }
+
+  q {
+    quotes: none;
+  }
+
+  blockquote:before,
+  blockquote:after,
+  q:before,
+  q:after {
+    content: '';
+    content: none;
+  }
+
+  table {
+    border-collapse: collapse;
+    border-spacing: 0;
+  }
+
+  /**
+  * @section Float Handling Module
+  */
+  /* (en) clearfix method for clearing floats */
+  /* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */
+  .ym-clearfix:before {
+    content: "";
+    display: table;
+  }
+
+  .ym-clearfix:after {
+    clear: both;
+    content: ".";
+    display: block;
+    font-size: 0;
+    height: 0;
+    visibility: hidden;
+  }
+
+  /* (en) alternative solutions to contain floats */
+  /* (de) Alternative Methoden zum Einschließen von Float-Umgebungen */
+  .ym-contain-dt {
+    display: table;
+    table-layout: fixed;
+    width: 100%;
+  }
+
+  .ym-contain-oh {
+    display: block;
+    overflow: hidden;
+    width: 100%;
+  }
+
+  .ym-contain-fl {
+    float: left;
+    width: 100%;
+  }
+
+  /**
+  * @section Column Module
+  *
+  * default column config:
+  * |-------------------------------|
+  * | col1    | col3      | col2    |
+  * | 20%     | flexible  | 20%     |
+  * |-------------------------------|
+  */
+  .ym-column {
+    display: table;
+    table-layout: fixed;
+    width: 100%;
+  }
+
+  .ym-col1 {
+    float: left;
+    width: 20%;
+  }
+
+  .ym-col2 {
+    float: right;
+    width: 20%;
+  }
+
+  .ym-col3 {
+    width: auto;
+    margin: 0 20%;
+  }
+
+  .ym-cbox {
+    padding: 0 10px;
+  }
+
+  .ym-cbox-left {
+    padding: 0 10px 0 0;
+  }
+
+  .ym-cbox-right {
+    padding: 0 0 0 10px;
+  }
+
+  /* (en) IE-Clearing: Only used in Internet Explorer, switched on in iehacks.css */
+  /* (de) IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
+  .ym-ie-clearing {
+    display: none;
+  }
+
+  /**
+  * @section Grid Module
+  */
+  .ym-grid {
+    display: table;
+    table-layout: fixed;
+    width: 100%;
+    list-style-type: none;
+    padding-left: 0;
+    padding-right: 0;
+    margin-left: 0;
+    margin-right: 0;
+  }
+
+  .ym-gl {
+    float: left;
+    margin: 0;
+  }
+
+  .ym-gr {
+    float: right;
+    margin: 0 0 0 -5px;
+  }
+
+  .ym-g20 {
+    width: 20%;
+  }
+
+  .ym-g40 {
+    width: 40%;
+  }
+
+  .ym-g60 {
+    width: 60%;
+  }
+
+  .ym-g80 {
+    width: 80%;
+  }
+
+  .ym-g25 {
+    width: 25%;
+  }
+
+  .ym-g33 {
+    width: 33.333%;
+  }
+
+  .ym-g50 {
+    width: 50%;
+  }
+
+  .ym-g66 {
+    width: 66.666%;
+  }
+
+  .ym-g75 {
+    width: 75%;
+  }
+
+  .ym-g38 {
+    width: 38.2%;
+  }
+
+  .ym-g62 {
+    width: 61.8%;
+  }
+
+  .ym-gbox {
+    padding: 0 10px;
+  }
+
+  .ym-gbox-left {
+    padding: 0 10px 0 0;
+  }
+
+  .ym-gbox-right {
+    padding: 0 0 0 10px;
+  }
+
+  .ym-equalize {
+    overflow: hidden;
+  }
+
+  .ym-equalize > [class*="ym-g"] {
+    display: table-cell;
+    float: none;
+    margin: 0;
+    vertical-align: top;
+  }
+
+  .ym-equalize > [class*="ym-g"] > [class*="ym-gbox"] {
+    padding-bottom: 10000px;
+    margin-bottom: -10000px;
+  }
+
+  /**
+  * @section Form Module
+  */
+  /** Vertical-Forms - technical base (standard)
+  *
+  * |-------------------------------|
+  * | form                          |
+  * |-------------------------------|
+  * |   label                       |
+  * |   input / select / textarea   |
+  * |-------------------------------|
+  * | /form                         |
+  * |-------------------------------|
+  *
+  * (en) Styling of forms where both label and input/select/textarea are styled with display:block;
+  * (de) Formulargestaltung, bei der sowohl label als auch input/select/textarea mit display:block; gestaltet werden
+  */
+  .ym-form,
+  .ym-form fieldset {
+    overflow: hidden;
+  }
+
+  .ym-form div {
+    position: relative;
+  }
+  .ym-form label,
+  .ym-form .ym-label,
+  .ym-form .ym-message {
+    position: relative;
+    line-height: 1.5;
+    display: block;
+  }
+  .ym-form .ym-message {
+    clear: both;
+  }
+  .ym-form .ym-fbox-check label {
+    display: inline;
+  }
+  .ym-form input,
+  .ym-form textarea {
+    cursor: text;
+  }
+  .ym-form .ym-fbox-check input,
+  .ym-form input[type="image"],
+  .ym-form input[type="radio"],
+  .ym-form input[type="checkbox"],
+  .ym-form select,
+  .ym-form label {
+    cursor: pointer;
+  }
+  .ym-form textarea {
+    overflow: auto;
+  }
+  .ym-form input.hidden,
+  .ym-form input[type=hidden] {
+    display: none !important;
+  }
+  .ym-form .ym-fbox:before,
+  .ym-form .ym-fbox-text:before,
+  .ym-form .ym-fbox-select:before,
+  .ym-form .ym-fbox-check:before,
+  .ym-form .ym-fbox-button:before {
+    content: "";
+    display: table;
+  }
+  .ym-form .ym-fbox:after,
+  .ym-form .ym-fbox-text:after,
+  .ym-form .ym-fbox-select:after,
+  .ym-form .ym-fbox-check:after,
+  .ym-form .ym-fbox-button:after {
+    clear: both;
+    content: ".";
+    display: block;
+    font-size: 0;
+    height: 0;
+    visibility: hidden;
+  }
+  .ym-form .ym-fbox-check input:focus,
+  .ym-form .ym-fbox-check input:hover,
+  .ym-form .ym-fbox-check input:active,
+  .ym-form input[type="radio"]:focus,
+  .ym-form input[type="radio"]:hover,
+  .ym-form input[type="radio"]:active,
+  .ym-form input[type="checkbox"]:focus,
+  .ym-form input[type="checkbox"]:hover,
+  .ym-form input[type="checkbox"]:active {
+    border: 0 none;
+  }
+  .ym-form input,
+  .ym-form textarea,
+  .ym-form select {
+    display: block;
+    position: relative;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+    width: 70%;
+  }
+  .ym-form .ym-fbox-check input,
+  .ym-form input[type="radio"],
+  .ym-form input[type="checkbox"] {
+    display: inline;
+    margin-left: 0;
+    margin-right: 0.5ex;
+    width: auto;
+    height: auto;
+  }
+  .ym-form input[type="image"] {
+    border: 0;
+    display: inline;
+    height: auto;
+    margin: 0;
+    padding: 0;
+    width: auto;
+  }
+  .ym-form label,
+  .ym-form .ym-label {
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+  }
+  .ym-form .ym-fbox-button input {
+    display: inline;
+    overflow: visible;
+    width: auto;
+  }
+  .ym-form .ym-inline {
+    display: inline-block;
+    float: none;
+    margin-right: 0;
+    width: auto;
+    vertical-align: baseline;
+  }
+
+  /* default form wrapper width */
+  .ym-fbox-wrap {
+    display: table;
+    table-layout: fixed;
+    width: 70%;
+  }
+  .ym-fbox-wrap input,
+  .ym-fbox-wrap textarea,
+  .ym-fbox-wrap select {
+    width: 100%;
+  }
+  .ym-fbox-wrap input[type="image"] {
+    width: auto;
+  }
+  .ym-fbox-wrap input[type="radio"],
+  .ym-fbox-wrap input[type="checkbox"] {
+    display: inline;
+    width: auto;
+    margin-left: 0;
+    margin-right: 0.5ex;
+  }
+  .ym-fbox-wrap label,
+  .ym-fbox-wrap .ym-label {
+    display: inline;
+  }
+
+  .ym-full input,
+  .ym-full textarea,
+  .ym-full select {
+    width: 100%;
+  }
+  .ym-full .ym-fbox-wrap {
+    width: 100%;
+  }
+
+  /**
+  *  Columnar forms display - technical base (optional)
+  *
+  *  |-------------------------------------------|
+  *  | form                                      |
+  *  |-------------------------------------------|
+  *  |                                           |
+  *  |   label   |   input / select / textarea   |
+  *  |                                           |
+  *  |-------------------------------------------|
+  *  | /form                                     |
+  *  |-------------------------------------------|
+  *
+  *  (en) Styling of forms where label floats left of form-elements
+  *  (de) Formulargestaltung, bei der die label-Elemente nach links fließen
+  */
+  .ym-columnar input,
+  .ym-columnar textarea,
+  .ym-columnar select {
+    float: left;
+    margin-right: -3px;
+  }
+  .ym-columnar label,
+  .ym-columnar .ym-label {
+    display: inline;
+    float: left;
+    width: 30%;
+    z-index: 1;
+  }
+  .ym-columnar .ym-fbox-check input,
+  .ym-columnar .ym-message {
+    margin-left: 30%;
+  }
+  .ym-columnar .ym-fbox-wrap {
+    margin-left: 30%;
+    margin-right: -3px;
+  }
+  .ym-columnar .ym-fbox-wrap .ym-message {
+    margin-left: 0%;
+  }
+  .ym-columnar .ym-fbox-wrap label {
+    float: none;
+    width: auto;
+    z-index: 1;
+    margin-left: 0;
+  }
+  .ym-columnar .ym-fbox-wrap input {
+    margin-left: 0;
+    position: relative;
+  }
+  .ym-columnar .ym-fbox-check {
+    position: relative;
+  }
+  .ym-columnar .ym-fbox-check label,
+  .ym-columnar .ym-fbox-check .ym-label {
+    padding-top: 0;
+  }
+  .ym-columnar .ym-fbox-check input {
+    top: 3px;
+  }
+  .ym-columnar .ym-fbox-button input {
+    float: none;
+    margin-right: 1em;
+  }
+
+  .ym-fbox-wrap + .ym-fbox-wrap {
+    margin-top: 0.5em;
+  }
+
+  /* global and local columnar settings for button alignment */
+  .ym-columnar fieldset .ym-fbox-button,
+  fieldset.ym-columnar .ym-fbox-button {
+    padding-left: 30%;
+  }
+
+  /**
+  * @section Accessibility Module
+  *
+  * (en) skip links and hidden content
+  * (de) Skip-Links und versteckte Inhalte
+  */
+  /* (en) classes for invisible elements in the base layout */
+  /* (de) Klassen für unsichtbare Elemente im Basislayout */
+  .ym-skip,
+  .ym-hideme,
+  .ym-print {
+    position: absolute;
+    top: -32768px;
+    left: -32768px;
+  }
+
+  /* (en) make skip links visible when using tab navigation */
+  /* (de) Skip-Links für Tab-Navigation sichtbar schalten */
+  .ym-skip:focus,
+  .ym-skip:active {
+    position: static;
+    top: 0;
+    left: 0;
+  }
+
+  /* skiplinks:technical setup */
+  .ym-skiplinks {
+    position: absolute;
+    top: 0px;
+    left: -32768px;
+    z-index: 1000;
+    width: 100%;
+    margin: 0;
+    padding: 0;
+    list-style-type: none;
+  }
+  .ym-skiplinks .ym-skip:focus,
+  .ym-skiplinks .ym-skip:active {
+    left: 32768px;
+    outline: 0 none;
+    position: absolute;
+    width: 100%;
+  }
+}
+@media print {
+  /**
+  * @section print adjustments for core modules
+  *
+  * (en) float containment for grids. Uses display:table to avoid bugs in FF & IE
+  * (de) Floats in Grids einschließen. Verwendet display:table, um Darstellungsprobleme im FF & IE zu vermeiden
+  *
+  * @bugfix
+  * @since     3.0
+  * @affected  FF2.0, FF3.0, IE7
+  * @css-for   all browsers
+  * @valid     yes
+  */
+  .ym-grid > .ym-gl,
+  .ym-grid > .ym-gr {
+    overflow: visible;
+    display: table;
+    table-layout: fixed;
+  }
+
+  /* (en) make .ym-print class visible */
+  /* (de) .ym-print-Klasse sichtbar schalten */
+  .ym-print {
+    position: static;
+    left: 0;
+  }
+
+  /* (en) generic class to hide elements for print */
+  /* (de) Allgemeine CSS Klasse, um beliebige Elemente in der Druckausgabe auszublenden */
+  .ym-noprint {
+    display: none !important;
+  }
+}
diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/core/base.min.css b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/core/base.min.css
new file mode 100644
index 000000000..45083b977
--- /dev/null
+++ b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/core/base.min.css
@@ -0,0 +1,3 @@
+/*! yamlcss v4.1.2 (2013-07-28) */
+
+@media all{*{margin:0;padding:0}option{padding-left:.4em}select{padding:1px}* html body *{overflow:visible}body{font-size:100%;background:#fff;color:#000;text-align:left}div:target,h1:target,h2:target,h3:target,h4:target,h5:target,h6:target{outline:0 none}article,aside,details,figcaption,figure,footer,header,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none}[hidden]{display:none}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}svg:not(:root){overflow:hidden}figure{margin:0}fieldset,img{border:0 solid}ul,ol,dl{margin:0 0 1em 1em}li{line-height:1.5em;margin-left:.8em}dt{font-weight:700}dd{margin:0 0 1em .8em}blockquote{margin:0 0 1em .8em}q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}.ym-clearfix:before{content:"";display:table}.ym-clearfix:after{clear:both;content:".";display:block;font-size:0;height:0;visibility:hidden}.ym-contain-dt{display:table;table-layout:fixed;width:100%}.ym-contain-oh{display:block;overflow:hidden;width:100%}.ym-contain-fl{float:left;width:100%}.ym-column{display:table;table-layout:fixed;width:100%}.ym-col1{float:left;width:20%}.ym-col2{float:right;width:20%}.ym-col3{width:auto;margin:0 20%}.ym-cbox{padding:0 10px}.ym-cbox-left{padding:0 10px 0 0}.ym-cbox-right{padding:0 0 0 10px}.ym-ie-clearing{display:none}.ym-grid{display:table;table-layout:fixed;width:100%;list-style-type:none;padding-left:0;padding-right:0;margin-left:0;margin-right:0}.ym-gl{float:left;margin:0}.ym-gr{float:right;margin:0 0 0 -5px}.ym-g20{width:20%}.ym-g40{width:40%}.ym-g60{width:60%}.ym-g80{width:80%}.ym-g25{width:25%}.ym-g33{width:33.333%}.ym-g50{width:50%}.ym-g66{width:66.666%}.ym-g75{width:75%}.ym-g38{width:38.2%}.ym-g62{width:61.8%}.ym-gbox{padding:0 10px}.ym-gbox-left{padding:0 10px 0 0}.ym-gbox-right{padding:0 0 0 10px}.ym-equalize{overflow:hidden}.ym-equalize>[class*=ym-g]{display:table-cell;float:none;margin:0;vertical-align:top}.ym-equalize>[class*=ym-g]>[class*=ym-gbox]{padding-bottom:10000px;margin-bottom:-10000px}.ym-form,.ym-form fieldset{overflow:hidden}.ym-form div{position:relative}.ym-form label,.ym-form .ym-label,.ym-form .ym-message{position:relative;line-height:1.5;display:block}.ym-form .ym-message{clear:both}.ym-form .ym-fbox-check label{display:inline}.ym-form input,.ym-form textarea{cursor:text}.ym-form .ym-fbox-check input,.ym-form input[type=image],.ym-form input[type=radio],.ym-form input[type=checkbox],.ym-form select,.ym-form label{cursor:pointer}.ym-form textarea{overflow:auto}.ym-form input.hidden,.ym-form input[type=hidden]{display:none!important}.ym-form .ym-fbox:before,.ym-form .ym-fbox-text:before,.ym-form .ym-fbox-select:before,.ym-form .ym-fbox-check:before,.ym-form .ym-fbox-button:before{content:"";display:table}.ym-form .ym-fbox:after,.ym-form .ym-fbox-text:after,.ym-form .ym-fbox-select:after,.ym-form .ym-fbox-check:after,.ym-form .ym-fbox-button:after{clear:both;content:".";display:block;font-size:0;height:0;visibility:hidden}.ym-form .ym-fbox-check input:focus,.ym-form .ym-fbox-check input:hover,.ym-form .ym-fbox-check input:active,.ym-form input[type=radio]:focus,.ym-form input[type=radio]:hover,.ym-form input[type=radio]:active,.ym-form input[type=checkbox]:focus,.ym-form input[type=checkbox]:hover,.ym-form input[type=checkbox]:active{border:0 none}.ym-form input,.ym-form textarea,.ym-form select{display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:70%}.ym-form .ym-fbox-check input,.ym-form input[type=radio],.ym-form input[type=checkbox]{display:inline;margin-left:0;margin-right:.5ex;width:auto;height:auto}.ym-form input[type=image]{border:0;display:inline;height:auto;margin:0;padding:0;width:auto}.ym-form label,.ym-form .ym-label{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.ym-form .ym-fbox-button input{display:inline;overflow:visible;width:auto}.ym-form .ym-inline{display:inline-block;float:none;margin-right:0;width:auto;vertical-align:baseline}.ym-fbox-wrap{display:table;table-layout:fixed;width:70%}.ym-fbox-wrap input,.ym-fbox-wrap textarea,.ym-fbox-wrap select{width:100%}.ym-fbox-wrap input[type=image]{width:auto}.ym-fbox-wrap input[type=radio],.ym-fbox-wrap input[type=checkbox]{display:inline;width:auto;margin-left:0;margin-right:.5ex}.ym-fbox-wrap label,.ym-fbox-wrap .ym-label{display:inline}.ym-full input,.ym-full textarea,.ym-full select{width:100%}.ym-full .ym-fbox-wrap{width:100%}.ym-columnar input,.ym-columnar textarea,.ym-columnar select{float:left;margin-right:-3px}.ym-columnar label,.ym-columnar .ym-label{display:inline;float:left;width:30%;z-index:1}.ym-columnar .ym-fbox-check input,.ym-columnar .ym-message{margin-left:30%}.ym-columnar .ym-fbox-wrap{margin-left:30%;margin-right:-3px}.ym-columnar .ym-fbox-wrap .ym-message{margin-left:0}.ym-columnar .ym-fbox-wrap label{float:none;width:auto;z-index:1;margin-left:0}.ym-columnar .ym-fbox-wrap input{margin-left:0;position:relative}.ym-columnar .ym-fbox-check{position:relative}.ym-columnar .ym-fbox-check label,.ym-columnar .ym-fbox-check .ym-label{padding-top:0}.ym-columnar .ym-fbox-check input{top:3px}.ym-columnar .ym-fbox-button input{float:none;margin-right:1em}.ym-fbox-wrap+.ym-fbox-wrap{margin-top:.5em}.ym-columnar fieldset .ym-fbox-button,fieldset.ym-columnar .ym-fbox-button{padding-left:30%}.ym-skip,.ym-hideme,.ym-print{position:absolute;top:-32768px;left:-32768px}.ym-skip:focus,.ym-skip:active{position:static;top:0;left:0}.ym-skiplinks{position:absolute;top:0;left:-32768px;z-index:1000;width:100%;margin:0;padding:0;list-style-type:none}.ym-skiplinks .ym-skip:focus,.ym-skiplinks .ym-skip:active{left:32768px;outline:0 none;position:absolute;width:100%}}@media print{.ym-grid>.ym-gl,.ym-grid>.ym-gr{overflow:visible;display:table;table-layout:fixed}.ym-print{position:static;left:0}.ym-noprint{display:none!important}}
\ No newline at end of file
diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/core/iehacks.css b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/core/iehacks.css
new file mode 100644
index 000000000..336851162
--- /dev/null
+++ b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/core/iehacks.css
@@ -0,0 +1,468 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * (en) YAML core stylesheet - structure-independent bugfixes of IE/Win CSS-bugs
+ * (de) YAML Basis-Stylesheet - Strukturunabhängige Bugfixes von CSS-Bugs des IE/Win
+ *
+ * Don't make any changes in this file!
+ *
+ * @copyright       © 2005-2013, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         4.1.2
+ * @appdef yaml
+ */
+@media all {
+  /**
+  * (en) Debugging:When you see a green background, IE is getting this stylesheet
+  * (de) Fehlersuche:Hintergrund leuchtet grün, wenn das Stylesheet korrekt geladen wurde
+  *
+  * @debug
+  * @app-yaml-default disabled
+  */
+  /* body { background:#0f0; background-image:none; }	 */
+  /**
+  * Correct inline positioning for unknown HTML5 elements in IE 6 & 7
+  *
+  * @workaround
+  * @affected  IE6, IE7
+  * @css-for   IE6, IE7
+  * @valid     no
+  */
+  /*------------------------------------------------------------------------------------------------------*/
+  /**
+  * (en) No need to force scrollbars in older IE's - it even makes problems in IE6 when set
+  * (de) Scrollbar-Fix wird in alten IE's nicht benötigt, zudem verursacht der Fix Probleme im IE6
+  *
+  * @workaround
+  * @affected  IE6, IE7
+  * @css-for   IE6, IE7
+  * @valid     no
+  */
+  body {
+    o\verflow: visible;
+  }
+
+  /**
+  * (en) HTML5 - default media element styles
+  * (de) HTML5 - Standard Eigenschaften für Media-Elemente
+  */
+  article, aside, details, figcaption, figure,
+  footer, header, main, nav, section {
+    zoom: 1;
+  }
+
+  audio,
+  canvas,
+  video {
+    *display: inline;
+    *zoom: 1;
+  }
+
+  /**
+  * (en) enable bicubic interpolation of images on scaling
+  * (de) aktiviert bikubische Interpolation beim Skalieren von Bildern
+  */
+  img {
+    -ms-interpolation-mode: bicubic;
+    zoom: 1;
+  }
+
+  /*------------------------------------------------------------------------------------------------------*/
+  /**
+  * (en) Fixes IE5.x and IE6 overflow behavior of textarea and input elements elements
+  * (de) Korrigiert das fehlerhafte overflow-Verhalten von textarea und input-Elementen
+  *
+  * @workaround
+  * @affected  IE 5.x/Win, IE6
+  * @css-for   IE 5.x/Win, IE6
+  * @valid     no
+  */
+  * html iframe,
+  * html frame {
+    overflow: auto;
+  }
+
+  * html input,
+  * html frameset {
+    overflow: hidden;
+  }
+
+  * html textarea {
+    overflow: scroll;
+    overflow-x: hidden;
+  }
+
+  /*------------------------------------------------------------------------------------------------------*/
+  /**
+  * (en) Stability fixes with 'position:relative'
+  * (de) Stabilitätsverbesserungen durch 'position:relative'
+  *
+  * Essential for correct scaling in IE7 (body). IE5 must get static positioned body instead.
+  * Helpful to fix several possible problems in older IE versions (#main).
+  *
+  * @bugfix
+  * @affected	 IE 5.x/Win, IE6, IE7
+  * @css-for	 IE 5.x/Win, IE6, IE7
+  * @valid		 yes
+  */
+  body, #main {
+    position: relative;
+  }
+
+  * html body {
+    position: static;
+  }
+
+  /*------------------------------------------------------------------------------------------------------*/
+  /**
+  * (en) Clearfix adjustents for containing floats in IE
+  * (de) Clearfix-Anpassung für diverse IE-Versionen
+  *
+  * @workaround
+  * @see http://perishablepress.com/press/2009/12/06/new-clearfix-hack/
+  * @affected  IE 5.x/Win, IE6, IE7
+  * @css-for   IE 5.x/Win, IE6, IE7
+  * @valid     yes
+  */
+  .ym-clearfix {
+    zoom: 1;
+  }
+
+  /* hasLayout aktivieren */
+  /*------------------------------------------------------------------------------------------------------*/
+  /**
+  * (en) Bugfix for partially displayed column separators
+  * (de) Bugfix für unvollständige Darstellung der Spalteninhalte / Spaltentrenner
+  *
+  * @bugfix
+  * @affected	 IE 5.x/Win, IE6
+  * @css-for	 IE 5.x/Win, IE6
+  * @valid		 yes
+  */
+  * html .ym-col1,
+  * html .ym-col2,
+  * html .ym-col3 {
+    position: relative;
+  }
+
+  /*------------------------------------------------------------------------------------------------------*/
+  /**
+  * (en) Preventing several css bugs by forcing "hasLayout"
+  * (de) Vermeidung verschiedenster Bugs durch Erzwingen von "hasLayout"
+  *
+  * @workaround
+  * @affected  IE 5.x/Win, IE6, IE7
+  * @css-for   IE 5.x/Win, IE6, IE7
+  * @valid     no
+  */
+  body {
+    height: 1%;
+  }
+
+  .ym-wrapper, .ym-wbox, #header, #nav, #main, #footer {
+    zoom: 1;
+  }
+
+  /* IE6 & IE7	*/
+  * html .ym-wrapper, * html .ym-wbox {
+    height: 1%;
+    hei\ght: auto;
+  }
+
+  /* IE 5.x & IE6 | IE6 only */
+  * html #header, * html #nav, * html #main, * html #footer {
+    width: 100%;
+    wid\th: auto;
+  }
+
+  /* IE 5.x & IE6 | IE6 only */
+  /* trigger hasLayout to force containing content */
+  .ym-gbox, .ym-gbox-left, .ym-gbox-right {
+    height: 1%;
+  }
+
+  /*------------------------------------------------------------------------------------------------------*/
+  /**
+  * Disappearing List-Background Bug
+  * @see http://www.positioniseverything.net/explorer/ie-listbug.html
+  *
+  * @bugfix
+  * @affected  IE 5.x/Win, IE6
+  * @css-for   IE 5.x/Win, IE6
+  * @valid     yes
+  */
+  * html ul, * html ol, * html dl {
+    position: relative;
+  }
+
+  /*------------------------------------------------------------------------------------------------------*/
+  /**
+  * List-Numbering Bug
+  *
+  * @bugfix
+  * @affected  IE 5.x/Win, IE6, IE7
+  * @css-for   IE 5.x/Win, IE6, IE7
+  * @valid     yes
+  */
+  body ol li {
+    display: list-item;
+  }
+
+  /*------------------------------------------------------------------------------------------------------*/
+  /**
+  * Browser-based image scaling (not)
+  *
+  * @workaround
+  * @affected  IE 5.x/Win, IE6
+  * @css-for   IE 5.x/Win, IE6
+  * @valid     yes
+  */
+  * html .flexible {
+    zoom: 1;
+  }
+
+  /**
+  * Form related bugfixes
+  *
+  * @bugfix
+  * @affected  IE 5.x/Win, IE6, IE7
+  * @css-for   IE 5.x/Win, IE6, IE7
+  * @valid     no
+  */
+  button, input {
+    *overflow: visible !important;
+  }
+
+  table button, table input {
+    *overflow: auto;
+  }
+
+  fieldset, legend {
+    position: relative;
+  }
+
+  /*------------------------------------------------------------------------------------------------------*/
+  /**
+  * Global adjustments/fixes for YAML's form module
+  *
+  * @workaround
+  * @affected  IE 5.x/Win, IE6, IE7
+  * @css-for   IE 5.x/Win, IE6, IE7
+  * @valid     no
+  */
+  .ym-form,
+  .ym-form div,
+  .ym-form div * {
+    zoom: 1;
+  }
+
+  .ym-form input,
+  .ym-form textarea {
+    width: 68%;
+    padding-left: 1% !important;
+    padding-right: 1% !important;
+  }
+  .ym-form select {
+    width: 70%;
+    padding-left: 1% !important;
+    padding-right: 1% !important;
+  }
+  .ym-form .ym-fbox-wrap {
+    display: block;
+    overflow: hidden;
+    margin-right: -5px;
+  }
+
+  .ym-fbox-wrap input,
+  .ym-fbox-wrap textarea,
+  .ym-full input,
+  .ym-full textarea {
+    width: 98%;
+    margin-right: -3px;
+  }
+  .ym-fbox-wrap select,
+  .ym-full select {
+    width: 100%;
+    margin-right: -3px;
+  }
+
+  /* ie6 support helper class */
+  * html .ym-form .ym-fbox-check input {
+    display: inline !important;
+    width: auto !important;
+    background: transparent !important;
+    border: 0 none !important;
+    padding: 0 !important;
+  }
+  * html .ym-form .ym-fbox-wrap .ym-fbox-check input {
+    margin-left: 0;
+  }
+
+  /*------------------------------------------------------------------------------------------------------*/
+  /**
+  * (en) Workaround for 'collapsing margin at #col3' when using CSS-property clear
+  *		 Left margin of #col3 collapses when using clear:both in 1-3-2 (or 2-3-1) layout and right column is the
+  *		 longest and left column is the shortest one. For IE6 and IE7 a special workaround was developed
+  *		 in YAML.
+  *
+  * (de) Workaround für 'kollabierenden Margin an #col3' bei Verwendung der CSS-Eigenschaft clear
+  *		 Der linke Margin von #col3 kollabiert bei der Verwendung von clear:both im 1-3-2 (oder 2-3-1) Layout
+  *		 wenn gleichzeitig die linke Spalte die kürzeste und die rechte die längste ist. Im IE6 und IE7 lässt
+  *		 sich der Bug durch eine speziell für YAML entwickelten Workaround umgehen.
+  *
+  * @workaround
+  * @affected  IE 5.x/Win, IE6, IE7
+  * @css-for   IE 5.x/Win, IE6, IE7
+  * @valid     no
+  */
+  html .ym-ie-clearing {
+    /* (en) Only a small help for debugging */
+    /* (de) Nur eine kleine Hilfe zur Fehlersuche */
+    position: static;
+    /* (en) Make container visible in IE */
+    /* (de) Container sichtbar machen im IE */
+    display: block;
+    /* (en) No fix possible in IE5.x, normal clearing used instead */
+    /* (de) Kein Fix im IE5.x möglich, daher normales Clearing */
+    \clear: both;
+    /* (en) forcing clearing-like behavior with a simple oversized container in IE6 & IE7*/
+    /* (de) IE-Clearing mit 100%-DIV für IE6 bzw. übergroßem Container im IE7 */
+    width: 100%;
+    line-height: 0;
+    font-size: 0px;
+    margin: -2px 0 -1em 1px;
+  }
+
+  * html .ym-ie-clearing {
+    margin: -2px 0 -1em 0;
+  }
+
+  .ym-cbox {
+    margin-bottom: -2px;
+  }
+
+  /* (en) avoid horizontal scrollbars in IE7 in borderless layouts because of negative margins */
+  /* (de) Vermeidung horizontaler Scrollbalken bei randabfallenden Layouts im IE7 */
+  html {
+    margin-right: 1px;
+  }
+
+  * html {
+    margin-right: 0;
+  }
+
+  /* (en) Bugfix:Essential for IE7 */
+  /* (de) Bugfix:Notwendig im IE7 */
+  .ym-col3 {
+    position: relative;
+  }
+
+  /*------------------------------------------------------------------------------------------------------*/
+  /**
+  * IE/Win Guillotine Bug
+  * @see http://www.positioniseverything.net/explorer/guillotine.html
+  *
+  * @workaround
+  * @affected  IE 5.x/Win, IE6
+  * @css-for   IE 5.x/Win, IE6
+  * @valid     yes
+  */
+}
+@media screen, projection {
+  /**
+  * (en) IE-Adjustments for content columns and subtemplates
+  * (de) IE-Anpassung für Spaltencontainer und Subtemplates
+  *
+  * Doubled Float-Margin Bug
+  * @see http://positioniseverything.net/explorer/doubled-margin.html
+  *
+  * @bugfix
+  * @affected  IE 5.x/Win, IE6
+  * @css-for   IE 5.x/Win, IE6, IE7
+  * @valid     yes
+  */
+  .ym-col1, .ym-col2 {
+    display: inline;
+  }
+
+  /* Fix for:"Linking to anchors in elements within the containing block" Problem in IE5.x & IE 6.0 */
+  .ym-grid {
+    overflow: hidden;
+    display: block;
+  }
+
+  * html .ym-grid {
+    overflow: visible;
+  }
+
+  .ym-gl,
+  .ym-gr {
+    display: inline;
+  }
+
+  /* transform CSS tables back into floats */
+  .ym-equalize .ym-gl {
+    float: left;
+    display: inline;
+    padding-bottom: 32767px;
+    margin-bottom: -32767px;
+  }
+
+  .ym-equalize .ym-gr {
+    float: right;
+    margin-left: -5px;
+    display: inline;
+    padding-bottom: 32767px;
+    margin-bottom: -32767px;
+  }
+
+  .no-ie-padding .ym-gl,
+  .no-ie-padding .ym-gr {
+    padding-bottom: 0;
+    margin-bottom: 0;
+  }
+
+  /*------------------------------------------------------------------------------------------------------*/
+  /**
+  * Internet Explorer and the Expanding Box Problem
+  * @see http://www.positioniseverything.net/explorer/expandingboxbug.html
+  *
+  * @workaround
+  * @affected  IE 5.x/Win, IE6
+  * @css-for   IE 5.x/Win, IE6
+  * @valid     yes
+  */
+  * html .ym-cbox-left,
+  * html .ym-cbox-right,
+  * html .ym-cbox {
+    word-wrap: break-word;
+  }
+
+  /* avoid growing widths */
+  * html .ym-gbox,
+  * html .ym-gbox-left,
+  * html .ym-gbox-right {
+    word-wrap: break-word;
+    o\verflow: hidden;
+  }
+}
+@media print {
+  /**
+  * (en) Avoid unneeded page breaks of .ym-col3 content in print layout and containing floats.
+  * (de) Vermeiden von unnötigen Seitenumbrüchen beim Ausdruck der Spalte .ym-col3 und Einschluss von Floats.
+  *
+  * @bugfix
+  * @affected  IE7
+  * @css-for   IE 5.x/Win, IE6, IE7
+  * @valid     yes
+  */
+  .ym-gbox,
+  .ym-gbox-left,
+  .ym-gbox-right,
+  .ym-col3 {
+    height: 1%;
+  }
+}
diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/core/iehacks.min.css b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/core/iehacks.min.css
new file mode 100644
index 000000000..4fb71fc2f
--- /dev/null
+++ b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/core/iehacks.min.css
@@ -0,0 +1,3 @@
+/*! yamlcss v4.1.2 (2013-07-28) */
+
+@media all{body{o\verflow:visible}article,aside,details,figcaption,figure,footer,header,main,nav,section{zoom:1}audio,canvas,video{*display:inline;*zoom:1}img{-ms-interpolation-mode:bicubic;zoom:1}* html iframe,* html frame{overflow:auto}* html input,* html frameset{overflow:hidden}* html textarea{overflow:scroll;overflow-x:hidden}body,#main{position:relative}* html body{position:static}.ym-clearfix{zoom:1}* html .ym-col1,* html .ym-col2,* html .ym-col3{position:relative}body{height:1%}.ym-wrapper,.ym-wbox,#header,#nav,#main,#footer{zoom:1}* html .ym-wrapper,* html .ym-wbox{height:1%;hei\ght:auto}* html #header,* html #nav,* html #main,* html #footer{width:100%;wid\th:auto}.ym-gbox,.ym-gbox-left,.ym-gbox-right{height:1%}* html ul,* html ol,* html dl{position:relative}body ol li{display:list-item}* html .flexible{zoom:1}button,input{*overflow:visible!important}table button,table input{*overflow:auto}fieldset,legend{position:relative}.ym-form,.ym-form div,.ym-form div *{zoom:1}.ym-form input,.ym-form textarea{width:68%;padding-left:1%!important;padding-right:1%!important}.ym-form select{width:70%;padding-left:1%!important;padding-right:1%!important}.ym-form .ym-fbox-wrap{display:block;overflow:hidden;margin-right:-5px}.ym-fbox-wrap input,.ym-fbox-wrap textarea,.ym-full input,.ym-full textarea{width:98%;margin-right:-3px}.ym-fbox-wrap select,.ym-full select{width:100%;margin-right:-3px}* html .ym-form .ym-fbox-check input{display:inline!important;width:auto!important;background:transparent!important;border:0 none!important;padding:0!important}* html .ym-form .ym-fbox-wrap .ym-fbox-check input{margin-left:0}html .ym-ie-clearing{position:static;display:block;\clear:both;width:100%;line-height:0;font-size:0;margin:-2px 0 -1em 1px}* html .ym-ie-clearing{margin:-2px 0 -1em 0}.ym-cbox{margin-bottom:-2px}html{margin-right:1px}* html{margin-right:0}.ym-col3{position:relative}}@media screen,projection{.ym-col1,.ym-col2{display:inline}.ym-grid{overflow:hidden;display:block}* html .ym-grid{overflow:visible}.ym-gl,.ym-gr{display:inline}.ym-equalize .ym-gl{float:left;display:inline;padding-bottom:32767px;margin-bottom:-32767px}.ym-equalize .ym-gr{float:right;margin-left:-5px;display:inline;padding-bottom:32767px;margin-bottom:-32767px}.no-ie-padding .ym-gl,.no-ie-padding .ym-gr{padding-bottom:0;margin-bottom:0}* html .ym-cbox-left,* html .ym-cbox-right,* html .ym-cbox{word-wrap:break-word}* html .ym-gbox,* html .ym-gbox-left,* html .ym-gbox-right{word-wrap:break-word;o\verflow:hidden}}@media print{.ym-gbox,.ym-gbox-left,.ym-gbox-right,.ym-col3{height:1%}}
\ No newline at end of file
diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/core/js/yaml-focusfix.js b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/core/js/yaml-focusfix.js
new file mode 100644
index 000000000..3afcf5378
--- /dev/null
+++ b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/core/js/yaml-focusfix.js
@@ -0,0 +1,70 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * (en) Workaround for IE8 und Webkit browsers to fix focus problems when using skiplinks
+ * (de) Workaround für IE8 und Webkit browser, um den Focus zu korrigieren, bei Verwendung von Skiplinks
+ *
+ * @note			inspired by Paul Ratcliffe's article
+ *					http://www.communis.co.uk/blog/2009-06-02-skip-links-chrome-safari-and-added-wai-aria
+ *                  Many thanks to Mathias Schäfer (http://molily.de/) for his code improvements
+ *
+ * @copyright       © 2005-2013, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         4.0+
+ */
+
+(function () {
+	var YAML_focusFix = {
+		skipClass : 'ym-skip',
+
+		init : function () {
+			var userAgent = navigator.userAgent.toLowerCase();
+			var	is_webkit = userAgent.indexOf('webkit') > -1;
+			var	is_ie = userAgent.indexOf('msie') > -1;
+
+			if (is_webkit || is_ie) {
+				var body = document.body,
+					handler = YAML_focusFix.click;
+				if (body.addEventListener) {
+					body.addEventListener('click', handler, false);
+				} else if (body.attachEvent) {
+					body.attachEvent('onclick', handler);
+				}
+			}
+		},
+
+		trim : function (str) {
+			return str.replace(/^\s\s*/, '').replace(/\s\s*$/, '');
+		},
+
+		click : function (e) {
+			e = e || window.event;
+			var target = e.target || e.srcElement;
+			var a = target.className.split(' ');
+
+			for (var i=0; i < a.length; i++) {
+				var cls = YAML_focusFix.trim(a[i]);
+				if ( cls === YAML_focusFix.skipClass) {
+					YAML_focusFix.focus(target);
+					break;
+				}
+			}
+		},
+
+		focus : function (link) {
+			if (link.href) {
+				var href = link.href,
+					id = href.substr(href.indexOf('#') + 1),
+					target = document.getElementById(id);
+				if (target) {
+					target.setAttribute("tabindex", "-1");
+					target.focus();
+				}
+			}
+		}
+	};
+	YAML_focusFix.init();
+})();
\ No newline at end of file
diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/forms/gray-theme.css b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/forms/gray-theme.css
new file mode 100644
index 000000000..2e8f84a15
--- /dev/null
+++ b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/forms/gray-theme.css
@@ -0,0 +1,676 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ * YAML form theme: "gray-theme"
+ *
+ * @copyright       © 2005-2013, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         4.1.2
+ */
+@media screen {
+  .ym-form {
+    background: #f4f4f4;
+    border: 2px #fff solid;
+    margin: 0 0 1.5em 0;
+    -webkit-box-shadow: 0 0 4px #dddddd;
+    box-shadow: 0 0 4px #dddddd;
+  }
+  .ym-form fieldset {
+    position: static;
+    background: transparent;
+    margin: 0.75em 0 0.75em 0;
+    padding: 0 0.5em;
+  }
+  .ym-form legend {
+    background: transparent;
+    color: #000;
+    font-size: 1.2em;
+    line-height: 1.25em;
+    font-weight: bold;
+    padding: 0 0.5em;
+  }
+  .ym-form label,
+  .ym-form .ym-label {
+    color: #666;
+    line-height: 1.5;
+    padding-top: 0.25em;
+  }
+  .ym-form .ym-fbox {
+    padding: 0 1em;
+    margin: 1em 0 0.5em 0;
+  }
+  .ym-form .ym-fbox-footer {
+    background: #ececec;
+    border-top: 1px #e0e0e0 solid;
+    padding: 1.5em 1em;
+    margin: 0;
+  }
+  .ym-form .ym-fbox + .ym-fbox {
+    margin: 0.5em 0;
+  }
+  .ym-form .ym-fbox:last-child {
+    margin-bottom: 1em;
+  }
+  .ym-form .ym-fbox + .ym-fbox-footer {
+    margin: 1em 0 0 0;
+  }
+  .ym-form .ym-fbox :last-child,
+  .ym-form .ym-fbox-footer :last-child {
+    margin-bottom: 0;
+  }
+  .ym-form .ym-fbox-heading {
+    font-size: 1em;
+    font-size: 100%;
+    color: #000;
+    margin: 1em;
+  }
+  .ym-form .ym-fbox-check:focus + label {
+    color: #000;
+  }
+  .ym-form .ym-gbox-left {
+    padding: 0 4px 0 0;
+  }
+  .ym-form .ym-gbox-right {
+    padding: 0 0 0 4px;
+  }
+  .ym-form .ym-gbox {
+    padding: 0 2px 0 2px;
+  }
+
+  /**
+  * @section styling form elements
+  *
+  */
+  .ym-form input,
+  .ym-form textarea,
+  .ym-form select {
+    border: 1px solid #ddd;
+    line-height: 1em;
+    font-family: Arial, Helvetica, sans-serif;
+    -webkit-box-shadow: inset 0 0 4px #eeeeee;
+    box-shadow: inset 0 0 4px #eeeeee;
+  }
+  .ym-form input,
+  .ym-form textarea {
+    padding: 4px 0.3em;
+  }
+  .ym-form select {
+    padding: 3px 2px 3px 1px;
+  }
+  .ym-form input:focus,
+  .ym-form select:focus,
+  .ym-form textarea:focus,
+  .ym-form input:hover,
+  .ym-form select:hover,
+  .ym-form textarea:hover,
+  .ym-form input:active,
+  .ym-form select:active,
+  .ym-form textarea:active {
+    border: 1px #888 solid;
+    background: #fff;
+  }
+  .ym-form optgroup {
+    font-family: Arial, Helvetica, sans-serif;
+    font-style: normal;
+    font-weight: bold;
+  }
+  .ym-form .ym-fbox-check input,
+  .ym-form input[type="image"],
+  .ym-form input[type="radio"],
+  .ym-form input[type="checkbox"] {
+    border: 0 none !important;
+    background: transparent !important;
+  }
+  .ym-form .ym-message {
+    color: #666;
+    margin-bottom: 0.5em;
+  }
+  .ym-form .ym-required {
+    color: #800;
+    font-weight: bold;
+  }
+  .ym-form input:valid,
+  .ym-form textarea:valid {
+    background-color: #fff;
+  }
+  .ym-form input:invalid,
+  .ym-form textarea:invalid {
+    background-color: #fdd;
+  }
+  .ym-form .ym-error label {
+    color: #800;
+    font-weight: normal;
+  }
+  .ym-form .ym-error input,
+  .ym-form .ym-error select,
+  .ym-form .ym-error textarea {
+    border: 1px #800 solid;
+  }
+  .ym-form .ym-error input:hover,
+  .ym-form .ym-error input:focus,
+  .ym-form .ym-error select:hover,
+  .ym-form .ym-error select:focus,
+  .ym-form .ym-error textarea:hover,
+  .ym-form .ym-error textarea:focus {
+    border: 1px #800 solid !important;
+  }
+  .ym-form .ym-error .ym-message {
+    color: #800;
+    font-weight: bold;
+    margin-top: 0;
+  }
+
+  /**
+  * @section Buttons
+  * inspired from: Catalin Rosu (http://www.red-team-design.com/just-another-awesome-css3-buttons)
+  */
+  .ym-button,
+  .ym-form button,
+  .ym-form input[type="button"],
+  .ym-form input[type="reset"],
+  .ym-form input[type="submit"] {
+    display: inline-block;
+    white-space: nowrap;
+    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc));
+    background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
+    background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
+    background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
+    background-image: linear-gradient(to bottom, #eeeeee,#cccccc);
+    background-color: #eeeeee;
+    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC');
+    zoom: 1;
+    border: 1px solid #777;
+    border-radius: .2em;
+    -webkit-box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.8) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
+    box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.8) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
+    color: #333 !important;
+    cursor: pointer;
+    font: normal 1em/2em Arial, Helvetica;
+    margin: 0 0.75em 0 0;
+    padding: 0 1.5em;
+    overflow: visible;
+    /* removes extra side spacing in IE */
+    text-decoration: none !important;
+    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
+  }
+  .ym-button:hover,
+  .ym-form button:hover,
+  .ym-form input[type="button"]:hover,
+  .ym-form input[type="reset"]:hover,
+  .ym-form input[type="submit"]:hover {
+    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(100%, #dddddd));
+    background-image: -webkit-linear-gradient(top, #fafafa, #dddddd);
+    background-image: -moz-linear-gradient(top, #fafafa, #dddddd);
+    background-image: -ms-linear-gradient(top, #fafafa, #dddddd);
+    background-image: linear-gradient(to bottom, #fafafa,#dddddd);
+    background-color: #fafafa;
+    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FFFAFAFA', endColorstr='#FFDDDDDD');
+    zoom: 1;
+  }
+  .ym-button:active,
+  .ym-form button:active,
+  .ym-form input[type="button"]:active,
+  .ym-form input[type="reset"]:active,
+  .ym-form input[type="submit"]:active {
+    -webkit-box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2);
+    box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2);
+    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cccccc), color-stop(100%, #bbbbbb));
+    background-image: -webkit-linear-gradient(top, #cccccc, #bbbbbb);
+    background-image: -moz-linear-gradient(top, #cccccc, #bbbbbb);
+    background-image: -ms-linear-gradient(top, #cccccc, #bbbbbb);
+    background-image: linear-gradient(to bottom, #cccccc,#bbbbbb);
+    background-color: #cccccc;
+    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FFCCCCCC', endColorstr='#FFBBBBBB');
+    zoom: 1;
+    position: relative;
+    top: 1px;
+  }
+  .ym-button:focus,
+  .ym-form button:focus,
+  .ym-form input[type="button"]:focus,
+  .ym-form input[type="reset"]:focus,
+  .ym-form input[type="submit"]:focus {
+    outline: 0;
+    background: #fafafa;
+  }
+
+  /* Button size-scaling classes */
+  .ym-button {
+    /* 21px */
+    /* 18px */
+    /* 12px */
+    /* 10px */
+  }
+  .ym-button.ym-xlarge {
+    font-size: 1.5em;
+  }
+  .ym-button.ym-large {
+    font-size: 1.2857em;
+  }
+  .ym-button.ym-small {
+    font-size: 0.8571em;
+  }
+  .ym-button.ym-xsmall {
+    font-size: 0.7143em;
+  }
+
+  /* Button color scheme: primary */
+  .ym-button.ym-primary,
+  .ym-form button.ym-primary,
+  .ym-form input[type="button"].ym-primary,
+  .ym-form input[type="reset"].ym-primary,
+  .ym-form input[type="submit"].ym-primary {
+    -webkit-box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
+    box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
+    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8888ee), color-stop(100%, #6666cc));
+    background-image: -webkit-linear-gradient(top, #8888ee, #6666cc);
+    background-image: -moz-linear-gradient(top, #8888ee, #6666cc);
+    background-image: -ms-linear-gradient(top, #8888ee, #6666cc);
+    background-image: linear-gradient(to bottom, #8888ee,#6666cc);
+    background-color: #8888ee;
+    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FF8888EE', endColorstr='#FF6666CC');
+    zoom: 1;
+    border: 1px solid #007;
+    color: #fff !important;
+    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
+  }
+  .ym-button.ym-primary:hover,
+  .ym-form button.ym-primary:hover,
+  .ym-form input[type="button"].ym-primary:hover,
+  .ym-form input[type="reset"].ym-primary:hover,
+  .ym-form input[type="submit"].ym-primary:hover {
+    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8888ff), color-stop(100%, #6666dd));
+    background-image: -webkit-linear-gradient(top, #8888ff, #6666dd);
+    background-image: -moz-linear-gradient(top, #8888ff, #6666dd);
+    background-image: -ms-linear-gradient(top, #8888ff, #6666dd);
+    background-image: linear-gradient(to bottom, #8888ff,#6666dd);
+    background-color: #8888ff;
+    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FF8888FF', endColorstr='#FF6666DD');
+    zoom: 1;
+  }
+  .ym-button.ym-primary:active,
+  .ym-form button.ym-primary:active,
+  .ym-form input[type="button"].ym-primary:active,
+  .ym-form input[type="reset"].ym-primary:active,
+  .ym-form input[type="submit"].ym-primary:active {
+    -webkit-box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2);
+    box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2);
+    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8888cc), color-stop(100%, #6666aa));
+    background-image: -webkit-linear-gradient(top, #8888cc, #6666aa);
+    background-image: -moz-linear-gradient(top, #8888cc, #6666aa);
+    background-image: -ms-linear-gradient(top, #8888cc, #6666aa);
+    background-image: linear-gradient(to bottom, #8888cc,#6666aa);
+    background-color: #8888cc;
+    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FF8888CC', endColorstr='#FF6666AA');
+    zoom: 1;
+  }
+  .ym-button.ym-primary:focus,
+  .ym-form button.ym-primary:focus,
+  .ym-form input[type="button"].ym-primary:focus,
+  .ym-form input[type="reset"].ym-primary:focus,
+  .ym-form input[type="submit"].ym-primary:focus {
+    outline: 0;
+    background: #88f;
+  }
+
+  /* Button color scheme: success */
+  .ym-button.ym-success,
+  .ym-form button.ym-success,
+  .ym-form input[type="button"].ym-success,
+  .ym-form input[type="reset"].ym-success,
+  .ym-form input[type="submit"].ym-success {
+    -webkit-box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
+    box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
+    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #66bb66), color-stop(100%, #449944));
+    background-image: -webkit-linear-gradient(top, #66bb66, #449944);
+    background-image: -moz-linear-gradient(top, #66bb66, #449944);
+    background-image: -ms-linear-gradient(top, #66bb66, #449944);
+    background-image: linear-gradient(to bottom, #66bb66,#449944);
+    background-color: #66bb66;
+    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FF66BB66', endColorstr='#FF449944');
+    zoom: 1;
+    border: 1px solid #070;
+    color: #fff !important;
+    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
+  }
+  .ym-button.ym-success:hover,
+  .ym-form button.ym-success:hover,
+  .ym-form input[type="button"].ym-success:hover,
+  .ym-form input[type="reset"].ym-success:hover,
+  .ym-form input[type="submit"].ym-success:hover {
+    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #66cc66), color-stop(100%, #55aa55));
+    background-image: -webkit-linear-gradient(top, #66cc66, #55aa55);
+    background-image: -moz-linear-gradient(top, #66cc66, #55aa55);
+    background-image: -ms-linear-gradient(top, #66cc66, #55aa55);
+    background-image: linear-gradient(to bottom, #66cc66,#55aa55);
+    background-color: #66cc66;
+    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FF66CC66', endColorstr='#FF55AA55');
+    zoom: 1;
+  }
+  .ym-button.ym-success:active,
+  .ym-form button.ym-success:active,
+  .ym-form input[type="button"].ym-success:active,
+  .ym-form input[type="reset"].ym-success:active,
+  .ym-form input[type="submit"].ym-success:active {
+    -webkit-box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2);
+    box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2);
+    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #66aa66), color-stop(100%, #448844));
+    background-image: -webkit-linear-gradient(top, #66aa66, #448844);
+    background-image: -moz-linear-gradient(top, #66aa66, #448844);
+    background-image: -ms-linear-gradient(top, #66aa66, #448844);
+    background-image: linear-gradient(to bottom, #66aa66,#448844);
+    background-color: #66aa66;
+    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FF66AA66', endColorstr='#FF448844');
+    zoom: 1;
+  }
+  .ym-button.ym-success:focus,
+  .ym-form button.ym-success:focus,
+  .ym-form input[type="button"].ym-success:focus,
+  .ym-form input[type="reset"].ym-success:focus,
+  .ym-form input[type="submit"].ym-success:focus {
+    outline: 0;
+    background: #6c6;
+  }
+
+  /* Button color scheme: warning */
+  .ym-button.ym-warning,
+  .ym-form button.ym-warning,
+  .ym-form input[type="button"].ym-warning,
+  .ym-form input[type="reset"].ym-warning,
+  .ym-form input[type="submit"].ym-warning {
+    -webkit-box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
+    box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
+    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ddaa44), color-stop(100%, #bb7722));
+    background-image: -webkit-linear-gradient(top, #ddaa44, #bb7722);
+    background-image: -moz-linear-gradient(top, #ddaa44, #bb7722);
+    background-image: -ms-linear-gradient(top, #ddaa44, #bb7722);
+    background-image: linear-gradient(to bottom, #ddaa44,#bb7722);
+    background-color: #ddaa44;
+    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FFDDAA44', endColorstr='#FFBB7722');
+    zoom: 1;
+    border: 1px solid #970;
+    color: #fff !important;
+    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
+  }
+  .ym-button.ym-warning:hover,
+  .ym-form button.ym-warning:hover,
+  .ym-form input[type="button"].ym-warning:hover,
+  .ym-form input[type="reset"].ym-warning:hover,
+  .ym-form input[type="submit"].ym-warning:hover {
+    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eebb55), color-stop(100%, #cc8833));
+    background-image: -webkit-linear-gradient(top, #eebb55, #cc8833);
+    background-image: -moz-linear-gradient(top, #eebb55, #cc8833);
+    background-image: -ms-linear-gradient(top, #eebb55, #cc8833);
+    background-image: linear-gradient(to bottom, #eebb55,#cc8833);
+    background-color: #eebb55;
+    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FFEEBB55', endColorstr='#FFCC8833');
+    zoom: 1;
+  }
+  .ym-button.ym-warning:active,
+  .ym-form button.ym-warning:active,
+  .ym-form input[type="button"].ym-warning:active,
+  .ym-form input[type="reset"].ym-warning:active,
+  .ym-form input[type="submit"].ym-warning:active {
+    -webkit-box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2);
+    box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2);
+    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cc9944), color-stop(100%, #aa6622));
+    background-image: -webkit-linear-gradient(top, #cc9944, #aa6622);
+    background-image: -moz-linear-gradient(top, #cc9944, #aa6622);
+    background-image: -ms-linear-gradient(top, #cc9944, #aa6622);
+    background-image: linear-gradient(to bottom, #cc9944,#aa6622);
+    background-color: #cc9944;
+    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FFCC9944', endColorstr='#FFAA6622');
+    zoom: 1;
+  }
+  .ym-button.ym-warning:focus,
+  .ym-form button.ym-warning:focus,
+  .ym-form input[type="button"].ym-warning:focus,
+  .ym-form input[type="reset"].ym-warning:focus,
+  .ym-form input[type="submit"].ym-warning:focus {
+    outline: 0;
+    background: #da4;
+  }
+
+  /* Button color scheme: danger */
+  .ym-button.ym-danger,
+  .ym-form button.ym-danger,
+  .ym-form input[type="button"].ym-danger,
+  .ym-form input[type="reset"].ym-danger,
+  .ym-form input[type="submit"].ym-danger {
+    -webkit-box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
+    box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
+    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bb6666), color-stop(100%, #994444));
+    background-image: -webkit-linear-gradient(top, #bb6666, #994444);
+    background-image: -moz-linear-gradient(top, #bb6666, #994444);
+    background-image: -ms-linear-gradient(top, #bb6666, #994444);
+    background-image: linear-gradient(to bottom, #bb6666,#994444);
+    background-color: #bb6666;
+    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FFBB6666', endColorstr='#FF994444');
+    zoom: 1;
+    border: 1px solid #700;
+    color: #fff !important;
+    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
+  }
+  .ym-button.ym-danger:hover,
+  .ym-form button.ym-danger:hover,
+  .ym-form input[type="button"].ym-danger:hover,
+  .ym-form input[type="reset"].ym-danger:hover,
+  .ym-form input[type="submit"].ym-danger:hover {
+    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cc6666), color-stop(100%, #aa5555));
+    background-image: -webkit-linear-gradient(top, #cc6666, #aa5555);
+    background-image: -moz-linear-gradient(top, #cc6666, #aa5555);
+    background-image: -ms-linear-gradient(top, #cc6666, #aa5555);
+    background-image: linear-gradient(to bottom, #cc6666,#aa5555);
+    background-color: #cc6666;
+    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FFCC6666', endColorstr='#FFAA5555');
+    zoom: 1;
+  }
+  .ym-button.ym-danger:active,
+  .ym-form button.ym-danger:active,
+  .ym-form input[type="button"].ym-danger:active,
+  .ym-form input[type="reset"].ym-danger:active,
+  .ym-form input[type="submit"].ym-danger:active {
+    -webkit-box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2);
+    box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2);
+    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #aa5555), color-stop(100%, #884444));
+    background-image: -webkit-linear-gradient(top, #aa5555, #884444);
+    background-image: -moz-linear-gradient(top, #aa5555, #884444);
+    background-image: -ms-linear-gradient(top, #aa5555, #884444);
+    background-image: linear-gradient(to bottom, #aa5555,#884444);
+    background-color: #aa5555;
+    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FFAA5555', endColorstr='#FF884444');
+    zoom: 1;
+  }
+  .ym-button.ym-danger:focus,
+  .ym-form button.ym-danger:focus,
+  .ym-form input[type="button"].ym-danger:focus,
+  .ym-form input[type="reset"].ym-danger:focus,
+  .ym-form input[type="submit"].ym-danger:focus {
+    outline: 0;
+    background: #c66;
+  }
+
+  /* pseudo elements don't work on input */
+  .ym-form button:before,
+  .ym-button:before {
+    background: #ccc;
+    background: rgba(0, 0, 0, 0.1);
+    float: left;
+    width: 1em;
+    text-align: center;
+    font-size: 1.5em;
+    margin: 0 1em 0 -1em;
+    padding: 0 .2em;
+    -webkit-box-shadow: 1px 0 0 rgba(0, 0, 0, 0.5), 2px 0 0 rgba(255, 255, 255, 0.5);
+    box-shadow: 1px 0 0 rgba(0, 0, 0, 0.5), 2px 0 0 rgba(255, 255, 255, 0.5);
+    border-radius: .15em 0 0 .15em;
+    pointer-events: none;
+  }
+
+  .ym-add:before {
+    content: "\271A";
+  }
+
+  .ym-delete:before {
+    content: "\2718";
+  }
+
+  .ym-close:before {
+    content: "\2715";
+  }
+
+  .ym-edit:before {
+    content: "\270E";
+  }
+
+  .ym-email:before {
+    content: "\2709";
+  }
+
+  .ym-like:before {
+    content: "\2764";
+  }
+
+  .ym-next:before {
+    content: "\279C";
+  }
+
+  .ym-play:before {
+    content: "\25B6";
+  }
+
+  .ym-reply:before {
+    content: "\27A5";
+  }
+
+  .ym-save:before {
+    content: "\2714";
+  }
+
+  .ym-sign:before {
+    content: "\270D";
+  }
+
+  .ym-spark:before {
+    content: "\2737";
+  }
+
+  .ym-support:before {
+    content: "\2706";
+  }
+
+  .ym-star:before {
+    content: "\2605";
+  }
+
+  /* removes extra inner spacing in Firefox */
+  .ym-form button::-moz-focus-inner {
+    border: 0;
+    padding: 0;
+  }
+
+  /* If line-height can't be modified, then fix Firefox spacing with padding */
+  .ym-form input[type=button]::-moz-focus-inner,
+  .ym-form input[type=reset]::-moz-focus-inner,
+  .ym-form input[type=submit]::-moz-focus-inner {
+    padding: .4em;
+  }
+
+  /* The disabled styles */
+  .ym-form button[disabled],
+  .ym-form button[disabled]:hover,
+  .ym-form input[type=button][disabled],
+  .ym-form input[type=button][disabled]:hover,
+  .ym-form input[type=reset][disabled],
+  .ym-form input[type=reset][disabled]:hover,
+  .ym-form input[type=submit][disabled],
+  .ym-form input[type=submit][disabled]:hover,
+  .ym-button.ym-disabled,
+  .ym-button.ym-disabled:hover {
+    background: #eee;
+    color: #aaa !important;
+    border-color: #aaa;
+    cursor: default;
+    text-shadow: none;
+    position: static;
+    -webkit-box-shadow: none;
+    box-shadow: none;
+  }
+
+  /* ie6 support styles - redefined buttons, because of missing support for attribute selectors */
+  * html .ym-button,
+  * html .ym-form button {
+    display: inline-block;
+    white-space: nowrap;
+    background-color: #ccc;
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');
+    border: 1px solid #777;
+    color: #333 !important;
+    cursor: pointer;
+    font: normal 1em/2em Arial, Helvetica;
+    margin: 1.5em 0.75em 0 0;
+    padding: 0 1.5em;
+    overflow: visible;
+    /* removes extra side spacing in IE */
+    text-decoration: none !important;
+  }
+  * html .ym-form button:focus,
+  * html .ym-button:focus {
+    outline: 0;
+    background: #fafafa;
+  }
+  * html .ym-form button:hover,
+  * html .ym-button:hover {
+    background-color: #ddd;
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');
+  }
+  * html .ym-form button:active,
+  * html .ym-button:active {
+    background-color: #bbb;
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#cccccc', EndColorStr='#bbbbbb');
+    position: relative;
+    top: 1px;
+  }
+  * html .ym-button.ym-disabled,
+  * html .ym-button.ym-disabled:hover {
+    background: #eee;
+    color: #aaa !important;
+    border-color: #aaa;
+    cursor: default;
+    text-shadow: none;
+    position: static;
+  }
+  * html .ym-button {
+    /* Button size-scaling classes */
+    /* 21px */
+    /* 18px */
+    /* 12px */
+    /* 10px */
+  }
+  * html .ym-button.ym-primary {
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#8888ee', EndColorStr='#6666cc');
+  }
+  * html .ym-button.ym-success {
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#66bb66', EndColorStr='#449944');
+  }
+  * html .ym-button.ym-warning {
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ddaa44', EndColorStr='#BB7722');
+  }
+  * html .ym-button.ym-danger {
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#bb6666', EndColorStr='#994444');
+  }
+  * html .ym-button.ym-xlarge {
+    font-size: 1.5em;
+  }
+  * html .ym-button.ym-large {
+    font-size: 1.2857em;
+  }
+  * html .ym-button.ym-small {
+    font-size: 0.8571em;
+  }
+  * html .ym-button.ym-xsmall {
+    font-size: 0.7143em;
+  }
+}
diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/navigation/hlist.css b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/navigation/hlist.css
new file mode 100644
index 000000000..66c2c1cd4
--- /dev/null
+++ b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/navigation/hlist.css
@@ -0,0 +1,109 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * (en) Horizontal list navigation "hlist"
+ * (de) Horizontale Navigationsliste "hlist"
+ *
+ * @copyright       © 2005-2013, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         4.1.2
+ */
+@media all {
+  .ym-hlist {
+    /* (en) containing floats in IE */
+    /* (de) Einfassen der Floats im IE */
+    width: 100%;
+    overflow: hidden;
+    position: relative;
+    line-height: 1em;
+    background: #222;
+  }
+  .ym-hlist ul {
+    margin: 0;
+    padding: 0.5em 1.5em;
+    display: inline;
+    float: left;
+  }
+  .ym-hlist ul li {
+    display: inline;
+    float: left;
+    font-size: 1.0em;
+    line-height: 1;
+    list-style-type: none;
+    margin: 0 .25em 0 0;
+    padding: 0;
+  }
+  .ym-hlist ul li a, .ym-hlist ul li strong {
+    background: transparent;
+    color: #aaa;
+    display: block;
+    font-size: 1em;
+    line-height: 2em;
+    padding: 0 0.5em;
+    font-weight: normal;
+    text-decoration: none;
+    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
+    width: auto;
+  }
+  .ym-hlist ul li a:focus,
+  .ym-hlist ul li a:hover,
+  .ym-hlist ul li a:active {
+    color: #ccc;
+    background: #666;
+    background: rgba(255, 255, 255, 0.25);
+    border-radius: 0.2em;
+    text-decoration: none;
+    outline: 0 none;
+  }
+  .ym-hlist ul li.active {
+    background: #666;
+    background: rgba(255, 255, 255, 0.3);
+    border-radius: 0.2em;
+    color: #fff;
+  }
+  .ym-hlist ul li.active strong,
+  .ym-hlist ul li.active a:focus,
+  .ym-hlist ul li.active a:hover,
+  .ym-hlist ul li.active a:active {
+    background: transparent;
+    color: #fff;
+    text-decoration: none;
+  }
+
+  /* ------- search form -------- */
+  .ym-searchform {
+    float: right;
+    display: inline;
+    line-height: 2;
+    padding: 0.5em 1.5em;
+  }
+  .ym-searchform .ym-searchfield {
+    -webkit-appearance: none;
+    background: #fff;
+    line-height: 1;
+    padding: 0.25em;
+    width: 12em;
+    border: solid 1px #888;
+    border: solid 1px rgba(255, 255, 255, 0.1);
+    outline: none;
+    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
+    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
+  }
+  .ym-searchform .ym-searchbutton {
+    -webkit-appearance: none;
+    background: #5f5f5f;
+    background: rgba(255, 255, 255, 0.2);
+    border-radius: .2em;
+    color: #fff;
+    cursor: pointer;
+    display: inline-block;
+    font-size: 1em;
+    line-height: 1.25;
+    padding: 0.25em;
+    border: solid 1px transparent;
+    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
+  }
+}
diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/navigation/vlist.css b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/navigation/vlist.css
new file mode 100644
index 000000000..4237d1add
--- /dev/null
+++ b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/navigation/vlist.css
@@ -0,0 +1,144 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * (en) Vertical list navigation "vlist"
+ * (de) Vertikale Navigationsliste "vlist"
+ *
+ * @copyright       © 2005-2013, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         4.1.2
+ */
+@media all {
+  /* 4 navigation levels defined */
+  .ym-vlist {
+    margin: 0 0 1.5em 0;
+    list-style-type: none;
+    background: transparent;
+    border: 0 none;
+  }
+  .ym-vlist ul {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+    width: 100%;
+    overflow: hidden;
+    border-top: 2px #ddd solid;
+    border-bottom: 2px #ddd solid;
+  }
+  .ym-vlist ul ul {
+    border: 0 none;
+  }
+  .ym-vlist li {
+    float: left;
+    width: 100%;
+    margin: 0;
+    padding: 0;
+    background-color: #fff;
+  }
+  .ym-vlist a,
+  .ym-vlist strong,
+  .ym-vlist span {
+    display: block;
+    padding: 3px 0px 3px 10%;
+    text-decoration: none;
+    border-bottom: 1px #ddd solid;
+  }
+  .ym-vlist a,
+  .ym-vlist a:visited {
+    color: #444;
+  }
+  .ym-vlist li span {
+    display: block;
+    font-weight: bold;
+    border-bottom: 1px #ddd solid;
+  }
+  .ym-vlist li.active {
+    color: #fff;
+    background-color: #444;
+  }
+  .ym-vlist li.active strong {
+    font-weight: bold;
+  }
+  .ym-vlist li a,
+  .ym-vlist li strong,
+  .ym-vlist li span {
+    width: 90%;
+    padding-left: 10%;
+  }
+  .ym-vlist li a:focus,
+  .ym-vlist li a:hover,
+  .ym-vlist li a:active {
+    background-color: #888;
+    color: #fff;
+    outline: 0 none;
+  }
+  .ym-vlist li ul li a,
+  .ym-vlist li ul li strong,
+  .ym-vlist li ul li span {
+    width: 80%;
+    padding-left: 20%;
+  }
+  .ym-vlist li ul li a,
+  .ym-vlist li ul li a:visited {
+    background-color: #f8f8f8;
+    color: #333;
+  }
+  .ym-vlist li ul li a:focus,
+  .ym-vlist li ul li a:hover,
+  .ym-vlist li ul li a:active {
+    background-color: #888;
+    color: #fff;
+  }
+  .ym-vlist li ul li ul li a,
+  .ym-vlist li ul li ul li strong,
+  .ym-vlist li ul li ul li span {
+    width: 70%;
+    padding-left: 30%;
+  }
+  .ym-vlist li ul li ul li a,
+  .ym-vlist li ul li ul li a:visited {
+    background-color: #f0f0f0;
+    color: #222;
+  }
+  .ym-vlist li ul li ul li a:focus,
+  .ym-vlist li ul li ul li a:hover,
+  .ym-vlist li ul li ul li a:active {
+    background-color: #888;
+    color: #fff;
+  }
+  .ym-vlist li ul li ul li ul li a,
+  .ym-vlist li ul li ul li ul li strong,
+  .ym-vlist li ul li ul li ul li span {
+    width: 60%;
+    padding-left: 40%;
+  }
+  .ym-vlist li ul li ul li ul li a,
+  .ym-vlist li ul li ul li ul li a:visited {
+    background-color: #e8e8e8;
+    color: #111;
+  }
+  .ym-vlist li ul li ul li ul li a:focus,
+  .ym-vlist li ul li ul li ul li a:hover,
+  .ym-vlist li ul li ul li ul li a:active {
+    background-color: #888;
+    color: #fff;
+  }
+
+  /* title */
+  .ym-vtitle {
+    font-weight: bold;
+    font-size: 100%;
+    width: 90%;
+    padding: 3px 0px 3px 10%;
+    margin: 0;
+    color: #444;
+    background-color: #fff;
+    border-top: 2px #ddd solid;
+  }
+  .ym-vtitle + ul {
+    border-top: 4px #888 solid;
+  }
+}
diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/print/print.css b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/print/print.css
new file mode 100644
index 000000000..898fb23dc
--- /dev/null
+++ b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/print/print.css
@@ -0,0 +1,42 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * default print stylesheet
+ *
+ * @copyright       © 2005-2013, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         4.1.2
+ */
+@media print {
+  /**
+  * @section basic layout preparation
+  */
+  /* (en) change font size unit to [pt] - avoids problems with [px] in Gecko based browsers */
+  /* (de) Wechsel der der Schriftgrößen-Maßheinheit zu [pt] - Probleme mit [px] in Gecko-Browsern vermeiden */
+  body {
+    font-size: 10pt;
+    padding: 0 5px;
+  }
+
+  /* (en) Hide unneeded container of the screenlayout in print layout */
+  /* (de) Für den Druck nicht benötigte Container des Layouts abschalten */
+  nav,
+  .ym-searchform {
+    display: none;
+  }
+
+  /*------------------------------------------------------------------------------------------------------*/
+  /* (en) Avoid page breaks right after headings */
+  /* (de) Vermeidung von Seitenumbrüchen direkt nach einer Überschrift */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    page-break-after: avoid;
+  }
+}
diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/screen/grid-960gs-12.css b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/screen/grid-960gs-12.css
new file mode 100644
index 000000000..e23788988
--- /dev/null
+++ b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/screen/grid-960gs-12.css
@@ -0,0 +1,164 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * 960.gs port for YAML: 960px - 12 columns
+ *
+ * @copyright       © 2005-2013, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         4.1.2
+ */
+.ym-wrapper {
+  width: 960px;
+  margin: 0 auto;
+}
+
+.ym-gbox {
+  padding-left: 0;
+  padding-right: 0;
+  margin-left: 10px;
+  margin-right: 10px;
+}
+
+[class*="ym-push-"],
+[class*="ym-pull-"] {
+  position: relative;
+}
+
+.ym-g960-1 {
+  width: 80px;
+}
+
+.ym-g960-2 {
+  width: 160px;
+}
+
+.ym-g960-3 {
+  width: 240px;
+}
+
+.ym-g960-4 {
+  width: 320px;
+}
+
+.ym-g960-5 {
+  width: 400px;
+}
+
+.ym-g960-6 {
+  width: 480px;
+}
+
+.ym-g960-7 {
+  width: 560px;
+}
+
+.ym-g960-8 {
+  width: 640px;
+}
+
+.ym-g960-9 {
+  width: 720px;
+}
+
+.ym-g960-10 {
+  width: 800px;
+}
+
+.ym-g960-11 {
+  width: 880px;
+}
+
+.ym-g960-12 {
+  width: 960px;
+}
+
+.ym-push-1 {
+  left: 80px;
+}
+
+.ym-push-2 {
+  left: 160px;
+}
+
+.ym-push-3 {
+  left: 240px;
+}
+
+.ym-push-4 {
+  left: 320px;
+}
+
+.ym-push-5 {
+  left: 400px;
+}
+
+.ym-push-6 {
+  left: 480px;
+}
+
+.ym-push-7 {
+  left: 560px;
+}
+
+.ym-push-8 {
+  left: 640px;
+}
+
+.ym-push-9 {
+  left: 720px;
+}
+
+.ym-push-10 {
+  left: 800px;
+}
+
+.ym-push-11 {
+  left: 880px;
+}
+
+.ym-pull-1 {
+  left: -80px;
+}
+
+.ym-pull-2 {
+  left: -160px;
+}
+
+.ym-pull-3 {
+  left: -240px;
+}
+
+.ym-pull-4 {
+  left: -320px;
+}
+
+.ym-pull-5 {
+  left: -400px;
+}
+
+.ym-pull-6 {
+  left: -480px;
+}
+
+.ym-pull-7 {
+  left: -560px;
+}
+
+.ym-pull-8 {
+  left: -640px;
+}
+
+.ym-pull-9 {
+  left: -720px;
+}
+
+.ym-pull-10 {
+  left: -800px;
+}
+
+.ym-pull-11 {
+  left: -880px;
+}
diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/screen/grid-960gs-16.css b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/screen/grid-960gs-16.css
new file mode 100644
index 000000000..e27b945e5
--- /dev/null
+++ b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/screen/grid-960gs-16.css
@@ -0,0 +1,212 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * 960.gs port for YAML: 960px - 16 columns
+ *
+ * @copyright       © 2005-2013, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         4.1.2
+ */
+.ym-wrapper {
+  width: 960px;
+  margin: 0 auto;
+}
+
+.ym-gbox {
+  padding-left: 0;
+  padding-right: 0;
+  margin-left: 10px;
+  margin-right: 10px;
+}
+
+[class*="ym-push-"],
+[class*="ym-pull-"] {
+  position: relative;
+}
+
+.ym-g960-1 {
+  width: 60px;
+}
+
+.ym-g960-2 {
+  width: 120px;
+}
+
+.ym-g960-3 {
+  width: 180px;
+}
+
+.ym-g960-4 {
+  width: 240px;
+}
+
+.ym-g960-5 {
+  width: 300px;
+}
+
+.ym-g960-6 {
+  width: 360px;
+}
+
+.ym-g960-7 {
+  width: 420px;
+}
+
+.ym-g960-8 {
+  width: 480px;
+}
+
+.ym-g960-9 {
+  width: 540px;
+}
+
+.ym-g960-10 {
+  width: 600px;
+}
+
+.ym-g960-11 {
+  width: 660px;
+}
+
+.ym-g960-12 {
+  width: 720px;
+}
+
+.ym-g960-13 {
+  width: 780px;
+}
+
+.ym-g960-14 {
+  width: 840px;
+}
+
+.ym-g960-15 {
+  width: 900px;
+}
+
+.ym-g960-16 {
+  width: 960px;
+}
+
+.ym-push-1 {
+  left: 60px;
+}
+
+.ym-push-2 {
+  left: 120px;
+}
+
+.ym-push-3 {
+  left: 180px;
+}
+
+.ym-push-4 {
+  left: 240px;
+}
+
+.ym-push-5 {
+  left: 300px;
+}
+
+.ym-push-6 {
+  left: 360px;
+}
+
+.ym-push-7 {
+  left: 420px;
+}
+
+.ym-push-8 {
+  left: 480px;
+}
+
+.ym-push-9 {
+  left: 540px;
+}
+
+.ym-push-10 {
+  left: 600px;
+}
+
+.ym-push-11 {
+  left: 660px;
+}
+
+.ym-push-12 {
+  left: 720px;
+}
+
+.ym-push-13 {
+  left: 780px;
+}
+
+.ym-push-14 {
+  left: 840px;
+}
+
+.ym-push-15 {
+  left: 900px;
+}
+
+.ym-pull-1 {
+  left: -60px;
+}
+
+.ym-pull-2 {
+  left: -120px;
+}
+
+.ym-pull-3 {
+  left: -180px;
+}
+
+.ym-pull-4 {
+  left: -240px;
+}
+
+.ym-pull-5 {
+  left: -300px;
+}
+
+.ym-pull-6 {
+  left: -360px;
+}
+
+.ym-pull-7 {
+  left: -420px;
+}
+
+.ym-pull-8 {
+  left: -480px;
+}
+
+.ym-pull-9 {
+  left: -540px;
+}
+
+.ym-pull-10 {
+  left: -600px;
+}
+
+.ym-pull-11 {
+  left: -660px;
+}
+
+.ym-pull-12 {
+  left: -720px;
+}
+
+.ym-pull-13 {
+  left: -780px;
+}
+
+.ym-pull-14 {
+  left: -840px;
+}
+
+.ym-pull-15 {
+  left: -900px;
+}
diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/screen/grid-blueprint.css b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/screen/grid-blueprint.css
new file mode 100644
index 000000000..673768396
--- /dev/null
+++ b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/screen/grid-blueprint.css
@@ -0,0 +1,308 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * Blueprint CSS port for YAML - 24 columns
+ *
+ * @copyright       © 2005-2013, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         4.1.2
+ */
+.ym-wrapper {
+  width: 960px;
+  margin: 0 auto;
+}
+
+.ym-gbox {
+  padding-left: 0;
+  padding-right: 0;
+  margin-left: 0;
+  margin-right: 10px;
+}
+
+[class*="ym-push-"],
+[class*="ym-pull-"] {
+  position: relative;
+}
+
+.ym-span-1 {
+  width: 40px;
+}
+
+.ym-span-2 {
+  width: 80px;
+}
+
+.ym-span-3 {
+  width: 120px;
+}
+
+.ym-span-4 {
+  width: 160px;
+}
+
+.ym-span-5 {
+  width: 200px;
+}
+
+.ym-span-6 {
+  width: 240px;
+}
+
+.ym-span-7 {
+  width: 280px;
+}
+
+.ym-span-8 {
+  width: 320px;
+}
+
+.ym-span-9 {
+  width: 360px;
+}
+
+.ym-span-10 {
+  width: 400px;
+}
+
+.ym-span-11 {
+  width: 440px;
+}
+
+.ym-span-12 {
+  width: 480px;
+}
+
+.ym-span-13 {
+  width: 520px;
+}
+
+.ym-span-14 {
+  width: 560px;
+}
+
+.ym-span-15 {
+  width: 600px;
+}
+
+.ym-span-16 {
+  width: 640px;
+}
+
+.ym-span-17 {
+  width: 680px;
+}
+
+.ym-span-18 {
+  width: 720px;
+}
+
+.ym-span-19 {
+  width: 760px;
+}
+
+.ym-span-20 {
+  width: 800px;
+}
+
+.ym-span-21 {
+  width: 840px;
+}
+
+.ym-span-22 {
+  width: 880px;
+}
+
+.ym-span-23 {
+  width: 920px;
+}
+
+.ym-span-24 {
+  width: 960px;
+}
+
+.ym-push-1 {
+  left: 40px;
+}
+
+.ym-push-2 {
+  left: 80px;
+}
+
+.ym-push-3 {
+  left: 120px;
+}
+
+.ym-push-4 {
+  left: 160px;
+}
+
+.ym-push-5 {
+  left: 200px;
+}
+
+.ym-push-6 {
+  left: 240px;
+}
+
+.ym-push-7 {
+  left: 280px;
+}
+
+.ym-push-8 {
+  left: 320px;
+}
+
+.ym-push-9 {
+  left: 360px;
+}
+
+.ym-push-10 {
+  left: 400px;
+}
+
+.ym-push-11 {
+  left: 440px;
+}
+
+.ym-push-12 {
+  left: 480px;
+}
+
+.ym-push-13 {
+  left: 520px;
+}
+
+.ym-push-14 {
+  left: 560px;
+}
+
+.ym-push-15 {
+  left: 600px;
+}
+
+.ym-push-16 {
+  left: 640px;
+}
+
+.ym-push-17 {
+  left: 680px;
+}
+
+.ym-push-18 {
+  left: 720px;
+}
+
+.ym-push-19 {
+  left: 760px;
+}
+
+.ym-push-20 {
+  left: 800px;
+}
+
+.ym-push-21 {
+  left: 840px;
+}
+
+.ym-push-22 {
+  left: 880px;
+}
+
+.ym-push-23 {
+  left: 920px;
+}
+
+.ym-pull-1 {
+  left: -40px;
+}
+
+.ym-pull-2 {
+  left: -80px;
+}
+
+.ym-pull-3 {
+  left: -120px;
+}
+
+.ym-pull-4 {
+  left: -160px;
+}
+
+.ym-pull-5 {
+  left: -200px;
+}
+
+.ym-pull-6 {
+  left: -240px;
+}
+
+.ym-pull-7 {
+  left: -280px;
+}
+
+.ym-pull-8 {
+  left: -320px;
+}
+
+.ym-pull-9 {
+  left: -360px;
+}
+
+.ym-pull-10 {
+  left: -400px;
+}
+
+.ym-pull-11 {
+  left: -440px;
+}
+
+.ym-pull-12 {
+  left: -480px;
+}
+
+.ym-pull-13 {
+  left: -520px;
+}
+
+.ym-pull-14 {
+  left: -560px;
+}
+
+.ym-pull-15 {
+  left: -600px;
+}
+
+.ym-pull-16 {
+  left: -640px;
+}
+
+.ym-pull-17 {
+  left: -680px;
+}
+
+.ym-pull-18 {
+  left: -720px;
+}
+
+.ym-pull-19 {
+  left: -760px;
+}
+
+.ym-pull-20 {
+  left: -800px;
+}
+
+.ym-pull-21 {
+  left: -840px;
+}
+
+.ym-pull-22 {
+  left: -880px;
+}
+
+.ym-pull-23 {
+  left: -920px;
+}
diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/screen/grid-fluid-12col.css b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/screen/grid-fluid-12col.css
new file mode 100644
index 000000000..bc0430016
--- /dev/null
+++ b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/screen/grid-fluid-12col.css
@@ -0,0 +1,164 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * Fluid 12 column grid
+ *
+ * @copyright       © 2005-2013, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         4.1.2
+ */
+.ym-wrapper {
+  width: 100%;
+  margin: 0 auto;
+}
+
+.ym-gbox {
+  padding-left: 0;
+  padding-right: 0;
+  margin-left: 0;
+  margin-right: 10px;
+}
+
+[class*="ym-push-"],
+[class*="ym-pull-"] {
+  position: relative;
+}
+
+.ym-span-1 {
+  width: 8.33333%;
+}
+
+.ym-span-2 {
+  width: 16.66667%;
+}
+
+.ym-span-3 {
+  width: 25%;
+}
+
+.ym-span-4 {
+  width: 33.33333%;
+}
+
+.ym-span-5 {
+  width: 41.66667%;
+}
+
+.ym-span-6 {
+  width: 50%;
+}
+
+.ym-span-7 {
+  width: 58.33333%;
+}
+
+.ym-span-8 {
+  width: 66.66667%;
+}
+
+.ym-span-9 {
+  width: 75%;
+}
+
+.ym-span-10 {
+  width: 83.33333%;
+}
+
+.ym-span-11 {
+  width: 91.66667%;
+}
+
+.ym-span-12 {
+  width: 100%;
+}
+
+.ym-push-1 {
+  left: 8.33333%;
+}
+
+.ym-push-2 {
+  left: 16.66667%;
+}
+
+.ym-push-3 {
+  left: 25%;
+}
+
+.ym-push-4 {
+  left: 33.33333%;
+}
+
+.ym-push-5 {
+  left: 41.66667%;
+}
+
+.ym-push-6 {
+  left: 50%;
+}
+
+.ym-push-7 {
+  left: 58.33333%;
+}
+
+.ym-push-8 {
+  left: 66.66667%;
+}
+
+.ym-push-9 {
+  left: 75%;
+}
+
+.ym-push-10 {
+  left: 83.33333%;
+}
+
+.ym-push-11 {
+  left: 91.66667%;
+}
+
+.ym-pull-1 {
+  left: -8.33333%;
+}
+
+.ym-pull-2 {
+  left: -16.66667%;
+}
+
+.ym-pull-3 {
+  left: -25%;
+}
+
+.ym-pull-4 {
+  left: -33.33333%;
+}
+
+.ym-pull-5 {
+  left: -41.66667%;
+}
+
+.ym-pull-6 {
+  left: -50%;
+}
+
+.ym-pull-7 {
+  left: -58.33333%;
+}
+
+.ym-pull-8 {
+  left: -66.66667%;
+}
+
+.ym-pull-9 {
+  left: -75%;
+}
+
+.ym-pull-10 {
+  left: -83.33333%;
+}
+
+.ym-pull-11 {
+  left: -91.66667%;
+}
diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/screen/screen-FULLPAGE-layout.css b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/screen/screen-FULLPAGE-layout.css
new file mode 100644
index 000000000..0a9f20100
--- /dev/null
+++ b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/screen/screen-FULLPAGE-layout.css
@@ -0,0 +1,184 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * default screen stylesheet - FULLPAGE-layout type layout
+ *
+ * @copyright       © 2005-2013, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         4.1.2
+ */
+@media screen {
+  /* force vertical scrollbar */
+  body {
+    overflow-y: scroll;
+  }
+
+  /* Layout Module Configuration */
+  .ym-wrapper {
+    max-width: 80em;
+    margin: 0 auto;
+  }
+
+  .ym-wbox {
+    padding: 1.5em;
+  }
+
+  /* fallback for missing media queries support*/
+  body > header, body > nav, body > main, body > footer {
+    min-width: 760px;
+  }
+
+  /* Basic Element Styling */
+  header {
+    background: #444;
+    color: #ccc;
+  }
+  header h1 {
+    background: transparent;
+    color: #fff;
+  }
+  header .ym-wbox {
+    padding: 1.5em;
+  }
+
+  nav {
+    background: #222222;
+  }
+
+  main .info {
+    margin-bottom: 1.5em;
+  }
+  main aside .ym-gbox-right {
+    border-left: 1px #ddd solid;
+  }
+
+  footer {
+    background: #eee;
+    color: #444;
+  }
+  footer p {
+    margin: 0;
+  }
+  footer .ym-wbox {
+    padding: 1.5em;
+  }
+
+  .ym-gbox {
+    padding: 0 1.5em;
+  }
+
+  .ym-gbox-left {
+    padding: 0 1.5em 0 0;
+  }
+
+  .ym-gbox-right {
+    padding: 0 0 0 1.5em;
+  }
+
+  /* skip links styling */
+  .ym-skiplinks a.ym-skip:focus,
+  .ym-skiplinks a.ym-skip:active {
+    color: #fff;
+    background: #333;
+    border-bottom: 1px #000 solid;
+    padding: 10px 0;
+    text-align: center;
+    text-decoration: none;
+  }
+}
+/* reset fallback values in modern browsers */
+@media screen and (min-width: 0px) {
+  body > header, body > nav, body > main, body > footer {
+    min-width: 0;
+  }
+}
+@media screen and (max-width: 760px) {
+  /* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-1 */
+  .linearize-level-1, .linearize-level-1 > [class*="ym-c"], .linearize-level-1 > [class*="ym-g"] {
+    /* linearization for grids and columns module */
+    display: block;
+    float: none;
+    padding: 0;
+    margin: 0;
+    width: auto !important;
+  }
+  .linearize-level-1 > [class*="ym-c"] > [class*="ym-cbox"], .linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"] {
+    /* reset defined gutter values */
+    margin: 0;
+    padding: 0;
+    /* optional for containing floats */
+    overflow: hidden;
+  }
+
+  .secondary {
+    border-top: 1px #888 solid;
+    margin-top: 1.5em !important;
+    padding-top: 1.5em !important;
+  }
+
+  main aside .ym-gbox-right {
+    border: 0 none;
+  }
+
+  .ym-searchform {
+    display: block;
+    float: none;
+    width: auto;
+    text-align: right;
+  }
+
+  .ym-searchform input[type="search"] {
+    width: 14%;
+  }
+}
+@media screen and (max-width: 480px) {
+  /* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-2 */
+  .linearize-level-2, .linearize-level-2 > [class*="ym-c"], .linearize-level-2 > [class*="ym-g"] {
+    /* linearization for grids and columns module */
+    display: block;
+    float: none;
+    padding: 0;
+    margin: 0;
+    width: auto !important;
+  }
+  .linearize-level-2 > [class*="ym-c"] > [class*="ym-cbox"], .linearize-level-2 > [class*="ym-g"] > [class*="ym-gbox"] {
+    /* reset defined gutter values */
+    margin: 0;
+    padding: 0;
+    /* optional for containing floats */
+    overflow: hidden;
+  }
+
+  header .ym-wbox {
+    padding: 0.75em 10px;
+  }
+  header h1 {
+    font-size: 1.5em;
+    line-height: 1em;
+    margin: 0;
+  }
+
+  footer .ym-wbox,
+  .ym-wbox,
+  .ym-searchform,
+  nav .ym-hlist ul {
+    padding-left: 10px;
+    padding-right: 10px;
+  }
+
+  .ym-searchform,
+  nav .ym-hlist ul,
+  nav .ym-hlist li {
+    display: block;
+    float: none;
+    width: auto;
+    text-align: left;
+  }
+
+  .ym-searchform input[type="search"] {
+    width: 75%;
+  }
+}
diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/screen/screen-PAGE-layout.css b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/screen/screen-PAGE-layout.css
new file mode 100644
index 000000000..661430541
--- /dev/null
+++ b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/screen/screen-PAGE-layout.css
@@ -0,0 +1,196 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * default screen stylesheet - PAGE-layout type layout
+ *
+ * @copyright       © 2005-2013, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         4.1.2
+ */
+@media screen {
+  /* force vertical scrollbar */
+  body {
+    overflow-y: scroll;
+  }
+
+  /* Layout Module Configuration & fallback for unsupported media queries */
+  .ym-wrapper {
+    min-width: 760px;
+    max-width: 80em;
+    margin: 0 auto;
+  }
+
+  .ym-wbox {
+    padding: 10px;
+  }
+
+  /* Basic Element Styling */
+  header {
+    background: #444;
+    color: #ccc;
+    padding: 1.5em;
+  }
+  header h1 {
+    background: transparent;
+    color: #fff;
+  }
+
+  nav {
+    background: #222222;
+  }
+
+  main {
+    padding: 1.5em 0 0 0;
+  }
+
+  footer {
+    margin: 0;
+    background: #eee;
+    color: #444;
+    padding: 1.5em;
+  }
+  footer p {
+    margin: 0;
+  }
+
+  /* Column-Set Configuration: 1-3 (sidebar right) */
+  .ym-column {
+    display: block;
+    overflow: hidden;
+    padding-right: 340px;
+    width: auto;
+  }
+
+  /* content - column */
+  .ym-col1 {
+    float: left;
+    width: 100%;
+  }
+
+  /* sidebar - column */
+  .ym-col3 {
+    position: relative;
+    float: left;
+    width: 340px;
+    margin-left: 0;
+    margin-right: -340px;
+  }
+
+  .ym-col1 .ym-cbox {
+    padding: 0 0.75em 0 1.5em;
+  }
+
+  .ym-col3 .ym-cbox {
+    padding: 0 20px 0 12px;
+  }
+
+  .ym-gbox {
+    padding: 0 1.5em 0 0;
+  }
+
+  /* skip links styling */
+  .ym-skiplinks a.ym-skip:focus,
+  .ym-skiplinks a.ym-skip:active {
+    color: #fff;
+    background: #333;
+    border-bottom: 1px #000 solid;
+    padding: 10px 0;
+    text-align: center;
+    text-decoration: none;
+  }
+}
+/* reset fallback values in modern browsers */
+@media screen and (min-width: 0px) {
+  .ym-wrapper {
+    min-width: 0px;
+  }
+}
+@media screen and (max-width: 760px) {
+  /* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-1 */
+  .linearize-level-1, .linearize-level-1 > [class*="ym-c"], .linearize-level-1 > [class*="ym-g"] {
+    /* linearization for grids and columns module */
+    display: block;
+    float: none;
+    padding: 0;
+    margin: 0;
+    width: auto !important;
+  }
+  .linearize-level-1 > [class*="ym-c"] > [class*="ym-cbox"], .linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"] {
+    /* reset defined gutter values */
+    margin: 0;
+    padding: 0;
+    /* optional for containing floats */
+    overflow: hidden;
+  }
+
+  nav .ym-hlist ul {
+    padding-right: 10px;
+  }
+
+  .ym-searchform {
+    display: block;
+    float: none;
+    width: auto;
+    padding-right: 10px;
+    text-align: right;
+  }
+
+  .ym-searchform input[type="search"] {
+    width: 14%;
+  }
+}
+@media screen and (max-width: 480px) {
+  .ym-wbox {
+    padding: 0;
+  }
+
+  header {
+    padding: 0.75em 10px;
+  }
+  header h1 {
+    font-size: 1.5em;
+    line-height: 1em;
+    margin: 0;
+  }
+
+  footer,
+  main,
+  .ym-searchform,
+  nav .ym-hlist ul {
+    padding-left: 10px;
+    padding-right: 10px;
+  }
+
+  /* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-2 */
+  .linearize-level-2, .linearize-level-2 > [class*="ym-c"], .linearize-level-2 > [class*="ym-g"] {
+    /* linearization for grids and columns module */
+    display: block;
+    float: none;
+    padding: 0;
+    margin: 0;
+    width: auto !important;
+  }
+  .linearize-level-2 > [class*="ym-c"] > [class*="ym-cbox"], .linearize-level-2 > [class*="ym-g"] > [class*="ym-gbox"] {
+    /* reset defined gutter values */
+    margin: 0;
+    padding: 0;
+    /* optional for containing floats */
+    overflow: hidden;
+  }
+
+  .ym-searchform,
+  nav .ym-hlist ul,
+  nav .ym-hlist li {
+    display: block;
+    float: none;
+    width: auto;
+    text-align: left;
+  }
+
+  .ym-searchform input[type="search"] {
+    width: 75%;
+  }
+}
diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/screen/typography.css b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/screen/typography.css
new file mode 100644
index 000000000..8dffeec05
--- /dev/null
+++ b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/screen/typography.css
@@ -0,0 +1,486 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * (en) Uniform design of standard content elements
+ * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
+ *
+ * @copyright       © 2005-2013, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         4.1.2
+ */
+@media all {
+  /*
+  * @section global typography settings
+  *
+  * vertical rhythm settings (based on em-unit)
+  * -------------------------------------------
+  * basefont-size:  14px (87.5%)
+  * line-height  :  21px (factor: 1.5) */
+  /* (en) reset font size for all elements to standard (16 Pixel) */
+  /* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
+  html * {
+    font-size: 100%;
+  }
+
+  /**
+  * (en) reset monospaced elements to font size 16px in all browsers
+  * (de) Schriftgröße von monospaced Elemente in allen Browsern auf 16 Pixel setzen
+  *
+  * @see: http://webkit.org/blog/67/strange-medium/
+  */
+  textarea,
+  pre,
+  code,
+  kbd,
+  samp,
+  var,
+  tt {
+    font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
+  }
+
+  /* font-size: 14px; */
+  body {
+    font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif;
+    font-size: 87.5%;
+    color: #444444;
+  }
+
+  /*--- Headings | Überschriften ------------------------------------------------------------------------*/
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    font-family: "Droid Sans", Arial, Helvetica, sans-serif;
+    font-weight: 400;
+    color: #161e21;
+    margin: 0;
+  }
+
+  h1 {
+    /* font-size: 48px; */
+    font-size: 342.85714%;
+    line-height: 0.875;
+    margin: 0 0 0.4375em 0;
+  }
+
+  h2 {
+    /* font-size: 32px; */
+    font-size: 228.57143%;
+    line-height: 1.3125;
+    margin: 0 0 0.65625em 0;
+  }
+
+  h3 {
+    /* font-size: 24px; */
+    font-size: 171.42857%;
+    line-height: 0.875;
+    margin: 0 0 0.875em 0;
+  }
+
+  h4 {
+    /* font-size: 21px; */
+    font-size: 150%;
+    line-height: 1;
+    margin: 0 0 1em 0;
+  }
+
+  h5 {
+    /* font-size: 18px; */
+    font-size: 128.57143%;
+    line-height: 1.16667;
+    margin: 0 0 1.16667em 0;
+  }
+
+  h6 {
+    /* font-size: 14px; */
+    font-size: 100%;
+    font-weight: bold;
+    line-height: 1.5;
+    margin: 0 0 1.5em 0;
+  }
+
+  /* --- Lists | Listen  -------------------------------------------------------------------------------- */
+  ul,
+  ol,
+  dl {
+    font-size: 100%;
+    line-height: 1.5;
+    margin: 0 0 1.5em 0;
+  }
+
+  ul {
+    list-style-type: disc;
+  }
+
+  ol {
+    list-style-type: decimal;
+  }
+
+  ul ul {
+    list-style-type: circle;
+    margin-top: 0;
+  }
+
+  ol ol {
+    list-style-type: lower-latin;
+    margin-top: 0;
+  }
+
+  ol ul {
+    list-style-type: circle;
+    margin-top: 0;
+  }
+
+  li {
+    font-size: 100%;
+    line-height: 1.5;
+    margin-left: 1.2em;
+  }
+
+  dt {
+    font-weight: bold;
+  }
+
+  dd {
+    margin: 0 0 1.5em 0.8em;
+  }
+
+  /* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */
+  p {
+    font-size: 100%;
+    line-height: 1.5;
+    margin: 0 0 1.5em 0;
+  }
+
+  blockquote,
+  cite,
+  q {
+    font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif;
+    font-style: italic;
+  }
+
+  blockquote {
+    background: transparent;
+    color: #666666;
+    margin: 1.5em 0 0 1.5em;
+  }
+
+  strong,
+  b {
+    font-weight: bold;
+  }
+
+  em,
+  i {
+    font-style: italic;
+  }
+
+  big {
+    /* font-size: 16px; */
+    font-size: 114.28571%;
+    line-height: 1.3125;
+  }
+
+  small {
+    /* font-size: 12px; */
+    font-size: 85.71429%;
+    line-height: 1.75;
+  }
+
+  pre,
+  code,
+  kbd,
+  tt,
+  samp,
+  var {
+    font-size: 100%;
+  }
+
+  pre {
+    font-size: 100%;
+    line-height: 1.5;
+    margin: 0 0 1.5em 0;
+    white-space: pre;
+    white-space: pre-wrap;
+    word-wrap: break-word;
+  }
+
+  pre,
+  code {
+    color: #880000;
+  }
+
+  kbd,
+  samp,
+  var,
+  tt {
+    color: #666666;
+    font-weight: bold;
+  }
+
+  var,
+  dfn {
+    font-style: italic;
+  }
+
+  acronym,
+  abbr {
+    border-bottom: 1px #aaa dotted;
+    font-variant: small-caps;
+    letter-spacing: .07em;
+    cursor: help;
+  }
+
+  sub,
+  sup {
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+    vertical-align: baseline;
+  }
+
+  sup {
+    top: -0.5em;
+  }
+
+  sub {
+    bottom: -0.25em;
+  }
+
+  mark {
+    background: yellow;
+    color: black;
+  }
+
+  hr {
+    color: #fff;
+    background: transparent;
+    margin: 0 0 0.75em 0;
+    padding: 0 0 0.67857em 0;
+    border: 0;
+    border-bottom: 1px #eeeeee solid;
+  }
+
+  /*--- Links ----------------------------------------------------------------------------------------- */
+  a {
+    color: #4d87c7;
+    background: transparent;
+    text-decoration: none;
+  }
+
+  a:active {
+    outline: none;
+  }
+
+  /* (en) maximum constrast for tab focus - change with great care */
+  /* (en) Maximaler Kontrast für Tab Focus - Ändern Sie diese Regel mit Bedacht */
+  a:hover,
+  a:focus {
+    background-color: #4d87c7;
+    color: white;
+    text-decoration: none;
+  }
+
+  /* --- images ------------------ */
+  img,
+  figure {
+    margin: 0;
+  }
+
+  .flexible {
+    margin-bottom: 1.5em;
+    max-width: 100%;
+    height: auto;
+  }
+
+  /* IE6 workaround - 2% space for possible borders */
+  * html .flexible {
+    width: 98%;
+  }
+
+  .bordered {
+    margin-bottom: 1.5em;
+    border: 2px #eee solid;
+    border: 2px white solid;
+    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
+    box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
+  }
+
+  /**
+  * ----------------------------------------------------------------------- #
+  *
+  * Generic Content Classes
+  *
+  * (en) standard classes for positioning and highlighting
+  * (de) Standardklassen zur Positionierung und Hervorhebung
+  *
+  * @section content-generic-classes
+  */
+  .highlight {
+    color: #cc3300;
+  }
+
+  .dimmed {
+    color: #888888;
+  }
+
+  .box {
+    border-radius: 0.3em;
+    border-width: 1px;
+    border-style: solid;
+    border-color: #888;
+    border-color: rgba(0, 0, 0, 0.3);
+    -webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.2);
+    box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.2);
+    color: #444;
+    color: rgba(0, 0, 0, 0.8);
+    padding: 1.42857em;
+    margin: 0 0 1.5em 0;
+  }
+  .box > *:last-child {
+    margin-bottom: 0;
+  }
+
+  .label {
+    font-family: Verdana, Geneva, sans-serif;
+    padding: 1px 6px 2px;
+    display: inline-block;
+    vertical-align: middle;
+    letter-spacing: normal;
+    white-space: nowrap;
+    border-radius: 3px;
+    background: #06C;
+    color: #fff;
+    font-size: 10px;
+    line-height: 12px;
+  }
+
+  .info {
+    background: #f4f4f4;
+  }
+
+  .success {
+    background: #88cc88;
+  }
+
+  .warning {
+    background: #cccc88;
+  }
+
+  .error {
+    background: #cc8888;
+  }
+
+  .float-left {
+    float: left;
+    display: inline;
+    margin: 0 1em 1.5em 0;
+  }
+
+  .float-right {
+    float: right;
+    display: inline;
+    margin: 0 0 1.5em 1em;
+  }
+
+  .center {
+    display: block;
+    text-align: center;
+    margin: 0 auto 1.5em auto;
+  }
+
+  /**
+  * ------------------------------------------------------------------------------------------------- #
+  *
+  * Tables | Tabellen
+  *
+  * (en) Generic classes for table-width and design definition
+  * (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
+  *
+  * @section content-tables
+  */
+  table {
+    width: 100%;
+    border-collapse: collapse;
+    color: #444444;
+    border-top: 1px #ccc solid;
+    border-bottom: 1px #ccc solid;
+    margin: 0 0 1.35714em 0;
+  }
+  table.narrow {
+    margin: 0 0 1.42857em 0;
+  }
+  table.narrow th,
+  table.narrow td {
+    padding: 0 0.5em;
+    line-height: 1.42857;
+  }
+  table.fixed {
+    table-layout: fixed;
+  }
+  table.bordertable {
+    border: 1px #ccc solid;
+  }
+  table.bordertable thead th {
+    background: #e0e0e0;
+    border-right: 1px #ccc solid;
+    border-bottom: 1px #ccc solid;
+  }
+  table.bordertable tbody th[scope="row"] {
+    background: #f0f0f0;
+  }
+  table.bordertable tbody th {
+    border-right: 1px solid #ccc;
+  }
+  table.bordertable tbody td {
+    border-right: 1px solid #ccc;
+  }
+
+  caption {
+    font-variant: small-caps;
+  }
+
+  th,
+  td {
+    line-height: 1.5em;
+    vertical-align: top;
+    padding: 0.71429em 0.5em;
+  }
+
+  th *:first-child,
+  td *:first-child {
+    margin-top: 0;
+  }
+
+  th.nowrap,
+  td.nowrap {
+    white-space: nowrap;
+  }
+
+  thead th {
+    text-align: left;
+    color: #000;
+    border-bottom: 2px #000 solid;
+  }
+
+  tbody {
+    /* highlight row on mouse over */
+  }
+  tbody th {
+    text-align: left;
+    border-top: 1px solid #ccc;
+  }
+  tbody td {
+    text-align: left;
+    border-top: 1px solid #ccc;
+  }
+  tbody tr:hover th,
+  tbody tr:hover td {
+    background: #f8f8f8;
+  }
+}