diff --git a/src/main/java/org/olat/core/commons/contextHelp/_content/contexthelpwrapper.html b/src/main/java/org/olat/core/commons/contextHelp/_content/contexthelpwrapper.html
index 28125149d6bcf7bc2d62a8ea7ea0b447d4dcdf67..94872075428077d491d848cc764e873965144183 100644
--- a/src/main/java/org/olat/core/commons/contextHelp/_content/contexthelpwrapper.html
+++ b/src/main/java/org/olat/core/commons/contextHelp/_content/contexthelpwrapper.html
@@ -1,7 +1,7 @@
 <div id="b_contexthelp">
 
 #if($pageFound)
-	<h2 class="b_with_small_icon_left b_contexthelp_icon">$title</h2>
+	<h2 class="">$title</h2>
 	<div id="b_contexthelp_content">
 		$r.render("contextHelpPage")
 	</div>
diff --git a/src/main/java/org/olat/core/commons/fullWebApp/_content/defaultfooter.html b/src/main/java/org/olat/core/commons/fullWebApp/_content/defaultfooter.html
index 89a0af37191226933a26036165d51b729593bd9d..9c3f57880a753e85c0a71792425c619b84f65570 100644
--- a/src/main/java/org/olat/core/commons/fullWebApp/_content/defaultfooter.html
+++ b/src/main/java/org/olat/core/commons/fullWebApp/_content/defaultfooter.html
@@ -10,9 +10,9 @@
 </div>
 
 <div id="b_footer_version">
-	<a href="http://www.brasatoframework.org"  title="Homepage brasato Framework" target="_blank">$olatversion</a>
+	<a href="http://www.openolat.org"  title="OpenOLAT" target="_blank">$olatversion</a>
 </div>	
 
 <div id="b_footer_powered">
-	<a href="http://www.brasatoframework.org/" target="_blank" title="Brasato framework"><img border="0" src="${ressourceMapperUri}/brasatoframework_logo-100x50.png" alt="Brasato framework" /></a>
+	<a href="http://www.openolat.org" target="_blank" title="OpenOLAT"><img border="0" src="$r.staticLink("images/openolat/openolat_powerd_by_120x30.png")" alt="Brasato framework" /></a>
 </div>
\ No newline at end of file
diff --git a/src/main/java/org/olat/core/gui/components/form/_static/js/jscalendar/calendar.js b/src/main/java/org/olat/core/gui/components/form/_static/js/jscalendar/calendar.js
index 8fe707872395ad6594bd7b93082c50eb8668601d..98341dcee1c8f31cfd871f0db965ed399bd58f3e 100644
--- a/src/main/java/org/olat/core/gui/components/form/_static/js/jscalendar/calendar.js
+++ b/src/main/java/org/olat/core/gui/components/form/_static/js/jscalendar/calendar.js
@@ -1744,6 +1744,9 @@ Date.prototype.print = function (str) {
 		return str.replace(re, function (par) { return s[par] || par; });
 
 	var a = str.match(re);
+	
+	if(!a) return str; // strentini, will prevent js errors when moving mouse over calendar-popup and given string (str) is something like "select date", which does occur! ;)
+	
 	for (var i = 0; i < a.length; i++) {
 		var tmp = s[a[i]];
 		if (tmp) {
diff --git a/src/main/java/org/olat/core/gui/components/table/TableController.java b/src/main/java/org/olat/core/gui/components/table/TableController.java
index 7a25489ce49e310c0580122e7403a68d59029779..a99afb1f6f2ed5b45fcec8dd6a2df08b4bbbc8c2 100644
--- a/src/main/java/org/olat/core/gui/components/table/TableController.java
+++ b/src/main/java/org/olat/core/gui/components/table/TableController.java
@@ -150,6 +150,7 @@ public class TableController extends BasicController {
 	private TableGuiConfiguration tableConfig;
 
 	private List filters;
+	private String filterTitle;
 	private ShortName activeFilter;
 
 	private boolean tablePrefsInitialized = false;
@@ -203,8 +204,9 @@ public class TableController extends BasicController {
 		this(tableConfig, ureq, wControl, tableTrans);
 
 		// push filter to velocity page
+		this.filterTitle = filterTitle;
 		setFilters(filters, activeFilter);
-		this.contentVc.contextPut("filterTitle", filterTitle);
+		
 		if (noFilterOption != null) {
 			this.contentVc.contextPut("noFilterOption", noFilterOption);
 			this.contentVc.contextPut(VC_VAR_USE_NO_FILTER_OPTION, Boolean.TRUE);
@@ -504,6 +506,7 @@ public class TableController extends BasicController {
 		this.filters = filters;
 		this.contentVc.contextPut("hasFilters", filters == null ? Boolean.FALSE : Boolean.TRUE);
 		this.contentVc.contextPut("filters", filters);
+		this.contentVc.contextPut("filterTitle", filterTitle == null ? "" : filterTitle);
 		setActiveFilter(activeFilter);
 	}
 
diff --git a/src/main/java/org/olat/modules/fo/_content/threadview.html b/src/main/java/org/olat/modules/fo/_content/threadview.html
index 40d9c37ab5282ac589ef339651bd1c5c11d734e7..f4ce3b318b8dc9ba28133bdd53ebf44160d2ebef 100644
--- a/src/main/java/org/olat/modules/fo/_content/threadview.html
+++ b/src/main/java/org/olat/modules/fo/_content/threadview.html
@@ -48,7 +48,7 @@
 	#end
 	
 	#set( $count = $velocityCount - 1)
-	<div #if($threadMode) style="padding-left: ${deepnessFromMap}em" #end class="o_forum_message #if($message.get("newMessage")) o_forum_message_new #end b_clearfix" id="o_forum_message_${message.get("id")}">
+	<div #if($threadMode) style="margin-left: ${deepnessFromMap}em" #end class="o_forum_message #if($message.get("newMessage")) o_forum_message_new #end b_clearfix" id="o_forum_message_${message.get("id")}">
 		<div class="o_forum_message_header_wrapper" >
 			<div class="o_forum_message_header b_clearfix">
 				<div class="o_forum_message_title">
diff --git a/src/main/java/org/olat/test/guidemo/GuiDemoLinksController.java b/src/main/java/org/olat/test/guidemo/GuiDemoLinksController.java
index d1be7d85e3716997820311db4177e3c6f8db9482..fb7a8349446c1a794b2054e716a5accb82808004 100644
--- a/src/main/java/org/olat/test/guidemo/GuiDemoLinksController.java
+++ b/src/main/java/org/olat/test/guidemo/GuiDemoLinksController.java
@@ -28,6 +28,9 @@ package org.olat.test.guidemo;
 import org.olat.admin.user.UserSearchController;
 import org.olat.core.gui.UserRequest;
 import org.olat.core.gui.components.Component;
+import org.olat.core.gui.components.form.flexible.FormItemContainer;
+import org.olat.core.gui.components.form.flexible.elements.FormToggle;
+import org.olat.core.gui.components.form.flexible.impl.FormBasicController;
 import org.olat.core.gui.components.htmlheader.jscss.JSAndCSSComponent;
 import org.olat.core.gui.components.link.Link;
 import org.olat.core.gui.components.link.LinkFactory;
@@ -117,6 +120,10 @@ public class GuiDemoLinksController extends BasicController {
 		Controller sourceView = new SourceViewController(ureq, wControl, this.getClass(), mainVC);
 		mainVC.put("sourceview", sourceView.getInitialComponent());
 		
+		
+		// form buttons
+		mainVC.put("formbuttonctr",new FormButtonsDemoController(ureq, wControl).getInitialComponent());
+		
 		p = putInitialPanel(mainVC);		
 	}
 
@@ -160,5 +167,42 @@ public class GuiDemoLinksController extends BasicController {
 	protected void doDispose() {
 		//
 	}
+	
+	/**
+	 * displays a demo-form with buttons (toggle)
+	 * 
+	 * @author strentini
+	 *
+	 */
+	class FormButtonsDemoController extends FormBasicController {
+
+		public FormButtonsDemoController(UserRequest ureq, WindowControl wControl) {
+			super(ureq, wControl);
+			initForm(ureq);
+		}
+
+		@Override
+		protected void initForm(FormItemContainer formLayout, Controller listener, UserRequest ureq) {
+			uifactory.addToggleButton("toggle1", "Toggle 1", formLayout, null, null);			
+			FormToggle fi1 =	uifactory.addToggleButton("toggle_slide1", "&nbsp;", formLayout, "b_toggle_slide b_small b_on", "b_toggle_slide b_small");
+			FormToggle fi2 = uifactory.addToggleButton("toggle_slide2", "&nbsp;", formLayout, "b_toggle_slide b_on", "b_toggle_slide");
+			fi1.setEnabled(true);
+			fi2.setEnabled(true);
+			fi1.toggleOff();
+			fi2.toggleOff();
+		
+		}
+
+		@Override
+		protected void formOK(UserRequest ureq) {
+			// do nothing
+		}
+
+		@Override
+		protected void doDispose() {
+			// do nothing
+		}
+		
+	}
 
 }
diff --git a/src/main/java/org/olat/test/guidemo/_content/guidemo-breadcrumb.html b/src/main/java/org/olat/test/guidemo/_content/guidemo-breadcrumb.html
index 2657f52a13c46d0226866c15b1cb2979694e6bc1..7f276fe4cfc22b6a2abbf75635ccbe39fefa811c 100644
--- a/src/main/java/org/olat/test/guidemo/_content/guidemo-breadcrumb.html
+++ b/src/main/java/org/olat/test/guidemo/_content/guidemo-breadcrumb.html
@@ -12,12 +12,3 @@ $r.render("GuiDemoBreadCrumbController.button.add")
 	$r.render("GuiDemoBreadCrumbController.button.remove")
 #end
 
-#if ($level == 0)
-## example on how to use the javascript translator
-<script type='text/javascript'>
-/* <![CDATA[ */
-	var trans = b_jsTranslatorFactory.getTranslator('de', 'org.olat.core');
-	alert(trans.translate('warn.beta.feature'));
-/* ]]> */ 
-</script>
-#end
\ No newline at end of file
diff --git a/src/main/java/org/olat/test/guidemo/_content/guidemo-links.html b/src/main/java/org/olat/test/guidemo/_content/guidemo-links.html
index bc8fdb07c3e1a62548311ca9d407ec2c7451763e..b44ac14b0cb9fef723c58c8e7ec3d8cbd0086395 100644
--- a/src/main/java/org/olat/test/guidemo/_content/guidemo-links.html
+++ b/src/main/java/org/olat/test/guidemo/_content/guidemo-links.html
@@ -14,6 +14,12 @@ Buttons:<br>
 <p>$r.render("button.long.trans")</p>
 <p>$r.render("sonne")</p>
 <hr>
+
+Form Buttons:<br />
+<p>$r.render("formbuttonctr")</p>
+
+
+<hr />
 Links:<br>
 <p>$r.render("link")</p>
 <p>$r.render("backLink") (CSS class <b>b_link_back</b>)</p>
diff --git a/src/main/webapp/static/themes/check_css_icons.sh b/src/main/webapp/static/themes/check_css_icons.sh
index 3caf28a263ffda30d45104b2291679cabc238fa9..45b0a6f1d47010fba8ae75223e26baabd78c9c77 100755
--- a/src/main/webapp/static/themes/check_css_icons.sh
+++ b/src/main/webapp/static/themes/check_css_icons.sh
@@ -1,10 +1,14 @@
 #!/bin/bash
 #
-# Run this script to check the image references in your CSS files
-# - checks if images exists that are not used in your CSS files
-# - checks if the referenced images do really exist
+# Run this script to check the image references in your layout.css file
+# - checks if referenced images do really exist
+# - checks if images exists that are not used in your CSS file (list all spare files)
+# 
+# NOTE:  run this script after SASS-compiling with style:extended (non-minified)
+# 
+# 18.05.2008 :: original script
+# 02.01.2012 :: adjustments for new SASS themes introduced with OpenOLAT 8, strentini
 #
-# 18.05.2008
 # Florian Gnägi
 # frentix GmbH
 # http://www.frentix.com
@@ -17,46 +21,60 @@ for THEMERAW in $(find . -type d -maxdepth 1 -mindepth 1 \! -name "CVS"); do
 	# remove ./ from THEMERAW, store as theme
 	THEME=${THEMERAW:2}
 	cd $THEMEDIR/$THEME
+	
+	# we'll check only the compiled stylesheet file
+	CSSFILE=layout.css
+	
 	echo "*************************************************************"	
 	echo "*************************************************************"	
 	echo "Processing theme \"$THEME\" in `pwd`"
-	echo "-------------------------------------------------------------"		
-	echo "The following images exist but are not used in the CSS files:"
-	echo "-------------------------------------------------------------"	
-	# get all graphics files and check if they are referenced in any css file	
-	for IMGPATHRAW in $(find . -name "*.png" -or -name "*.gif" -or -name "*.jpg"); do
-		# remove ./ from IMGPATHRAW, store as theme
-		IMGPATH=${IMGPATHRAW:2}
-		# check if a css file exist that contains the image path
-		RESULT=`find . -name "*.css" | xargs grep -n $IMGPATH`
-		if [ -z "$RESULT" ]; then
-			# test was empty -> image not referenced
-			echo $THEME/$IMGPATH
-		fi
-	done
+	
+	
+	# first check for missing images
 	echo ""
-	echo "============================================================="		
-	echo "2) The following images are used in CSS files but do not exist" 
-	echo "-------------------------------------------------------------"		
-	# get all css files, starting in dir level 2 (on the theme level the css files contain only include statements)
-	for CSSFILE in $(find . -name "*.css" -mindepth 2); do
-		echo "** Checking $CSSFILE ..."
-		# parse directory path from css file to be able to check relative image path correctness later
-		DIR=$(echo $CSSFILE | awk 'BEGIN {FS="/"}{print $2}' | awk 'BEGIN {FS="/"}{print $1}')
-		# get all lines in file that have an image url() tag in it. 
-		# note: url() is supported, url("") is _not_ supported, only one url tag pre css line supported 
-		for CSSLINE in $(grep "url(" $CSSFILE ); do
+	echo "----------------------------------------------------------------"		
+	echo "1) The following images are used in $CSSFILE but do not exist!" 
+	echo "----------------------------------------------------------------"		
+	
+	# get all lines in file that have an image url() tag in it. 
+	# note: url(), url("") and url('') ar supported;   _BUT_ only one url tag per css line supported, therefore use this script with a "non-minified" compiled css-file
+	for CSSLINE in $(grep "url(" $CSSFILE ); do
 			# remove stuff (before and after the url() tag, the url() itself), now the line contains a relative uri 
 			RELPATH=$(echo $CSSLINE | awk 'BEGIN {FS="url\\("}{ print $2 }' | awk 'BEGIN {FS="\\)"}{ print $1 }')
+			# remove leading and trailing doulblequotes, if any
+			RELPATH=${RELPATH#\"}
+			RELPATH=${RELPATH%\"}
+			
+			RELPATH=${RELPATH#\'}
+			RELPATH=${RELPATH%\'}
+			
 			# check if this relpath does exist using an ls command
 			if [ -n "$RELPATH" ]; then
-				LS=`ls $DIR/$RELPATH 2> /dev/null` 
-				if [ "$LS" !=  "$DIR/$RELPATH" ]; then
+				LS=`ls $RELPATH 2> /dev/null` 
+				if [ "$LS" !=  "$RELPATH" ]; then
 					# path does not exist
-					echo "$RELPATH defined in $CSSFILE but file does not exist"
+					echo "$RELPATH does not exist "
 				fi	
 			fi
 		done
+	echo ""
+	
+	# now check for existing images, which are never referenced in layout.css
+	
+	echo "----------------------------------------------------------------"		
+	echo "2) The following images exist but are not used in $CSSFILE"
+	echo "----------------------------------------------------------------"	
+	# get all graphics files and check if they are referenced in any css file	
+	for IMGPATHRAW in $(find . -name "*.png" -or -name "*.gif" -or -name "*.jpg"); do
+		# remove ./ from IMGPATHRAW, store as theme
+		IMGPATH=${IMGPATHRAW:2}
+		# check if a css file exist that contains the image path
+		RESULT=`find . -name "*.css" | xargs grep -n $IMGPATH`
+		#		if [ -z "$RESULT" ]; then
+			#	# test was empty -> image not referenced
+			#		echo $THEME/$IMGPATH
+		#	fi
 	done
 	echo ""
+	
 done
\ No newline at end of file
diff --git a/src/main/webapp/static/themes/example/all/brasato.css b/src/main/webapp/static/themes/example/all/brasato.css
deleted file mode 100644
index b49513bf3f08ab6bf6525a4296195fc885fd8b3e..0000000000000000000000000000000000000000
--- a/src/main/webapp/static/themes/example/all/brasato.css
+++ /dev/null
@@ -1,45 +0,0 @@
-@charset "UTF-8";
-
-/**
-  * layouting for ALL medium and all layouts
-  */ 
-
-@media all
-{
-	/* modal overlay color */
-	div.b_modal_overlay, div.ext-el-mask { background: #fff; -moz-opacity: 0.4; opacity:0.4; } 
-	/* content area in a modal dialog - no gui specific rendering, only a container */
-	div.b_modal_area { position: absolute; top: 0; left: 0; width: 90%; margin: 5%; }
-	/* ajax busy icon*/
-	div.b_ajax_busy {background: url(../images/ajax-loader.gif) no-repeat; position: absolute; left:50% ; top: 30px; width:31px; height: 31px; z-index:5001;}
-	/* modal callout windows. Patch min length issue in Ext QuickTip */
-	div.x-tip-mc {background: #f1f1f1 ! important;}
-	
-	/* MENU TREE */
-	div.b_tree li { position: relative; padding: 0; margin: 0; border-top: 1px dotted #eee}
-	div.b_tree li a { color: #000B63; display: block;}
-	div.b_tree li a:focus,
-	div.b_tree li a:hover,
-	div.b_tree li a:active { color: #2E3463; text-decoration: underline; background-color: #DDE9F6;}	
-	/* active item and all parent items with special color and bold */
-	div.b_tree li a.b_tree_selected,
-	div.b_tree li a.b_tree_selected_parents,
-	div.b_tree li a.b_tree_l0,
-	div.b_tree li strong { color: #000B63; font-weight: bold; display: block;}
-	
-	/* SELECTION TREE */
-	div.b_selectiontree div.b_selectiontree_item:hover { background-color: #DDE9F6;}
-	
-	/* TABLE */
-	div.b_table_wrapper table tbody tr:hover,
-	div.b_table_wrapper table tbody tr:focus { background-color: #DDE9F6;}
-
-	/* TOOLBOX */
-	div.b_toolbox li a:focus,
-	div.b_toolbox li a:hover,
-	div.b_toolbox li a:active { background-color: #DDE9F6;}	
-	
-	/* BRIEFCASE */
-	div.b_briefcase_foldercomp table.b_briefcase_filetable tbody tr:hover, div.b_briefcase_foldercomp table.b_briefcase_filetable tbody tr:focus { background-color: #DDE9F6;}
-	
-}
diff --git a/src/main/webapp/static/themes/example/all/content.css b/src/main/webapp/static/themes/example/all/content.css
deleted file mode 100644
index 6686103f1e8ad7db47259c3d34f30ace7aa3208f..0000000000000000000000000000000000000000
--- a/src/main/webapp/static/themes/example/all/content.css
+++ /dev/null
@@ -1,106 +0,0 @@
-@charset "UTF-8";
-/* This styles define the general content formatting. This stylesheet does also contain some 
- * e-learning specific content styles since it is used in the tiny mce editor as the base
- * stylesheet
-/* 
-/* Important: Include default content.css for iframes! */
-@import url(../../default/all/content.css);
-
-/* no @all tag - confuses tinymce! */
-	/* FONT: */
-	/* Font size is resetted to standard size in yaml_basemod to not get in conflict with content that contains font tags */
-	/* (en) reset monospaced elements to font size 16px in Gecko browsers */
-  	textarea, pre, tt, code { font-family: Lucida Console, Monaco5, monospace;  }	
-	/* Base layout gets standard font size 12px */
-	body { font-family: Lucida Sans Unicode, Lucida Grande, Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 75.00%; }
-	
-	/* HEADERS */
-	h1,h2,h3,h4,h5,h6 { font-weight:bold; margin: 0 0 0.25em 0; }
-	h1 { font-size: 200% }                        /* 24px */
-	h2 { font-size: 166.67% }                     /* 20px */
-	h3 { font-size: 150% }                        /* 18px */
-	h4 { font-size: 133.33% }                     /* 16px */
-	h5 { font-size: 116.67% }                     /* 14px */
-	h6 { font-size: 116.67%; font-style:italic }  /* 14px */
-	
-	/* LISTS */
-	ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em }
-	li { margin-left: 1.5em; line-height: 1.5em }
-	
-	dt { font-weight: bold }
-	dd { margin: 0 0 1em 2em }
-	/* glossary definition lists have no margin, add padding to fix Ext Tip render issue */
-	.x-tip dl, .x-tip dd { margin: 0 0 0 0 }
-	.x-tip dl { padding: 1px; }
-
-	/* TEXT FORMATTING */
-	cite, blockquote { font-style:italic }
-	blockquote { margin: 0 0 1em 1.5em }
-	
-	strong,b { font-weight: bold }
-	em,i { font-style:italic }
-	
-	textarea, pre, tt, code { font-family: Lucida Console, Monaco5, monospace; font-size: 1em; }
-	
-	acronym, abbr {letter-spacing: .07em; border-bottom: .1em dashed #c00; cursor: help; }
-	
-	/* FIELDSET */
-	fieldset { border: solid #ACAAAA 1px; position: relative; padding: 1em; margin: 0.5em 0 1em 0; }
-	legend {padding: 0 5px; color: #504D4E; }
-	
-	/* OTHER ELEMENTS */
-	p { line-height: 1.5em; margin: 0 0 1em 0; }
-	hr { color: #fff; background:transparent; margin: 0 0 0.5em 0;padding: 0 0 0.5em 0;border:0;border-bottom: 1px #000 solid;}
-		
-	/* CONTENT CLASSES */	
-	/* content boxes */
-	.b_note {background: #dfd url(../../default/images/brasato/information.png) no-repeat 5px 5px; padding: 5px 5px 5px 30px; border-top: 1px #bdb dotted; border-bottom: 1px #bdb dotted;}
-	.b_important {background: #ffd; padding: 1em; border-top: 1px #ddb dotted; border-bottom: 1px #bdb dotted;}
-	.b_warning {background: #fdd; padding: 1em; border-top: 1px #dbb dotted; border-bottom: 1px #bdb dotted;}
-	div.b_note, div.b_important, div.b_warning { margin: 1em 0;}
-	.b_border_box { border: 1px solid #ACAAAA; padding: 1em;}
-	
-	/* THEME SPECIFIC CLASSES */
-	.b_example { background: #FBFBFB; padding: 1em; border-top: 1px #eee dotted; border-bottom: 1px #eee dotted; }
-	.b_example:first-letter { font-size: 120%}
-	
-	/* font  */
-	.b_disabled { color: #ACAAAA; }
-	.b_deleted { text-decoration: line-through; }	
-	.b_selected { font-weight: bold; }	
-	/* font sizes relative to parent object */
-	.b_small { font-size: 90% }
-	.b_xsmall { font-size: 80% }
-	.b_large { font-size: 110% }
-	.b_xlarge { font-size: 120% }
-	/* text alignment: normal flow in a LTR language is left, in a RTL language it is right */
-	.b_align_normal { text-align: left; }
-	.b_align_center { text-align: center; }
-	.b_align_inverse { text-align: right; }
-	
-	/* LINKS */	
-	a {color: #000B63; text-decoration:none;}
-	a:focus, a:hover, a:active { color: #2E3463; text-decoration:underline;}
-	a.b_link_extern { }
-	a.b_link_mailto { }
-	a.b_link_call { }
-	
-	
-	/* GENERIC TABLES styles for home-brew tables, table component uses other styles */	
-	table.b_table { background: #FFF; width: auto; border-collapse: collapse; margin-bottom: 0.5em; margin-left: 1px;} /* left margin fix for FF */
-	table.b_table_nobackground { width: auto; border-collapse: collapse; margin-bottom: 0.5em; margin-left: 1px;} /* left margin fix for FF */
-	table.b_full { width: 99.5%; } /* 99.5% width fix for FF border overflow issue*/
-	table.b_fixed { table-layout:fixed }
-	table.b_table th, td { padding: 0.2em; }
-	table.b_table th { background: #ccc; color: #333 }
-	table.b_table th.b_sub { background: #ddd; color: #333 }	
-	table.b_table label { font-weight: bold;}
-	table.b_table tr.b_table_odd { background: #F1F5FA; }
-	table.b_table tr:hover { background: #c4d0dc;}	
-	table.b_table_nohover tr:hover {background: none } 
-	/* tables with visible grid layout */
-	table.b_grid_row tr, table.b_grid th, table.b_grid td { border: 1px solid #ACAAAA; }
-
-			
-/* } no @media all because of tinymce */
-
diff --git a/src/main/webapp/static/themes/example/all/olat.css b/src/main/webapp/static/themes/example/all/olat.css
deleted file mode 100644
index 4218b9713d8f748baea4a68e7bd92ee2ebdd1904..0000000000000000000000000000000000000000
--- a/src/main/webapp/static/themes/example/all/olat.css
+++ /dev/null
@@ -1,17 +0,0 @@
-@charset "UTF-8";
-
-/**
-  * layouting for ALL medium and all layouts
-  */ 
-
-@media all
-{	
-	/* LOGIN */
-	div.o_login div.o_login_form fieldset { margin: 2em 0 0 0; background: #fff url(../images/osi-certified-120x100.png) no-repeat 90% 50%; padding-right: 30%; min-height: 130px; }
-	
-	#b_topnav #o_topnav_imclient #o_topnav_imclient_summary a {color: #000B63; }
-	#b_topnav #o_topnav_imclient #o_topnav_imclient_summary a:hover, #b_topnav #o_topnav_imclient #o_topnav_imclient_summary a:focus {color: #2E3463; }
-	#b_topnav #o_topnav_langchooser label { color: #666; }
-	
-}
-
diff --git a/src/main/webapp/static/themes/example/all/yaml_basemod.css b/src/main/webapp/static/themes/example/all/yaml_basemod.css
deleted file mode 100644
index 53a4927721a39d021bca8b4bc9336a47eb20aa53..0000000000000000000000000000000000000000
--- a/src/main/webapp/static/themes/example/all/yaml_basemod.css
+++ /dev/null
@@ -1,45 +0,0 @@
-@charset "UTF-8";
-
-/**
-  * layouting for ALL medium and all layouts
-  */ 
-
-@media all
-{
-
-	/* PAGE MARGINS AND PAGE */
-	body { background: #9A9EA7 url(../images/stripe.gif) repeat-x top left; padding: 0; }
-	/* layout: width, background, borders */
-	#b_page_margins { min-width: 740px; max-width: 100em; margin: 10px auto;  }
-	#b_page { background: #fff none; border: 1px #889 solid; position: relative; background: #000B63; background: url(../images/header.gif) repeat-x 0 -10px; }
-	
-	/* HEADER */
-	#b_header {height: auto; min-height: 72px;}
-	#b_logo { background: url(../images/olat_logo2_72.png) no-repeat top left; height: 72px; width: 72px; position: relative; top: 10px; left: 10px;}
-
-	/* TOP NAV */
-	#b_topnav { color: #666; font-size: 90%; }
- 	#b_topnav li a {color: #000B63; }
-	#b_topnav li a:focus, #b_topnav li a:hover { color: #2E3463; text-decoration: underline; }
-    
-	/* NAV */
-	#b_nav_main { margin-top: 10px;}
-	/* left corner of passive site or tab */
-	#b_nav_main li { background: #e0ecf8 url(../images/left.gif) no-repeat top left;  }	
-	#b_nav_main li.o_site_home { margin-left: 10px; }	
-	/* Right border of passive site or tab */
-	#b_nav_main a, #b_nav_main strong { background: transparent url(../images/right.gif) no-repeat top right; }
-	/*  > mandatory to not apply it to IE browsers */
-	#b_nav_main > ul a,	#b_nav_main > ul strong { width: auto;  }  
-	/* Left border of active site or tab, override hoovering rule from above */
-	#b_nav_main li.b_nav_active { background: white url(../images/left_on.gif) no-repeat top left; }
-	/* right border of active site or tab, override hoovering rule from above */
-	/* bleed to bottom border effect: padding = normal padding + bottom border height */
-	#b_nav_main li.b_nav_active a, #b_nav_main li.b_nav_active strong { background: transparent url(../images/right_on.gif) no-repeat top right; }
-
-	/* MAIN */	
-	#b_main { background: #fff; padding:0; }
-	
-	/* FOOTER */
-	#b_footer { color:#666; background: #F7F8F8 none; padding: 5px; border-top: 1px #E9E9E9 solid; font-size: 90%; z-index: 5; position: relative; /* positioning of top link */ }
-}
diff --git a/src/main/webapp/static/themes/example/example.README b/src/main/webapp/static/themes/example/example.README
deleted file mode 100644
index 041d7dc17e849992446a3e701387e58faf937f4d..0000000000000000000000000000000000000000
--- a/src/main/webapp/static/themes/example/example.README
+++ /dev/null
@@ -1,23 +0,0 @@
-The example theme is a very simple theme based on the default theme. 
-You can use it to build your own theme so you don't have to start 
-from scratch. 
-
-The example theme does modify only little things, most elements are 
-defined in the default theme, which is included in the first lines of 
-the theme. Make sure you read the themes.README provided in the 
-themes directory before you start modifying any files or writing your
-own theme. 
-
-A last piece of advice: keept it simple, don't change too much :-)
-
-If you need help, post your questions on the developers mailinglist 
-at http://lists.olat.org or ask for commercial support at
-contact@frentix.com
-
-----
-Credits:	frentix GmbH - professional services for the Open Source LMS OLAT
-Info:		http://www.frentix.com
-Date:		Zürich, 2. Juni 2008
-
-
-
diff --git a/src/main/webapp/static/themes/example/favicon.ico b/src/main/webapp/static/themes/example/favicon.ico
deleted file mode 100644
index b87b5759ed44338ab58bc59ce5aab5683efd6da7..0000000000000000000000000000000000000000
Binary files a/src/main/webapp/static/themes/example/favicon.ico and /dev/null differ
diff --git a/src/main/webapp/static/themes/example/images/ajax-loader.gif b/src/main/webapp/static/themes/example/images/ajax-loader.gif
deleted file mode 100644
index 3300df05cfe3ac84cadfa191c6c5330df18344d1..0000000000000000000000000000000000000000
Binary files a/src/main/webapp/static/themes/example/images/ajax-loader.gif and /dev/null differ
diff --git a/src/main/webapp/static/themes/example/images/header-green.gif b/src/main/webapp/static/themes/example/images/header-green.gif
deleted file mode 100644
index 0829b754e8287f493cc6da26ce30e0e337119304..0000000000000000000000000000000000000000
Binary files a/src/main/webapp/static/themes/example/images/header-green.gif and /dev/null differ
diff --git a/src/main/webapp/static/themes/example/images/header.gif b/src/main/webapp/static/themes/example/images/header.gif
deleted file mode 100644
index 790f31e19ad840de92e6c98277569f0df6e38a46..0000000000000000000000000000000000000000
Binary files a/src/main/webapp/static/themes/example/images/header.gif and /dev/null differ
diff --git a/src/main/webapp/static/themes/example/images/left.gif b/src/main/webapp/static/themes/example/images/left.gif
deleted file mode 100644
index 10a1c572b6a21d876cee316dd71599cb03ea459c..0000000000000000000000000000000000000000
Binary files a/src/main/webapp/static/themes/example/images/left.gif and /dev/null differ
diff --git a/src/main/webapp/static/themes/example/images/left_on.gif b/src/main/webapp/static/themes/example/images/left_on.gif
deleted file mode 100644
index 55393f6a9abb062c350fba0e4334c18501209305..0000000000000000000000000000000000000000
Binary files a/src/main/webapp/static/themes/example/images/left_on.gif and /dev/null differ
diff --git a/src/main/webapp/static/themes/example/images/olat_logo2_72.png b/src/main/webapp/static/themes/example/images/olat_logo2_72.png
deleted file mode 100644
index bc972e9b332642ae7fabd78497e5ff4c18742732..0000000000000000000000000000000000000000
Binary files a/src/main/webapp/static/themes/example/images/olat_logo2_72.png and /dev/null differ
diff --git a/src/main/webapp/static/themes/example/images/osi-certified-120x100.png b/src/main/webapp/static/themes/example/images/osi-certified-120x100.png
deleted file mode 100644
index ead8738ef267cc6485a3ffb19c27ac2c4d23af05..0000000000000000000000000000000000000000
Binary files a/src/main/webapp/static/themes/example/images/osi-certified-120x100.png and /dev/null differ
diff --git a/src/main/webapp/static/themes/example/images/right.gif b/src/main/webapp/static/themes/example/images/right.gif
deleted file mode 100644
index 7841dc262002baa2f4b31f1e55f823219708cb27..0000000000000000000000000000000000000000
Binary files a/src/main/webapp/static/themes/example/images/right.gif and /dev/null differ
diff --git a/src/main/webapp/static/themes/example/images/right_on.gif b/src/main/webapp/static/themes/example/images/right_on.gif
deleted file mode 100644
index 31a653d3050ba2a99575f58524c2a1da87515a95..0000000000000000000000000000000000000000
Binary files a/src/main/webapp/static/themes/example/images/right_on.gif and /dev/null differ
diff --git a/src/main/webapp/static/themes/example/images/stripe.gif b/src/main/webapp/static/themes/example/images/stripe.gif
deleted file mode 100644
index ebbd8ddc5c6b19a1e8402cebe93a1109497034df..0000000000000000000000000000000000000000
Binary files a/src/main/webapp/static/themes/example/images/stripe.gif and /dev/null differ
diff --git a/src/main/webapp/static/themes/example/layout.css b/src/main/webapp/static/themes/example/layout.css
deleted file mode 100644
index d9cdccc985b2a4a3d315ea2508fe7176d10f468b..0000000000000000000000000000000000000000
--- a/src/main/webapp/static/themes/example/layout.css
+++ /dev/null
@@ -1,13 +0,0 @@
-@charset "UTF-8";
-/* use the grey ext theme */
-@import url(../../js/ext/resources/css/xtheme-gray.css);
-
-/* import default theme and overide some styles */
-@import url(../default/layout.css);
-
-/* import files to override basic theme styles */
-@import url(all/yaml_basemod.css);
-@import url(all/brasato.css);
-@import url(all/olat.css);
-@import url(all/content.css);
-
diff --git a/src/main/webapp/static/themes/example/patches.css b/src/main/webapp/static/themes/example/patches.css
deleted file mode 100644
index a394acf0a3dc22f4e899cb42c01ccb65320330df..0000000000000000000000000000000000000000
--- a/src/main/webapp/static/themes/example/patches.css
+++ /dev/null
@@ -1,6 +0,0 @@
-@charset "UTF-8";
-/* import default theme and overide some styles */
-@import url(../default/patches.css);
-
-/* IE6 and IE7 patches includes */
-@import url(patches/yaml_patch.css);
diff --git a/src/main/webapp/static/themes/example/patches/yaml_patch.css b/src/main/webapp/static/themes/example/patches/yaml_patch.css
deleted file mode 100644
index 8efac6ffb65bc3f9690f6404eb185fd57344d83b..0000000000000000000000000000000000000000
--- a/src/main/webapp/static/themes/example/patches/yaml_patch.css
+++ /dev/null
@@ -1,9 +0,0 @@
-@charset "UTF-8";
-
-@media all
-{
-	/* IE6 can't display the shadows left and right because they use alpha transparency - remove also top margin */
-  	* html #b_page_margins { margin: auto;  }
-  
-  }
-}
diff --git a/src/main/webapp/static/themes/example/screenreader.css b/src/main/webapp/static/themes/example/screenreader.css
deleted file mode 100644
index 06067c0f458ae0cdd1b309d0a41321a89a7145a5..0000000000000000000000000000000000000000
--- a/src/main/webapp/static/themes/example/screenreader.css
+++ /dev/null
@@ -1,6 +0,0 @@
-@charset "UTF-8";
-/* import default theme */
-@import url(../default/screenreader.css);
-	
-	
-	
\ No newline at end of file
diff --git a/src/main/webapp/static/themes/openolat/all/_basemod.scss b/src/main/webapp/static/themes/openolat/all/_basemod.scss
index e137769eb206a180daff167bf7812a1e6003fe96..ddedaa4271fc3b5d1d7cf413c547c79e1f95fcf7 100644
--- a/src/main/webapp/static/themes/openolat/all/_basemod.scss
+++ b/src/main/webapp/static/themes/openolat/all/_basemod.scss
@@ -106,7 +106,10 @@ body {
 .b_subcolumns_oldgecko,.b_c20l,.b_c15l,.b_c80l,.b_c85l{float:left}
 
 
-
+/* IFRAME */
+div.b_iframe_wrapper iframe { width:100%; position:relative; top: 0; left:0; border:none; margin: 0; padding: 0; background: transparent;}
+	
+	
 
 /** ----------------- HEADER AND TOP NAVIGATION ----------------- **/
 #b_header {
@@ -173,19 +176,19 @@ body {
 			background: #fff;
 			background: rgba(255,255,255,0.5);
 			
-			//active
-			&.b_nav_active,&:hover {
-				a.b_nav_tab_close { background-image: url(images/cross_small_trimmed_blue.png); }
-				@include o-box-shadow(0, -4px,8px -1px, #d3d3d3);
-				background:#fff;
-			}
-			&.b_nav_active a {
-			}
 			
 			/* -- SITES ( home, users, groups, etc. ) -- */
 			&.b_nav_site { 
-				//border-right:1px solid #ccc;
-				
+	
+				//active sites
+				&.b_nav_active,&:hover {
+					a.b_nav_tab_close { background-image: url(images/cross_small_trimmed_blue.png); }
+					@include o-box-shadow(0, -4px,8px -1px, #d3d3d3);
+					background:#fff;
+				}
+				&.b_nav_active a {
+				}
+			
 				/** sites icons **/
 				> div {
 					padding-left: 16px;
@@ -215,6 +218,15 @@ body {
 					position: absolute; top: 3px; right: 4px;	width: 13px; height: 13px; line-height: 0;	padding: 0; margin: 0; 
 					background: transparent url(images/cross_small_trimmed_grey.png) no-repeat right top;
 				}
+				
+				//active tabs
+				&.b_nav_active,&:hover {
+					a.b_nav_tab_close { background-image: url(images/cross_small_trimmed_blue.png); }
+					@include o-box-shadow(0, -4px,8px -1px, #d3d3d3);
+					background:#fff;
+				}
+				&.b_nav_active a {
+				}
 			}
 			
 			/* -- THE SPACER -- */
@@ -340,11 +352,6 @@ div.b_tree {
 }// end b_tree
 
 
-// TODO : strentini, what's this ?
-/* SELECTION TREE */ 
-div.b_selectiontree div.b_selectiontree_item:hover { background-color: #DDE9F6;}
-	
-
 /** ----------------- FOOTER ----------------- **/
 
 #b_footer {
@@ -355,9 +362,17 @@ div.b_selectiontree div.b_selectiontree_item:hover { background-color: #DDE9F6;}
 		padding-top:8px;
 		border-top:1px solid #ddd;
 	}
+	
+	#b_footer_user { 
+		float: left; line-height: 16px;
+	 	a.b_ajax {background: url(images/ajax.png) no-repeat; width: 20px; height: 16px; display: block; float: left; }
+	}
+	#b_footer_version {float: right; display: block;}
+	#b_footer_powered { text-align: center; width: auto; background: none;  a { display: inline; } }
 }
 
 
+
 /** ------------------ COURSE EDITOR --------------- **/
 #o_course_editor_errorbox {
 	font-size: 90%;
@@ -386,18 +401,47 @@ div.b_menu_toolbar {
 /* breadcrumbs */
 div.b_breadcumb {}
 div.b_breadcumb_path { 
-	padding: 0; margin: 0; float:left; display: inline; background: url(../images/brasato/bread-crumb-bg.png) repeat top;
+	padding: 0; margin: 0; float:left; display: inline;
 	ul { 
-		padding: 0; margin: 0; list-style: none; float:left;  display: inline; background: url(../images/brasato/bread-crumb-last.png) no-repeat top right;
-		li { padding: 0 0 0 10px; margin: 0; list-style: none; float:left;  display: inline; background: url(../images/brasato/bread-crumb-separator.png) no-repeat top left;}
-		li.b_first { background: url(../images/brasato/bread-crumb-home.png) no-repeat top left; padding-left: 25px;}
+		padding: 0; margin: 0; list-style: none; float:left;  display: inline; 
+		li { padding: 0 7px 0 14px; margin: 0; list-style: none; float:left;  display: inline; background: url(images/breadcrumb-separator.png) no-repeat left center;}
+		li.b_first { background: url(images/home.png) no-repeat top left; padding-left: 25px;}
 		li a { color: #464444; }
 		li span.b_disabled { color: #000; padding: 0 10px 0 0; margin: 0;}
 	}
 }
 div.b_breadcumb_content { clear: both;  margin-top: 0.5em; padding-top: 0.5em; border-top: 1px solid #ACAAAA;}
+
+/* NOTIFICATIONS */
+div.b_noti { 
+		border: 1px solid #E9EAEF; padding: 3px 23px 3px 3px; float: right; display: inline; position: relative; right: 0; font-size: 95%;
+		a.b_contexthelp { position: absolute; top: 2px; right: 2px; }
+		a.b_noti_unsubscribe_link { background: url(images/mail--minus.png)  no-repeat left 50%; padding: 1px 0 1px 20px; }
+		a.b_noti_subscribe_link { background: url(images/mail--plus.png)  no-repeat left 50%; padding: 1px 0 1px 20px; }
+		a.b_noti_markedread_link { background: url(images/tick.png)  no-repeat left 50%; padding: 1px 0 1px 20px;}	
+}
+
 	
-	
+/* ---------- TITLE Wrapper --------------- */
+h1.b_titled_wrapper span { padding-right: 4em; font-style: italic;}
+h2.b_titled_wrapper span { padding-right: 4em; font-style: italic;}
+h3.b_titled_wrapper span { padding-right: 4em; font-style: italic;}
+h4.b_titled_wrapper span { padding-right: 3em; font-style: italic;}
+h5.b_titled_wrapper span { padding-right: 3em; font-style: italic;}
+div.b_titled_wrapper div.b_togglebox div.b_togglebox_content { background:#fff; border:0px; padding:0px; }
+div.b_titled_wrapper_desc a.b_togglebox_opened { z-index:10; display:block; width:16px; height:16px; position:absolute; top:5px; left:5px; background: url(../images/brasato/information.png) no-repeat 0 50%; padding:0; }
+div.b_titled_wrapper_desc a.b_togglebox_opened:hover { background: url(../images/brasato/information_over.png) no-repeat 0 50%; padding:0; }
+div.b_titled_wrapper_desc a.b_togglebox_closed {display:block; width:20px; height:20px; background: url(../images/brasato/information_discreet.png) no-repeat top left; padding:0; }
+div.b_titled_wrapper_desc a.b_togglebox_closed:hover { background: url(../images/brasato/information.png) no-repeat top left; }
+div.b_titled_wrapper_desc div.b_togglebox div.b_togglebox_content { position:relative; margin-bottom:1em; }
+div.b_titled_wrapper_desc a.b_togglebox_hide span { position:absolute; bottom:0; right:0; padding:0 6px 3px 0; }
+div.b_titled_wrapper_desc a.b_togglebox_hide:hover { text-decoration:underline; }
+/* Needed for IE6 */
+div.b_titled_wrapper div.b_togglebox div.b_togglebox_content div.o_course_run_objectives { position:relative; }
+div.b_titled_wrapper div.b_noti { position:absolute; top:0; right:25px; }
+div.o_course_run_dropbox div.b_noti { position:relative; top:0; right:25px; border: 1px solid #FFFFFF;}
+div.o_course_run_returnbox div.b_noti { position:relative; top:0; right:25px; border: 1px solid #FFFFFF;}
+div.o_course_run_solutionbox div.b_noti { position:relative; top:0; right:25px; border: 1px solid #FFFFFF;}
 	
 
 /** ------------------ CATALOG ------------------------ **/
@@ -419,71 +463,98 @@ div.o_catalog {
 	}
 }
  
-
-/* FLOTING STYLES */
-	.b_float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em;  }
-	.b_float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em;  }
-	.b_center { text-align:center; margin: 0.5em auto }
-	/* CLEAR container: additonal to b_floatbox */
-	.b_floatscrollbox { overflow-x: auto; overflow-y: hidden;}
-	.b_overflowscrollbox { overflow: auto;}
-
-
-div.o_home_rsslink {
-	clear: both;
-	float: right;
-	display: inline;
-	margin: 10px 0;
-}
-#o_macartney_open {
-	width: 20px;
-	bottom: 0;
-	left: 0;
-	height: 16px;
-	background: white url(images/magnifier-zoom.png) no-repeat 4px 0;
-}
-#o_macartney_large {
-	position: fixed;
-	top: 10%;
-	left: 10%;
-	width: 80%;
-	z-index: 10;
-	border: 1px solid black;
-	background: white;
-	padding: 5px;
-}
-#o_macartney_large img { width: 100%; }
-#o_macartney_close {position: absolute; width: 16px; top: 0; right: 0; height: 16px; border-left: 1px solid #000; border-bottom: 1px solid #000; background: #fff url(images/close.png)}
-	
-	
-	
-/** -------------------- DEVELOPMENT TOOL / DEBUG ---------------- **/
-	a.b_dev { position: absolute; left: 0; top: 0; z-index:4000; background: red url('images/bug.png') no-repeat; width: 16px; height: 16px; border: 1px solid #000;}
-	#b_devcon_main { background-color: #ccddff; position:absolute; z-index:4000; top:10px; left: 5%; width:90%; text-align: left; border: 1px solid #000}
-	#b_devcon_handle { cursor:move; background: blue url(../images/brasato/bug.png) no-repeat 4px 50%; line-height: 2em; padding-left: 24px; color:white; }
-	a#b_devcon_handle_collapse {cursor:pointer; background: url(../images/brasato/collapse.gif) no-repeat; width: 15px; height: 15px; float: right; margin: 3px;}
-	a#b_devcon_handle_expand {cursor:pointer; background: url(../images/brasato/expand.gif) no-repeat; width: 15px; height: 15px; float: right; margin: 3px;}
-	a.b_devcon_handle_close {cursor:pointer; background: url(../images/brasato/close.gif) no-repeat; width: 15px; height: 15px; float: right; margin: 3px;}
-	#b_devcon_content {
-		font-size: 90%;  padding: 5px; border-top: 0px solid #000; background:transparent;;
-		ul { float: left; margin: 0; padding: 0; list-style: none; white-space: nowrap;}
-		li { margin: 0; padding: 0 10px 0 0; float: left}
-		fieldset {border-top: 1px solid #ccc; margin: 0; padding: 8px; }
+	
+	
+	
+/** -------------- TAGGING ---------------- **/
+/* tagging */
+	.b_tag_list { background: url(images/tag-label-yellow.png) 0px 3px no-repeat !important; }
+	.b_tag_icon { background-image: url(images/tag-label-yellow.png); }
+	
+	
+	div.b_tags {
+		margin: 2em 0; 
+		div { padding: 0.5em 0 0 20px; }
+		span.b_tag { font-size: 80%; padding: 5px 2px 5px 2px;line-height:3em; white-space: nowrap;}
 	}
-	#b_devcon_mode { width: 1em; height: 1em; float: left; border:1px solid #000; margin-right: 5px;} /* bgcolor defined programatically */
-	#b_js_log textarea#o_debug_cons { width: 99%; height: 15em; font-family: monospace; font-size: 110%; margin: 5px 0 5px 0;}
-	#b_devcon_compdump {}
-	iframe.o_debug_json {
-		position: fixed;
-		width: 90%;
-		margin-left: 5%;
-		bottom: 4px;
-		height: 300px;
-		background: white;
-		border:2px solid #ccd8e7;
-		z-index:90000; //above all ^^
+	
+	div.o_ep_toc_editor div.b_subcl{ min-height: 35em;  }
+	div.o_ep_struct_editor div.b_subcr{ min-height: 35em; background: #FFF; padding-right: 1em; overflow-x: auto; }
+	div.b_struct_edit_btn { float: right; display:inline; }
+	div.b_struct_submit_assess_btn { float: right; display: inline; }
+	
+	/* TextboxList  */
+	*:first-child+html div.holder { padding-bottom: 2px; }
+	* html div.holder { padding-bottom: 2px; } /* ie7 and below */
+	.textbox-outer	{ list-style-type: none; margin-left: 0em; }
+	div.holder { font-size: 80%; }
+	.textboxlist-auto { position: absolute; width: 300px; overflow: show; }	
+
+	/* autocompleter bitbox (item) holder */
+	a.bit-box, span.b_tag { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #CAD8F3; background: #DEE7F8; padding: 1px 5px 2px; padding-right: 15px; position: relative; }
+	div.holder { 
+		min-width: 200px; width: auto; margin: 0; overflow: hidden; height: auto !important; height: 1%; padding: 0px 0px 0; cursor: text;
+		a { float: left; margin: 0 5px 4px 0; }
+		a.bit { text-decoration: none; color: black; }
+		a.bit:active,  a.bit:focus { outline: none; }
+		a.bit-box-focus { border-color: #598BEC; background: #598BEC; color: #fff; }
+		a.bit-input .maininput {  } 
+		a.bit-input input { width: 100px; margin: 0; border: none; background: white; outline: 0; padding: 3px 0 2px; } /* no left/right padding here please */
+		a.bit-input input.smallinput { width: 20px; }
+		a.bit-hover { background: #BBCEF1; border: 1px solid #6D95E0; }
+		a.bit-box-focus { background: #598BEC; color: #fff; }
+		a.bit-box a.closebutton { position: absolute; right: 0; top: 5px	; display: block; width: 7px; height: 7px; font-size: 1px; background: url('images/tag_x.gif'); }
+		a.bit-box a.closebutton:hover { background-position: 7px; }
+		a.bit-box a.closebutton:active { outline: none }
+		a.bit-box-focus a.closebutton,  a.bit-box-focus a.closebutton:hover { background-position: bottom; }
 	}
 	
+	.b_wizard {
+		.textbox-outer { background: url(images/tag-label-yellow.png) top left no-repeat;
+		li {margin-left:18px;} }
+		div.holder a.bit-input input { background: #f8f8f8; padding: 0.4em; }
+	}
+
+	/* Autocompleter for textboxlist */
+	ol.textbox-outer { margin: 0; padding: 0;}
+	.textboxlist-auto { 
+		display: none; background: #eee;
+		.default { padding: 5px 7px; border: 1px solid #ccc; border-width: 0 1px 1px; }
+		ul { 
+			display: none; margin: 0; padding: 0; overflow: auto; 
+			li { padding: 5px 12px; z-index: 1000; cursor: pointer; margin: 0; list-style-type: none; border: 1px solid #ccc; border-width: 0 1px 1px; }
+			li.loading-indicator { padding-left: 30px; background-position: 5px center; cursor: defat; font-size: 100.01% ! important; line-height: 1.5em; }
+			li.more-indicator { cursor: defat; font-style: italic; }
+			li em { font-weight: bold; font-style: normal; background: #ccc; }
+			li.auto-focus { background: #4173CC; color: #fff; }
+			li.auto-focus em { background: none; }
+		}
+	}
+	input.inputMessage { color: #AAA; font-size: 11px; }
+	
+	
+	
+	
+	
+/** ---------------------- EXT JS PATCHES ------------------ **/
+div.b_ext_elem ol, div.b_ext_elem ul, div.b_ext_elem li {list-style: none; padding: 0; margin: 0}
+div.b_ext_elem.x-tree .x-panel-body { background: transparent;}
+div.b_ext_tooltip_wrapper {padding: 1px;}
+.x-window-mc {font-size: 100%;}
+/* EXT TREE */
+
+
+div.b_ext_elem .x-tree-lines .x-tree-elbow-minus {background-image: url($ico_plus); background-position: 50% 50%;}
+div.b_ext_elem .x-tree-lines .x-tree-elbow-plus {background-image: url($ico_plus);background-position: 50% 50%;}
+div.b_ext_elem .x-tree-lines .x-tree-elbow-end-minus {background-image: url($ico_plus);background-position: 50% 50%;}
+div.b_ext_elem .x-tree-lines .x-tree-elbow-end-plus {background-image: url($ico_plus);background-position: 50% 50%;}
+div.b_ext_elem .x-tree-node-collapsed .x-tree-node-icon { background-image: url(images/folder.png); }
+div.b_ext_elem .x-tree-node-expanded .x-tree-node-icon { background-image: url(images/folder_open.png); }
+div.b_ext_elem .x-tree-node-leaf .x-tree-node-icon { background-image: url(images/docs/document_plain.png); }
+div.b_ext_elem .x-tree-selected a.x-tree-node-anchor { border: 1px dotted #444; text-decoration: none; }
+div.b_ext_elem .x-tree-node .x-tree-selected { background-color:#FFC266; }
+	
+	
 
 	
 }
diff --git a/src/main/webapp/static/themes/openolat/all/_content.scss b/src/main/webapp/static/themes/openolat/all/_content.scss
index 2492bc7b9c35f07ca79c55426ef30ab7e0ac44f2..455b9db5d3cb438cb641f0d881762e7fe4922c99 100644
--- a/src/main/webapp/static/themes/openolat/all/_content.scss
+++ b/src/main/webapp/static/themes/openolat/all/_content.scss
@@ -17,8 +17,10 @@
 *  =================================================
 */
 
+
 * {
 	font-family: Century Gothic, Apple Gothic, sans-serif;
+	//font-family: Geneva, Lucida Sans, Lucida Grande, Lucida Sans Unicode, Verdana, sans-serif;
 }
 
 textarea, pre, tt, code { font-size: 90%; color:inherit; line-height:inherit;margin:inherit;}
@@ -52,166 +54,27 @@ a:hover {
 a.b_link_extern { background: transparent url('images/external_link_trimmed.png') no-repeat right top; padding-right:13px;}
 .b_link_mailto { background: transparent url('images/mail_small.png') no-repeat left center; padding-left:18px;}
 
-  hr {
-    color:#fff;
-    background:transparent;
-    margin:0 0 0.5em 0;
-    padding:0 0 0.5em 0;
-    border:0;
-    border-bottom:1px #eee solid;
-  }
-	
-/** ----------------- BUTTONS  ----------------- **/
-
-.b_button {
-	@include btt-outer;
-	&,span {@include btt-inner;}
-	
-	/* focused buttons */
-	&:focus,&:hover {
-		text-decoration: none;
-		border:1px solid #C6C6C6;
-		@include o-box-shadow(0, 1px, 1px, rgba(0,0,0,0.1));
-	}
-	&:focus {
-		border-color:$basecolor;
-	}
-	&:active {
-		@include o-box-shadow-inset(0, 1px, 2px, rgba(0,0,0,0.3));
-		border-color:$basecolor;
-	}
-}
-/* dirty button (form with unsaved values ) */
-.b_button_dirty {
-	@include o-gradient2( #ffffff,#FFF7E0);
-	border-color: #ff9900;
-	
-	&:focus,&:hover {
-		text-decoration: none;
-		border:1px solid #ffc20e;
-		@include o-gradient2( #ffffff,#FFF7E0);
-	}
-}
-
-
-/* disabled buttons */
-.b_disabled.b_button {
-	@include btt-outer;
-	&,span {@include btt-inner;}
-	border: 1px solid #ACAAAA;
-	background:#fff;
-	&:focus, &:hover {
-		@include o-box-shadow(0, 0, 0, transparent);
-	}
-		
-}
-
-
-/* multiple buttons groups below a form */
-div.b_button_group { text-align: center; margin: 2em 0 1em 0;}
-div.b_button_group div { display: inline;}
-
-
-.b_xsmall, sup, sub {
-	font-size: 80%;
-}
-.b_small, small {
-	font-size: 90%;
-}
-
-/* TOGGLE Buttons */
-a.b_toggle { 
-	white-space: nowrap; margin: 0 0.5em 0.2em 0; cursor: default; color: #2C2B2B;  border: 1px solid #aaa; -webkit-border-radius: 10px; -moz-border-radius: 10px;  border-radius: 10px; display: inline-block; line-height: 1.5em; text-align: center; background: url(../images/brasato/toggle_off.png) top left repeat-x; 
-	span { padding: 0 0.8em; }
-	&:hover { background: #ddd; text-decoration: none; } 
-	&.b_on:hover { background: #747474; }
-	&.b_on,&:active,&.b_on:active{ color: white; border: none; padding: 1px; -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.5); -moz-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.5); box-shadow: inset 1px 1px 2px rgba(0,0,0,0.5); text-shadow: 1px 1px 2px rgba(0,0,0,0.5); }
-	&:focus,&.b_on:focus{ text-decoration: none; }
-	&:active,&.b_on:active{ background: url(../images/brasato/toggle_active.png) top left repeat-x; } 
-	&.b_on { background: url(../images/brasato/toggle_on.png) top left repeat-x; }
-	
-}
-span.b_toggle.b_disabled { white-space: nowrap; margin: 0 0.5em 0.2em 0; padding: 0 0.8em; color: #667; border: 1px solid #DDD; -webkit-border-radius: 10px; -moz-border-radius: 10px;  border-radius: 10px; display: inline-block; line-height: 1.5em; text-align: center; background: url(../images/brasato/toggle_dis.png) top left repeat-x; }
-/* TOGGLE SLIDERS */
-a.b_toggle_slide {
-	background: url(../images/brasato/handle.png) -63px 0px no-repeat; height: 25px; width: 85px; white-space: nowrap; margin: 0 0.2em 0.2em 0.2em; color: #2C2B2B;  border: 1px solid #aaa; -webkit-border-radius: 4px; -moz-border-radius: 4px;  border-radius:4px; display: inline-block; text-align: center; vertical-align: middle; position: relative;
-	span { position: absolute; top: -25px; left:0;} 
-	&:hover,&:focus,&:active,
-	&.b_on:hover,&.b_on:focus,&.b_on:active{ border: 1px solid #868686; text-decoration: none; } 	
-	&.b_on { background-position: -16px 0px; }
-	&.b_disabled { background: url(../images/brasato/handle_dis.png) -63px 0px no-repeat; height: 25px; width: 85px; white-space: nowrap; margin: 0 0.5em 0.2em 0; color: #2C2B2B;  border: 1px solid #aaa; -webkit-border-radius: 4px; -moz-border-radius: 4px;  border-radius:4px; display: inline-block; text-align: center; vertical-align: middle;}
-	
-	/* TOGGLE SLIDERS SMALL */
-	&.b_small { background: url(../images/brasato/handle_small.png) -41px 0px no-repeat; height: 16px; width: 55px; -webkit-border-radius: 2px; -moz-border-radius: 2px;  border-radius:2px; }
-	& span { position: absolute; top: -16px; } 
-	&.b_small.b_on { background-position: -9px 0px; }
-}
-span.b_toggle_slide.b_disabled { background: url(../images/brasato/handle_small_dis.png) -41px 0px no-repeat; height: 16px; width: 55px; white-space: nowrap; margin: 0 0.5em 0.2em 0; color: #2C2B2B;  border: 1px solid #aaa; -webkit-border-radius: 3px; -moz-border-radius: 3px;  border-radius:3px; display: inline-block; text-align: center; vertical-align: middle;}
-span.b_toggle_slide_legend {font-size: 90%; }
-
-/* BACK BUTTON  / LINK **/
-.b_link_back {
-	> span {padding: 0px 8px 0px 25px; background: transparent url('images/arrow_left_big.png') no-repeat 4px center;}
-	@include btt-outer;	
-	/* focused buttons */
-	&:focus,&:hover {
-		text-decoration: none;
-		border:1px solid #C6C6C6;
-		@include o-box-shadow(0, 1px, 1px, rgba(0,0,0,0.1));
-	}
-	&:focus {
-		border-color:$basecolor;
-	}
-	&:active {
-		@include o-box-shadow-inset(0, 1px, 2px, rgba(0,0,0,0.3));
-		border-color:$basecolor;
-	}
+hr {
+  color:#fff;
+  background:transparent;
+  margin:0 0 0.5em 0;
+  padding:0 0 0.5em 0;
+  border:0;
+  border-bottom:1px #eee solid;
 }
 
 
-/** ----------------- TABLES ----------------- **/
-
-	table { 
-		border-collapse:collapse; 
-		margin-bottom:0.5em; 
-		border-top: 0px solid white; 
-		border-bottom: 0px solid white; 
-		
-		caption { font-variant:small-caps; }
-		&.b_full { width: 99.5%; }
-		&.fixed { table-layout:fixed; }
-		
-		 th,td { padding:0.3em; }
-		 thead th { color:inherit; border-bottom:1px solid #ccc; }
-		 
-		 tbody{
-		 	/* olat odd rows */
-			tr.b_table_odd td {  background: #eee; }
-		 }
-	}
+p { margin: 0 0 1em 0; }
 	
-	/* tables from olat tablecontroller are wrapped in b_table_wrapper */
-	div.b_table_wrapper table {
-		width: 99.5%;
-		margin-left: 1px;
-		
-		tbody{
-			tr:hover td { background: $basecolor_ultra_light; ; }
-		}
-	}
-  
-
-
-
 
 
 /** ----------------- CONTENT CLASSES ----------------- **/
 
 /* content boxes */
-.b_info { background: #E9EAEF url(images/information-white.png) no-repeat 5px 5px; padding: 5px 5px 5px 30px; border:1px solid #C5C4C4; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
-.b_note {background: #E2E2E2; padding: 1em; border: 2px #B5B5B5 solid; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
-.b_important {background: #FFF1A4; padding: 1em; border: 2px #F4D000 solid; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
-.b_warning {background: #FFD5AA; padding: 1em; border: 2px #FF9E3E solid; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
+.b_info { background: #E9EAEF url(images/information-white.png) no-repeat 5px 5px; padding: 5px 5px 5px 30px; border:1px solid #C5C4C4; @include o-border-radius(4px);}
+.b_note {background: #E2E2E2; padding: 1em; border: 2px #B5B5B5 solid; @include o-border-radius(4px);}
+.b_important {background: #FFF1A4; padding: 1em; border: 2px #F4D000 solid; @include o-border-radius(4px);}
+.b_warning {background: #FFD5AA; padding: 1em; border: 2px #FF9E3E solid; @include o-border-radius(4px);}
 div.b_note, div.b_important, div.b_warning, div.b_info { margin: 1em 0;}
 .b_border_box { border: 1px solid #ACAAAA; padding: 1em;}
 /* font  */
@@ -230,9 +93,18 @@ div.b_note, div.b_important, div.b_warning, div.b_info { margin: 1em 0;}
 .b_quote_wrapper { position: relative; margin: 20px; }
 .b_quote_author { background: url(../images/olat/forum/quote.gif) no-repeat left bottom; padding: 10px 5px 15px 11px;position: relative;top: 1px;font-style: italic;color: #A2A2A2;}
 blockquote.b_quote { margin: 0; border: 1px solid rgb(229, 229, 229);color: black;padding: 8px 10px 6px;color: #646464; }
-
-	
+.b_border_box { border: 1px solid #ccc; padding: 1em; }
+.b_warning { padding: 1em; border: 2px #ffc659 solid; @include o-border-radius(4px); @include o-gradient2(#ffe49c,#fff4da); }
+.b_dimmed { -moz-opacity: 0.4; opacity:0.4; filter: alpha(opacity=40);}
+.o_ochre { color: #c8a959; }
 	
+/* FLOTING STYLES */
+.b_float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em;  }
+.b_float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em;  }
+.b_center { text-align:center; margin: 0.5em auto }
+/* CLEAR container: additonal to b_floatbox */
+.b_floatscrollbox { overflow-x: auto; overflow-y: hidden;}
+.b_overflowscrollbox { overflow: auto;}
 	
 	
 /* =============================================================================== **/
@@ -245,226 +117,63 @@ blockquote.b_quote { margin: 0; border: 1px solid rgb(229, 229, 229);color: blac
 	#b_contexthelp {}
 	#b_contexthelp_content { padding: 0;}
 	#b_ch_topnav_search div.b_form_element_wrapper.b_form_horizontal { margin:2px 0 0 0; }
-	#b_contexthelp_rating{ text-align: center; margin-top: 20px; padding: 10px; border-top: 1px #ACAAAA solid;  }
-	#b_contexthelp_rating h4{ font-size: 90%; margin: 0; font-style: italic; }
-	#b_contexthelp_rating table { display: inline-block; }
-	#b_contexthelp_rating table td { width: 50%; }
+	#b_contexthelp_rating { 
+		text-align: center; margin-top: 20px; padding: 10px; border-top: 1px #ACAAAA solid; 
+		 h4{ font-size: 90%; margin: 0; font-style: italic; }
+		 table {
+			 display: inline-block; 
+			 td { width: 50%; }
+		 }
+	}
 	.b_contexthelp_icon {background-image: url(images/help.png); }
 	
 	
 	
-	/** ----------------- FORMS + LOGIN  ----------------- **/
-	div.o_login div.o_login_form fieldset legend {
-		display: none;
-	}
-	div.b_form div.b_form_desc {
-		padding-bottom: 1em;
-		font-style: italic;
-	}
-	
-	/* FORM: old school form and flexi form! */
-	/* general form elements */
-	input, select, textarea { border: 1px solid #ACAAAA; background: #F6F6F6; line-height: 1.3em; margin: 0;}
-	textarea { font-family: inherit; width: 100%; } /* FF changes font to monospace otherwhise */
-	input:focus, select:focus, textarea:focus { background: #fff; border: 1px solid #504D4E; }
-	input.b_checkbox, input.b_radio { height: 1em; width: 1em; border: 0; margin: 0 2px 0 0;}
-	label.b_checkbox_label, label.b_radio_label { padding-left: 0.5em; }
-	.b_inline_editable { padding: 1px 20px 1px 0; vertical-align: middle; min-height: 16px; }
-	.b_inline_editable:hover { background-position: 100% 50%; background-repeat: no-repeat; background-image: url(../images/brasato/page_edit_tiny.png);}
 	
-	span.b_inline_editable:hover {cursor:text !important;}
+	/* USER COMMENTS */
+	div.b_ratings_and_comments { 
+		margin: 4em 0 1.5em 0; padding-bottom: 0.5em; border-bottom: 1px solid #eee; font-size: 0.9em; position: relative; 
+		div.b_rating_wrapper { position: absolute; right: 0; bottom: 0; width: 150px; height: 4em; }
+		div.b_rating { background: none; border: none;  padding: 0; margin: 0; position: absolute; left: 0; bottom: 2px; width: 100%}
+		div.b_rating_personal { background: #fff; z-index: 5; }
+	}
 	
-	fieldset {
-			padding:1em;
-			padding-top: 1.5em;
-			border:none;
-			border-top:1px solid $basecolor_light;
-			legend { 
-				padding : 0 5px;
-				font-size:120%;
-				font-weight:bold; 
-			}
-		}
-		
+	div.b_ratings_and_comments a.b_comments, div.b_eportfolio_map a.b_comments { background: url(images/comment.png) 3px 50% no-repeat; padding: 3px 0 1px 23px; vertical-align: middle; min-height: 18px;}
 
-	div.b_form { 
-		div.b_form_desc { padding-bottom: 1em; font-style: italic;}
-		div.b_form_general_error { padding: 10px 10px 10px 50px; margin-bottom: 20px; text-align: left; background: url(../images/brasato/icon_error.png) no-repeat 10px 10px; min-height: 32px; border: 1px solid #990000; color: #990000; font-style: italic;}
-		div.b_form_spacer { margin: 10px 0; }
-		
-		hr {
-			&.b_form_spacer { margin: 10px 0; border-bottom: 1px solid #eee; padding: 0;}
-			&.b_form_spacer.b_form_horizontal { display: inline-block; width: 2em;}
-			&.b_form_spacer.b_form_spacer_noline { margin: 10px 0; border-bottom: 0; padding: 0;}
-		}
+	div.b_comments { 
+		font-size: 0.9em;
 		
-		/* form element wrapper: label and element */
-		div.b_form_element_wrapper { 
-			vertical-align: middle;
-			margin: 0.5em 0;
-			&.b_form_horizontal { vertical-align: middle; margin: 0.5em 1em 0.5em 0; float: left; display: inline;}
-			&.b_form_vertical { vertical-align: middle; margin: 0.5em 0; float: none; display: block;}
+		div.b_comment_wrapper { 
+			border:1px solid #eee; padding: 10px 10px 5px 10px; margin-bottom: 2em; background: #fbfbfb;
+			@include o-border-radius(4px);
+			div.b_avatar img { border: 1px solid #aaa; }
+			h5 { font-size: 1em; background: url(images/user.png) 0 50% no-repeat; padding: 1px 0 1px 20px; vertical-align: middle; min-height: 16px;}
+			span.b_date { color: #aaaaaa; font-weight: normal; display: block; margin-top: 5px;}
 			
-			div.b_form_element_label{ width: 20%; float: left; display: inline; } 
-			div.b_form_element_label label {  float: left; display: inline; line-height: 1.3em;}
-			div.b_form_element_label span.b_form_mandatory { background: url(images/star-small.png) no-repeat; padding-left: 16px; height: 16px;}
-			div.b_form_element_label.b_form_horizontal { width: auto; float: left; display: inline;} 
-		 	div.b_form_element_label.b_form_vertical { width: auto; float: none; display: block; } 
-		 	
-		 	div.b_form_element { margin-left: 25%; padding: 0 2px 0 12px; } /* keep 2px space for 100% + border of textarea */
-		 	div.b_form_element.b_form_horizontal { margin-left: 0; padding-left: 0; float: left; display: inline; }
-		 	div.b_form_element.b_form_horizontal .b_button { float: left; display: inline;}
-		 	div.b_form_element.b_form_vertical { margin-left: 0; margin-top: 0.5em; padding-left: 0; float: none; display: block; clear: both;}
-		 	
-		 	/** errors  **/
-		 	&.b_form_error {
-		 		input,select {border: 1px solid #990000; background: #ebcccc;}
-		 	}
-		 	div.b_form_error_msg { clear: both; color: #990000; font-style: italic; display: block;}	
-		 	
-		 	div.b_form_element_wrapper {
-				margin: 0;
-			}
-
-		 }
-	
-		/* form button groups */
-		div.b_button_group { margin-left: 0%; padding-left: 0px; text-align: left; } /* make buttons aligned left within element */
-		&.b_form_vertical div.b_button_group{ text-align: left; }
-		
-		
-		div.b_form_element div.b_form_example{ display: inline; font-size: 80%; color: #504D4E;}
-		
-		div.b_form_element {
-			.b_form_disabled { color: #504D4E; }
-			.b_form_element_disabled { color: #9E9C9C; background: #EEEEEE; border: 1px solid #CDCBCB;}
-			/* date and generic chooser icon*/
-			span.b_form_datechooser { background: url(../images/brasato/calendar.png) no-repeat; padding-left: 18px; height: 16px; line-height: 16px; margin-left: 2px;}
-			span.b_form_datechooser:hover { background-image: url(../images/brasato/calendar_over.png)}
-			a.b_form_groupchooser { background: url(../images/brasato/group.png) no-repeat; padding-left: 18px; height: 16px;line-height: 16px; margin-left: 2px;}
-			a.b_form_groupchooser:hover { background-image: url(../images/brasato/group_over.png) }
-			a.b_form_genericchooser { background: url(../images/brasato/group.png) no-repeat; padding-left: 18px; height: 16px;line-height: 16px; margin-left: 2px;}	
-			a.b_form_genericchooser:hover { background-image: url(../images/brasato/group_over.png) }		
-		    a.b_form_wikitext { background-repeat: no-repeat; padding-left: 12px; line-height: 1.5em; font-style: italic;}
-			a.b_form_wikitext, .b_wiki_icon { background-image: url(../images/brasato/wiki_format.png);}
-			a.b_form_wikitext:hover { background-image: url(../images/brasato/wiki_format_over.png) }
+			// wrapper in wrapper in wrapper in ....
+			div.b_comment_wrapper { margin-left: 7px; background: #fff; div.b_comment_wrapper { background: #fbfbfb; div.b_comment_wrapper { background: #fff;} } }
 		}
-	
-	}// end div.b_form
-	
-	div.b_button_group {
-		div.b_form_element_wrapper { vertical-align: middle; margin: 0.5em 0; float: none; display: block;}
-		div.b_form_element_wrapper div.b_form_element_label{ width: auto; float: none; display: block; } 
-		div.b_form_element_wrapper div.b_form_element { margin-left: 0; }
+		blockquote.b_comment { padding: 3px 0 0 0px; margin: 0;}
+		div.b_form { 
+			padding: 10px; border:1px solid #eee; margin: 2em 0 2em 0; background: #fbfbfb url(../images/brasato/generic/background_gradient_white.png) repeat-x bottom left;@include o-border-radius(4px); 
+			h5 { font-size: 1em; margin-bottom: 0.5em;}
+			div.b_button_group { text-align: center; }
+		}		
 	}
 	
-	.b_subcolumns {
-		display: table;
-		width: 100%;
-		table-layout: fixed;
-	}
-	.b_c25l, .b_c25r {
-		input{max-width:93%;}
-	}
-
-	div.calendar { z-index:10000 !important; }
-	
-	
-	/* form element switches: checkbox left, lable right: override styles from above */
-	div.b_form div.b_form_element_wrapper.b_form_element_switch div.b_form_element { margin: 0; float: left;}
-	div.b_form div.b_form_element_wrapper.b_form_element_switch div.b_form_element_label {float: none; width: auto; display: block; padding-left: 2.5em;}
-	div.b_form div.b_form_element_wrapper.b_form_element_switch div.b_form_element_label label { float: none; }
-	div.b_form_subform { padding-left: 2.5em; }
-	/* selection lists */
-	div.b_form_selection_vertical div.b_form_selection_element{ vertical-align: middle; line-height: 1.3em; position: relative;}
-	div.b_form_selection_vertical div.b_form_selection_element input{ vertical-align: middle; line-height: 1.3em;}
-	div.b_form_selection_horizontal div.b_form_selection_element{ float: left; display: inline; padding-right: 1em;	}
-	div.b_form_selection_horizontal div.b_form_selection_element input { vertical-align: middle;}
-	/* toggle on / off */
-	div.b_form div.b_form_element div.b_form_togglecheck { font-size: 95%; display: block; vertical-align: middle; line-height: 16px; margin-top: 0.5em;}
-	div.b_form div.b_form_element div.b_form_togglecheck input { height: 1em; width: 1em; }
-	/* link list */
-	div.o_form_wrapper fieldset {min-width:60em;}
-	div.form_shift_left {position:inherit; left: -20%;}
-	
-	/* FORM RICHTEXT ELEMENT */
-	div.mceExternalToolbar {background: #F0F0EE ! important; overflow: auto;} 
-	
-	/* CHOICE */
-	table.b_choice { 
-	
-		padding: 0; margin: 0;
-		td { 
-			padding: 0.1em; margin: 0;
-			&.b_choice_checkrow	{}
-			&.b_choice_textrow {}
-			&.b_togglecheck { 
-				padding-top: 1em;
-				div.b_togglecheck { display: inline; border-top: 1px solid #eee; }
-				input { margin: 0 7px 0 2px;}
-			}
-		}
-		
-	}
-	
-	
-    /* FILE CHOOSER : real file chooser is transparent on layer 2 to hide ugliy browser button, below the visible fake file chooser on layer 1 */
-    div.b_fileinput { 
-    	position: relative;
-    	div.b_fileinput_fakechooser { 
-    		position: absolute; top: 0px; left: 0px; z-index: 1; display: inline; white-space: nowrap;
-    		a { margin-left: 5px; } 
-    	}
-    	span.b_fileinput_maxsize { padding: 1px 0 1px 1em; font-style: italic; min-height: 16px; vertical-align: middle;} /* same as mall icon left */
-    	&:hover a { background-image: url(../images/brasato/hard_disk_over.png); text-decoration: underline;}
-    	input.b_fileinput_realchooser { position: relative; top: 0; left: 0; z-index: 2; -moz-opacity:0; opacity: 0; filter: alpha(opacity=0);}
-    	div.b_button_group { text-align: left; padding-left: 0; margin-left: 0;}
-    }
-	.b_fileinput_icon { background-image: url(../images/brasato/hard_disk.png); }
-	
-	
-	/* PROGRESSBAR */
-	div.b_progress {}
-	div.b_progress div.b_progress_bar { height: 12px; border: 1px solid #bfbfbf; background: #B0C4DE; }
-	div.b_progress div.b_progress_bar div { height: 12px; background: url(../images/brasato/scale.gif);}
-	div.b_progress div.b_progress_label {}
-	
-	/* USER COMMENTS */
-	div.b_ratings_and_comments { margin: 4em 0 1.5em 0; padding-bottom: 0.5em; border-bottom: 1px solid #eee; font-size: 0.9em; position: relative; }
-	div.b_ratings_and_comments a.b_comments, div.b_eportfolio_map a.b_comments { background: url(images/comment.png) 3px 50% no-repeat; padding: 3px 0 1px 23px; vertical-align: middle; min-height: 18px;}
-	div.b_ratings_and_comments div.b_rating_wrapper { position: absolute; right: 0; bottom: 0; width: 150px; height: 4em; }
-	div.b_ratings_and_comments div.b_rating { background: none; border: none;  padding: 0; margin: 0; position: absolute; left: 0; bottom: 2px; width: 100%}
-	div.b_ratings_and_comments div.b_rating_personal { background: #fff; z-index: 5; }
-	div.b_comments { font-size: 0.9em;}
-	div.b_comments div.b_comment_wrapper { border:1px solid #eee; padding: 10px 10px 5px 10px; margin-bottom: 2em; background: #fbfbfb; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
-	div.b_comments div.b_comment_wrapper div.b_avatar img { border: 1px solid #aaa; }
-	div.b_comments div.b_comment_wrapper h5 { font-size: 1em; background: url(../images/brasato/user.png) 0 50% no-repeat; padding: 1px 0 1px 20px; vertical-align: middle; min-height: 16px;}
-	div.b_comments div.b_comment_wrapper span.b_date { color: #aaaaaa; font-weight: normal; display: block; margin-top: 5px;}
-	div.b_comments blockquote.b_comment { padding: 3px 0 0 0px; margin: 0;}
-	div.b_comments div.b_form { padding: 10px; border:1px solid #eee; margin: 2em 0 2em 0; background: #fbfbfb url(../images/brasato/generic/background_gradient_white.png) repeat-x bottom left; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
-	div.b_comments div.b_form h5 { font-size: 1em; margin-bottom: 0.5em;}
-	div.b_comments div.b_form div.b_button_group { text-align: center; }
-	div.b_comment_wrapper div.b_comment_wrapper { margin-left: 7px; background: #fff;}
-	div.b_comment_wrapper div.b_comment_wrapper div.b_comment_wrapper { background: #fbfbfb;}
-	div.b_comment_wrapper div.b_comment_wrapper div.b_comment_wrapper div.b_comment_wrapper { background: #fff;}
 	.b_comment_icon {background-image: url(images/comment.png);}
 	#b_comment_form_link {font-size: 0.9em; position: relative; top: -15px; left: 23px;}
 	
 	/* DATE COMPONENT */
-	div.b_datecomp {width: 2.5em; height: 3em; position: relative; margin-right: 5px;  font-weight: normal; color: white; text-align: center; vertical-align: middle; border: 1px solid #000; font-size: 85%}
-	div.b_datecomp div {width: 100%;  position: absolute; left: 0;}
-	div.b_datecomp div.b_year {height: 1em; top: -1.5em; font-size: 80%; font-weight: normal; color: #000; }
-	div.b_datecomp div.b_month {background: #BE5B5D; height: 40%; top: 0; font-size: 80%; font-weight: normal; color: white; }
-	div.b_datecomp div.b_day {background: #fff; height: 60%; bottom: 0; font-size: 120%; font-weight: bold; color: #000; border-top: 1px solid #000; border-bottom: 1px solid #aaaaaa; }
+	div.b_datecomp { 
+		width: 2.5em; height: 3em; position: relative; margin-right: 5px;  font-weight: normal; color: white; text-align: center; vertical-align: middle; border: 1px solid #000; font-size: 85%;
+		div {width: 100%;  position: absolute; left: 0;}
+		div.b_year {height: 1em; top: -1.5em; font-size: 80%; font-weight: normal; color: #000; }
+		div.b_month {background: #BE5B5D; height: 40%; top: 0; font-size: 80%; font-weight: normal; color: white; }
+		div.b_day {background: #fff; height: 60%; bottom: 0; font-size: 120%; font-weight: bold; color: #000; border-top: 1px solid #000; border-bottom: 1px solid #aaaaaa; }
+	}
+	
 	
-	/* MARK */
-	div.b_mark { width:20px; height:20px; }
-	div.b_mark div.b_form div.b_form_element_wrapper { margin:0; }
-	div.b_mark div.b_form_element_wrapper div.b_form_element { margin:0; padding:0; }
-	a.b_mark_set span, a.b_mark_not_set span { display:block; width:19px; height:19px; }
-	a.b_mark_set { background: url(../images/brasato/flag.png) center right no-repeat; display:block; width:20px; height:20px; }
-	a.b_mark_set:hover, a.b_mark_not_set:hover { background: url(../images/brasato/flag_over.png) center right no-repeat; display:block; width:20px; height:20px; }
-	a.b_mark_not_set { background: url(../images/brasato/flag_dis.png) center right no-repeat; display:block; width:20px; height:20px; }
 	
 	/* RATING */
 	div.b_rating {
@@ -495,21 +204,6 @@ blockquote.b_quote { margin: 0; border: 1px solid rgb(229, 229, 229);color: blac
 	div.b_form_auto_completer_item.b_error_icon { color: #990000; font-style: italic;}
 		
 
-/** -------------------- JUST STYLES --------------------- **/
-/**  you can add these classes to elements to decorate them these classes **/
-.b_border_box {
-	border: 1px solid #ccc;
-	padding: 1em;
-}
-
-.b_warning {
-	padding: 1em;
-	border: 2px #ffc659 solid;
-	@include o-border-radius(4px);
-	@include o-gradient2(#ffe49c,#fff4da);
-}
 
-.b_dimmed { -moz-opacity: 0.4; opacity:0.4; filter: alpha(opacity=40);}
-.o_ochre { color: #c8a959; }
 
 
diff --git a/src/main/webapp/static/themes/openolat/all/_definitions.scss b/src/main/webapp/static/themes/openolat/all/_definitions.scss
index 494933e9bf55a9c0e54a47d78423f195f6d8ff66..2513723498ce78298d683bf6bbaf844dc1441786 100644
--- a/src/main/webapp/static/themes/openolat/all/_definitions.scss
+++ b/src/main/webapp/static/themes/openolat/all/_definitions.scss
@@ -17,4 +17,11 @@
 $basecolor: #025D8C;
 $basecolor_light : #94bed3;
 $basecolor_ultra_light : #f3feff;
-$basegray: #555;
\ No newline at end of file
+$basegray: #555;
+$basegray_light: #777;
+$basegray_ultra_light: #eee;
+
+
+
+$ico_plus : 'images/toggle-small-expand.png' ;
+$ico_minus : 'images/toggle-small.png' ;
\ No newline at end of file
diff --git a/src/main/webapp/static/themes/openolat/all/_icons.scss b/src/main/webapp/static/themes/openolat/all/_icons.scss
index 20cb9fe318ca7105edb0ad72b57d23795040cf29..63c53724205529f7386f4965ebd1e32891a64b7a 100644
--- a/src/main/webapp/static/themes/openolat/all/_icons.scss
+++ b/src/main/webapp/static/themes/openolat/all/_icons.scss
@@ -71,6 +71,11 @@ option.b_with_small_icon_left {
 .o_login_guests {background-image: url(images/user_silhouette.png);}
 .o_login_pwd {background-image: url(images/user_excl.png);}
 .o_login_register {background-image: url(images/user_register.png);}
+.o_news_icon { background-image: url(../images/olat/information.png); }
+.o_course_icon { background-image: url(images/le_resources/book-open-text-image.png); }
+.o_chat_icon { background-image: url(../images/olat/chat_icon.png); }
+.o_admin_icon { background-image: url(images/wrench-screwdriver.png); }
+.o_calendar_icon { background-image: url(images/calendar.png); }
 
 
 /** ------- FLAGS ------ **/
@@ -97,7 +102,6 @@ option.b_with_small_icon_left {
 .b_flag_ar {background-image: url(images/flags/eg.png)} 	
 .b_flag_rm {background-image: url(images/flags/rm.png)} 	
 .b_flag_af {background-image: url(images/flags/za.png)} 	
-.b_flag_iw {background-image: url(images/flags/iw.png)} 	
 .b_flag_vi {background-image: url(images/flags/vn.png)} 
 .b_flag_mn {background-image: url(images/flags/mn.png)} 
 .b_flag_iw {background-image: url(images/flags/il.png)} 
@@ -117,7 +121,7 @@ option.b_with_small_icon_left {
 
 /** ------- FILE TYPES ------- **/
 	/* first the default that is used as base class. will be overriden by following classes */
-.b_filetype_file { 	background-image: url(images/docs/document_plain.png) ! important; }
+.b_filetype_file ,.b_filetype_ico { 	background-image: url(images/docs/document_plain.png) ! important; }
 
 /* filesystem icons, mark important to override ext definitions */
 .b_filetype_avi_icon { background-image: url(images/docs/document-film.png) ! important; }
@@ -127,33 +131,34 @@ option.b_with_small_icon_left {
 .b_filetype_doc, .b_filetype_docx { background-image: url(images/docs/document-word.png) ! important; }
 .b_filetype_dvi { background-image: url(images/docs/document-film.png) ! important; }
 .b_filetype_exe { background-image: url(images/docs/document-binary.png) ! important; }
-div.b_ext_elem .x-tree-node-expanded .x-tree-node-icon.b_filetype_folder, .b_filetype_folder_open { background-image: url(../images/brasato/folder_open.png)  ! important; }	
+div.b_ext_elem .x-tree-node-expanded .x-tree-node-icon.b_filetype_folder, .b_filetype_folder_open { background-image: url(images/folder_open.png)  ! important; }	
 .b_filetype_folder { background-image: url(images/folder.png)  ! important; }
 .b_filetype_gif { background-image: url(images/docs/document-image.png) ! important; }
 .b_filetype_gz { background-image: url(images/docs/document-zipper.png) ! important; }
 .b_filetype_htm, .b_filetype_html { background-image: url(images/docs/document_tags.png) ! important; }
 .b_filetype_jpeg, .b_filetype_jpg { background-image: url(images/docs/document-image.png) ! important; }
+.b_filetype_js { background-image: url(images/docs/document_tags.png) ! important; }
 .b_filetype_log { background-image: url(images/docs/document_plain.png) ! important; }
 .b_filetype_midi { background-image: url(images/docs/document-music.png) ! important; }
 .b_filetype_mov { background-image: url(images/docs/document-film.png) ! important; }
 .b_filetype_mp3,.b_filetype_m3u { background-image: url(images/docs/document-music.png) ! important; }
 .b_filetype_mpeg,.b_filetype_mpg { background-image: url(images/docs/document-film.png) ! important; }
-.b_filetype_odp { background-image: url(../images/brasato/opendoc_pres.png) ! important; }
-.b_filetype_ods { background-image: url(../images/brasato/opendoc_sheet.png) ! important; }
-.b_filetype_odt { background-image: url(../images/brasato/opendoc_text.png) ! important; }
-.b_filetype_odg { background-image: url(../images/brasato/opendoc_graphic.png) ! important; }
-.b_filetype_odf { background-image: url(../images/brasato/opendoc_math.png) ! important; }
+.b_filetype_odp { background-image: url(images/docs/document-powerpoint.png) ! important; }
+.b_filetype_ods { background-image: url(images/docs/document-excel.png) ! important; }
+.b_filetype_odt { background-image: url(images/docs/document-text.png) ! important; }
+.b_filetype_odg { background-image: url(images/docs/document-image.png) ! important; }
+.b_filetype_odf { background-image: url(images/docs/document_plain.png) ! important; }
 .b_filetype_pdf { background-image: url(images/docs/document-pdf.png) ! important; }
 .b_filetype_png { background-image: url(images/docs/document-image.png) ! important; }
 .b_filetype_ppt { background-image: url(images/docs/document-powerpoint.png) ! important; }
 .b_filetype_pptx { background-image: url(images/docs/document-powerpoint.png) ! important; }
 .b_filetype_ps { background-image: url(images/docs/document-pdf.png) ! important; }
 .b_filetype_qt,.b_filetype_ra,.b_filetype_ram { background-image: url(images/docs/document-film.png) ! important; }
-.b_filetype_readme { background-image: url(images/docs/document_plain.png) ! important; }
+.b_filetype_readme, .b_filetype_README { background-image: url(images/docs/document-text.png) ! important; }
 .b_filetype_rtf { background-image: url(images/docs/document-word.png) ! important; }
 .b_filetype_tar,.b_filetype_tgz { background-image: url(images/docs/document-zipper.png) ! important; }
 .b_filetype_tiff { background-image: url(images/docs/document-image.png) ! important; }
-.b_filetype_txt { background-image: url(images/docs/document_plain.png) ! important; }
+.b_filetype_txt { background-image: url(images/docs/document-text.png) ! important; }
 .b_filetype_wav { background-image: url(images/docs/document-music.png) ! important; }
 .b_filetype_xls, .b_filetype_xlsx { background-image: url(images/docs/document-excel.png) ! important; }
 .b_filetype_xml{ background-image: url(images/docs/document_tags.png) ! important; }
@@ -161,38 +166,36 @@ div.b_ext_elem .x-tree-node-expanded .x-tree-node-icon.b_filetype_folder, .b_fil
 .b_filetype_zip { background-image: url(images/docs/document-zipper.png) ! important; }
 
 
-/* tab icons in nav */
+/* tab icons in nav  and in LE-resources table*/
 
-#b_nav_main {
 
-	// the default 
-	li.b_nav_site div, li.b_nav_tab div { background: url(images/application.png) no-repeat left 50%; padding-left: 18px;	}			
-	
-	// the others		
-	li.b_resource_BusinessGroup div, .o_BusinessGroup_icon  { background-image: url(images/users.png) }
-	li.b_resource_CourseModule div, .o_CourseModule_icon  { background-image: url(images/le_resources/book-open-text-image.png) }
-	li.b_resource_HOMEPAGECONFIG div, .o_HOMEPAGECONFIG_icon,  li.b_resource_Identity div { background-image: url(../images/olat/vcard.png) }
-	li.b_resource_FileResource-SHAREDFOLDER div, .o_FileResource-SHAREDFOLDER_icon  { background-image: url(images/folder_shared.png) }
-	li.b_resource_FileResource-WIKI div, .o_FileResource-WIKI_icon  { background-image: url(images/le_resources/wiki.png) }
-	li.b_resource_FileResource-PODCAST div, .o_FileResource-PODCAST_icon  { background-image: url(images/le_resources/podcast.png) }
-	li.b_resource_FileResource-BLOG div, .o_FileResource-BLOG_icon  { background-image: url(images/le_resources/blog.png) }
-	li.b_resource_FileResource-MOVIE div, .o_FileResource-MOVIE_icon  { background-image: url(images/docs/document-film.png) }
-	li.b_resource_FileResource-PDF div, .o_FileResource-PDF_icon  { background-image: url(images/docs/document-pdf.png) }
-	li.b_resource_FileResource-PPT div, .o_FileResource-PPT_icon  { background-image: url(images/docs/document-powerpoint.png) }
-	li.b_resource_FileResource-DOC div, .o_FileResource-DOC_icon  { background-image: url(images/docs/document-word.png) }
-	li.b_resource_FileResource-IMSCP div, .o_FileResource-IMSCP_icon  { background-image: url(images/le_resources/book-open-text-image-red.png) }
-	li.b_resource_FileResource-SCORMCP div, .o_FileResource-SCORMCP_icon  { background-image: url(images/le_resources/book-open-text-image-s.png) }
-	li.b_resource_FileResource-FILE div, .o_FileResource-FILE_icon  { background-image: url(images/docs/document_plain.png) }
-	li.b_resource_FileResource-IMAGE div, .o_FileResource-IMAGE_icon  { background-image: url(images/docs/document-image.png) }
-	li.b_resource_FileResource-SOUND div, .o_FileResource-SOUND_icon  { background-image: url(images/docs/document-music.png) }
-	li.b_resource_FileResource-XLS div, .o_FileResource-XLS_icon  { background-image: url(images/docs/document-excel.png) }
-	li.b_resource_FileResource-ANIM div, .o_FileResource-ANIM_icon  { background-image: url(images/docs/document-image.png) }
-	li.b_resource_FileResource-SURVEY div, .o_FileResource-SURVEY_icon  { background-image: url(images/le_resources/survey.png) }
-	li.b_resource_FileResource-TEST div, .o_FileResource-TEST_icon  { background-image: url(images/le_resources/test.png) }	
-	li.b_resource_FileResource-GLOSSARY div, .o_FileResource-GLOSSARY_icon  { background-image: url(images/le_resources/glossary.png) }
-	li.b_resource_org-olat-search-ui-SearchController div, .o_org-olat-search-ui-SearchController_icon  { background-image: url(../images/brasato/search.png) }		
-	li.b_resource_EPStructuredMapTemplate div { background-image: url(images/le_resources/portfolio.png) }
-}
+// the default 
+li.b_nav_site div, li.b_nav_tab div { background: url(images/application.png) no-repeat left 50%; padding-left: 18px;	}			
+
+// the others		
+li.b_resource_BusinessGroup div, .o_BusinessGroup_icon  { background-image: url(images/users.png) }
+li.b_resource_CourseModule div, .o_CourseModule_icon  { background-image: url(images/le_resources/book-open-text-image.png) }
+li.b_resource_HOMEPAGECONFIG div, .o_HOMEPAGECONFIG_icon,  li.b_resource_Identity div { background-image: url(../images/olat/vcard.png) }
+li.b_resource_FileResource-SHAREDFOLDER div, .o_FileResource-SHAREDFOLDER_icon  { background-image: url(images/folder_shared.png) }
+li.b_resource_FileResource-WIKI div, .o_FileResource-WIKI_icon  { background-image: url(images/le_resources/wiki.png) }
+li.b_resource_FileResource-PODCAST div, .o_FileResource-PODCAST_icon  { background-image: url(images/le_resources/media-player-cast.png) }
+li.b_resource_FileResource-BLOG div, .o_FileResource-BLOG_icon  { background-image: url(images/le_resources/blog.png) }
+li.b_resource_FileResource-MOVIE div, .o_FileResource-MOVIE_icon  { background-image: url(images/docs/document-film.png) }
+li.b_resource_FileResource-PDF div, .o_FileResource-PDF_icon  { background-image: url(images/docs/document-pdf.png) }
+li.b_resource_FileResource-PPT div, .o_FileResource-PPT_icon  { background-image: url(images/docs/document-powerpoint.png) }
+li.b_resource_FileResource-DOC div, .o_FileResource-DOC_icon  { background-image: url(images/docs/document-word.png) }
+li.b_resource_FileResource-IMSCP div, .o_FileResource-IMSCP_icon  { background-image: url(images/le_resources/book-open-text-image-red.png) }
+li.b_resource_FileResource-SCORMCP div, .o_FileResource-SCORMCP_icon  { background-image: url(images/le_resources/book-open-text-image-s.png) }
+li.b_resource_FileResource-FILE div, .o_FileResource-FILE_icon  { background-image: url(images/docs/document_plain.png) }
+li.b_resource_FileResource-IMAGE div, .o_FileResource-IMAGE_icon  { background-image: url(images/docs/document-image.png) }
+li.b_resource_FileResource-SOUND div, .o_FileResource-SOUND_icon  { background-image: url(images/docs/document-music.png) }
+li.b_resource_FileResource-XLS div, .o_FileResource-XLS_icon  { background-image: url(images/docs/document-excel.png) }
+li.b_resource_FileResource-ANIM div, .o_FileResource-ANIM_icon  { background-image: url(images/docs/document-image.png) }
+li.b_resource_FileResource-SURVEY div, .o_FileResource-SURVEY_icon  { background-image: url(images/le_resources/survey.png) }
+li.b_resource_FileResource-TEST div, .o_FileResource-TEST_icon  { background-image: url(images/le_resources/test.png) }	
+li.b_resource_FileResource-GLOSSARY div, .o_FileResource-GLOSSARY_icon  { background-image: url(images/le_resources/glossary.png) }
+li.b_resource_org-olat-search-ui-SearchController div, .o_org-olat-search-ui-SearchController_icon  { background-image: url(images/magnifier-zoom.png) }		
+li.b_resource_EPStructuredMapTemplate div { background-image: url(images/le_resources/portfolio.png) }
 	
 	
 /* ------ TOOLBOX ICONS -------- */
@@ -235,7 +238,7 @@ li a.b_toolbox_copy, .b_copy_icon { background-image: url(images/docs/document-c
 .o_cp_item { background-image: url(images/docs/document-text.png)!important}
 .o_dialog_icon { background-image: url(images/docs/document_discuss.png)!important} 
 .o_en_icon { background-image: url(images/enrol.png)!important}
-.o_fo_icon { background-image: url(images/forum.png)!important}
+.o_fo_icon { background-image: url(images/forum/forum.png)!important}
 .o_iqself_icon { background-image: url(images/le_resources/selftest.png)!important}
 .o_iqsurv_icon { background-image: url(images/le_resources/survey.png)!important}
 .o_iqtest_icon { background-image: url(images/le_resources/test.png)!important}
@@ -263,5 +266,5 @@ li a.b_toolbox_copy, .b_copy_icon { background-image: url(images/docs/document-c
 .o_ep_icon, .o_EPStructuredMapTemplate_icon { background-image: url(images/le_resources/portfolio.png)!important}
 .o_infomsg_icon { background-image: url(images/information-button.png)!important}
 .o_cmembers_icon { background-image: url(images/users.png)!important}
-body#b_body .o_CourseModule_icon_closed {background-image:url(../images/olat/course_closed.png);}
+body#b_body .o_CourseModule_icon_closed {background-image:url(images/le_resources/book-open-text-image_locked.png);}
 	
\ No newline at end of file
diff --git a/src/main/webapp/static/themes/openolat/all/modules/_course.scss b/src/main/webapp/static/themes/openolat/all/modules/_course.scss
new file mode 100644
index 0000000000000000000000000000000000000000..dfb909515ffc16d3d8b0c10d8c687fff4920cb57
--- /dev/null
+++ b/src/main/webapp/static/themes/openolat/all/modules/_course.scss
@@ -0,0 +1,19 @@
+/* SELECTION TREE  (when you insert a BuildingBlock into a course) */
+div.b_selectiontree { 
+	font-size: 95%; 
+	div.b_selectiontree_item { 
+		clear: both; position: relative; top: 0; left: 0; vertical-align:middle; height: 16px; width: auto;
+		div { width: 16px;	height: 16px; float: left; display: inline;	background-repeat: no-repeat; }    
+		div.b_selectiontree_content { float: left; display: inline; margin-left: 0.5em; width: auto; white-space: nowrap; }     
+	}
+	div.b_selectiontree_content { 
+		width: auto;
+		div { width: auto;}
+		input { width: 1em; height: 1em; padding: 0; margin: 0 0.5em; vertical-align: middle;}
+		input.b_radio { margin: 0;}
+	}
+	.b_selectiontree_line {background-image: url(images/tree/dots.gif); }
+   	.b_selectiontree_space {background-image: url(images/tree/dots_spacer.gif); }
+   	.b_selectiontree_junction {background-image: url(images/tree/dots_nt.gif); }
+   	.b_selectiontree_end {background-image: url(images/tree/dots_nl.gif); }
+}
diff --git a/src/main/webapp/static/themes/openolat/all/modules/_develdebug.scss b/src/main/webapp/static/themes/openolat/all/modules/_develdebug.scss
new file mode 100644
index 0000000000000000000000000000000000000000..817bc51788e4bf71e042a6de8e0d64d0c20780ee
--- /dev/null
+++ b/src/main/webapp/static/themes/openolat/all/modules/_develdebug.scss
@@ -0,0 +1,26 @@
+/** -------------------- DEVELOPMENT TOOL / DEBUG ---------------- **/
+a.b_dev { position: absolute; left: 0; top: 0; z-index:4000; background: red url('images/bug.png') no-repeat; width: 16px; height: 16px; border: 1px solid #000;}
+#b_devcon_main { background-color: #ccddff; position:absolute; z-index:4000; top:10px; left: 5%; width:90%; text-align: left; border: 1px solid #000}
+#b_devcon_handle { cursor:move; background: blue url(images/bug.png) no-repeat 4px 50%; line-height: 2em; padding-left: 24px; color:white; }
+a#b_devcon_handle_collapse {cursor:pointer; background: url($ico_minus) no-repeat; width: 15px; height: 15px; float: right; margin: 3px;}
+a#b_devcon_handle_expand {cursor:pointer; background: url($ico_plus) no-repeat; width: 15px; height: 15px; float: right; margin: 3px;}
+a.b_devcon_handle_close {cursor:pointer; background: url(images/close.png) no-repeat; width: 15px; height: 15px; float: right; margin: 3px;}
+#b_devcon_content {
+	font-size: 90%;  padding: 5px; border-top: 0px solid #000; background:transparent;;
+	ul { float: left; margin: 0; padding: 0; list-style: none; white-space: nowrap;}
+	li { margin: 0; padding: 0 10px 0 0; float: left}
+	fieldset {border-top: 1px solid #ccc; margin: 0; padding: 8px; }
+}
+#b_devcon_mode { width: 1em; height: 1em; float: left; border:1px solid #000; margin-right: 5px;} /* bgcolor defined programatically */
+#b_js_log textarea#o_debug_cons { width: 99%; height: 15em; font-family: monospace; font-size: 110%; margin: 5px 0 5px 0;}
+#b_devcon_compdump {}
+iframe.o_debug_json {
+	position: fixed;
+	width: 90%;
+	margin-left: 5%;
+	bottom: 4px;
+	height: 300px;
+	background: white;
+	border:2px solid #ccd8e7;
+	z-index:90000; //above all ^^
+}
\ No newline at end of file
diff --git a/src/main/webapp/static/themes/openolat/all/_dialogs.scss b/src/main/webapp/static/themes/openolat/all/modules/_dialogs.scss
similarity index 74%
rename from src/main/webapp/static/themes/openolat/all/_dialogs.scss
rename to src/main/webapp/static/themes/openolat/all/modules/_dialogs.scss
index c372a7ae898a7459b6a81a380700714bffbd5b0c..945edb9abc248db7d404952cde21c5783b8538f5 100644
--- a/src/main/webapp/static/themes/openolat/all/_dialogs.scss
+++ b/src/main/webapp/static/themes/openolat/all/modules/_dialogs.scss
@@ -76,7 +76,7 @@ div.x-tip-body p{margin-bottom:0px;}
 div.x-tip-mc {background: #e9f2ff ! important;}
 /* ajax busy icon*/
 body.b_ajax_busy { cursor: wait; }
-div.b_ajax_busy {background: url(../images/brasato/ajax-loader.gif) no-repeat; position: absolute; left:50% ; top: 10px; width:28px; height: 28px; z-index:5001;}
+div.b_ajax_busy {background: url(images/ajax-loader.gif) no-repeat; position: absolute; left:50% ; top: 10px; width:28px; height: 28px; z-index:5001;}
 	
 	
 /* DIALOG */
@@ -87,7 +87,7 @@ div.b_window.b_dialogbox {
 div.b_msg_dialog { 
 	padding: 10px 10px 10px 50px; 
 	min-height: 32px; 
-	background: url(../images/brasato/icon_question.png) no-repeat 10px 10px;
+	background: url(images/icon_question_32.png) no-repeat 10px 10px;
 	.b_msg_title { font-weight: bold; }
 	.b_msg_content { }
 }
@@ -153,8 +153,7 @@ div.b_togglebox div.b_togglebox_content { padding: 1em; border: 1px solid #ACAAA
 		div.b_wizard_header {background:#fff; position: relative; }
 	 	div.b_wizard_header_title {
 	 		background: #fff; min-height: 18px; line-height: 18px; vertical-align: middle; padding: 2px 5px 2px 5px; color: #4F576A;
-	 		a.b_link_close { top:4px; right: 4px; background: url(../images/brasato/close.png); background-repeat: no-repeat; } 
-	 		a.b_link_close:hover { top:4px; right: 4px; background: url(../images/brasato/close_over.png); background-repeat: no-repeat; }
+	 		a.b_link_close { top:4px; right: 4px; background: url(images/close.png); background-repeat: no-repeat; } 
 	 		strong { font-weight: bold; }	
 	 	}
 	 	
@@ -175,39 +174,39 @@ div.b_togglebox div.b_togglebox_content { padding: 1em; border: 1px solid #ACAAA
 	 		li.b_wizard_steps_current .b_disabled { font-style: normal; }		
 	 	}
 	 	
-	 	div.b_wizard_steps_current { } 
+	 	div.b_wizard_steps_current { margin-left:20em; border-left:1px solid #777;} 
 	 	div.b_wizard_steps_current_inner { border-bottom: 1px solid #fff;  padding: 1em;  }		
 	 	div.b_wizard_steps_current_content {min-height: 300px; position: relative; }		
 	 	
 	 	div.b_wizard_footer_wrapper { background:#fff;}
-	 	div.b_wizard_footer div.b_button_group { text-align: left; padding: 0.5em 1em 0.5em 20em; margin: 0; }	
+	 	div.b_wizard_footer div.b_button_group { text-align: left; padding: 0.5em 1em 0.5em 21em; margin: 0; }	
 	 }
 
 	span.b_wizard_button_prev:before, a.b_wizard_button_prev span:before { content: "< ";}
 	span.b_wizard_button_next:after, a.b_wizard_button_next span:after { content: " >";}
 	a.b_wizard_button_finish, span.b_wizard_button_finish {margin-left: 3em;}
 	a.b_wizard_button_cancel, span.b_wizard_button_cancel { margin-left: 3em; }
-	.b_wizard_table_changedcell { font-style: italic; font-weight: bold; background: url(../images/brasato/new.png) no-repeat; padding-left: 18px;}
+	.b_wizard_table_changedcell { font-style: italic; font-weight: bold; background: url(images/new-text.png) no-repeat; padding-left: 18px;}
 	
 	/* OLD WIZARD */
 	div.b_legacy_wizard { }
 	div.b_legacy_wizard_steps { float: right; display:inline; }
 	/* the following classes are used together with b_legacy_wizard_step_icon */
-	.b_legacy_wizard_step_a1 {	background-image: url(../images/brasato/wizard/1a.png); }
-	.b_legacy_wizard_step_a2 {	background-image: url(../images/brasato/wizard/2a.png);}
-	.b_legacy_wizard_step_a3 {	background-image: url(../images/brasato/wizard/3a.png);}
-	.b_legacy_wizard_step_a4 {	background-image: url(../images/brasato/wizard/4a.png);}
-	.b_legacy_wizard_step_a5 {	background-image: url(../images/brasato/wizard/5a.png);}
-	.b_legacy_wizard_step_a6 {	background-image: url(../images/brasato/wizard/6a.png);}
-	.b_legacy_wizard_step_a7 {	background-image: url(../images/brasato/wizard/7a.png);}
-	.b_legacy_wizard_step_a8 {	background-image: url(../images/brasato/wizard/8a.png);}
-	.b_legacy_wizard_step_a9 {	background-image: url(../images/brasato/wizard/9a.png);}
-	.b_legacy_wizard_step_p1 {	background-image: url(../images/brasato/wizard/1p.png);}
-	.b_legacy_wizard_step_p2 {	background-image: url(../images/brasato/wizard/2p.png);}
-	.b_legacy_wizard_step_p3 {	background-image: url(../images/brasato/wizard/3p.png);}
-	.b_legacy_wizard_step_p4 {	background-image: url(../images/brasato/wizard/4p.png);}
-	.b_legacy_wizard_step_p5 {	background-image: url(../images/brasato/wizard/5p.png);}
-	.b_legacy_wizard_step_p6 {	background-image: url(../images/brasato/wizard/6p.png);}
-	.b_legacy_wizard_step_p7 {	background-image: url(../images/brasato/wizard/7p.png);}
-	.b_legacy_wizard_step_p8 {	background-image: url(../images/brasato/wizard/8p.png);}
-	.b_legacy_wizard_step_p9 {	background-image: url(../images/brasato/wizard/9p.png);}
+	.b_legacy_wizard_step_a1 {	background-image: url(images/wizard/1a.png); }
+	.b_legacy_wizard_step_a2 {	background-image: url(images/wizard/2a.png);}
+	.b_legacy_wizard_step_a3 {	background-image: url(images/wizard/3a.png);}
+	.b_legacy_wizard_step_a4 {	background-image: url(images/wizard/4a.png);}
+	.b_legacy_wizard_step_a5 {	background-image: url(images/wizard/5a.png);}
+	.b_legacy_wizard_step_a6 {	background-image: url(images/wizard/6a.png);}
+	.b_legacy_wizard_step_a7 {	background-image: url(images/wizard/7a.png);}
+	.b_legacy_wizard_step_a8 {	background-image: url(images/wizard/8a.png);}
+	.b_legacy_wizard_step_a9 {	background-image: url(images/wizard/9a.png);}
+	.b_legacy_wizard_step_p1 {	background-image: url(images/wizard/1p.png);}
+	.b_legacy_wizard_step_p2 {	background-image: url(images/wizard/2p.png);}
+	.b_legacy_wizard_step_p3 {	background-image: url(images/wizard/3p.png);}
+	.b_legacy_wizard_step_p4 {	background-image: url(images/wizard/4p.png);}
+	.b_legacy_wizard_step_p5 {	background-image: url(images/wizard/5p.png);}
+	.b_legacy_wizard_step_p6 {	background-image: url(images/wizard/6p.png);}
+	.b_legacy_wizard_step_p7 {	background-image: url(images/wizard/7p.png);}
+	.b_legacy_wizard_step_p8 {	background-image: url(images/wizard/8p.png);}
+	.b_legacy_wizard_step_p9 {	background-image: url(images/wizard/9p.png);}
diff --git a/src/main/webapp/static/themes/openolat/all/modules/_eportfolio.scss b/src/main/webapp/static/themes/openolat/all/modules/_eportfolio.scss
index 9a720e4b002d3ed23e9628613a856105c7ee5403..f43644a84ee5759adb1c2d7f34548e55deedef01 100644
--- a/src/main/webapp/static/themes/openolat/all/modules/_eportfolio.scss
+++ b/src/main/webapp/static/themes/openolat/all/modules/_eportfolio.scss
@@ -1,9 +1,25 @@
 /* ePortfolio */
-	.b_artefact { margin: 5px; border: 1px solid #ddd; padding: 1em; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 2px lightGrey; -moz-box-shadow: 0 1px 2px lightGrey; -o-box-shadow: 0 1px 2px lightGrey; box-shadow: 0 1px 2px lightGrey; background: #ebebeb url(../images/brasato/eportfolio/artefaktbg.png) top left repeat-x; }
+
+div.b_struct_edit_btn { float: right; display: inline;}
+	
+	
+div.o_ep_struct_editor div.b_subcr {
+	min-height: 35em;
+	background: white;
+	padding-right: 1em;
+	overflow-x: auto;
+}
+
+	.b_artefact { 
+		margin: 5px; border: 1px solid #ddd; padding: 1em;
+		@include o-border-radius(5px);
+		@include o-box-shadow(0,1px,2px,lightGrey); 
+		background: #ebebeb url(images/portfolio/artefaktbg.png) top left repeat-x;
+	}
+	
 	.b_artefact div.b_actions { margin-top: 2em;}
 	.b_artefact div.b_desc { font-style: italic; margin: 1em 0; }
-	.b_ep_artAttribLink { background-image: url(../images/brasato/table/table_manage.png); }
-	.b_ep_artAttribLink:hover { background-image: url(../images/brasato/table/table_manage_over.png); }
+	.b_ep_artAttribLink { background-image: url(images/table_gear.png); }
 	div.b_artefact_closed { font-size:25px; float:right; background: url(../images/brasato/locked.png) top right no-repeat; }
 	div.b_eportfolio_preview_c100l .b_artefact { margin:3px; }
 	div.b_eportfolio_preview_c33l .b_artefact { font-size:85%; margin:3px; }
@@ -12,9 +28,8 @@
 	.b_ep_multiartefacts div.b_ep_add_message_with_arrow { position: relative; top: -50px; }
 	.b_ep_multiartefacts div.b_artefact_count { margin: 1em 0 1em 0;}
 	
-	a.b_ep_options { background: url(../images/brasato/preferences.png) top left no-repeat; width:16px; height:16px; display: block;}
-	a.b_ep_options:hover { background: url(../images/brasato/preferences_over.png) top left no-repeat; width:16px; height:16px; display: block;text-decoration:none;}
-	.b_ep_liveblog_icon { background-image: url(../images/brasato/eportfolio/ep_liveblog_icon.png); }
+	a.b_ep_options { background: url(images/gear.png) top left no-repeat; width:16px; height:16px; display: block;}
+	.b_ep_liveblog_icon { background-image: url(images/portfolio/ep_liveblog_icon.png); }
 	
 	div.b_portfolio_toc ul { margin: 0; }
 	div.b_portfolio_toc li { list-style-type: none; }
@@ -27,27 +42,24 @@
 	div.b_portfolio_toc .type_artefact { font-style: italic; }	
 	.b_portfolio_toc .type_map, .b_portfolio_toc .type_page, .b_portfolio_toc .type_struct, .b_portfolio_toc .type_artefact { background-position: center left; background-repeat: no-repeat; padding-left: 20px; } 
 	
-	 a.b_eportfolio_add { background: url(../images/brasato/eportfolio/ep_add_icon.png) top left no-repeat; display:block; width:16px; height:16px;}
+	 a.b_eportfolio_add { background: url(images/portfolio/ep_add_icon.png) top left no-repeat; display:block; width:16px; height:16px;}
 	 td a.b_eportfolio_add {  float:right; padding-right:2px; }
-	 a.b_eportfolio_add:hover { background: url(../images/brasato/eportfolio/ep_add_icon_over.png) top left no-repeat; display:block; width:16px; height:16px; }
-	 a.b_eportfolio_add_again, span.b_eportfolio_add_again { background: url(../images/brasato/eportfolio/ep_add_again_icon.png) top left no-repeat; display:block; width:16px; height:16px; }
-	 a.b_eportfolio_add_again:hover, span.b_eportfolio_add_again:hover { background: url(../images/brasato/eportfolio/ep_add_again_icon_over.png) top left no-repeat; display:block; width:16px; height:16px; }
+	 a.b_eportfolio_add_again, span.b_eportfolio_add_again { background: url(images/portfolio/ep_add_again_icon.png) top left no-repeat; display:block; width:16px; height:16px; }
 	.o_efficiencystatement a.b_eportfolio_add_again {float:right;}
-	 a.b_eportfolio_link { background: url(../images/brasato/eportfolio/ep_link_icon.png) top left no-repeat; display:block; width:16px; height:16px; }
-	 a.b_eportfolio_link:hover { background: url(../images/brasato/eportfolio/ep_link_icon_over.png) top left no-repeat; display:block; width:16px; height:16px; }
+	 a.b_eportfolio_link { background: url(images/portfolio/ep_link_icon.png) top left no-repeat; display:block; width:16px; height:16px; }
 	ul.b_eportfolio_maps { margin: 0; padding: 0; }
-	ul.b_eportfolio_maps li { display: block; float: left; position: relative; width: 195px; height: 320px; padding: 60px 60px 40px 65px; margin: 0.5em; background: url(../images/brasato/eportfolio/eportfolio_map_default.png) top left no-repeat; -moz-border-radius: 4px 14px 14px 4px; -webkit-border-radius: 4px 10px 10px 4px; -o-border-radius: 4px 14px 14px 4px; border-radius: 4px 14px 14px 4px; -webkit-box-shadow: 0 1px 3px lightGray; -moz-box-shadow: 0 1px 3px lightGray; -o-box-shadow: 0 1px 3px lightGray; box-shadow: 0 1px 3px lightGray; }
+	ul.b_eportfolio_maps li { display: block; float: left; position: relative; width: 195px; height: 320px; padding: 60px 60px 40px 65px; margin: 0.5em; background: url(images/portfolio/eportfolio_map_default.png) top left no-repeat; -moz-border-radius: 4px 14px 14px 4px; -webkit-border-radius: 4px 10px 10px 4px; -o-border-radius: 4px 14px 14px 4px; border-radius: 4px 14px 14px 4px; -webkit-box-shadow: 0 1px 3px lightGray; -moz-box-shadow: 0 1px 3px lightGray; -o-box-shadow: 0 1px 3px lightGray; box-shadow: 0 1px 3px lightGray; }
 	ul.b_eportfolio_maps li .b_map_info { position: absolute; bottom: 40px; width: inherit; font-size: 0.9em; }
 	li.default .b_map_info p { color: #bbb; }
 	li.comic .b_map_info p { color: #88a5c4; }
 	li.leather .b_map_info p { color: #C2A074; }
 	ul.b_eportfolio_maps li .b_map_info a.b_open_icon { font-size: 1.2em; position: absolute; bottom: 170px; right: -10px; }
-	ul.b_eportfolio_maps li.leather { background: url(../images/brasato/eportfolio/eportfolio_map_leather.png) top left no-repeat; border: none; }
+	ul.b_eportfolio_maps li.leather { background: url(images/portfolio/eportfolio_map_leather.png) top left no-repeat; border: none; }
 	ul.b_eportfolio_maps li.leather a { color: #fad9a4; }
-	ul.b_eportfolio_maps li.comic { background: url(../images/brasato/eportfolio/eportfolio_map_comic.png) top left no-repeat; border: none; }
-	ul.b_eportfolio_maps li.template.default { background-image: url(../images/brasato/eportfolio/eportfolio_map_default_template.png); }	
-	ul.b_eportfolio_maps li.template.comic { background-image: url(../images/brasato/eportfolio/eportfolio_map_comic_template.png); }	
-	ul.b_eportfolio_maps li.template.leather { background-image: url(../images/brasato/eportfolio/eportfolio_map_leather_template.png); }	
+	ul.b_eportfolio_maps li.comic { background: url(images/portfolio/eportfolio_map_comic.png) top left no-repeat; border: none; }
+	ul.b_eportfolio_maps li.template.default { background-image: url(images/portfolio/eportfolio_map_default_template.png); }	
+	ul.b_eportfolio_maps li.template.comic { background-image: url(images/portfolio/eportfolio_map_comic_template.png); }	
+	ul.b_eportfolio_maps li.template.leather { background-image: url(images/portfolio/eportfolio_map_leather_template.png); }	
 		
 		
 	.b_map_page { text-align:center; clear:left;}
@@ -80,23 +92,23 @@
 
 	.comic {font-family: 'Comic Sans MS', 'Comic Sans', fantasy;}
 	.b_eportfolio_map.comic { background: #a2c3e8 none; padding: 30px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px; }
-	.comic div.b_pagination { position: absolute; right: 0; width: 17%; max-height: 100%; overflow-x: hidden; overflow-y: auto; z-index: 100; }
+	.comic div.b_pagination { position: absolute; right: 0; width: 16%; max-height: 100%; overflow-x: hidden; overflow-y: auto; z-index: 100; }
 	.comic .b_ep_relative > div:last-child { position: relative; }
 	.comic div.b_ep_actualpage { width: 85%; margin-top: 1em; }
 	.comic div.b_pagination ul { margin-top: 30px; margin-left: 0px; z-index: 1; }
-	.comic div.b_pagination li  { width: 87%; background: url(../images/brasato/eportfolio/postit.png) center right; padding: 0; margin-bottom: 1em; margin-left: 13%; list-style-type: none; }
+	.comic div.b_pagination li  { width: 87%; background: url(images/portfolio/postit.png) center right; padding: 0; margin-bottom: 1em; margin-left: 8%; list-style-type: none; }
 	.comic div.b_pagination li span.b_disabled, .comic div.b_pagination li a span { display: block; padding: 20px 15px 20px 10px; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; }
 	.comic div.b_pagination li span, .comic div.b_pagination li a, .comic div.b_pagination li { white-space: nowrap; overflow: hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; }
 	.comic div.b_pagination li.b_disabled { z-index: 101; margin-left: 0; width: 100%; }
 	.comic div.b_pagination li .b_disabled { color: black; font-weight: bold; }
-	.comic div.b_pagination li.b_toc { background-image: url(../images/brasato/eportfolio/postit_pink.png); }
+	.comic div.b_pagination li.b_toc { background-image: url(images/portfolio/postit_pink.png); }
 	
-	.b_eportfolio_page, .b_portfolio_toc, .b_eportfolio_edit { min-height: 40em; background: #f4f4f4 url(../images/brasato/eportfolio/eportfolio_page_corner.png) top right no-repeat; padding: 1em; -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.2); -o-box-shadow: 0px 2px 5px rgba(0,0,0,0.2); box-shadow: 0px 2px 5px rgba(0,0,0,0.2); }
+	.b_eportfolio_page, .b_portfolio_toc, .b_eportfolio_edit { min-height: 40em; background: #f4f4f4 url(images/portfolio/eportfolio_page_corner.png) top right no-repeat; padding: 1em; -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.2); -o-box-shadow: 0px 2px 5px rgba(0,0,0,0.2); box-shadow: 0px 2px 5px rgba(0,0,0,0.2); }
 	.b_eportfolio_page .b_eportfolio_structure > h5 { border-bottom: 1px solid #ddd; margin-top: 1.2em; }
 	.b_eportfolio_edit {  margin-top: 1.5em; }
 	
 	.leather {font-family: Palatino, Georgia, serif;}
-	.b_eportfolio_map.leather { background: url(../images/brasato/eportfolio/light-leather-tile.jpg); }
+	.b_eportfolio_map.leather { background: url(images/portfolio/light-leather-tile.jpg); }
 	.leather div.b_ep_actualpage { width: 100%; margin-top: 0; clear: both; }
 	.leather .b_map_header h4, .leather .b_map_header p, .leather .b_map_header a.b_eportfolio_add_link, .leather .b_map_header a.b_eportfolio_comment_link { color: white; }
 	.leather div.b_pagination { float: none; position: static; width: 100%; }
@@ -108,7 +120,7 @@
 	.leather div.b_pagination li a { padding: 1em; padding: 5px 8px; }
 	.leather div.b_eportfolio_page, .leather div.b_portfolio_toc, .leather div.b_eportfolio_edit { background-image: none; }	
 	
-	.b_eportfolio.b_artefacts hr.b_ep_filter_spacer { height: 10px; background: url(../images/brasato/eportfolio/divider-arrow-down.png) 25px -12px no-repeat; border: none; border-top: 1px solid #ccc; margin: 2em 0 1em;  }
+	.b_eportfolio.b_artefacts hr.b_ep_filter_spacer { height: 10px; background: url(images/portfolio/divider-arrow-down.png) 25px -12px no-repeat; border: none; border-top: 1px solid #ccc; margin: 2em 0 1em;  }
 	.b_eportfolio.b_artefacts .b_ep_content { background: white; padding: 0 1em 1em 1em; margin-top: 1.5em; }
 	.b_eportfolio.b_artefacts .b_ep_content .b_ep_filter { padding: 0; width:80% }
 	.b_ep_filter { float: left; }
@@ -120,18 +132,12 @@
 	.b_ep_tagbrowser_view { width: 68%; margin-left: 0px; } 
 	
 	.b_ep_collection_icon { background-image: url(../images/brasato/eportfolio/ep_collection.png) ! important; }
-	a.b_ep_collection_icon:hover { background-image: url(../images/brasato/eportfolio/ep_collection_over.png) ! important; }
-	.b_ep_map_icon, .b_portfolio_toc .type_map { background-image: url(../images/brasato/eportfolio/ep_map.png) ! important; }
-	a.b_ep_map_icon:hover, a.b_portfolio_toc:hover a.type_map:hover { background-image: url(../images/brasato/eportfolio/ep_map_over.png) ! important; }
-	.b_ep_page_icon, .b_portfolio_toc .type_page { background-image: url(../images/brasato/eportfolio/ep_page.png) ! important; }
-	a.b_ep_page_icon:hover, a.b_portfolio_toc:hover a.type_page:hover { background-image: url(../images/brasato/eportfolio/ep_page_over.png) ! important; }
-	.b_ep_page_icon.b_eportfolio_add_link { background-image: url(../images/brasato/eportfolio/ep_page_add.png) ! important; }
-	a.b_ep_page_icon.b_eportfolio_add_link:hover { background-image: url(../images/brasato/eportfolio/ep_page_add_over.png) ! important; }
-	.b_ep_struct_icon, .b_portfolio_toc .type_struct { background-image: url(../images/brasato/eportfolio/ep_struct.png) ! important; }
-	a.b_ep_struct_icon:hover, a.b_portfolio_toc:hover a.type_struct:hover { background-image: url(../images/brasato/eportfolio/ep_struct_over.png) ! important; }
-	.b_ep_struct_icon.b_eportfolio_add_link { background-image: url(../images/brasato/eportfolio/ep_struct_add.png) ! important; }
-	a.b_ep_struct_icon.b_eportfolio_add_link:hover { background-image: url(../images/brasato/eportfolio/ep_struct_add_over.png) ! important; }
-	.type_artefact { background-image: url(../images/brasato/eportfolio/ep_icon.png) ! important; }
+	.b_ep_map_icon, .b_portfolio_toc .type_map { background-image: url(images/portfolio/briefcase.png) ! important; }
+	.b_ep_page_icon, .b_portfolio_toc .type_page { background-image: url(images/portfolio/ep_page.png) ! important; }
+	.b_ep_page_icon.b_eportfolio_add_link { background-image: url(images/portfolio/ep_page_add.png) ! important; }
+	.b_ep_struct_icon, .b_portfolio_toc .type_struct { background-image: url(images/portfolio/ep_struct.png) ! important; }
+	.b_ep_struct_icon.b_eportfolio_add_link { background-image: url(images/portfolio/ep_struct_add.png) ! important; }
+	.type_artefact { background-image: url(images/le_resources/portfolio.png) ! important; }
 	
 	div.b_eportfolio_collect_restriction { margin-top:5px; }
 	div.b_eportfolio_collect_restriction div.b_eportfolio_collect_restriction_el { float:left; margin-right:5px; }
@@ -142,10 +148,10 @@
 	div.b_eportfolio_restriction_wrapper a.b_togglebox_closed { display:block; width:9px; height:9px; padding:0; margin-left:12px; }
 	div.b_eportfolio_restriction_wrapper p { padding:0 0 0 15px; margin:0; }
 	div.b_eportfolio_restriction_wrapper div.b_togglebox div.b_togglebox_content { padding:3px 3px 3px 3px; margin:0; border:1px solid red; background-image:none; background-color:transparent; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
-  div.b_eportfolio_restriction_error div.b_tooglebox_opened div.b_togglebox_content { border:1px solid #FF9900 !important; background:#FFF5CC url(../images/olat/decorator_warn.png) no-repeat 3px 2px !important; }
-  div.b_eportfolio_restriction_passed div.b_tooglebox_opened div.b_togglebox_content { border:1px solid #F0F0F0 !important; background:#FCFCFC url(../images/olat/decorator_ok.png) no-repeat 3px 2px !important; }
-  div.b_eportfolio_restriction_error div.b_togglebox_closed { background:transparent url(../images/olat/decorator_warn.png) no-repeat top left !important; }
-  div.b_eportfolio_restriction_passed div.b_togglebox_closed { background:transparent url(../images/olat/decorator_ok.png) no-repeat top left !important; }
+  div.b_eportfolio_restriction_error div.b_tooglebox_opened div.b_togglebox_content { border:1px solid #FF9900 !important; background:#FFF5CC url(images/decorator/deco_warn.png) no-repeat 3px 2px !important; }
+  div.b_eportfolio_restriction_passed div.b_tooglebox_opened div.b_togglebox_content { border:1px solid #F0F0F0 !important; background:#FCFCFC url(images/decorator/deco_ok.png) no-repeat 3px 2px !important; }
+  div.b_eportfolio_restriction_error div.b_togglebox_closed { background:transparent url(images/decorator/deco_warn.png) no-repeat top left !important; }
+  div.b_eportfolio_restriction_passed div.b_togglebox_closed { background:transparent url(images/decorator/deco_ok.png) no-repeat top left !important; }
   div.b_eportfolio_restriction_wrapper div.b_togglebox div.b_togglebox_content .b_togglebox_hide { display:none; }
  
 	.b_eportfolio_deadline_callout { width:300px; }
@@ -157,12 +163,11 @@
 	.b_eportfolio_share_policy_wrapper .b_float_right { text-align: right; }
 	.b_eportfolio_share_policy_wrapper a.bit-input { text-decoration: none; }
 	.b_eportfolio_share_policy div input, .b_eportfolio_share_policy div span, .b_eportfolio_share_policy div select { float: left; margin-right:5px; padding-right:5px; }
-	.b_eportfolio_share_policy div span.b_form_datechooser { background: url(../images/brasato/calendar.png) no-repeat; padding-left: 18px; height: 16px; line-height: 16px; margin-left: 2px;}
-	.b_eportfolio_share_policy div span.b_form_datechooser:hover { background-image: url(../images/brasato/calendar_over.png)}
+	.b_eportfolio_share_policy div span.b_form_datechooser { background: url(images/calendar.png) no-repeat; padding-left: 18px; height: 16px; line-height: 16px; margin-left: 2px;}
 	.b_eportfolio_share_policy .b_ep_share_date span { float: left; }
-	.b_eportfolio_share_policy_wrapper .b_eportfolio_share_policy { padding-left: 20px; background: url(../images/brasato/user.png) top left no-repeat; }
-	.b_eportfolio_share_policy_wrapper.policytype_group .b_eportfolio_share_policy { background-image: url(../images/brasato/group.png); }
-	.b_eportfolio_share_policy_wrapper.policytype_invitation .b_eportfolio_share_policy { background-image: url(../images/brasato/publish.png); }
-	.b_eportfolio_share_policy_wrapper.policytype_allusers .b_eportfolio_share_policy { background-image: url(../images/brasato/user_all.png); }
+	.b_eportfolio_share_policy_wrapper .b_eportfolio_share_policy { padding-left: 20px; background: url(images/user.png) top left no-repeat; }
+	.b_eportfolio_share_policy_wrapper.policytype_group .b_eportfolio_share_policy { background-image: url(images/users.png); }
+	.b_eportfolio_share_policy_wrapper.policytype_invitation .b_eportfolio_share_policy { background-image: url(images/share.png); }
+	.b_eportfolio_share_policy_wrapper.policytype_allusers .b_eportfolio_share_policy { background-image: url(images/users.png); }
 	
 	div.b_ep_inline div input, div.b_ep_inline div span, div.b_ep_inline div select { float: left; margin-right:5px; padding-right:5px; }
diff --git a/src/main/webapp/static/themes/openolat/all/modules/_formsandbuttons.scss b/src/main/webapp/static/themes/openolat/all/modules/_formsandbuttons.scss
new file mode 100644
index 0000000000000000000000000000000000000000..de538231fc88183626d48a8e9c960efb0bbbe0d1
--- /dev/null
+++ b/src/main/webapp/static/themes/openolat/all/modules/_formsandbuttons.scss
@@ -0,0 +1,308 @@
+/** ----------------- BUTTONS  ----------------- **/
+
+.b_button {
+	@include btt-outer;
+	&,span {@include btt-inner;}
+	
+	/* focused buttons */
+	&:focus,&:hover {
+		text-decoration: none;
+		border:1px solid #C6C6C6;
+		@include o-box-shadow(0, 1px, 1px, rgba(0,0,0,0.1));
+	}
+	&:focus {
+		border-color:$basecolor;
+	}
+	&:active {
+		@include o-box-shadow-inset(0, 1px, 2px, rgba(0,0,0,0.3));
+		border-color:$basecolor;
+	}
+}
+/* dirty button (form with unsaved values ) */
+.b_button_dirty {
+	@include o-gradient2( #ffffff,#FFF7E0);
+	border-color: #ff9900;
+	
+	&:focus,&:hover {
+		text-decoration: none;
+		border:1px solid #ffc20e;
+		@include o-gradient2( #ffffff,#FFF7E0);
+	}
+}
+
+
+/* disabled buttons */
+.b_disabled.b_button {
+	@include btt-outer;
+	&,span {@include btt-inner;}
+	border: 1px solid #ACAAAA;
+	background:#fff;
+	&:focus, &:hover {
+		@include o-box-shadow(0, 0, 0, transparent);
+	}
+		
+}
+
+
+/* multiple buttons groups below a form */
+div.b_button_group { text-align: center; margin: 2em 0 1em 0;}
+div.b_button_group div { display: inline;}
+
+
+.b_xsmall, sup, sub {
+	font-size: 80%;
+}
+.b_small, small {
+	font-size: 90%;
+}
+
+/* TOGGLE Buttons */
+a.b_toggle { 
+	white-space: nowrap; margin: 0 0.5em 0.2em 0; cursor: default; color: #2C2B2B;  border: 1px solid #aaa; -webkit-border-radius: 10px; -moz-border-radius: 10px;  border-radius: 10px; display: inline-block; line-height: 1.5em; text-align: center; background: url(images/toggle_off.png) top left repeat-x; 
+	span { padding: 0 0.8em; }
+	&:hover { background: #ddd; text-decoration: none; } 
+	&.b_on:hover { background: #747474; }
+	&.b_on,&:active,&.b_on:active { color: white; border: none; padding: 1px; @include o-box-shadow-inset(1px,1px,2px,rgba(0,0,0,0.5)); text-shadow: 1px 1px 2px rgba(0,0,0,0.5); }
+	&:focus,&.b_on:focus{ text-decoration: none; }
+	&:active,&.b_on:active{ background: url(images/toggle_active.png) top left repeat-x; } 
+	&.b_on { background: url(images/toggle_on.png) top left repeat-x; }
+	
+}
+span.b_toggle.b_disabled { white-space: nowrap; margin: 0 0.5em 0.2em 0; padding: 0 0.8em; color: #667; border: 1px solid #DDD; @include o-border-radius(10px); display: inline-block; line-height: 1.5em; text-align: center; background: url(images/toggle_dis.png) top left repeat-x; }
+/* TOGGLE SLIDERS */
+a.b_toggle_slide {
+	background: url(images/handle.png) -63px 0px no-repeat; height: 25px; width: 85px; white-space: nowrap; margin: 0 0.2em 0.2em 0.2em; color: #2C2B2B;  border: 1px solid #aaa; @include o-border-radius(4px); display: inline-block; text-align: center; vertical-align: middle; position: relative;
+	span { position: absolute; top: -25px; left:0;} 
+	&:hover,&:focus,&:active,
+	&.b_on:hover,&.b_on:focus,&.b_on:active{ border: 1px solid #868686; text-decoration: none; } 	
+	&.b_on { background-position: -16px 0px; }
+	&.b_disabled { background: url(images/handle_dis.png) -63px 0px no-repeat; height: 25px; width: 85px; white-space: nowrap; margin: 0 0.5em 0.2em 0; color: #2C2B2B;  border: 1px solid #aaa; @include o-border-radius(4px); display: inline-block; text-align: center; vertical-align: middle;}
+	
+	/* TOGGLE SLIDERS SMALL */
+	&.b_small { background: url(images/handle_small.png) -41px 0px no-repeat; height: 16px; width: 55px;@include o-border-radius(2px);}
+	& span { position: absolute; top: -16px; } 
+	&.b_small.b_on { background-position: -9px 0px; }
+}
+span.b_toggle_slide.b_disabled { background: url(images/handle_small_dis.png) -41px 0px no-repeat; height: 16px; width: 55px; white-space: nowrap; margin: 0 0.5em 0.2em 0; color: #2C2B2B;  border: 1px solid #aaa; @include o-border-radius(3px); display: inline-block; text-align: center; vertical-align: middle;}
+span.b_toggle_slide_legend {font-size: 90%; }
+
+/* BACK BUTTON  / LINK **/
+.b_link_back {
+	> span {padding: 0px 8px 0px 25px; background: transparent url('images/arrow_left_big.png') no-repeat 4px center;}
+	@include btt-outer;	
+	/* focused buttons */
+	&:focus,&:hover {
+		text-decoration: none;
+		border:1px solid #C6C6C6;
+		@include o-box-shadow(0, 1px, 1px, rgba(0,0,0,0.1));
+	}
+	&:focus {
+		border-color:$basecolor;
+	}
+	&:active {
+		@include o-box-shadow-inset(0, 1px, 2px, rgba(0,0,0,0.3));
+		border-color:$basecolor;
+	}
+}
+
+
+
+
+
+
+/** ----------------- FORMS + LOGIN  ----------------- **/
+div.o_login_form li {
+	list-style:none;
+}
+div.o_login div.o_login_form fieldset legend {
+	display: none;
+}
+div.b_form div.b_form_desc {
+	padding-bottom: 1em;
+	font-style: italic;
+}
+
+/* FORM: old school form and flexi form! */
+/* general form elements */
+input, select, textarea { border: 1px solid #ACAAAA; background: #F6F6F6; line-height: 1.3em; margin: 0;}
+textarea { font-family: inherit; width: 100%; } /* FF changes font to monospace otherwhise */
+input:focus, select:focus, textarea:focus { background: #fff; border: 1px solid #504D4E; }
+input.b_checkbox, input.b_radio { height: 1em; width: 1em; border: 0; margin: 0 2px 0 0;}
+label.b_checkbox_label, label.b_radio_label { padding-left: 0.5em; }
+.b_inline_editable { padding: 1px 20px 1px 0; vertical-align: middle; min-height: 16px; }
+.b_inline_editable:hover { background-position: 100% 50%; background-repeat: no-repeat; background-image: url(../images/brasato/page_edit_tiny.png);}
+
+span.b_inline_editable:hover {cursor:text !important;}
+
+fieldset {
+		padding:1em;
+		padding-top: 1.5em;
+		border:none;
+		border-top:1px solid $basecolor_light;
+		legend { 
+			padding : 0 5px;
+			font-size:120%;
+			font-weight:bold; 
+		}
+}
+		
+
+div.b_form { 
+	div.b_form_desc { padding-bottom: 1em; font-style: italic;}
+	div.b_form_general_error { padding: 10px 10px 10px 50px; margin-bottom: 20px; text-align: left; background: url(../images/brasato/icon_error.png) no-repeat 10px 10px; min-height: 32px; border: 1px solid #990000; color: #990000; font-style: italic;}
+	div.b_form_spacer { margin: 10px 0; }
+	
+	hr {
+		&.b_form_spacer { margin: 10px 0; border-bottom: 1px solid #eee; padding: 0;}
+		&.b_form_spacer.b_form_horizontal { display: inline-block; width: 2em;}
+		&.b_form_spacer.b_form_spacer_noline { margin: 10px 0; border-bottom: 0; padding: 0;}
+	}
+	
+	/* form element wrapper: label and element */
+	div.b_form_element_wrapper { 
+		vertical-align: middle;
+		margin: 0.5em 0;
+		&.b_form_horizontal { vertical-align: middle; margin: 0.5em 1em 0.5em 0; float: left; display: inline;}
+		&.b_form_vertical { vertical-align: middle; margin: 0.5em 0; float: none; display: block;}
+		
+		div.b_form_element_label{
+			 width: 20%; float: left; display: inline;
+			 label {  float: left; display: inline; line-height: 1.3em;}
+			 span.b_form_mandatory { background: url(images/star-small.png) no-repeat; padding-left: 16px; height: 16px;}
+			&.b_form_horizontal { width: auto; float: left; display: inline;} 
+		 	&.b_form_vertical { width: auto; float: none; display: block; } 
+		} 
+	 	
+	 	div.b_form_element { 
+	 		margin-left: 25%; padding: 0 2px 0 12px;  /* keep 2px space for 100% + border of textarea */
+		 	&.b_form_horizontal {
+		 		margin-left: 0; padding-left: 0; float: left; display: inline;
+		 		.b_button { float: left; display: inline;}
+		 	}
+		 	&.b_form_vertical { margin-left: 0; margin-top: 0.5em; padding-left: 0; float: none; display: block; clear: both;}
+	 	}
+	 	
+	 	/** errors  **/
+	 	&.b_form_error {
+	 		input,select {border: 1px solid #990000; background: #ebcccc;}
+	 	}
+	 	div.b_form_error_msg { clear: both; color: #990000; font-style: italic; display: block;}	
+	 	
+	 	div.b_form_element_wrapper {
+			margin: 0;
+		}
+
+	 }
+
+	/* form button groups */
+	div.b_button_group { margin-left: 0%; padding-left: 0px; text-align: left; } /* make buttons aligned left within element */
+	&.b_form_vertical div.b_button_group { text-align: left; }
+	
+	div.b_form_element div.b_form_example { display: inline; font-size: 80%; color: #504D4E;}
+	
+	div.b_form_element {
+		.b_form_disabled { color: #504D4E; }
+		.b_form_element_disabled { color: #9E9C9C; background: #EEEEEE; border: 1px solid #CDCBCB;}
+		/* date and generic chooser icon*/
+		span.b_form_datechooser { background: url(images/calendar.png) no-repeat; padding-left: 18px; height: 16px; line-height: 16px; margin-left: 2px; padding-top:2px;}
+		a.b_form_groupchooser { background: url(images/users.png) no-repeat; padding-left: 18px; height: 16px;line-height: 16px; margin-left: 2px;}
+		a.b_form_genericchooser { background: url(images/users.png) no-repeat; padding-left: 18px; height: 16px;line-height: 16px; margin-left: 2px;}	
+	    a.b_form_wikitext { background-repeat: no-repeat; padding-left: 12px; line-height: 1.5em; font-style: italic;}
+		a.b_form_wikitext, .b_wiki_icon { background-image: url(images/wiki/wiki_small_9px.png);}
+	}
+
+}// end div.b_form
+	
+div.b_button_group {
+	div.b_form_element_wrapper { vertical-align: middle; margin: 0.5em 0; float: none; display: block;}
+	div.b_form_element_wrapper div.b_form_element_label{ width: auto; float: none; display: block; } 
+	div.b_form_element_wrapper div.b_form_element { margin-left: 0; }
+}
+
+.b_subcolumns {
+	display: table;
+	width: 100%;
+	table-layout: fixed;
+}
+.b_c25l, .b_c25r {
+	input{max-width:93%;}
+}
+
+div.calendar { z-index:10000 !important; }
+	
+	
+/* form element switches: checkbox left, lable right: override styles from above */
+div.b_form div.b_form_element_wrapper.b_form_element_switch div.b_form_element { margin: 0; float: left;}
+div.b_form div.b_form_element_wrapper.b_form_element_switch div.b_form_element_label {float: none; width: auto; display: block; padding-left: 2.5em;}
+div.b_form div.b_form_element_wrapper.b_form_element_switch div.b_form_element_label label { float: none; }
+div.b_form_subform { padding-left: 2.5em; }
+/* selection lists */
+div.b_form_selection_vertical div.b_form_selection_element{ vertical-align: middle; line-height: 1.3em; position: relative;}
+div.b_form_selection_vertical div.b_form_selection_element input{ vertical-align: middle; line-height: 1.3em;}
+div.b_form_selection_horizontal div.b_form_selection_element{ float: left; display: inline; padding-right: 1em;	}
+div.b_form_selection_horizontal div.b_form_selection_element input { vertical-align: middle;}
+/* toggle on / off */
+div.b_form div.b_form_element div.b_form_togglecheck { font-size: 95%; display: block; vertical-align: middle; line-height: 16px; margin-top: 0.5em;}
+div.b_form div.b_form_element div.b_form_togglecheck input { height: 1em; width: 1em; }
+/* link list */
+div.o_form_wrapper fieldset {min-width:60em;}
+div.form_shift_left {position:inherit; left: -20%;}
+
+/* FORM RICHTEXT ELEMENT */
+div.mceExternalToolbar {background: #F0F0EE ! important; overflow: auto;} 
+
+/* CHOICE */
+table.b_choice { 
+	padding: 0; margin: 0;
+	td { 
+		padding: 0.1em; margin: 0;
+		&.b_choice_checkrow	{}
+		&.b_choice_textrow {}
+		&.b_togglecheck { 
+			padding-top: 1em;
+			div.b_togglecheck { display: inline; border-top: 1px solid #eee; }
+			input { margin: 0 7px 0 2px;}
+		}
+	}
+}
+	
+	
+/* FILE CHOOSER : real file chooser is transparent on layer 2 to hide ugly browser button, below the visible fake file chooser on layer 1 */
+div.b_fileinput { 
+	position: relative;
+	div.b_fileinput_fakechooser { 
+		position: absolute; top: 0px; left: 0px; z-index: 1; display: inline; white-space: nowrap;
+		a { margin-left: 5px; } 
+	}
+	span.b_fileinput_maxsize { padding: 1px 0 1px 1em; font-style: italic; min-height: 16px; vertical-align: middle;} /* same as mall icon left */
+	input.b_fileinput_realchooser { position: relative; top: 0; left: 0; z-index: 2; -moz-opacity:0; opacity: 0; filter: alpha(opacity=0);}
+	div.b_button_group { text-align: left; padding-left: 0; margin-left: 0;}
+}
+.b_fileinput_icon { background-image: url(images/drive.png); }
+
+
+/* PROGRESSBAR */
+div.b_progress {}
+div.b_progress div.b_progress_bar { height: 12px; border: 1px solid #bfbfbf; background:$basecolor_ultra_light; }
+div.b_progress div.b_progress_bar div { height: 12px; @include o-gradient2($basecolor_light,$basecolor); }
+div.b_progress div.b_progress_label {}
+	
+	
+	
+	
+/* MARK */
+div.b_mark { 
+	width:20px; height:20px; 
+	/* form within mark : no padding , no margin */
+	div.b_form_element_wrapper {
+		margin:0;
+		div.b_form_element { margin:0; padding:0; } 
+	}
+	a.b_mark_set { background: url(images/flag.png) center right no-repeat; display:block; width:20px; height:20px; }
+	a.b_mark_not_set { background: url(images/flag.png) center right no-repeat; display:block; width:20px; height:20px; opacity:0.4;filter:alpha(opacity=40);}
+	a.b_mark_set span, a.b_mark_not_set span { display:block; width:19px; height:19px; }
+}
+	
+	
+	
+	
\ No newline at end of file
diff --git a/src/main/webapp/static/themes/openolat/all/modules/_forum.scss b/src/main/webapp/static/themes/openolat/all/modules/_forum.scss
new file mode 100644
index 0000000000000000000000000000000000000000..3b044e315d2462bbf4e7beeb101755654c7f27d7
--- /dev/null
+++ b/src/main/webapp/static/themes/openolat/all/modules/_forum.scss
@@ -0,0 +1,67 @@
+/* FORUM */
+
+div.o_forum {
+	div.o_forum_switch { border: 1px solid #8F99AD; padding: 3px; font-size: 95% }
+	div.o_forum_message { 
+		margin: 1em 0 1em 0;
+		padding: 0.5em;
+		border: 1px solid $basegray_light;
+		@include o-border-radius(4px); 
+		background: $basegray_ultra_light;
+	}
+	div.o_forum_message_header_wrapper { 
+		min-height: 24px;
+		div.o_forum_message_header { min-height: 24px;}
+	}
+	
+	div.o_forum_message_title { 
+		vertical-align: middle; padding: 2px 5px 2px 5px;   min-height: 24px;
+		strong { font-weight: bold;}
+	}
+	div.o_forum_message_new div.o_forum_message_title strong {background: url(images/new-text.png) no-repeat top right; padding-right: 20px;}
+	
+	div.o_forum_message_content_wrapper { 
+		div.o_forum_message_content { }
+	}
+	
+	div.o_forum_message_creator { 
+		width: 100px; padding: 0.5em 0px 0px 0px; font-size: 95%; color: #4F576A;
+		strong { font-weight: normal; }
+		img { border: 1px solid #4F576A; }
+	}
+	div.o_forum_message_body { padding: 0.5em; margin-left:100px; background:#fff; margin-right:3px; } 
+	div.o_forum_message_attachments { 
+		margin: 2em 0 0.5em 0; border-top: 1px solid $basegray; font-size: 95%;
+		strong { display: block; margin: 0.5em 0; font-weight: normal; font-style: italic; }
+		ul { list-style: none; margin: 0; padding: 0;}
+		li { margin: 0; padding: 0; }
+		a { background-repeat: no-repeat; background-position: 0 50%; padding-left: 20px; padding-top:2px ;padding-bottom:2px;}
+	}
+	
+	div.o_forum_message_modified { clear: both; border-top: 1px solid #506D90; padding: 0.5em 0 0 0; font-size: 95%; font-style: italic; text-align: center; color: #98221F}
+	div.o_forum_message_footer_wrapper { }
+	div.o_forum_message_actions { text-align: center; padding: 0.2em 1em; padding-top:0.8em;}
+
+
+}
+	
+span.o_forum_thread_sticky { font-weight: bold; }
+span.o_forum_status_thread_icon {background-image: url(images/forum/forum.png)}
+span.o_forum_status_sticky_closed_icon {background-image: url(images/forum/sticky-note-pin_locked.png)}
+span.o_forum_status_sticky_icon {background-image: url(images/forum/sticky-note-pin.png)}
+span.o_forum_status_closed_icon {background-image: url(images/forum/forum_locked.png)}
+
+div.o_forum_peekview { 
+	margin: 1em 0 1em 0;
+	h5 { font-size: 1em; position: relative; left: -20px;}
+	div.o_forum_peekview_message { padding-left: 20px; padding-bottom: 15px; }
+	div.b_quote_wrapper { display: none;}
+}
+.o_forum_message_icon {background-image: url(images/forum/balloon-white-left.png); }
+
+div.o_forum_toolbar { float:left; display:inline; width:75%; }
+div#o_forum_fulltextsearch { 
+	float:right; display:inline; 
+	input { width:10em; }
+	div.b_form_element_wrapper.b_form_horizontal { margin:0; }
+}
diff --git a/src/main/webapp/static/themes/openolat/all/_portlets_boxes.scss b/src/main/webapp/static/themes/openolat/all/modules/_portlets_boxes.scss
similarity index 85%
rename from src/main/webapp/static/themes/openolat/all/_portlets_boxes.scss
rename to src/main/webapp/static/themes/openolat/all/modules/_portlets_boxes.scss
index df06e2ea34ba29db7ee09914ac0edf83af21f44c..a684f7100b5710360d1f5550fd992226dbc4c17c 100644
--- a/src/main/webapp/static/themes/openolat/all/_portlets_boxes.scss
+++ b/src/main/webapp/static/themes/openolat/all/modules/_portlets_boxes.scss
@@ -20,6 +20,36 @@ div.o_home_portaleditlink {
 	right: 0;
 }
 
+.o_home_main h4 {
+	text-align: center;
+}
+
+div.o_home_rsslink {
+	clear: both;
+	float: right;
+	display: inline;
+	margin: 10px 0;
+}
+#o_macartney_open {
+	width: 20px;
+	bottom: 0;
+	left: 0;
+	height: 16px;
+	background: white url(images/magnifier-zoom.png) no-repeat 4px 0;
+}
+#o_macartney_large {
+	position: fixed;
+	top: 10%;
+	left: 10%;
+	width: 80%;
+	z-index: 10;
+	border: 1px solid black;
+	background: white;
+	padding: 5px;
+}
+#o_macartney_large img { width: 100%; }
+#o_macartney_close {position: absolute; width: 16px; top: 0; right: 0; height: 16px; border-left: 1px solid #000; border-bottom: 1px solid #000; background: #fff url(images/close.png)}
+
 
 /** ----------------- PORTLETS & BOXES ----------------- **/
 @mixin o-box {
@@ -46,7 +76,7 @@ div.o_home_portaleditlink {
 		top: 0;
 	}
 	.b_portlet_header {
-		border-bottom: 1px solid $basecolor;
+		border-bottom: 1px solid $basecolor_light;
 		white-space: nowrap;
 		overflow-y: hidden ! important;
 		overflow-x: hidden ! important; 
@@ -108,7 +138,7 @@ div.o_home_portaleditlink {
 	
 		/* the toolbox head */
 		.b_toolbox_head_wrapper { 
-			border-bottom: 1px solid $basecolor;
+			border-bottom: 1px solid $basecolor_light;
 			background: inherit; 
 			.b_toolbox_head { 
 				vertical-align: top;
diff --git a/src/main/webapp/static/themes/openolat/all/modules/_qti.scss b/src/main/webapp/static/themes/openolat/all/modules/_qti.scss
new file mode 100644
index 0000000000000000000000000000000000000000..9c99f227a42c4a93eed5f5d67ebc4246e22f9d35
--- /dev/null
+++ b/src/main/webapp/static/themes/openolat/all/modules/_qti.scss
@@ -0,0 +1,96 @@
+/* QTI legacy styles */
+	#o_qti_run {}
+	#o_qti_run div.b_button_group { text-align: left;}
+	#o_qti_run_title { text-align: right;}
+	#o_qti_run_title strong { float: left; display: inline;}
+	#o_qti_run.o_qti_survey #o_qti_run_title strong { background: url(images/le_resources/survey.png) no-repeat left 50%; padding-left: 20px;}
+	#o_qti_run.o_qti_test #o_qti_run_title strong { background: url(images/le_resources/test.png) no-repeat left 50%; padding-left: 20px; padding-top:2px; padding-bottom:2px;}
+	#o_qti_scoreinfo{float: left; display: inline; padding: .3em; border: 1px solid silver; margin-right: 1em;}
+	#o_qti_run_score { clear: both; margin: 1em 0; padding: 0 0 1.5em 0; font-size: 90%;}
+	#o_qti_run_scoreinfo {float: left; display: inline;} 
+	#o_qti_run_scoreprogress { float: left; display: inline; margin-left:1em;}
+	#o_qti_questioninfo{float: left; display: inline; padding: .3em; border: 1px solid silver;}
+	#o_qti_run_questioninfo {float: left; display: inline; margin-left:1em;}
+	#o_qti_run_questionprogress	{float: left; display: inline; margin-left:1em;}
+	#o_qti_run_status {clear: both; }
+	#o_qti_run_main { clear:both; border-top: 1px solid #504D4E;  margin: 0.5em 0; padding: 1em 0;}
+	#o_qti_run_menu_inner h4 {font-size: 100%;}
+	#o_qti_run_menu_inner ul { padding: 0; margin: 0; list-style: none;}
+	#o_qti_run_menu_inner li { clear: both; padding: 0; margin: 0; white-space: normal;}
+	#o_qti_run_menu_inner li.o_qti_menu_section { padding: 1em 0;}
+	#o_qti_run_menu_inner li div.o_qti_menu_item, #o_qti_run_menu li div.o_qti_menu_section {float: left; display: inline; margin-right: 10px;}		
+	#o_qti_run_content_inner { }
+	#o_qti_results td { padding: 0; }  /* fixes problem with truncated testresults, see OLAT-3416 */	
+	#b_main.o_editor_qti_correct {background-image: url(images/qti/correct_bg.png); background-position: top left; }
+	#b_main.o_editor_qti {background-image: url(../images/olat/editor/edit_bg.png); background-position: top left; }
+	#o_qti_hints, #o_qti_solutions { margin: 1em 0;}
+	#o_qti_hints a { background: url(../images/olat/lightbulb.png) no-repeat left 50%; cursor: help; padding-left: 20px; }
+	#o_qti_hints a:focus, #o_qti_hints a:hover{ background-image: url(../images/olat/lightbulb_hover.png); }	
+	#o_qti_solutions a { background: url(images/magnifier-zoom.png) no-repeat left 50%; cursor: help; padding-left: 20px; }
+	.qti_response_level_feedback_label { margin-top: 1em; font-style:italic }
+	.qti_edit_layout { position:relative; padding-right:30px; margin-bottom:0.6em; }
+	.qti_edit_layout .edit_link { position:absolute; top:10px; right:0px; }
+	
+	/* QTI item styles */
+	div.o_qti_item {margin-bottom: 2em; margin-top: 2em; line-height:2em;}
+	div.o_qti_item input.b_radio, div.o_qti_item input.b_checkbox { margin-left: 1em;}
+	div.o_qti_item textarea { width: 99%;} /* prevent scrollbars */
+	strong.o_qti_item_matemtext {}
+	span.o_qti_item_mattext {}
+	table.o_qti_item_kprim {}
+	img.o_qti_item_matimage { vertical-align: middle;}
+
+	div.o_qti_item_choice {display:table; margin: 1em 0;}
+	div.o_qti_item_choice_option {display:table; padding: .5em; border: 1px solid transparent;}
+	div.o_qti_item_choice_option_flow {display:table-cell; padding: .5em; border: 1px solid transparent;}
+	div.o_qti_item_choice_option:hover {border: 1px solid silver;}
+	div.o_qti_item_choice_option_flow:hover {border: 1px solid silver;}
+	div.o_qti_item_choice_option_input {display:table-cell; vertical-align:middle; padding-right:.5em;}
+	div.o_qti_item_choice_option_input input {vertical-align:middle;}
+	div.o_qti_item_choice_option_value {display:table-cell;}
+	div.o_qti_item_choice_option_value span {line-height:1.5em; margin-right:1em;}
+	div.o_qti_item_choice_option_autoenum{display:table-cell;line-height:1.5em;width:1em;overflow:hidden;vertical-align:middle;color:silver;border:0;padding:0;margin:0;}
+	
+	#o_qti_menu td {}
+    #o_qti_menu a {text-decoration: none;}
+
+    .o_qti_menu_section{padding:.3em;}
+    .o_qti_menu_section_clickable {padding:.3em; border: 1px solid transparent; display:inline-block;}
+    .o_qti_menu_section_clickable:hover {padding:.3em; border: 1px solid silver; display:inline-block;}
+    .o_qti_menu_section_active {padding:.3em; border: 1px dashed silver; display:inline-block;}
+
+    .o_qti_menu_item {padding:.3em;border: 1px solid transparent; display:inline-block;}
+    .o_qti_menu_item_active {padding:.3em; border: 1px dashed silver; display:inline-block;}
+    .o_qti_menu_item_active:hover {border: 1px solid silver;}
+    .o_qti_menu_item_inactive {padding:.3em; border: 1px solid transparent;}
+    .o_qti_menu_item:hover {border: 1px solid silver;}
+    .o_qti_menu_item_closed {padding:.3em; border: 1px solid transparent;}
+
+	.o_qti_menu_item_attempts_marked, .o_qti_menu_item_attempts {color: silver; padding: .2em .4em; border: 1px solid transparent; background: url(images/flag.png) center right no-repeat;  display:block; width:20px; height:12px; }
+    .o_qti_menu_item_attempts { opacity:0.4;filter:alpha(opacity=40); }
+    .o_qti_menu_item_attempts:hover, .o_qti_menu_item_attempts_marked:hover {color: silver; border: 1px solid silver; cursor:pointer; }
+	
+	
+    #o_qti_item_note {padding:0;margin:0;border:0;color:silver;font-family:inherit;font-size:1em;background:inherit;overflow:hidden;}
+	.o_qti_item_note_box {border: 1px dashed silver; padding:.1em;margin:0;padding-left:.5em;}
+	div.o_qti_item_note_box_title{color: silver;}
+	
+	div.o_qti_item_itemfeedback, div.o_qti_item_assessfeedback, div.o_qti_item_o_qti_item_sectionfeedback{margin: 1em 0; background: url(images/lightning.png) no-repeat left 50%; padding-left: 20px;}
+	div.o_qti_item_objectives {margin: 1em 0; background: url(../images/brasato/information.png) no-repeat left 50%; padding-left: 20px; line-height:2em;}
+	/* qti menu items */
+	.o_qti_timelimit_icon {background-image: url(images/qti/time.png); }
+	.o_qti_attemptslimit_icon {background-image: url(images/qti/tries.png); }
+	.o_qti_closed_icon {background-image: url(images/qti/closed.png); }
+	.o_mi_qtialientitem { background-image: url(images/docs/document_plain.png); }
+	.o_mi_qtisc { background-image: url(images/qti/scItem.png); }
+	.o_mi_qtimc { background-image: url(images/qti/mcItem.png); }
+	.o_mi_qtikprim {background-image: url(images/qti/kprimItem.png); }
+	.o_mi_qtifib { background-image: url(images/qti/fibItem.png); }
+	.o_mi_qtiessay {background-image: url(images/qti/essayItem.png); }
+	.o_mi_qtisection { background-image: url(images/qti/section.png); }
+	.o_mi_iqtest { background-image: url(images/le_resources/test.png); }
+	.o_mi_iqsurv { background-image: url(images/le_resources/survey.png); }
+	
+	
+	
+	
\ No newline at end of file
diff --git a/src/main/webapp/static/themes/openolat/all/modules/_tables.scss b/src/main/webapp/static/themes/openolat/all/modules/_tables.scss
new file mode 100644
index 0000000000000000000000000000000000000000..450d4f9d3cb80fe7c5f382e4f29cdd24de600f19
--- /dev/null
+++ b/src/main/webapp/static/themes/openolat/all/modules/_tables.scss
@@ -0,0 +1,66 @@
+/** ----------------- TABLES ----------------- **/
+
+
+/*  normal default table (inherited from YAML) */
+table { 
+	border-collapse:collapse; 
+	margin-bottom:0.5em; 
+	border-top: 0px solid white; 
+	border-bottom: 0px solid white; 
+	
+	caption { font-variant:small-caps; }
+	&.b_full { width: 99.5%; }
+	&.fixed { table-layout:fixed; }
+	
+	 th,td { padding:0.3em; }
+	 thead th { color:inherit; border-bottom:1px solid #ccc; }
+	 
+	 tbody{
+	 	/* olat odd rows */
+		tr.b_table_odd td {  background: #eee; }
+	 }
+}
+	
+	
+/* tables from OpenOLAT tablecontroller are wrapped in b_table_wrapper */
+div.b_table_wrapper { 
+	table {
+		width: 99.5%;
+		margin-left: 1px;
+		
+		tbody{
+			tr:hover td { background: $basecolor_ultra_light; ; }
+		}
+	}
+	
+	/* table add-ons */
+	div.b_table_filter { 
+		float: left; display: inline; font-size: 95%; margin:7px 10px 2px 0;
+		label { font-style: italic; margin:5px 0 2px 0; }
+		select { border: 1px solid #ACAAAA	; }
+		option { }
+	}
+	div.b_clearfix div.b_floatbox { margin:5px 0 0 0; }
+	div.b_table_count { font-size: 95%; float: left; line-height: 16px; vertical-align: bottom; margin: 3px; font-size: 95%;}
+	a.b_table_prefs, a.b_table_download {float: right; display: block; background-repeat: no-repeat; background-position: top left; width: 16px; height: 16px; margin: 3px;}
+	a.b_table_prefs {background-image: url(images/table_gear.png);}
+	a.b_table_download {background-image: url(images/table_download.png);}
+	div.b_table_buttons { text-align: center; margin: 1.5em 0 1em 0; }	/* bottom-margin to fix IE6 overflow issue */
+}
+	
+/* table paging */
+div.b_table_page { 
+	font-size: 95%; text-align: center;
+	a { margin: 0 ; padding: 2px;}
+	a.b_table_page_active { font-weight: bold; color: #000;}
+	a.b_table_backward {background: url(images/arrow_left.png) no-repeat center left; padding-left: 16px;}
+	a.b_table_forward {background: url(images/arrow_right.png) no-repeat center right; padding-right: 16px;}
+	a.b_table_first_page {background: url(images/home.png) no-repeat center left; padding-left: 18px;}
+}
+div.b_table_page_all { 
+	font-size: 95%; text-align: center;
+}
+
+
+	
+	
\ No newline at end of file
diff --git a/src/main/webapp/static/themes/openolat/all/_tabpane.scss b/src/main/webapp/static/themes/openolat/all/modules/_tabpane.scss
similarity index 90%
rename from src/main/webapp/static/themes/openolat/all/_tabpane.scss
rename to src/main/webapp/static/themes/openolat/all/modules/_tabpane.scss
index 438ddd971ee79912bfae49b8269a92a0cc004c2c..c8f89efe91099eaffc4daae8e1675947b3417b06 100644
--- a/src/main/webapp/static/themes/openolat/all/_tabpane.scss
+++ b/src/main/webapp/static/themes/openolat/all/modules/_tabpane.scss
@@ -95,10 +95,15 @@ div.b_segments_container {
 		min-height: 25px; 
 		padding-top: 8px; 
 		position: relative; 
+		background: url(images/divider.png) center top no-repeat;
 		div.b_segments { 
+			clear:both;
+			position:absolute;
+			left:50%;
 			a:hover { text-decoration: none; }
 			ul { 
 				position: relative; 
+				left:-50%;
 				list-style-type:none;
 				margin: 0; 
 				li { 
@@ -133,9 +138,17 @@ div.b_segments_container {
 						a,strong { color: #000; font-weight: bold;  }
 			
 					}
-					&.b_segment_first {  }
-					&.b_segment_first.b_segment_selected {  }
-					&.b_segment_last { }
+					$seg_br: 12px;
+					
+					&.b_segment_first { 
+						@include o-border-radius-all($seg_br,0px,0px,$seg_br);
+					}
+					&.b_segment_first.b_segment_selected { 
+						
+					}
+					&.b_segment_last {
+						@include o-border-radius-all(0px,$seg_br,$seg_br,0px);
+					}
 				 }
 			}
 		}
diff --git a/src/main/webapp/static/themes/openolat/all/modules/_translationtool.scss b/src/main/webapp/static/themes/openolat/all/modules/_translationtool.scss
new file mode 100644
index 0000000000000000000000000000000000000000..676158a2bf47d87547bcdc4a7282ed0ebfc9b241
--- /dev/null
+++ b/src/main/webapp/static/themes/openolat/all/modules/_translationtool.scss
@@ -0,0 +1,36 @@
+
+/* TRANSLATION TOOL */
+	div.b_translation_start div.b_translation_start_body, div.b_translation_edit div.b_translation_edit_body {margin-top: 0.5em; padding-top: 0.5em; border-top: 1px solid #ACAAAA; }
+	div.b_translation_list div.b_translation_list_package {margin-bottom: 0.5em; padding: 1em 0 0.5em 0; border-bottom: 1px solid #ACAAAA; }
+	div.b_translation_list div.b_translation_list_package div.b_translation_package_icon {margin-bottom: 0.5em; border-bottom: 1px solid #ACAAAA; }
+	div.b_translation_edit div.b_button_group {text-align: center; margin: 1em 0 0 0;}
+	div.b_translation_edit div.b_translation_edit_head div.b_progress div.b_progress_bar { float: left; display: inline; }
+	div.b_translation_edit div.b_translation_edit_head div.b_progress div.b_progress_label { float: left; display: inline; padding: 0 0 0 1em; font-size: 90%; font-style: italic;}
+	div.b_translation_edit div.b_translation_edit_body textarea {width: 99% }
+	div.b_translation_edit div.b_translation_edit_body div.b_translation_edit_reference {} 
+	div.b_translation_edit div.b_translation_edit_body div.b_translation_edit_annotation {margin-top: 1em;} 
+	div.b_translation_edit div.b_translation_edit_body div.b_translation_edit_compare {margin-top: 1em; padding-top: 0.5em; border-top: 1px solid #ACAAAA;} 
+	div.b_translation_edit div.b_translation_edit_body div.b_translation_edit_target {margin-top: 1em; padding-top: 0.5em; border-top: 1px solid #ACAAAA;} 
+	div.b_translation_edit div.b_form_element textarea.b_form_element_disabled { color: #000; background: #EEEEEE; border: 1px solid #CDCBCB;}
+	div.b_translation_edit div.b_translation_edit_annotation h5 {font-weight: normal; font-size: 100%; font-style: italic;}
+	div.b_translation_edit div.b_translation_edit_annotation textarea {font-style: italic;}
+	div.b_translation_edit div.b_translation_refKey { background-image: url(images/magnifier-zoom.png); vertical-align: middle; background-color: #eee; border:1px solid #ACAAAA; margin-right: 1%; }
+	div.b_translation_edit div.b_translation_refKey  code { line-height: 1em; vertical-align: middle;}
+	div.b_translation_edit div.b_translation_refKey  span { line-height: 1em; font-style: italic;}
+	div.b_translation_config span.b_translation_status, ul.b_translation_status span.b_translation_status { position: absolute; right:1em; }
+	ul.b_translation_status { column-count:2; -moz-column-count:2; list-style: none;}
+	ul.b_translation_status li { position: relative;}	
+
+	.b_translation_package_icon { background-image: url(images/folder_open.png)  ! important; }
+	.b_translation_item_icon { background-image: url(images/docs/document-node.png)  ! important; }
+	.b_translation_search_icon { background-image: url(images/magnifier-zoom.png)  ! important; }
+	/* inline translation tool */	
+	span.b_translation_i18nitem { position: relative ! important; }
+	span.b_translation_i18nitem a.b_translation_i18nitem_launcher { position: absolute ! important; z-index: 100 ! important; width: 16px ! important; height: 16px ! important; top: 0 ! important; left: 5px ! important; 
+		background: #eee url(images/docs/document_metadata_edit.png) no-repeat ! important; border: 1px solid #6E6E6E ! important;
+		@include o-border-radius(3px);
+		padding: 0 ! important;
+	}
+	
+	/* lang selector: make sure you match the country flag, not always the same as the lang code */
+	option.b_translation_overlay { }
\ No newline at end of file
diff --git a/src/main/webapp/static/themes/openolat/all/modules/_wiki.scss b/src/main/webapp/static/themes/openolat/all/modules/_wiki.scss
index dd22dfc8c688df72d7b08e73ea8caa507da612d9..ff0ce0e7def9861519292c17ee9be6c27c8e5235 100644
--- a/src/main/webapp/static/themes/openolat/all/modules/_wiki.scss
+++ b/src/main/webapp/static/themes/openolat/all/modules/_wiki.scss
@@ -38,6 +38,7 @@
 			}
 			position: relative;
 		 }
+		 
 		div.o_wikimod_btn div.b_contexthelp_wrapper a.b_contexthelp {position: absolute; top: 0; right: 0;}
 		a.o_wikimod_btn_bold { background-image: url(images/wiki/edit-bold.png) }
 		a.o_wikimod_btn_italic { background-image: url(images/wiki/edit-italic.png) }
@@ -45,10 +46,10 @@
 		a.o_wikimod_btn_extlink { background: url(images/wiki/chain--arrow.png) }
 		a.o_wikimod_btn_headline { background: url(images/wiki/edit-heading.png) }
 		a.o_wikimod_btn_image { background: url(images/wiki/image-medium.png) }
-		a.o_wikimod_btn_media { background: url(../images/olat/wiki/btn_media.png) }
-		a.o_wikimod_btn_math { background: url(../images/olat/wiki/btn_math.png) }
-		a.o_wikimod_btn_nowiki { background: url(../images/olat/wiki/btn_nowiki.png) }
-		a.o_wikimod_btn_hr { background: url(../images/olat/wiki/btn_hr.png) }
+		a.o_wikimod_btn_media { background: url(images/music-beam.png) }
+		a.o_wikimod_btn_math { background: url(images/wiki/edit-math.png) }
+		a.o_wikimod_btn_nowiki { background: url(images/wiki/edit-nowiki.png) }
+		a.o_wikimod_btn_hr { background: url(images/wiki/edit-hr.png) }
 		a.o_wikimod_btn_list { background: url(images/wiki/edit-list.png) }
 		a.o_wikimod_btn_numlist { background: url(images/wiki/edit-list-order.png) }
 	
diff --git a/src/main/webapp/static/themes/openolat/compiletheme.sh b/src/main/webapp/static/themes/openolat/compiletheme.sh
new file mode 100755
index 0000000000000000000000000000000000000000..8d0f0ba1b5610771c50e298b3b71d607bdcf82db
--- /dev/null
+++ b/src/main/webapp/static/themes/openolat/compiletheme.sh
@@ -0,0 +1,7 @@
+#!/bin/sh
+#
+# compilescript for openolat-SASS-theme
+# can be included into eclipse-project-build (project-properties --> "Builders")
+#
+
+sass --update .
\ No newline at end of file
diff --git a/src/main/webapp/static/themes/openolat/favicon.ico b/src/main/webapp/static/themes/openolat/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..92b3c8891901712cdd96b8f309b0414cb1adc327
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/favicon.ico differ
diff --git a/src/main/webapp/static/themes/openolat/images/ajax.png b/src/main/webapp/static/themes/openolat/images/ajax.png
new file mode 100644
index 0000000000000000000000000000000000000000..2b29d52f24c90f0463a698afc062f34a5f6d2299
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/ajax.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/breadcrumb-separator.png b/src/main/webapp/static/themes/openolat/images/breadcrumb-separator.png
new file mode 100644
index 0000000000000000000000000000000000000000..a4603f5081159ef2f6138f27ca70143471afbc0e
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/breadcrumb-separator.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/divider.png b/src/main/webapp/static/themes/openolat/images/divider.png
new file mode 100644
index 0000000000000000000000000000000000000000..58886af30fda6eed072bd1c4c4c0981b9856b6d8
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/divider.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/drive.png b/src/main/webapp/static/themes/openolat/images/drive.png
new file mode 100644
index 0000000000000000000000000000000000000000..b6822468da74a12271c2344eea751ac8e2c98a0f
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/drive.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/flag.png b/src/main/webapp/static/themes/openolat/images/flag.png
new file mode 100644
index 0000000000000000000000000000000000000000..67e333853a9a790944fa5ca77a850bcf87420732
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/flag.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/forum.png b/src/main/webapp/static/themes/openolat/images/forum.png
deleted file mode 100644
index 01fc1f057ab6f8abff8cba9b33ca9930306579fc..0000000000000000000000000000000000000000
Binary files a/src/main/webapp/static/themes/openolat/images/forum.png and /dev/null differ
diff --git a/src/main/webapp/static/themes/openolat/images/forum/balloon-white-left.png b/src/main/webapp/static/themes/openolat/images/forum/balloon-white-left.png
new file mode 100644
index 0000000000000000000000000000000000000000..347746cb4427db069878adef8f8c71995f7ead98
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/forum/balloon-white-left.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/forum/forum.png b/src/main/webapp/static/themes/openolat/images/forum/forum.png
new file mode 100644
index 0000000000000000000000000000000000000000..03b572089f681872f48e238b81ea350e495698ba
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/forum/forum.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/forum/forum_locked.png b/src/main/webapp/static/themes/openolat/images/forum/forum_locked.png
new file mode 100644
index 0000000000000000000000000000000000000000..de21cb929df84c2fe6e6ed7deea84258701b74e2
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/forum/forum_locked.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/forum/sticky-note-pin.png b/src/main/webapp/static/themes/openolat/images/forum/sticky-note-pin.png
new file mode 100644
index 0000000000000000000000000000000000000000..d5e12a40bd8b8c575dfe51b3231176cd3c86ebc1
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/forum/sticky-note-pin.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/forum/sticky-note-pin_locked.png b/src/main/webapp/static/themes/openolat/images/forum/sticky-note-pin_locked.png
new file mode 100644
index 0000000000000000000000000000000000000000..95022131fa89ad00fc90b68e2a94ea0cce85f29d
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/forum/sticky-note-pin_locked.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/gear.png b/src/main/webapp/static/themes/openolat/images/gear.png
new file mode 100644
index 0000000000000000000000000000000000000000..8151463917ec88ca0962a5bfefb9f11c9122bff8
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/gear.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/handle.png b/src/main/webapp/static/themes/openolat/images/handle.png
new file mode 100644
index 0000000000000000000000000000000000000000..0426835c6a75ecb99afabdefe3cfe3495e09e954
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/handle.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/handle_dis.png b/src/main/webapp/static/themes/openolat/images/handle_dis.png
new file mode 100644
index 0000000000000000000000000000000000000000..612670d5c6f6fff7e79a82449ba0e392ace55c64
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/handle_dis.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/handle_small.png b/src/main/webapp/static/themes/openolat/images/handle_small.png
new file mode 100644
index 0000000000000000000000000000000000000000..baa1e72e4621c49c063c724b0197c48ecd56de2a
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/handle_small.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/handle_small_dis.png b/src/main/webapp/static/themes/openolat/images/handle_small_dis.png
new file mode 100644
index 0000000000000000000000000000000000000000..7f3159ae68eabbef596184254c5b0c24082a4690
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/handle_small_dis.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/icon_question_32.png b/src/main/webapp/static/themes/openolat/images/icon_question_32.png
new file mode 100644
index 0000000000000000000000000000000000000000..d3985e037071fb8851de75702dac022de1525a3c
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/icon_question_32.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/le_resources/book-open-text-image.png b/src/main/webapp/static/themes/openolat/images/le_resources/book-open-text-image.png
index 8b023a3b5588c55029c4e5bf931e3a08c403384b..07d8f03aee9ed62ea5ab3c07666c81d137e215bc 100644
Binary files a/src/main/webapp/static/themes/openolat/images/le_resources/book-open-text-image.png and b/src/main/webapp/static/themes/openolat/images/le_resources/book-open-text-image.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/le_resources/book-open-text-image_locked.png b/src/main/webapp/static/themes/openolat/images/le_resources/book-open-text-image_locked.png
new file mode 100644
index 0000000000000000000000000000000000000000..a59ddc82001ddba20045d28d8fab1bd343533d00
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/le_resources/book-open-text-image_locked.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/le_resources/portfolio.png b/src/main/webapp/static/themes/openolat/images/le_resources/portfolio.png
index 6315aa99752c407f29a40a1b4d38a0ec3d43225d..0683eed25f468035b8be0e924b8c0ad33083d17d 100644
Binary files a/src/main/webapp/static/themes/openolat/images/le_resources/portfolio.png and b/src/main/webapp/static/themes/openolat/images/le_resources/portfolio.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/lightning.png b/src/main/webapp/static/themes/openolat/images/lightning.png
new file mode 100644
index 0000000000000000000000000000000000000000..c8ce3326fb0333508a3e401566fb90c99ee879cb
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/lightning.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/lock_gray_small.png b/src/main/webapp/static/themes/openolat/images/lock_gray_small.png
new file mode 100644
index 0000000000000000000000000000000000000000..0e9a9a6c243321295c6fd1913b3d2e4a2dc445c8
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/lock_gray_small.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/locked.png b/src/main/webapp/static/themes/openolat/images/locked.png
new file mode 100755
index 0000000000000000000000000000000000000000..8a1fc37fcaec77fd33d32c3b97bf61ba270277ec
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/locked.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/mail--minus.png b/src/main/webapp/static/themes/openolat/images/mail--minus.png
new file mode 100644
index 0000000000000000000000000000000000000000..326cf0a79dbe716e108c4ebd2190f321db563bbe
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/mail--minus.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/mail--plus.png b/src/main/webapp/static/themes/openolat/images/mail--plus.png
new file mode 100644
index 0000000000000000000000000000000000000000..f4902ed272cf11eaa5a2a3ae2bb974006c211932
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/mail--plus.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/music-beam.png b/src/main/webapp/static/themes/openolat/images/music-beam.png
new file mode 100644
index 0000000000000000000000000000000000000000..d6336b18939b4ef5d788542de165a3640784302f
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/music-beam.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/node-select-all.png b/src/main/webapp/static/themes/openolat/images/node-select-all.png
index 58fe83cc33ebedddace477bdfc73ba14d6533e2d..3224f718ecd9241d6f24a32b7f19a1c9f46c7ceb 100644
Binary files a/src/main/webapp/static/themes/openolat/images/node-select-all.png and b/src/main/webapp/static/themes/openolat/images/node-select-all.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/portfolio/artefaktbg.png b/src/main/webapp/static/themes/openolat/images/portfolio/artefaktbg.png
new file mode 100644
index 0000000000000000000000000000000000000000..07b4f2f7decb823a49b880119cc125e22016ceb7
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/portfolio/artefaktbg.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/portfolio/briefcase.png b/src/main/webapp/static/themes/openolat/images/portfolio/briefcase.png
new file mode 100644
index 0000000000000000000000000000000000000000..223e889eb13ca5f03cea33109a3fa8547c6c5e48
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/portfolio/briefcase.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/portfolio/divider-arrow-down.png b/src/main/webapp/static/themes/openolat/images/portfolio/divider-arrow-down.png
new file mode 100644
index 0000000000000000000000000000000000000000..082941806fff382bf253471cfa15fd2f47201554
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/portfolio/divider-arrow-down.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/portfolio/ep_add_again_icon.png b/src/main/webapp/static/themes/openolat/images/portfolio/ep_add_again_icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..396c9f22c39c7477705a35949738e6729b513794
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/portfolio/ep_add_again_icon.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/portfolio/ep_add_icon.png b/src/main/webapp/static/themes/openolat/images/portfolio/ep_add_icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..6ac309438a89d4df2ae5a7554a0741326f559262
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/portfolio/ep_add_icon.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/portfolio/ep_link_icon.png b/src/main/webapp/static/themes/openolat/images/portfolio/ep_link_icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..865c08cded1427b0ef376b5de47f4ff3b878f1b5
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/portfolio/ep_link_icon.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/portfolio/ep_liveblog_icon.png b/src/main/webapp/static/themes/openolat/images/portfolio/ep_liveblog_icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..2ad1520104b34c622417c6339f401e9cee58bbae
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/portfolio/ep_liveblog_icon.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/portfolio/ep_page.png b/src/main/webapp/static/themes/openolat/images/portfolio/ep_page.png
new file mode 100644
index 0000000000000000000000000000000000000000..c1935e8730033398e904911776565f9e45cbf161
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/portfolio/ep_page.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/portfolio/ep_page_add.png b/src/main/webapp/static/themes/openolat/images/portfolio/ep_page_add.png
new file mode 100644
index 0000000000000000000000000000000000000000..8fb5f32987a23a7e56885eb7701b5bb22d2deb6c
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/portfolio/ep_page_add.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/portfolio/ep_struct.png b/src/main/webapp/static/themes/openolat/images/portfolio/ep_struct.png
new file mode 100644
index 0000000000000000000000000000000000000000..eceb581bf60babf0c336ad9e923371087e067bee
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/portfolio/ep_struct.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/portfolio/ep_struct_add.png b/src/main/webapp/static/themes/openolat/images/portfolio/ep_struct_add.png
new file mode 100644
index 0000000000000000000000000000000000000000..7f16fc6a62b0f256c558d0bfdc230fae1aee61a7
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/portfolio/ep_struct_add.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/portfolio/eportfolio_map_comic.png b/src/main/webapp/static/themes/openolat/images/portfolio/eportfolio_map_comic.png
new file mode 100644
index 0000000000000000000000000000000000000000..e55cbf6a3af06014d223bbbec8deffa700b396af
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/portfolio/eportfolio_map_comic.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/portfolio/eportfolio_map_comic_template.png b/src/main/webapp/static/themes/openolat/images/portfolio/eportfolio_map_comic_template.png
new file mode 100644
index 0000000000000000000000000000000000000000..00ca59af08776d1530c8f510175bf99b93e7d9ca
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/portfolio/eportfolio_map_comic_template.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/portfolio/eportfolio_map_default.png b/src/main/webapp/static/themes/openolat/images/portfolio/eportfolio_map_default.png
new file mode 100644
index 0000000000000000000000000000000000000000..1a7a7a079967989e50f49f816cd57d8d848dfff1
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/portfolio/eportfolio_map_default.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/portfolio/eportfolio_map_default_template.png b/src/main/webapp/static/themes/openolat/images/portfolio/eportfolio_map_default_template.png
new file mode 100644
index 0000000000000000000000000000000000000000..f2c4d386686221233f608484ade9d39d079b8fc3
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/portfolio/eportfolio_map_default_template.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/portfolio/eportfolio_map_leather.png b/src/main/webapp/static/themes/openolat/images/portfolio/eportfolio_map_leather.png
new file mode 100644
index 0000000000000000000000000000000000000000..d66bb63d3ba95061c133eb093ffe1f37fdcce5ac
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/portfolio/eportfolio_map_leather.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/portfolio/eportfolio_map_leather_template.png b/src/main/webapp/static/themes/openolat/images/portfolio/eportfolio_map_leather_template.png
new file mode 100644
index 0000000000000000000000000000000000000000..0aff7b8034eaa815bce82ce2f4480210f4dd0b81
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/portfolio/eportfolio_map_leather_template.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/portfolio/eportfolio_page_corner.png b/src/main/webapp/static/themes/openolat/images/portfolio/eportfolio_page_corner.png
new file mode 100644
index 0000000000000000000000000000000000000000..f58e422f14ac81f046eaca5364acfee9aaa7b3c0
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/portfolio/eportfolio_page_corner.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/portfolio/light-leather-tile.jpg b/src/main/webapp/static/themes/openolat/images/portfolio/light-leather-tile.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..0a62b112755b634f344c8d15f41368153838a023
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/portfolio/light-leather-tile.jpg differ
diff --git a/src/main/webapp/static/themes/openolat/images/portfolio/postit.png b/src/main/webapp/static/themes/openolat/images/portfolio/postit.png
new file mode 100644
index 0000000000000000000000000000000000000000..6c22ac70bcdcbe7d5a4b9a538051cf7a39937e71
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/portfolio/postit.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/portfolio/postit_green.png b/src/main/webapp/static/themes/openolat/images/portfolio/postit_green.png
new file mode 100644
index 0000000000000000000000000000000000000000..04afdf3e6c99116700a76bb314933b720213cddf
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/portfolio/postit_green.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/portfolio/postit_pink.png b/src/main/webapp/static/themes/openolat/images/portfolio/postit_pink.png
new file mode 100644
index 0000000000000000000000000000000000000000..3b86263a4c0fad5d120f2f0f3c0c0116f539a541
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/portfolio/postit_pink.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/qti/check_off.png b/src/main/webapp/static/themes/openolat/images/qti/check_off.png
new file mode 100644
index 0000000000000000000000000000000000000000..286a12dadb3e319b04b0dceabb56fbde6ba0601a
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/qti/check_off.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/qti/check_on.png b/src/main/webapp/static/themes/openolat/images/qti/check_on.png
new file mode 100644
index 0000000000000000000000000000000000000000..606ecfcf2e486b2369a3930e816afb0d390b9b1c
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/qti/check_on.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/qti/closed.png b/src/main/webapp/static/themes/openolat/images/qti/closed.png
new file mode 100755
index 0000000000000000000000000000000000000000..8a1fc37fcaec77fd33d32c3b97bf61ba270277ec
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/qti/closed.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/qti/correct.png b/src/main/webapp/static/themes/openolat/images/qti/correct.png
new file mode 100755
index 0000000000000000000000000000000000000000..a7d7a96be3f2282a62e3c0733bac89c7f6de7b4a
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/qti/correct.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/qti/correct_bg.png b/src/main/webapp/static/themes/openolat/images/qti/correct_bg.png
new file mode 100644
index 0000000000000000000000000000000000000000..a335445eaac6ffaa224004dd8be5c03d3f626045
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/qti/correct_bg.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/qti/essayItem.png b/src/main/webapp/static/themes/openolat/images/qti/essayItem.png
new file mode 100644
index 0000000000000000000000000000000000000000..ddc0f2619cbde4373590a3a076a01020e90a529c
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/qti/essayItem.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/qti/fibItem.png b/src/main/webapp/static/themes/openolat/images/qti/fibItem.png
new file mode 100644
index 0000000000000000000000000000000000000000..61b203151cecca9352300156f9b82e6999d2d7bf
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/qti/fibItem.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/qti/kprimItem.png b/src/main/webapp/static/themes/openolat/images/qti/kprimItem.png
new file mode 100644
index 0000000000000000000000000000000000000000..73da8aaa55567e14a0c5782e09654f935d32f592
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/qti/kprimItem.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/qti/mcItem.png b/src/main/webapp/static/themes/openolat/images/qti/mcItem.png
new file mode 100644
index 0000000000000000000000000000000000000000..8db9120f80ba8a741a13459b5045fd60f3eb7402
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/qti/mcItem.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/qti/radio_off.png b/src/main/webapp/static/themes/openolat/images/qti/radio_off.png
new file mode 100644
index 0000000000000000000000000000000000000000..45bfbd51fd5ebe1345668406cb8ec4198af3661b
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/qti/radio_off.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/qti/radio_on.png b/src/main/webapp/static/themes/openolat/images/qti/radio_on.png
new file mode 100644
index 0000000000000000000000000000000000000000..79e908f94704ffff13bd1eb632a4dd725ff47e84
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/qti/radio_on.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/qti/scItem.png b/src/main/webapp/static/themes/openolat/images/qti/scItem.png
new file mode 100644
index 0000000000000000000000000000000000000000..c0ba32eb84f46d87e5fb16f58fcb52e2ddf5d4d5
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/qti/scItem.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/qti/section.png b/src/main/webapp/static/themes/openolat/images/qti/section.png
new file mode 100644
index 0000000000000000000000000000000000000000..30c658efd0a16bea0a5949b63f5295912992e05b
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/qti/section.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/qti/time.png b/src/main/webapp/static/themes/openolat/images/qti/time.png
new file mode 100755
index 0000000000000000000000000000000000000000..50ffda61ab16b224efdcab6bda983379f53d365a
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/qti/time.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/qti/tries.png b/src/main/webapp/static/themes/openolat/images/qti/tries.png
new file mode 100755
index 0000000000000000000000000000000000000000..06f1ee390a69aede315c33ab6ba8c085bcdd003e
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/qti/tries.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/qti/wrong.png b/src/main/webapp/static/themes/openolat/images/qti/wrong.png
new file mode 100755
index 0000000000000000000000000000000000000000..d6921565df89bbffb6188df01e7cabd763e20e67
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/qti/wrong.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/table_download.png b/src/main/webapp/static/themes/openolat/images/table_download.png
new file mode 100644
index 0000000000000000000000000000000000000000..86fb995fd896bb1b05447781df6b56e43c187b8b
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/table_download.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/tag-label-yellow.png b/src/main/webapp/static/themes/openolat/images/tag-label-yellow.png
new file mode 100644
index 0000000000000000000000000000000000000000..a504580fbdef848e1f12f78e86a092292e4d08bf
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/tag-label-yellow.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/tag_x.gif b/src/main/webapp/static/themes/openolat/images/tag_x.gif
new file mode 100644
index 0000000000000000000000000000000000000000..cc2199248c157bb6b7a5abe254cc5297adbf479b
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/tag_x.gif differ
diff --git a/src/main/webapp/static/themes/openolat/images/toggle_active.png b/src/main/webapp/static/themes/openolat/images/toggle_active.png
new file mode 100644
index 0000000000000000000000000000000000000000..4cc77fc3f2841a8bebdbaa723e7d35d548a2f666
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/toggle_active.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/toggle_dis.png b/src/main/webapp/static/themes/openolat/images/toggle_dis.png
new file mode 100644
index 0000000000000000000000000000000000000000..e4b1965aa635554f437c9923c44e7c4b3add7122
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/toggle_dis.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/toggle_off.png b/src/main/webapp/static/themes/openolat/images/toggle_off.png
new file mode 100644
index 0000000000000000000000000000000000000000..c6e1066604d1e04d7887984116558e477f57eb40
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/toggle_off.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/toggle_on.png b/src/main/webapp/static/themes/openolat/images/toggle_on.png
new file mode 100644
index 0000000000000000000000000000000000000000..d6f8f48cbf5dfbd414238af7273c1a135d83fa13
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/toggle_on.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/toggle_on_bg.png b/src/main/webapp/static/themes/openolat/images/toggle_on_bg.png
new file mode 100644
index 0000000000000000000000000000000000000000..a670ea59abe855537f5d3f85f82cb38c9e3ba812
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/toggle_on_bg.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/tree/dots.gif b/src/main/webapp/static/themes/openolat/images/tree/dots.gif
new file mode 100644
index 0000000000000000000000000000000000000000..1a717830c7ee56921f97c4423971503fee82bd79
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/tree/dots.gif differ
diff --git a/src/main/webapp/static/themes/openolat/images/tree/dots_nl.gif b/src/main/webapp/static/themes/openolat/images/tree/dots_nl.gif
new file mode 100644
index 0000000000000000000000000000000000000000..61dc34199bf1618ee7d6d7837e1c2a82f4347e76
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/tree/dots_nl.gif differ
diff --git a/src/main/webapp/static/themes/openolat/images/tree/dots_nt.gif b/src/main/webapp/static/themes/openolat/images/tree/dots_nt.gif
new file mode 100644
index 0000000000000000000000000000000000000000..cf938dd37074830a68e8bc9af7e0d9dc82c7813d
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/tree/dots_nt.gif differ
diff --git a/src/main/webapp/static/themes/openolat/images/tree/dots_spacer.gif b/src/main/webapp/static/themes/openolat/images/tree/dots_spacer.gif
new file mode 100644
index 0000000000000000000000000000000000000000..0b549806c285eb2e9d8310eeb66969a9a01da223
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/tree/dots_spacer.gif differ
diff --git a/src/main/webapp/static/themes/openolat/images/wiki/edit-heading.png b/src/main/webapp/static/themes/openolat/images/wiki/edit-heading.png
index d95ab180c207758ea38f812ecffac96474f264ac..f62f53fa1edb6468f1dbf9e8ed6d8859579427a4 100644
Binary files a/src/main/webapp/static/themes/openolat/images/wiki/edit-heading.png and b/src/main/webapp/static/themes/openolat/images/wiki/edit-heading.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/wiki/edit-hr.png b/src/main/webapp/static/themes/openolat/images/wiki/edit-hr.png
new file mode 100644
index 0000000000000000000000000000000000000000..bccd30d70f26e48174cce1d11e03c6bce38c7943
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/wiki/edit-hr.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/wiki/edit-math.png b/src/main/webapp/static/themes/openolat/images/wiki/edit-math.png
new file mode 100644
index 0000000000000000000000000000000000000000..446c9fe89078cca579be944adadcfa783bae3f6d
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/wiki/edit-math.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/wiki/edit-nowiki.png b/src/main/webapp/static/themes/openolat/images/wiki/edit-nowiki.png
new file mode 100644
index 0000000000000000000000000000000000000000..e8e00d2d77b6d61c517571f683a7c04d7559f526
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/wiki/edit-nowiki.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/wiki/wiki_small_9px.png b/src/main/webapp/static/themes/openolat/images/wiki/wiki_small_9px.png
new file mode 100644
index 0000000000000000000000000000000000000000..4105f232f431f5a19a825d6485fe04dfcf96213f
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/wiki/wiki_small_9px.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/wizard/1a.png b/src/main/webapp/static/themes/openolat/images/wizard/1a.png
new file mode 100644
index 0000000000000000000000000000000000000000..d953006b15d6502c51c112bb91d9b0853196a94d
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/wizard/1a.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/wizard/1p.png b/src/main/webapp/static/themes/openolat/images/wizard/1p.png
new file mode 100644
index 0000000000000000000000000000000000000000..b8669efb310f00eb70591992a730c265a95d1e92
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/wizard/1p.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/wizard/2a.png b/src/main/webapp/static/themes/openolat/images/wizard/2a.png
new file mode 100644
index 0000000000000000000000000000000000000000..168d3eabd4f179579b01d1bd322720fcc845d377
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/wizard/2a.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/wizard/2p.png b/src/main/webapp/static/themes/openolat/images/wizard/2p.png
new file mode 100644
index 0000000000000000000000000000000000000000..330850988b25d268184e0a5e3fa2ebbb205c79cd
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/wizard/2p.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/wizard/3a.png b/src/main/webapp/static/themes/openolat/images/wizard/3a.png
new file mode 100644
index 0000000000000000000000000000000000000000..ded84eaa6359b99eae1530719ad0a3bf3543a278
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/wizard/3a.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/wizard/3p.png b/src/main/webapp/static/themes/openolat/images/wizard/3p.png
new file mode 100644
index 0000000000000000000000000000000000000000..4d21ade835b5b212dee63df755f05bec53cab6a6
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/wizard/3p.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/wizard/4a.png b/src/main/webapp/static/themes/openolat/images/wizard/4a.png
new file mode 100644
index 0000000000000000000000000000000000000000..7b1920b6579a8ad3a30162f05dd0e50089ef1ad0
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/wizard/4a.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/wizard/4p.png b/src/main/webapp/static/themes/openolat/images/wizard/4p.png
new file mode 100644
index 0000000000000000000000000000000000000000..4dfc5bd44ff1c7a4b5878441ecc69012badcfbb8
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/wizard/4p.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/wizard/5a.png b/src/main/webapp/static/themes/openolat/images/wizard/5a.png
new file mode 100644
index 0000000000000000000000000000000000000000..5225b091c9252f1386cb5d4cbce9c6c753465e8d
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/wizard/5a.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/wizard/5p.png b/src/main/webapp/static/themes/openolat/images/wizard/5p.png
new file mode 100644
index 0000000000000000000000000000000000000000..ecb74bff97a90acfc08d036dc51f0b8e14f5eb21
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/wizard/5p.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/wizard/6a.png b/src/main/webapp/static/themes/openolat/images/wizard/6a.png
new file mode 100644
index 0000000000000000000000000000000000000000..be87781905ae41d98a38f9d650ecef1bd0da7bb6
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/wizard/6a.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/wizard/6p.png b/src/main/webapp/static/themes/openolat/images/wizard/6p.png
new file mode 100644
index 0000000000000000000000000000000000000000..1c1cc6816ac449635237f054af80f85576d8c23f
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/wizard/6p.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/wizard/7a.png b/src/main/webapp/static/themes/openolat/images/wizard/7a.png
new file mode 100644
index 0000000000000000000000000000000000000000..e75a64c21c806c359810ae8bcb4aeaf100980e51
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/wizard/7a.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/wizard/7p.png b/src/main/webapp/static/themes/openolat/images/wizard/7p.png
new file mode 100644
index 0000000000000000000000000000000000000000..f019e26f20e374e7391d4f934fb749fdf3bbc892
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/wizard/7p.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/wizard/8a.png b/src/main/webapp/static/themes/openolat/images/wizard/8a.png
new file mode 100644
index 0000000000000000000000000000000000000000..52163d9bc348ea8d13bb8e802d610c66600822a7
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/wizard/8a.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/wizard/8p.png b/src/main/webapp/static/themes/openolat/images/wizard/8p.png
new file mode 100644
index 0000000000000000000000000000000000000000..b4cab20d9b7d8fe6133df0acf6cd438b266b2a59
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/wizard/8p.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/wizard/9a.png b/src/main/webapp/static/themes/openolat/images/wizard/9a.png
new file mode 100644
index 0000000000000000000000000000000000000000..f5a61188a5c4f8443e94e8ac453001509b3b1ea3
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/wizard/9a.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/wizard/9p.png b/src/main/webapp/static/themes/openolat/images/wizard/9p.png
new file mode 100644
index 0000000000000000000000000000000000000000..66304d5bace5956a7f7d94e6a1eb4bb185d7465a
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/wizard/9p.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/wizard/readme.txt b/src/main/webapp/static/themes/openolat/images/wizard/readme.txt
new file mode 100644
index 0000000000000000000000000000000000000000..67229cb6cdf3dfb77b4866afdc63b51d5ce8da24
--- /dev/null
+++ b/src/main/webapp/static/themes/openolat/images/wizard/readme.txt
@@ -0,0 +1 @@
+these are the steps-images (numbers) for the legacy wizard
\ No newline at end of file
diff --git a/src/main/webapp/static/themes/openolat/layout.css b/src/main/webapp/static/themes/openolat/layout.css
index ce58e299aec0f9f8d07d07c8d2f5475ef9dc017e..5efa4abba69f3cae8fa88c03a9c3f60718ec4e0d 100644
--- a/src/main/webapp/static/themes/openolat/layout.css
+++ b/src/main/webapp/static/themes/openolat/layout.css
@@ -1,4 +1,7 @@
-@charset "UTF-8";/*
+@charset "UTF-8";
+/* use the grey ext theme */
+/*@import url(../../js/ext/resources/css/xtheme-gray.css);*/
+/*
  * ========================================================
  *  <a href="http://www.openolat.org">
  *  OpenOLAT - Online Learning and Training</a><br>
@@ -22,4 +25,5554 @@
  *  @author strentini, sergio.trentini@frentix.com,  www.frentix.com
  *  @date Nov. 2011
  * ========================================================
-**/@import url(../../yaml/core/slim_base.css);@media all{body{overflow-y:scroll;background:#ececec url("images/sky.png") repeat-x left 88px}#b_page_margins{min-width:740px;max-width:1324px;margin:0 auto;width:100%;height:100%}#b_page_wrapper{border-bottom:1px solid lightGrey}#b_main{background:#fff;clear:both;moz-box-shadow:0 0 14px #d3d3d3;-ms-box-shadow:0 0 14px #d3d3d3;-o-box-shadow:0 0 14px #d3d3d3;-webkit-box-shadow:0 0 14px #d3d3d3;box-shadow:0 0 14px #d3d3d3}#b_page a#b_toplink{position:absolute;bottom:1em;right:1em;background:transparent url(images/arrow_up.png) 0 50% no-repeat;padding-left:14px;z-index:5}#b_header,#b_page,#b_col1_content,#b_col2_content,#b_col3_content,#b_col3_content_inner{position:relative}#b_col1{overflow:hidden}#b_col1_content{padding:1em 10px 1em 0px}#b_col3{border-left:1px #DDD dotted;border-right:1px #DDD dotted}#b_col3_content{min-height:450px;padding:20px 20px 30px 20px}#b_col2_content{overflow:hidden;padding:1em 0}.b_hidecol2 #b_col3{margin-right:0 !important;border-right:0}.b_hidecol1 #b_col3{margin-left:0 !important;border-left:0}.b_c15r,.b_c20r,.b_c80r,.b_c85r{float:right;margin-left:-5px}.b_c15l,.b_c15r{width:15%}.b_c20l,.b_c20r{width:20%}.b_c80l,.b_c80r{width:80%}.b_c85l,.b_c85r{width:85%}.b_subcolumns_oldgecko,.b_c20l,.b_c15l,.b_c80l,.b_c85l{float:left}#b_header{height:auto;min-height:30px;position:relative}#b_header #b_topnav{position:absolute;right:0px;top:0px;padding:4px 15px 0px 0px}#b_header #b_topnav ul{margin:0}#b_header #b_topnav #o_topnav_search input{line-height:1.3em;margin:0;width:10em}#b_header #b_topnav #o_topnav_printview a{background:url(images/printer.png) no-repeat top right;padding:2px 20px 2px 0;margin:0}#b_header #b_topnav #o_topnav_logout a{background:url("images/control/control-power.png") no-repeat top right;padding:2px 20px 2px 0;margin:0;font-weight:bold}#b_header #b_topnav li{float:left;list-style:none}#b_header #b_topnav li div.b_form_element_wrapper.b_form_horizontal{margin:0}#b_nav_main{float:left}#b_nav_main ul{padding-left:40px;margin:0}#b_nav_main ul li{float:left;position:relative;list-style:none;margin:0px;padding:4px 3px 4px 12px;margin-right:2px;-webkit-border-top-left-radius:6px;-webkit-border-top-right-radius:6px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-moz-border-radius-topleft:6px;-moz-border-radius-topright:6px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;border-top-left-radius:6px;border-top-right-radius:6px;border-bottom-right-radius:0;border-bottom-left-radius:0;background:#fff;background:rgba(255, 255, 255, 0.5)}#b_nav_main ul li a{padding:4px 12px 4px 3px}#b_nav_main ul li a:hover{text-decoration:none}#b_nav_main ul li.b_nav_active,#b_nav_main ul li:hover{moz-box-shadow:0 -4px 8px -1px #d3d3d3;-ms-box-shadow:0 -4px 8px -1px #d3d3d3;-o-box-shadow:0 -4px 8px -1px #d3d3d3;-webkit-box-shadow:0 -4px 8px -1px #d3d3d3;box-shadow:0 -4px 8px -1px #d3d3d3;background:#fff}#b_nav_main ul li.b_nav_active a.b_nav_tab_close,#b_nav_main ul li:hover a.b_nav_tab_close{background-image:url(images/cross_small_trimmed_blue.png)}#b_nav_main ul li.b_nav_site > div{padding-left:16px;background-repeat:no-repeat;background-position:0% 50%;background-image:url("images/application.png")}#b_nav_main ul li.b_nav_site.o_site_home > div{background-image:url("images/home.png")}#b_nav_main ul li.b_nav_site.o_site_admin > div{background-image:url("images/wrench-screwdriver.png")}#b_nav_main ul li.b_nav_site.o_site_useradmin > div{background-image:url("images/user_conf.png")}#b_nav_main ul li.b_nav_site.o_site_groupsmanagement > div{background-image:url("images/users_conf.png")}#b_nav_main ul li.b_nav_site.o_site_repository > div{background-image:url("images/books-stack.png")}#b_nav_main ul li.b_nav_site.o_site_groups > div{background-image:url("images/users.png")}#b_nav_main ul li.b_nav_site.site_demo_icon > div{background-image:url("images/information-white.png")}#b_nav_main ul li.b_nav_site.f_site_library > div{background-image:url("images/library.png")}#b_nav_main ul li.b_nav_site.o_site_guidemo div{background-image:url("images/light-bulb.png")}#b_nav_main ul li.b_nav_site.b_resource_GroupInfoMainController div{background-image:url(images/users.png)}#b_nav_main ul li.b_nav_tab{margin-right:4px}#b_nav_main ul li.b_nav_tab a.b_nav_tab_close{position:absolute;top:3px;right:4px;width:13px;height:13px;line-height:0;padding:0;margin:0;background:transparent url(images/cross_small_trimmed_grey.png) no-repeat right top}#b_nav_main ul li#b_nav_spacer{background:none;border:none;width:20px;height:1px}div.b_tree{font-size:100%;padding:0}div.b_tree ul{position:relative;padding:0;margin:0 0 0 1em;list-style:none;white-space:nowrap}div.b_tree ul li{position:relative;background:transparent;margin-left:0;padding-left:0}div.b_tree ul li a.b_tree_icon{padding-left:20px;padding-top:2px;position:relative;background-position:0 50%;background-repeat:no-repeat}div.b_tree ul li a{color:#555555}div.b_tree ul li a.b_tree_l1{padding-left:16px}div.b_tree ul li .b_tree_oc_l1{position:absolute;top:0px;left:0px;z-index:9}div.b_tree ul li a:focus,div.b_tree ul li a:hover{color:#025d8c;background-color:white;text-decoration:underline}div.b_tree ul li a.b_tree_selected,div.b_tree ul li a:active{color:#025d8c;background-color:white;text-decoration:none}div.b_tree ul li li a.b_tree_selected_parents,div.b_tree ul li a.b_tree_l0,div.b_tree ul li strong{color:#025d8c;font-weight:bold}div.b_tree ul li .b_tree_oc_l1{position:absolute;top:0px;left:1px;z-index:9}div.b_tree ul li .b_tree_oc_l2{position:absolute;top:0px;left:11px;z-index:9}div.b_tree ul li .b_tree_oc_l3{position:absolute;top:0px;left:21px;z-index:9}div.b_tree ul li .b_tree_oc_l4{position:absolute;top:0px;left:31px;z-index:9}div.b_tree ul li .b_tree_oc_l5{position:absolute;top:0px;left:41px;z-index:9}div.b_tree ul li .b_tree_oc_l6{position:absolute;top:0px;left:51px;z-index:9}div.b_tree ul li .b_tree_oc_l7{position:absolute;top:0px;left:61px;z-index:9}div.b_tree ul li .b_tree_oc_l8{position:absolute;top:0px;left:71px;z-index:9}div.b_tree ul li .b_tree_oc_l9{position:absolute;top:0px;left:81px;z-index:9}div.b_tree ul li .b_tree_oc_l10{position:absolute;top:0px;left:91px;z-index:9}div.b_tree ul li .b_tree_oc_l11{position:absolute;top:0px;left:101px;z-index:9}div.b_tree ul li a.b_tree_l0{padding-left:5px}div.b_tree ul li a.b_tree_l1{padding-left:15px}div.b_tree ul li a.b_tree_l2{padding-left:25px}div.b_tree ul li a.b_tree_l3{padding-left:35px}div.b_tree ul li a.b_tree_l4{padding-left:45px}div.b_tree ul li a.b_tree_l5{padding-left:55px}div.b_tree ul li a.b_tree_l6{padding-left:65px}div.b_tree ul li a.b_tree_l7{padding-left:75px}div.b_tree ul li a.b_tree_l8{padding-left:85px}div.b_tree ul li a.b_tree_l9{padding-left:95px}div.b_tree ul li a.b_tree_l10{padding-left:105px}div.b_tree ul li a.b_tree_l11{padding-left:115px}div.b_tree ul li span.b_tree_icon_decorator{width:12px;height:12px;float:right;display:inline;position:static;background-repeat:no-repeat}div.b_tree ul.b_tree_l0 a.b_tree_icon{padding-left:20px;background-position:2px 50%}div.b_tree ul.b_tree_l1 a.b_tree_icon{padding-left:30px;background-position:12px 50%}div.b_tree ul.b_tree_l2 a.b_tree_icon{padding-left:40px;background-position:22px 50%}div.b_tree ul.b_tree_l3 a.b_tree_icon{padding-left:50px;background-position:32px 50%}div.b_tree ul.b_tree_l4 a.b_tree_icon{padding-left:60px;background-position:42px 50%}div.b_tree ul.b_tree_l5 a.b_tree_icon{padding-left:70px;background-position:52px 50%}div.b_tree ul.b_tree_l6 a.b_tree_icon{padding-left:80px;background-position:62px 50%}div.b_tree ul.b_tree_l7 a.b_tree_icon{padding-left:90px;background-position:72px 50%}div.b_tree ul.b_tree_l8 a.b_tree_icon{padding-left:100px;background-position:82px 50%}div.b_tree ul.b_tree_l9 a.b_tree_icon{padding-left:110px;background-position:92px 50%}div.b_tree ul.b_tree_l10 a.b_tree_icon{padding-left:120px;background-position:102px 50%}div.b_tree ul.b_tree_l11 a.b_tree_icon{padding-left:130px;background-position:112px 50%}div.b_tree a.b_tree_level_close span{background:url("images/toggle-small.png") no-repeat 0% 50%;padding-right:8px}div.b_tree a.b_tree_level_open span{background:url("images/toggle-small-expand.png") no-repeat 0% 50%;padding-right:8px}div.b_tree a.b_tree_level_close:hover,div.b_tree a.b_tree_level_open:hover{text-decoration:none}div.b_selectiontree div.b_selectiontree_item:hover{background-color:#DDE9F6}#b_footer{color:#9D9D9D;padding:8px 20px;margin-top:12px}#b_footer .b_floatbox{padding-top:8px;border-top:1px solid #ddd}#o_course_editor_errorbox{font-size:90%;padding:3px 2px 2px 25px;margin:0 0 1em 0}div.o_courseeditor_legend{margin-top:3em}div.o_courseeditor_legend strong{font-weight:bold}div.o_courseeditor_legend div{top:0;left:0;padding-left:12px;background-repeat:no-repeat;background-position:0 50%}#b_main.b_menu_toolbar #b_col1_content{padding-top:0;padding-right:0}#b_main.b_menu_toolbar #b_col3_content{padding:0}div.b_menu_toolbar{background:#f9f9f9;background:-moz-linear-gradient(top, #f9f9f9 0%, #d0d0d0 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #d0d0d0));background:-webkit-linear-gradient(top, #f9f9f9 0%, #d0d0d0 100%);background:-o-linear-gradient(top, #f9f9f9 0%, #d0d0d0 100%);background:-ms-linear-gradient(top, #f9f9f9 0%, #d0d0d0 100%);background:linear-gradient(top, #f9f9f9 0%, #d0d0d0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#d0d0d0',GradientType=0 );border-bottom:1px solid #7D7D7D;padding:5px 5px 2px 0}div.b_breadcumb_path{padding:0;margin:0;float:left;display:inline;background:url(../images/brasato/bread-crumb-bg.png) repeat top}div.b_breadcumb_path ul{padding:0;margin:0;list-style:none;float:left;display:inline;background:url(../images/brasato/bread-crumb-last.png) no-repeat top right}div.b_breadcumb_path ul li{padding:0 0 0 10px;margin:0;list-style:none;float:left;display:inline;background:url(../images/brasato/bread-crumb-separator.png) no-repeat top left}div.b_breadcumb_path ul li.b_first{background:url(../images/brasato/bread-crumb-home.png) no-repeat top left;padding-left:25px}div.b_breadcumb_path ul li a{color:#464444}div.b_breadcumb_path ul li span.b_disabled{color:#000;padding:0 10px 0 0;margin:0}div.b_breadcumb_content{clear:both;margin-top:0.5em;padding-top:0.5em;border-top:1px solid #ACAAAA}div.o_catalog div.o_catalog_title{display:none}div.o_catalog div.o_catalog_nav{font-size:95%;padding:1px 0 1px 20px;border-bottom:1px solid #EEE;background:url(images/folder_open.png) 0 50% no-repeat}div.o_catalog div.o_catalog_links{margin-top:1em;padding-top:1em;border-top:1px solid #EEE}.b_float_left{float:left;display:inline;margin-right:1em;margin-bottom:0.15em}.b_float_right{float:right;display:inline;margin-left:1em;margin-bottom:0.15em}.b_center{text-align:center;margin:0.5em auto}.b_floatscrollbox{overflow-x:auto;overflow-y:hidden}.b_overflowscrollbox{overflow:auto}div.o_home_rsslink{clear:both;float:right;display:inline;margin:10px 0}#o_macartney_open{width:20px;bottom:0;left:0;height:16px;background:white url(images/magnifier-zoom.png) no-repeat 4px 0}#o_macartney_large{position:fixed;top:10%;left:10%;width:80%;z-index:10;border:1px solid black;background:white;padding:5px}#o_macartney_large img{width:100%}#o_macartney_close{position:absolute;width:16px;top:0;right:0;height:16px;border-left:1px solid #000;border-bottom:1px solid #000;background:white url(images/close.png)}a.b_dev{position:absolute;left:0;top:0;z-index:4000;background:red url("images/bug.png") no-repeat;width:16px;height:16px;border:1px solid #000}#b_devcon_main{background-color:#ccddff;position:absolute;z-index:4000;top:10px;left:5%;width:90%;text-align:left;border:1px solid #000}#b_devcon_handle{cursor:move;background:blue url(../images/brasato/bug.png) no-repeat 4px 50%;line-height:2em;padding-left:24px;color:white}a#b_devcon_handle_collapse{cursor:pointer;background:url(../images/brasato/collapse.gif) no-repeat;width:15px;height:15px;float:right;margin:3px}a#b_devcon_handle_expand{cursor:pointer;background:url(../images/brasato/expand.gif) no-repeat;width:15px;height:15px;float:right;margin:3px}a.b_devcon_handle_close{cursor:pointer;background:url(../images/brasato/close.gif) no-repeat;width:15px;height:15px;float:right;margin:3px}#b_devcon_content{font-size:90%;padding:5px;border-top:0px solid #000;background:transparent}#b_devcon_content ul{float:left;margin:0;padding:0;list-style:none;white-space:nowrap}#b_devcon_content li{margin:0;padding:0 10px 0 0;float:left}#b_devcon_content fieldset{border-top:1px solid #ccc;margin:0;padding:8px}#b_devcon_mode{width:1em;height:1em;float:left;border:1px solid #000;margin-right:5px}#b_js_log textarea#o_debug_cons{width:99%;height:15em;font-family:monospace;font-size:110%;margin:5px 0 5px 0}iframe.o_debug_json{position:fixed;width:90%;margin-left:5%;bottom:4px;height:300px;background:white;border:2px solid #ccd8e7;z-index:90000}}.b_dd_item{cursor:move;z-index:1000}.b_dd_proxy{opacity:0.4;-moz-opacity:0.4;filter:alpha(opacity=40)}.b_dd_item.b_dd_over{background-color:#ffff60}.b_dd_sibling{height:3px;width:100%}.b_dd_sibling.b_dd_over{background:transparent url(images/arrow_dd.png) top left no-repeat}div.b_dd_ct div.b_dd_sibling_l1{margin-left:0 !important}div.b_dd_ct div.b_dd_sibling_l2{margin-left:1em !important}div.b_dd_ct div.b_dd_sibling_l3{margin-left:2em !important}div.b_dd_ct div.b_dd_sibling_l4{margin-left:3em !important}div.b_dd_ct div.b_dd_sibling_l5{margin-left:4em !important}div.b_dd_ct div.b_dd_sibling_l6{margin-left:5em !important}div.b_dd_ct div.b_dd_sibling_l7{margin-left:6em !important}div.b_dd_ct div.b_dd_sibling_l8{margin-left:7em !important}div.b_dd_ct div.b_dd_sibling_l9{margin-left:8em !important}div.b_dd_ct div.b_dd_sibling_l10{margin-left:9em !important}div.b_dd_ct div.b_dd_sibling_l11{margin-left:10em !important}div.b_layer_1 div.b_modal_area{width:82%;margin:9%}div.b_layer_2 div.b_modal_area{width:76%;margin:12%}div.b_layer_3 div.b_modal_area{width:70%;margin:15%}div.b_layer_5 div.b_modal_area{width:64%;margin:18%}div.b_modal_area{position:absolute;top:0px;left:0px;width:80%;margin:10%;moz-box-shadow:0px 0px 6px rgba(0, 0, 0, 0.3);-ms-box-shadow:0px 0px 6px rgba(0, 0, 0, 0.3);-o-box-shadow:0px 0px 6px rgba(0, 0, 0, 0.3);-webkit-box-shadow:0px 0px 6px rgba(0, 0, 0, 0.3);box-shadow:0px 0px 6px rgba(0, 0, 0, 0.3)}div.b_modal_overlay{position:fixed;top:0;left:0;width:100%;height:100%;zoom:1}div.b_modal_overlay,div.ext-el-mask{background:#fff;-moz-opacity:0.75;opacity:0.75;filter:alpha(opacity=75)}.b_floatscrollbox{overflow-x:hidden;overflow-y:hidden}div.b_window{text-align:left;border:1px solid rgba(0, 0, 0, 0.2);background:#fff}div.b_window .b_window_header_wrapper{padding:2px 8px 0px 8px}div.b_window div.b_window_header{position:relative;border-bottom:1px solid #eee}div.b_window div.b_window_header_title{min-height:18px;line-height:18px;vertical-align:middle;padding:2px 5px 2px 5px}div.b_window div.b_window_header_title a.b_link_close{top:4px;right:4px;position:absolute;min-height:16px;min-width:16px;background:transparent url("images/close.png") no-repeat center center;display:inline-block}div.b_window div.b_window_header_title a.b_link_close:hover{top:4px;right:4px}div.b_window div.b_window_header_title strong{font-weight:bold}div.b_window div.b_window_content_wrapper{clear:both;width:auto;padding:0 4px 0 4px}div.b_window div.b_window_content{padding:1em}div.b_window div.b_window_content_inner{min-height:200px;position:relative}div.b_window div.b_window_footer_wrapper{height:4px}div.b_callout_content{max-width:60em;overflow:hidden}div.x-tip-tc,div.x-tip-bc{background-repeat:repeat !important}div.x-tip-body p{margin-bottom:0px}div.x-tip-mc{background:#e9f2ff !important}body.b_ajax_busy{cursor:wait}div.b_ajax_busy{background:url(../images/brasato/ajax-loader.gif) no-repeat;position:absolute;left:50%;top:10px;width:28px;height:28px;z-index:5001}div.b_msg_dialog{padding:10px 10px 10px 50px;min-height:32px;background:url(../images/brasato/icon_question.png) no-repeat 10px 10px}div.b_msg_dialog .b_msg_title{font-weight:bold}#b_msg_sticky{clear:both;padding:10px 10px 10px 50px;min-height:32px;background:#ebcccc url(images/icon_warning_32.png) no-repeat 10px 10px;border-bottom:1px #ccc dotted;border-top:1px #ccc dotted}div.b_msg-div{left:35%;position:absolute;top:10px;width:30%;z-index:20000;border:1px solid #ccc;background:#FAFAFA;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;moz-box-shadow:0px 0px 6px rgba(0, 0, 0, 0.3);-ms-box-shadow:0px 0px 6px rgba(0, 0, 0, 0.3);-o-box-shadow:0px 0px 6px rgba(0, 0, 0, 0.3);-webkit-box-shadow:0px 0px 6px rgba(0, 0, 0, 0.3);box-shadow:0px 0px 6px rgba(0, 0, 0, 0.3)}div.b_msg-div .b_msg_info_winicon{background:transparent url(images/icon_info_32.png) no-repeat 10px center}div.b_msg_info_content{padding:10px 10px 10px 50px}div.b_msg_warn_winicon{background:url(images/icon_warning_32.png) no-repeat}div.b_msg_error_winicon{background:url(images/icon_error_32.png) no-repeat}#b_msg_info{padding:10px 10px 10px 50px;min-height:32px;background:url(images/icon_info_32.png) no-repeat 10px 10px}#b_msg_info .b_msg_title{font-weight:bold}.o_infomessage_wrapper{border:1px solid #ccc;background:#FAFAFA}.o_infomessage_wrapper .o_infomessage{padding:10px 10px 10px 50px;text-align:left;background:url(images/icon_warning_32.png) no-repeat 10px 10px}a.b_togglebox_closed{background:url(images/toggle-small-expand.png) no-repeat 0 50%;padding:1px 0 1px 14px;vertical-align:middle}a.b_togglebox_opened{background:url(images/toggle-small.png) no-repeat 0 50%;padding:1px 0 1px 14px;vertical-align:middle}div.b_togglebox div.b_togglebox_content{padding:1em;border:1px solid #ACAAAA;background:#fff}div.b_wizard div.b_wizard_header_wrapper{background:#fff}div.b_wizard div.b_wizard_header{background:#fff;position:relative}div.b_wizard div.b_wizard_header_title{background:#fff;min-height:18px;line-height:18px;vertical-align:middle;padding:2px 5px 2px 5px;color:#4F576A}div.b_wizard div.b_wizard_header_title a.b_link_close{top:4px;right:4px;background:url(../images/brasato/close.png);background-repeat:no-repeat}div.b_wizard div.b_wizard_header_title a.b_link_close:hover{top:4px;right:4px;background:url(../images/brasato/close_over.png);background-repeat:no-repeat}div.b_wizard div.b_wizard_header_title strong{font-weight:bold}div.b_wizard div.b_wizard_steps_wrapper{clear:both;width:auto;padding:0 4px 0 4px;background:#fff}div.b_wizard div.b_wizard_steps_content{background:#fff}div.b_wizard div.b_wizard_steps_list{width:20em;padding:0;color:#4F576A}div.b_wizard div.b_wizard_steps_list ol{list-style-type:decimal;z-index:14;font-size:95%;padding:1em 5px 5px}div.b_wizard div.b_wizard_steps_list li{line-height:1.5em;white-space:normal}div.b_wizard div.b_wizard_steps_list li.b_wizard_steps_current{font-weight:bold}div.b_wizard div.b_wizard_steps_list li a{color:#4F576A}div.b_wizard div.b_wizard_steps_list li a:hover{color:#4F576A;background:transparent;text-decoration:underline}div.b_wizard div.b_wizard_steps_list li .b_disabled{color:#4F576A;border:0;background:transparent;padding:0;margin:0;white-space:normal;font-style:italic}div.b_wizard div.b_wizard_steps_list li.b_wizard_steps_current .b_disabled{font-style:normal}div.b_wizard div.b_wizard_steps_current_inner{border-bottom:1px solid #fff;padding:1em}div.b_wizard div.b_wizard_steps_current_content{min-height:300px;position:relative}div.b_wizard div.b_wizard_footer_wrapper{background:#fff}div.b_wizard div.b_wizard_footer div.b_button_group{text-align:left;padding:0.5em 1em 0.5em 20em;margin:0}span.b_wizard_button_prev:before,a.b_wizard_button_prev span:before{content:"< "}span.b_wizard_button_next:after,a.b_wizard_button_next span:after{content:" >"}a.b_wizard_button_finish,span.b_wizard_button_finish{margin-left:3em}a.b_wizard_button_cancel,span.b_wizard_button_cancel{margin-left:3em}.b_wizard_table_changedcell{font-style:italic;font-weight:bold;background:url(../images/brasato/new.png) no-repeat;padding-left:18px}div.b_legacy_wizard_steps{float:right;display:inline}.b_legacy_wizard_step_a1{background-image:url(../images/brasato/wizard/1a.png)}.b_legacy_wizard_step_a2{background-image:url(../images/brasato/wizard/2a.png)}.b_legacy_wizard_step_a3{background-image:url(../images/brasato/wizard/3a.png)}.b_legacy_wizard_step_a4{background-image:url(../images/brasato/wizard/4a.png)}.b_legacy_wizard_step_a5{background-image:url(../images/brasato/wizard/5a.png)}.b_legacy_wizard_step_a6{background-image:url(../images/brasato/wizard/6a.png)}.b_legacy_wizard_step_a7{background-image:url(../images/brasato/wizard/7a.png)}.b_legacy_wizard_step_a8{background-image:url(../images/brasato/wizard/8a.png)}.b_legacy_wizard_step_a9{background-image:url(../images/brasato/wizard/9a.png)}.b_legacy_wizard_step_p1{background-image:url(../images/brasato/wizard/1p.png)}.b_legacy_wizard_step_p2{background-image:url(../images/brasato/wizard/2p.png)}.b_legacy_wizard_step_p3{background-image:url(../images/brasato/wizard/3p.png)}.b_legacy_wizard_step_p4{background-image:url(../images/brasato/wizard/4p.png)}.b_legacy_wizard_step_p5{background-image:url(../images/brasato/wizard/5p.png)}.b_legacy_wizard_step_p6{background-image:url(../images/brasato/wizard/6p.png)}.b_legacy_wizard_step_p7{background-image:url(../images/brasato/wizard/7p.png)}.b_legacy_wizard_step_p8{background-image:url(../images/brasato/wizard/8p.png)}.b_legacy_wizard_step_p9{background-image:url(../images/brasato/wizard/9p.png)}div.o_home_portaleditlink{position:absolute;top:0;right:0}.b_portlet{position:relative;font-size:95%;margin:10px;min-height:13em}.b_portlet .b_portlet_showall{font-size:95%;position:absolute;right:0;top:0}.b_portlet .b_portlet_header{border-bottom:1px solid #025d8c;white-space:nowrap;overflow-y:hidden !important;overflow-x:hidden !important}.b_portlet .b_portlet_content{position:relative;padding:1em 0 0 0}div.b_portlet.b_portlet_edit{background:#FFE793;border:1px solid #FF9E3E;padding:2px}div.b_portlet.b_portlet_edit .b_portlet_header{height:23px}div.b_portlet_toolbox{position:absolute;top:0;right:0;padding:2px;height:20px;overflow-y:hidden !important;overflow-x:hidden !important}div.b_portlet_toolbox a,div.b_portlet_toolbox span.b_disabled{background-repeat:no-repeat;background-position:1px 1px;float:right;width:18px;height:18px;overflow:hidden}div.b_portlet_toolbox div{display:inline}div.b_portlet_toolbox > a,div.b_portlet_toolbox > span{border:1px solid #888;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;background:#eee;background-repeat:no-repeat;background-position:center}div.b_portlet_toolbox a.b_portlet_edit_left{background-image:url(images/arrow_left_big.png)}div.b_portlet_toolbox a.b_portlet_edit_right{background-image:url(images/arrow_right_big.png)}div.b_portlet_toolbox a.b_portlet_edit_down{background-image:url(images/arrow_down_big.png)}div.b_portlet_toolbox a.b_portlet_edit_up{background-image:url(images/arrow_up_big.png)}div.b_portlet_toolbox a.b_portlet_edit_delete{background-image:url(images/cross-script.png)}div.b_portlet_toolbox a.b_portlet_edit_sort_auto{background-image:url(images/table_sort.png)}div.b_portlet_toolbox a.b_portlet_edit_sort_manual{background-image:url(images/table_gear.png)}div.b_portlet_toolbox span.b_portlet_edit_left_disabled{background-image:url(images/arrow_left_big.png);opacity:0.2}div.b_portlet_toolbox span.b_portlet_edit_right_disabled{background-image:url(images/arrow_right_big.png);opacity:0.2}div.b_portlet_toolbox span.b_portlet_edit_down_disabled{background-image:url(images/arrow_down_big.png);opacity:0.2}div.b_portlet_toolbox span.b_portlet_edit_up_disabled{background-image:url(images/arrow_up_big.png);opacity:0.2}div.b_portlet_toolbox span.b_portlet_edit_sort_auto_disabled{background-image:url(images/table_sort.png);opacity:0.2}div.b_portlet_toolbox span.b_portlet_edit_sort_manual_disabled{background-image:url(images/table_gear.png);opacity:0.2}.b_toolboxes{font-size:95%;padding:6px}.b_toolboxes .b_toolbox{margin-bottom:20px}.b_toolboxes .b_toolbox .b_toolbox_head_wrapper{border-bottom:1px solid #025d8c;background:inherit}.b_toolboxes .b_toolbox .b_toolbox_head_wrapper .b_toolbox_head{vertical-align:top}.b_toolboxes .b_toolbox .b_toolbox_head_wrapper .b_toolbox_head strong{font-weight:bold}.b_toolboxes .b_toolbox .b_toolbox_head_wrapper .b_toolbox_head_icon{background:transparent no-repeat 3px 50%;padding-left:19px;line-height:1.2em;color:black}.b_toolboxes .b_toolbox .b_toolbox_content ul{padding:0 0 0 6px;margin:0;list-style:none}.b_toolboxes .b_toolbox .b_toolbox_content li{padding:0;margin:0;line-height:1.5em;white-space:nowrap}.b_toolboxes .b_toolbox .b_toolbox_content li a{color:#667;background-repeat:no-repeat;background-position:0 50%;padding-left:20px;display:block}.b_toolboxes .b_toolbox .b_toolbox_content li a:focus,.b_toolboxes .b_toolbox .b_toolbox_content li a:hover,.b_toolboxes .b_toolbox .b_toolbox_content li a:active{color:#504D4E;text-decoration:underline}.b_toolboxes .b_toolbox .b_toolbox_content li div.b_note,.b_toolboxes .b_toolbox .b_toolbox_content li div.b_important,.b_toolboxes .b_toolbox .b_toolbox_content li div.b_warning{padding:0 0 0 20px;margin:0;border-bottom:0}.b_toolboxes .b_toolbox .b_toolbox_content li a.b_toolbox_toggle{padding-left:0;display:inline}.b_toolboxes .b_toolbox .b_toolbox_content li span.b_toolbox_toggle_wrapper{float:right;font-size:90%}.b_toolboxes .b_toolbox .b_toolbox_content li span.b_toolbox_link.b_disabled,.b_toolboxes .b_toolbox .b_toolbox_content li span.b_toolbox_disabled{color:#999;background:no-repeat 0 50% url(../images/brasato/bullet_white.png);padding-left:18px;display:block}div.b_tabbedpane_wrapper div.b_tabbedpane_tabs{float:left;display:inline-block;margin-bottom:1em}div.b_tabbedpane_wrapper div.b_tabbedpane_tabs ul{line-height:1em;list-style:none;margin:0;padding:0;white-space:nowrap}div.b_tabbedpane_wrapper div.b_tabbedpane_tabs ul li{border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;white-space:nowrap;cursor:pointer;margin:0 0.5em 0.5em 0;padding:0;color:#444;background:transparent;display:inline-block;line-height:2.2em;vertical-align:middle;text-align:left;border:1px solid rgba(0, 0, 0, 0.1);background:#f5f5f5;background:-moz-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #f1f1f1));background:-webkit-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);background:-o-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);background:-ms-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);background:linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f1f1f1',GradientType=0 );-moz-transition:all 0.22s "";-webkit-transition:all 0.22s "";-o-transition:all 0.22s "";transition:all 0.22s "";border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-o-border-radius:0;margin:0;float:left;display:inline;position:relative}div.b_tabbedpane_wrapper div.b_tabbedpane_tabs ul a,div.b_tabbedpane_wrapper div.b_tabbedpane_tabs ul strong{background:transparent;color:#667;display:block;font-weight:normal;padding:1px 6px 1px 5px;text-decoration:none;text-transform:none}div.b_tabbedpane_wrapper div.b_tabbedpane_tabs ul > ul a,div.b_tabbedpane_wrapper div.b_tabbedpane_tabs ul > ul strong{width:auto}div.b_tabbedpane_wrapper div.b_tabbedpane_tabs ul li:focus,div.b_tabbedpane_wrapper div.b_tabbedpane_tabs ul li:hover,div.b_tabbedpane_wrapper div.b_tabbedpane_tabs ul li:active{moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.1);-ms-box-shadow:0 1px 1px rgba(0, 0, 0, 0.1);-o-box-shadow:0 1px 1px rgba(0, 0, 0, 0.1);-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.1);box-shadow:0 1px 1px rgba(0, 0, 0, 0.1)}div.b_tabbedpane_wrapper div.b_tabbedpane_tabs ul a:focus,div.b_tabbedpane_wrapper div.b_tabbedpane_tabs ul a:hover,div.b_tabbedpane_wrapper div.b_tabbedpane_tabs ul a:active{color:#000;text-decoration:none}div.b_tabbedpane_wrapper div.b_tabbedpane_tabs ul li.b_active{moz-box-shadow:inset 0px 1px 2px rgba(0, 0, 0, 0.1);-ms-box-shadow:inset 0px 1px 2px rgba(0, 0, 0, 0.1);-o-box-shadow:inset 0px 1px 2px rgba(0, 0, 0, 0.1);-webkit-box-shadow:inset 0px 1px 2px rgba(0, 0, 0, 0.1);box-shadow:inset 0px 1px 2px rgba(0, 0, 0, 0.1);background:#eee;border-color:#ccc}div.b_tabbedpane_wrapper div.b_tabbedpane_tabs ul li.b_active a,div.b_tabbedpane_wrapper div.b_tabbedpane_tabs ul li.b_active strong{color:#000;font-weight:bold}div.b_tabbedpane_wrapper div.b_tabbedpane_tabs ul li.b_disabled{background:white !important}div.b_tabbedpane_wrapper div.b_tabbedpane_tabs ul li.b_disabled a,div.b_tabbedpane_wrapper div.b_tabbedpane_tabs ul li.b_disabled strong{color:#8994A9;background:transparent !important;font-weight:normal}div.b_tabbedpane_wrapper div.b_tabbedpane_tabs ul li.b_disabled:hover{moz-box-shadow:0 0 0 white;-ms-box-shadow:0 0 0 white;-o-box-shadow:0 0 0 white;-webkit-box-shadow:0 0 0 white;box-shadow:0 0 0 white}div.b_tabbedpane_wrapper div.b_tabbedpane_tabs ul li.b_first{-webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:0px;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:0px;-moz-border-radius-bottomright:0px;-moz-border-radius-bottomleft:3px;border-top-left-radius:3px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:3px}div.b_tabbedpane_wrapper div.b_tabbedpane_tabs ul li.b_last{-webkit-border-top-left-radius:0px;-webkit-border-top-right-radius:3px;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:0px;-moz-border-radius-topleft:0px;-moz-border-radius-topright:3px;-moz-border-radius-bottomright:3px;-moz-border-radius-bottomleft:0px;border-top-left-radius:0px;border-top-right-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:0px}div.b_tabbedpane_wrapper div.b_tabbedpane_tabs li.b_first.b_last{border:none;background:none;box-shadow:none}div.b_tabbedpane_wrapper div.b_tabbedpane_content{clear:both;padding:5px 15px;background:transparent;border:1px solid #d4d4d4}div.b_tabbedpane_wrapper div.b_tabbedpane_content div.b_tabbedpane_content_inner{position:relative;min-height:30em}div.b_segments_container{min-height:25px;padding-top:8px;position:relative}div.b_segments_container div.b_segments a:hover{text-decoration:none}div.b_segments_container div.b_segments ul{position:relative;list-style-type:none;margin:0}div.b_segments_container div.b_segments ul li{border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;white-space:nowrap;cursor:pointer;margin:0 0.5em 0.5em 0;padding:0;color:#444;background:transparent;display:inline-block;line-height:2.2em;vertical-align:middle;text-align:left;border:1px solid rgba(0, 0, 0, 0.1);background:#f5f5f5;background:-moz-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #f1f1f1));background:-webkit-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);background:-o-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);background:-ms-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);background:linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f1f1f1',GradientType=0 );-moz-transition:all 0.22s "";-webkit-transition:all 0.22s "";-o-transition:all 0.22s "";transition:all 0.22s "";border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-o-border-radius:0;margin:0;float:left;display:inline;position:relative}div.b_segments_container div.b_segments ul li a{background:transparent;color:#667;display:block;font-weight:normal;padding:1px 6px 1px 5px;text-decoration:none;text-transform:none}div.b_segments_container div.b_segments ul li a:hover,div.b_segments_container div.b_segments ul li a:active,div.b_segments_container div.b_segments ul li a:focus{text-decoration:none}div.b_segments_container div.b_segments ul li:hover{moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.1);-ms-box-shadow:0 1px 1px rgba(0, 0, 0, 0.1);-o-box-shadow:0 1px 1px rgba(0, 0, 0, 0.1);-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.1);box-shadow:0 1px 1px rgba(0, 0, 0, 0.1)}div.b_segments_container div.b_segments ul li.b_segment_selected{moz-box-shadow:inset 0px 1px 2px rgba(0, 0, 0, 0.1);-ms-box-shadow:inset 0px 1px 2px rgba(0, 0, 0, 0.1);-o-box-shadow:inset 0px 1px 2px rgba(0, 0, 0, 0.1);-webkit-box-shadow:inset 0px 1px 2px rgba(0, 0, 0, 0.1);box-shadow:inset 0px 1px 2px rgba(0, 0, 0, 0.1);background:#eee;border-color:#ccc}div.b_segments_container div.b_segments ul li.b_segment_selected a,div.b_segments_container div.b_segments ul li.b_segment_selected strong{color:#000;font-weight:bold}div.b_segments_container div.b_segment_content{margin-top:50px;clear:both;padding:5px 15px;background:transparent;border:1px solid #d4d4d4}.b_with_small_icon_left{padding:1px 0 1px 20px;min-height:16px;background-position:0 50%;background-repeat:no-repeat}option.b_with_small_icon_left{padding:0 0 0 20px;vertical-align:middle;min-height:11px;background-position:0 50%;background-repeat:no-repeat}.b_with_small_icon_right{padding:1px 20px 1px 0px;min-height:16px;background-position:100% 50%;background-repeat:no-repeat}.b_small_icon{float:left;display:inline;width:16px;height:16px;background-position:0 50%;background-repeat:no-repeat}.b_info_icon{background-image:url(images/comment.png)}.b_warn_icon{background-image:url(images/exclamation.png)}.b_error_icon{background-image:url(images/cross-circle.png)}.b_new_icon{background-image:url(images/new-text.png)}.b_institution_icon{background-image:url(images/home.png)}.b_group_icon{background-image:url(images/users.png)}.b_user_icon{background-image:url(images/user.png)}.b_move_left_icon{background-image:url(images/arrow_left_big.png)}.b_move_right_icon{background-image:url(images/arrow_right_big.png)}.b_move_down_icon{background-image:url(images/arrow_down_big.png)}.b_move_up_icon{background-image:url(images/arrow_up_big.png)}.b_delete_icon{background-image:url(images/cross-script.png)}.b_share_icon{background-image:url(images/share.png)}.b_status_enabled_icon{background-image:url(images/tick.png)}.b_status_disabled_icon{background-image:url(images/cross.png)}.b_edit_icon{background-image:url(images/docs/document--pencil.png)}.b_add_icon{background-image:url(images/plus-circle.png)}.b_open_icon{background-image:url(images/control/control.png)}.o_fulltext_search_button{background-image:url("images/magnifier-zoom.png")}.o_help_icon{background-image:url(images/help.png)}.o_rss_icon{background-image:url(images/feed.png)}.o_login_guests{background-image:url(images/user_silhouette.png)}.o_login_pwd{background-image:url(images/user_excl.png)}.o_login_register{background-image:url(images/user_register.png)}.b_flag_en{background-image:url(images/flags/gb.png)}.b_flag_de{background-image:url(images/flags/de.png)}.b_flag_fr{background-image:url(images/flags/fr.png)}.b_flag_it{background-image:url(images/flags/it.png)}.b_flag_es{background-image:url(images/flags/es.png)}.b_flag_da{background-image:url(images/flags/dk.png)}.b_flag_cs{background-image:url(images/flags/cz.png)}.b_flag_el{background-image:url(images/flags/gr.png)}.b_flag_ru{background-image:url(images/flags/ru.png)}.b_flag_pl{background-image:url(images/flags/pl.png)}.b_flag_zh_CN{background-image:url(images/flags/cn.png)}.b_flag_zh_TW{background-image:url(images/flags/tw.png)}.b_flag_lt{background-image:url(images/flags/lt.png)}.b_flag_fa{background-image:url(images/flags/ir.png)}.b_flag_pt_PT{background-image:url(images/flags/pt.png)}.b_flag_pt_BR{background-image:url(images/flags/br.png)}.b_flag_tr{background-image:url(images/flags/tr.png)}.b_flag_hu{background-image:url(images/flags/hu.png)}.b_flag_sq{background-image:url(images/flags/al.png)}.b_flag_in{background-image:url(images/flags/id.png)}.b_flag_ar{background-image:url(images/flags/eg.png)}.b_flag_rm{background-image:url(images/flags/rm.png)}.b_flag_af{background-image:url(images/flags/za.png)}.b_flag_iw{background-image:url(images/flags/iw.png)}.b_flag_vi{background-image:url(images/flags/vn.png)}.b_flag_mn{background-image:url(images/flags/mn.png)}.b_flag_iw{background-image:url(images/flags/il.png)}.b_flag_ko{background-image:url(images/flags/kr.png)}.b_flag_nl_NL{background-image:url(images/flags/nl.png)}.b_flag_jp{background-image:url(images/flags/jp.png)}.b_flag_nb_NO{background-image:url(images/flags/no.png)}.b_flag_et_EE{background-image:url(images/flags/ee.png)}.b_flag_bg{background-image:url(images/flags/bg.png)}.b_flag_hi_IN_ASIA{background-image:url(images/flags/in.png)}.b_flag_ar_LB{background-image:url(images/flags/lb.png)}.b_flag_de_FX_business{background-image:url(images/flags/de.png)}.b_flag_de_FX_school{background-image:url(images/flags/de.png)}.b_flag_en_FX_business{background-image:url(images/flags/gb.png)}.b_flag_en_FX_school{background-image:url(images/flags/gb.png)}.b_filetype_file{background-image:url(images/docs/document_plain.png) !important}.b_filetype_avi_icon{background-image:url(images/docs/document-film.png) !important}.b_filetype_bat_icon{background-image:url(images/docs/document-binary.png) !important}.b_filetype_bmp{background-image:url(images/docs/document-image.png) !important}.b_filetype_css{background-image:url(images/docs/document_tags.png) !important}.b_filetype_doc,.b_filetype_docx{background-image:url(images/docs/document-word.png) !important}.b_filetype_dvi{background-image:url(images/docs/document-film.png) !important}.b_filetype_exe{background-image:url(images/docs/document-binary.png) !important}div.b_ext_elem .x-tree-node-expanded .x-tree-node-icon.b_filetype_folder,.b_filetype_folder_open{background-image:url(../images/brasato/folder_open.png) !important}.b_filetype_folder{background-image:url(images/folder.png) !important}.b_filetype_gif{background-image:url(images/docs/document-image.png) !important}.b_filetype_gz{background-image:url(images/docs/document-zipper.png) !important}.b_filetype_htm,.b_filetype_html{background-image:url(images/docs/document_tags.png) !important}.b_filetype_jpeg,.b_filetype_jpg{background-image:url(images/docs/document-image.png) !important}.b_filetype_log{background-image:url(images/docs/document_plain.png) !important}.b_filetype_midi{background-image:url(images/docs/document-music.png) !important}.b_filetype_mov{background-image:url(images/docs/document-film.png) !important}.b_filetype_mp3,.b_filetype_m3u{background-image:url(images/docs/document-music.png) !important}.b_filetype_mpeg,.b_filetype_mpg{background-image:url(images/docs/document-film.png) !important}.b_filetype_odp{background-image:url(../images/brasato/opendoc_pres.png) !important}.b_filetype_ods{background-image:url(../images/brasato/opendoc_sheet.png) !important}.b_filetype_odt{background-image:url(../images/brasato/opendoc_text.png) !important}.b_filetype_odg{background-image:url(../images/brasato/opendoc_graphic.png) !important}.b_filetype_odf{background-image:url(../images/brasato/opendoc_math.png) !important}.b_filetype_pdf{background-image:url(images/docs/document-pdf.png) !important}.b_filetype_png{background-image:url(images/docs/document-image.png) !important}.b_filetype_ppt{background-image:url(images/docs/document-powerpoint.png) !important}.b_filetype_pptx{background-image:url(images/docs/document-powerpoint.png) !important}.b_filetype_ps{background-image:url(images/docs/document-pdf.png) !important}.b_filetype_qt,.b_filetype_ra,.b_filetype_ram{background-image:url(images/docs/document-film.png) !important}.b_filetype_readme{background-image:url(images/docs/document_plain.png) !important}.b_filetype_rtf{background-image:url(images/docs/document-word.png) !important}.b_filetype_tar,.b_filetype_tgz{background-image:url(images/docs/document-zipper.png) !important}.b_filetype_tiff{background-image:url(images/docs/document-image.png) !important}.b_filetype_txt{background-image:url(images/docs/document_plain.png) !important}.b_filetype_wav{background-image:url(images/docs/document-music.png) !important}.b_filetype_xls,.b_filetype_xlsx{background-image:url(images/docs/document-excel.png) !important}.b_filetype_xml{background-image:url(images/docs/document_tags.png) !important}.b_filetype_xsl{background-image:url(images/docs/document_tags.png) !important}.b_filetype_zip{background-image:url(images/docs/document-zipper.png) !important}#b_nav_main li.b_nav_site div,#b_nav_main li.b_nav_tab div{background:url(images/application.png) no-repeat left 50%;padding-left:18px}#b_nav_main li.b_resource_BusinessGroup div,#b_nav_main .o_BusinessGroup_icon{background-image:url(images/users.png)}#b_nav_main li.b_resource_CourseModule div,#b_nav_main .o_CourseModule_icon{background-image:url(images/le_resources/book-open-text-image.png)}#b_nav_main li.b_resource_HOMEPAGECONFIG div,#b_nav_main .o_HOMEPAGECONFIG_icon,#b_nav_main li.b_resource_Identity div{background-image:url(../images/olat/vcard.png)}#b_nav_main li.b_resource_FileResource-SHAREDFOLDER div,#b_nav_main .o_FileResource-SHAREDFOLDER_icon{background-image:url(images/folder_shared.png)}#b_nav_main li.b_resource_FileResource-WIKI div,#b_nav_main .o_FileResource-WIKI_icon{background-image:url(images/le_resources/wiki.png)}#b_nav_main li.b_resource_FileResource-PODCAST div,#b_nav_main .o_FileResource-PODCAST_icon{background-image:url(images/le_resources/podcast.png)}#b_nav_main li.b_resource_FileResource-BLOG div,#b_nav_main .o_FileResource-BLOG_icon{background-image:url(images/le_resources/blog.png)}#b_nav_main li.b_resource_FileResource-MOVIE div,#b_nav_main .o_FileResource-MOVIE_icon{background-image:url(images/docs/document-film.png)}#b_nav_main li.b_resource_FileResource-PDF div,#b_nav_main .o_FileResource-PDF_icon{background-image:url(images/docs/document-pdf.png)}#b_nav_main li.b_resource_FileResource-PPT div,#b_nav_main .o_FileResource-PPT_icon{background-image:url(images/docs/document-powerpoint.png)}#b_nav_main li.b_resource_FileResource-DOC div,#b_nav_main .o_FileResource-DOC_icon{background-image:url(images/docs/document-word.png)}#b_nav_main li.b_resource_FileResource-IMSCP div,#b_nav_main .o_FileResource-IMSCP_icon{background-image:url(images/le_resources/book-open-text-image-red.png)}#b_nav_main li.b_resource_FileResource-SCORMCP div,#b_nav_main .o_FileResource-SCORMCP_icon{background-image:url(images/le_resources/book-open-text-image-s.png)}#b_nav_main li.b_resource_FileResource-FILE div,#b_nav_main .o_FileResource-FILE_icon{background-image:url(images/docs/document_plain.png)}#b_nav_main li.b_resource_FileResource-IMAGE div,#b_nav_main .o_FileResource-IMAGE_icon{background-image:url(images/docs/document-image.png)}#b_nav_main li.b_resource_FileResource-SOUND div,#b_nav_main .o_FileResource-SOUND_icon{background-image:url(images/docs/document-music.png)}#b_nav_main li.b_resource_FileResource-XLS div,#b_nav_main .o_FileResource-XLS_icon{background-image:url(images/docs/document-excel.png)}#b_nav_main li.b_resource_FileResource-ANIM div,#b_nav_main .o_FileResource-ANIM_icon{background-image:url(images/docs/document-image.png)}#b_nav_main li.b_resource_FileResource-SURVEY div,#b_nav_main .o_FileResource-SURVEY_icon{background-image:url(images/le_resources/survey.png)}#b_nav_main li.b_resource_FileResource-TEST div,#b_nav_main .o_FileResource-TEST_icon{background-image:url(images/le_resources/test.png)}#b_nav_main li.b_resource_FileResource-GLOSSARY div,#b_nav_main .o_FileResource-GLOSSARY_icon{background-image:url(images/le_resources/glossary.png)}#b_nav_main li.b_resource_org-olat-search-ui-SearchController div,#b_nav_main .o_org-olat-search-ui-SearchController_icon{background-image:url(../images/brasato/search.png)}#b_nav_main li.b_resource_EPStructuredMapTemplate div{background-image:url(images/le_resources/portfolio.png)}li a.o_toolbox_course{background-image:url(images/le_resources/book-open-text-image.png)}li a.o_toolbox_content{background-image:url(images/le_resources/book-open-text-image-red.png)}li a.o_toolbox_scorm{background-image:url(images/le_resources/book-open-text-image-s.png)}li a.o_toolbox_test{background-image:url(images/le_resources/test.png)}li a.o_toolbox_questionnaire{background-image:url(images/le_resources/survey.png)}li a.o_toolbox_wiki{background-image:url(images/le_resources/wiki.png)}li a.o_toolbox_podcast{background-image:url(images/le_resources/media-player-cast.png)}li a.o_toolbox_blog{background-image:url(images/le_resources/blog.png)}li a.o_toolbox_glossary{background-image:url(images/le_resources/glossary.png)}li a.o_toolbox_sharedfolder{background-image:url(images/folder_shared.png)}li a.o_toolbox_coursefolder{background-image:url(images/le_resources/blue-folder.png)}li a.o_toolbox_portfolio{background-image:url(images/le_resources/portfolio.png)}li a.b_toolbox_link{background-image:url(images/bullet_black.png)}li a.b_toolbox_doc{background-image:url(images/docs/document_plain.png)}li a.b_toolbox_preview{background-image:url(images/docs/document_preview.png)}li a.b_toolbox_publish{background-image:url(images/docs/document_share.png)}li a.b_toolbox_move{background-image:url(images/docs/document_move.png)}li a.b_toolbox_close{background-image:url(images/close.png)}li a.b_toolbox_delete{background-image:url(images/cross-script.png)}li a.b_toolbox_copy,.b_copy_icon{background-image:url(images/docs/document-copy.png)}.o_midlock{top:9px;left:9px;background-image:url(images/decorator/deco_condition.png)}.o_miderr{top:8px;left:-2px;background-image:url(images/decorator/deco_error.png)}.o_midwarn{top:8px;left:-2px;background-image:url(images/decorator/deco_warn.png)}.o_midpub{top:-2px;left:9px;background-image:url(images/decorator/deco_ok.png)}.o_bc_icon{background-image:url(images/folder.png) !important}.o_co_icon{background-image:url(images/mail.png) !important}.o_cp_icon{background-image:url(images/le_resources/book-open-text-image-red.png) !important}.o_cp_org{background-image:url(images/le_resources/book-open-text-image-red.png) !important}.o_cp_item{background-image:url(images/docs/document-text.png) !important}.o_dialog_icon{background-image:url(images/docs/document_discuss.png) !important}.o_en_icon{background-image:url(images/enrol.png) !important}.o_fo_icon{background-image:url(images/forum.png) !important}.o_iqself_icon{background-image:url(images/le_resources/selftest.png) !important}.o_iqsurv_icon{background-image:url(images/le_resources/survey.png) !important}.o_iqtest_icon{background-image:url(images/le_resources/test.png) !important}.o_ms_icon{background-image:url(images/le_resources/thumb-up.png) !important}.o_scorm_icon,.o_scorm_org{background-image:url(images/le_resources/book-open-text-image-s.png) !important}.o_scorm_item{background-image:url(images/docs/document-text.png) !important}.o_scorm_asset{background-image:url(images/le_resources/book-open-text-image-s.png) !important}.o_sp_icon{background-image:url(images/docs/document-text.png) !important}.o_st_icon{background-image:url(images/node-select-all.png) !important}.o_ta_icon{background-image:url(images/docs/document-task.png) !important}.o_tu_icon{background-image:url(images/docs/document-import.png) !important}.o_wiki_icon{background-image:url(images/le_resources/wiki.png) !important}.o_ll_icon{background-image:url(images/docs/document_linklist.png) !important}.o_cl_icon{background-image:url(images/clipboard-task.png) !important}.o_den_icon{background-image:url(images/clock.png) !important}.o_projectbroker_icon{background-image:url(images/projectbroker.png) !important}.o_podcast_icon{background-image:url(images/le_resources/media-player-cast.png) !important}.o_blog_icon{background-image:url(images/le_resources/blog.png) !important}.o_cal_icon{background-image:url(images/calendar.png) !important}.o_lti_icon{background-image:url(images/docs/document-node.png) !important}.o_vc_icon{background-image:url(images/projection-screen.png) !important}.o_vitero_icon{background-image:url(images/vitero.png) !important}.o_ep_icon,.o_EPStructuredMapTemplate_icon{background-image:url(images/le_resources/portfolio.png) !important}.o_infomsg_icon{background-image:url(images/information-button.png) !important}.o_cmembers_icon{background-image:url(images/users.png) !important}body#b_body .o_CourseModule_icon_closed{background-image:url(../images/olat/course_closed.png)}*{font-family:Century Gothic, Apple Gothic, sans-serif}textarea,pre,tt,code{font-size:90%;color:inherit;line-height:inherit;margin:inherit}body{font-size:75%;color:#444}h1,h2,h3,h4,h5,h6{font-weight:bold;margin:0 0 0.25em 0}h1{font-size:200%}h2{font-size:166.67%}h3{font-size:150%}h4{font-size:133.33%}h5{font-size:116.67%}h6{font-size:116.67%;font-style:italic}a,a:visited{text-decoration:none;color:#025d8c}a:hover{text-decoration:underline;color:#025d8c}a.b_link_extern{background:transparent url("images/external_link_trimmed.png") no-repeat right top;padding-right:13px}.b_link_mailto{background:transparent url("images/mail_small.png") no-repeat left center;padding-left:18px}hr{color:#fff;background:transparent;margin:0 0 0.5em 0;padding:0 0 0.5em 0;border:0;border-bottom:1px #eee solid}.b_button{border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;white-space:nowrap;cursor:pointer;margin:0 0.5em 0.5em 0;padding:0;color:#444;background:transparent;display:inline-block;line-height:2.2em;vertical-align:middle;text-align:left;border:1px solid rgba(0, 0, 0, 0.1);background:#f5f5f5;background:-moz-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #f1f1f1));background:-webkit-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);background:-o-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);background:-ms-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);background:linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f1f1f1',GradientType=0 );-moz-transition:all 0.22s "";-webkit-transition:all 0.22s "";-o-transition:all 0.22s "";transition:all 0.22s ""}.b_button,.b_button span{color:#444;font-size:100%;display:inline-block;padding:0 0.8em;width:auto;line-height:1.9em;text-align:center}.b_button:focus,.b_button:hover{text-decoration:none;border:1px solid #C6C6C6;moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.1);-ms-box-shadow:0 1px 1px rgba(0, 0, 0, 0.1);-o-box-shadow:0 1px 1px rgba(0, 0, 0, 0.1);-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.1);box-shadow:0 1px 1px rgba(0, 0, 0, 0.1)}.b_button:focus{border-color:#025d8c}.b_button:active{moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.3);-ms-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.3);-o-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.3);-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.3);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.3);border-color:#025d8c}.b_button_dirty{background:white;background:-moz-linear-gradient(top, white 0%, #fff7e0 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #fff7e0));background:-webkit-linear-gradient(top, white 0%, #fff7e0 100%);background:-o-linear-gradient(top, white 0%, #fff7e0 100%);background:-ms-linear-gradient(top, white 0%, #fff7e0 100%);background:linear-gradient(top, white 0%, #fff7e0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#fff7e0',GradientType=0 );border-color:#ff9900}.b_button_dirty:focus,.b_button_dirty:hover{text-decoration:none;border:1px solid #ffc20e;background:white;background:-moz-linear-gradient(top, white 0%, #fff7e0 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #fff7e0));background:-webkit-linear-gradient(top, white 0%, #fff7e0 100%);background:-o-linear-gradient(top, white 0%, #fff7e0 100%);background:-ms-linear-gradient(top, white 0%, #fff7e0 100%);background:linear-gradient(top, white 0%, #fff7e0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#fff7e0',GradientType=0 )}.b_disabled.b_button{border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;white-space:nowrap;cursor:pointer;margin:0 0.5em 0.5em 0;padding:0;color:#444;background:transparent;display:inline-block;line-height:2.2em;vertical-align:middle;text-align:left;border:1px solid rgba(0, 0, 0, 0.1);background:#f5f5f5;background:-moz-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #f1f1f1));background:-webkit-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);background:-o-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);background:-ms-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);background:linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f1f1f1',GradientType=0 );-moz-transition:all 0.22s "";-webkit-transition:all 0.22s "";-o-transition:all 0.22s "";transition:all 0.22s "";border:1px solid #ACAAAA;background:#fff}.b_disabled.b_button,.b_disabled.b_button span{color:#444;font-size:100%;display:inline-block;padding:0 0.8em;width:auto;line-height:1.9em;text-align:center}.b_disabled.b_button:focus,.b_disabled.b_button:hover{moz-box-shadow:0 0 0 transparent;-ms-box-shadow:0 0 0 transparent;-o-box-shadow:0 0 0 transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent}div.b_button_group{text-align:center;margin:2em 0 1em 0}div.b_button_group div{display:inline}.b_xsmall,sup,sub{font-size:80%}.b_small,small{font-size:90%}a.b_toggle{white-space:nowrap;margin:0 0.5em 0.2em 0;cursor:default;color:#2C2B2B;border:1px solid #aaa;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;display:inline-block;line-height:1.5em;text-align:center;background:url(../images/brasato/toggle_off.png) top left repeat-x}a.b_toggle span{padding:0 0.8em}a.b_toggle:hover{background:#ddd;text-decoration:none}a.b_toggle.b_on:hover{background:#747474}a.b_toggle.b_on,a.b_toggle:active,a.b_toggle.b_on:active{color:white;border:none;padding:1px;-webkit-box-shadow:inset 1px 1px 2px rgba(0, 0, 0, 0.5);-moz-box-shadow:inset 1px 1px 2px rgba(0, 0, 0, 0.5);box-shadow:inset 1px 1px 2px rgba(0, 0, 0, 0.5);text-shadow:1px 1px 2px rgba(0, 0, 0, 0.5)}a.b_toggle:focus,a.b_toggle.b_on:focus{text-decoration:none}a.b_toggle:active,a.b_toggle.b_on:active{background:url(../images/brasato/toggle_active.png) top left repeat-x}a.b_toggle.b_on{background:url(../images/brasato/toggle_on.png) top left repeat-x}span.b_toggle.b_disabled{white-space:nowrap;margin:0 0.5em 0.2em 0;padding:0 0.8em;color:#667;border:1px solid #DDD;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;display:inline-block;line-height:1.5em;text-align:center;background:url(../images/brasato/toggle_dis.png) top left repeat-x}a.b_toggle_slide{background:url(../images/brasato/handle.png) -63px 0px no-repeat;height:25px;width:85px;white-space:nowrap;margin:0 0.2em 0.2em 0.2em;color:#2C2B2B;border:1px solid #aaa;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;display:inline-block;text-align:center;vertical-align:middle;position:relative}a.b_toggle_slide span{position:absolute;top:-25px;left:0}a.b_toggle_slide:hover,a.b_toggle_slide:focus,a.b_toggle_slide:active,a.b_toggle_slide.b_on:hover,a.b_toggle_slide.b_on:focus,a.b_toggle_slide.b_on:active{border:1px solid #868686;text-decoration:none}a.b_toggle_slide.b_on{background-position:-16px 0px}a.b_toggle_slide.b_disabled{background:url(../images/brasato/handle_dis.png) -63px 0px no-repeat;height:25px;width:85px;white-space:nowrap;margin:0 0.5em 0.2em 0;color:#2C2B2B;border:1px solid #aaa;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;display:inline-block;text-align:center;vertical-align:middle}a.b_toggle_slide.b_small{background:url(../images/brasato/handle_small.png) -41px 0px no-repeat;height:16px;width:55px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}a.b_toggle_slide span{position:absolute;top:-16px}a.b_toggle_slide.b_small.b_on{background-position:-9px 0px}span.b_toggle_slide.b_disabled{background:url(../images/brasato/handle_small_dis.png) -41px 0px no-repeat;height:16px;width:55px;white-space:nowrap;margin:0 0.5em 0.2em 0;color:#2C2B2B;border:1px solid #aaa;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;display:inline-block;text-align:center;vertical-align:middle}span.b_toggle_slide_legend{font-size:90%}.b_link_back{border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;white-space:nowrap;cursor:pointer;margin:0 0.5em 0.5em 0;padding:0;color:#444;background:transparent;display:inline-block;line-height:2.2em;vertical-align:middle;text-align:left;border:1px solid rgba(0, 0, 0, 0.1);background:#f5f5f5;background:-moz-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #f1f1f1));background:-webkit-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);background:-o-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);background:-ms-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);background:linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f1f1f1',GradientType=0 );-moz-transition:all 0.22s "";-webkit-transition:all 0.22s "";-o-transition:all 0.22s "";transition:all 0.22s ""}.b_link_back > span{padding:0px 8px 0px 25px;background:transparent url("images/arrow_left_big.png") no-repeat 4px center}.b_link_back:focus,.b_link_back:hover{text-decoration:none;border:1px solid #C6C6C6;moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.1);-ms-box-shadow:0 1px 1px rgba(0, 0, 0, 0.1);-o-box-shadow:0 1px 1px rgba(0, 0, 0, 0.1);-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.1);box-shadow:0 1px 1px rgba(0, 0, 0, 0.1)}.b_link_back:focus{border-color:#025d8c}.b_link_back:active{moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.3);-ms-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.3);-o-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.3);-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.3);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.3);border-color:#025d8c}table{border-collapse:collapse;margin-bottom:0.5em;border-top:0px solid white;border-bottom:0px solid white}table caption{font-variant:small-caps}table.b_full{width:99.5%}table.fixed{table-layout:fixed}table th,table td{padding:0.3em}table thead th{color:inherit;border-bottom:1px solid #ccc}table tbody tr.b_table_odd td{background:#eee}div.b_table_wrapper table{width:99.5%;margin-left:1px}div.b_table_wrapper table tbody tr:hover td{background:#f3feff}.b_info{background:#e9eaef url(images/information-white.png) no-repeat 5px 5px;padding:5px 5px 5px 30px;border:1px solid #C5C4C4;-moz-border-radius:4px;-webkit-border-radius:4px}.b_note{background:#E2E2E2;padding:1em;border:2px #B5B5B5 solid;-moz-border-radius:4px;-webkit-border-radius:4px}.b_important{background:#FFF1A4;padding:1em;border:2px #F4D000 solid;-moz-border-radius:4px;-webkit-border-radius:4px}.b_warning{background:#FFD5AA;padding:1em;border:2px #FF9E3E solid;-moz-border-radius:4px;-webkit-border-radius:4px}div.b_note,div.b_important,div.b_warning,div.b_info{margin:1em 0}.b_border_box{border:1px solid #ACAAAA;padding:1em}.b_disabled{color:#ACAAAA}.b_deleted{text-decoration:line-through}.b_selected{font-weight:bold}.b_small,small{font-size:90%}.b_xsmall,sup,sub{font-size:80%}.b_large{font-size:110%}.b_xlarge,big{font-size:120%}.b_align_normal{text-align:left}.b_align_center{text-align:center}.b_align_inverse{text-align:right}.b_quote_wrapper{position:relative;margin:20px}.b_quote_author{background:url(../images/olat/forum/quote.gif) no-repeat left bottom;padding:10px 5px 15px 11px;position:relative;top:1px;font-style:italic;color:#A2A2A2}blockquote.b_quote{margin:0;border:1px solid #e5e5e5;color:black;padding:8px 10px 6px;color:#646464}div.b_contexthelp_wrapper{position:relative}a.b_contexthelp{display:block;width:16px;height:16px;background:url(images/help.png) no-repeat;line-height:0;cursor:help}div.b_contexthelp_wrapper a.b_contexthelp{position:absolute;top:0;right:0}fieldset a.b_contexthelp,fieldset div.b_contexthelp_wrapper a.b_contexthelp{position:absolute;top:-1.5em;right:-0.8em}#b_contexthelp_content{padding:0}#b_ch_topnav_search div.b_form_element_wrapper.b_form_horizontal{margin:2px 0 0 0}#b_contexthelp_rating{text-align:center;margin-top:20px;padding:10px;border-top:1px #ACAAAA solid}#b_contexthelp_rating h4{font-size:90%;margin:0;font-style:italic}#b_contexthelp_rating table{display:inline-block}#b_contexthelp_rating table td{width:50%}.b_contexthelp_icon{background-image:url(images/help.png)}div.o_login div.o_login_form fieldset legend{display:none}div.b_form div.b_form_desc{padding-bottom:1em;font-style:italic}input,select,textarea{border:1px solid #ACAAAA;background:#F6F6F6;line-height:1.3em;margin:0}textarea{font-family:inherit;width:100%}input:focus,select:focus,textarea:focus{background:#fff;border:1px solid #504D4E}input.b_checkbox,input.b_radio{height:1em;width:1em;border:0;margin:0 2px 0 0}label.b_checkbox_label,label.b_radio_label{padding-left:0.5em}.b_inline_editable{padding:1px 20px 1px 0;vertical-align:middle;min-height:16px}.b_inline_editable:hover{background-position:100% 50%;background-repeat:no-repeat;background-image:url(../images/brasato/page_edit_tiny.png)}span.b_inline_editable:hover{cursor:text !important}fieldset{padding:1em;padding-top:1.5em;border:none;border-top:1px solid #94bed3}fieldset legend{padding:0 5px;font-size:120%;font-weight:bold}div.b_form div.b_form_desc{padding-bottom:1em;font-style:italic}div.b_form div.b_form_general_error{padding:10px 10px 10px 50px;margin-bottom:20px;text-align:left;background:url(../images/brasato/icon_error.png) no-repeat 10px 10px;min-height:32px;border:1px solid #990000;color:#990000;font-style:italic}div.b_form div.b_form_spacer{margin:10px 0}div.b_form hr.b_form_spacer{margin:10px 0;border-bottom:1px solid #eee;padding:0}div.b_form hr.b_form_spacer.b_form_horizontal{display:inline-block;width:2em}div.b_form hr.b_form_spacer.b_form_spacer_noline{margin:10px 0;border-bottom:0;padding:0}div.b_form div.b_form_element_wrapper{vertical-align:middle;margin:0.5em 0}div.b_form div.b_form_element_wrapper.b_form_horizontal{vertical-align:middle;margin:0.5em 1em 0.5em 0;float:left;display:inline}div.b_form div.b_form_element_wrapper.b_form_vertical{vertical-align:middle;margin:0.5em 0;float:none;display:block}div.b_form div.b_form_element_wrapper div.b_form_element_label{width:20%;float:left;display:inline}div.b_form div.b_form_element_wrapper div.b_form_element_label label{float:left;display:inline;line-height:1.3em}div.b_form div.b_form_element_wrapper div.b_form_element_label span.b_form_mandatory{background:url(images/star-small.png) no-repeat;padding-left:16px;height:16px}div.b_form div.b_form_element_wrapper div.b_form_element_label.b_form_horizontal{width:auto;float:left;display:inline}div.b_form div.b_form_element_wrapper div.b_form_element_label.b_form_vertical{width:auto;float:none;display:block}div.b_form div.b_form_element_wrapper div.b_form_element{margin-left:25%;padding:0 2px 0 12px}div.b_form div.b_form_element_wrapper div.b_form_element.b_form_horizontal{margin-left:0;padding-left:0;float:left;display:inline}div.b_form div.b_form_element_wrapper div.b_form_element.b_form_horizontal .b_button{float:left;display:inline}div.b_form div.b_form_element_wrapper div.b_form_element.b_form_vertical{margin-left:0;margin-top:0.5em;padding-left:0;float:none;display:block;clear:both}div.b_form div.b_form_element_wrapper.b_form_error input,div.b_form div.b_form_element_wrapper.b_form_error select{border:1px solid #990000;background:#ebcccc}div.b_form div.b_form_element_wrapper div.b_form_error_msg{clear:both;color:#990000;font-style:italic;display:block}div.b_form div.b_form_element_wrapper div.b_form_element_wrapper{margin:0}div.b_form div.b_button_group{margin-left:0%;padding-left:0px;text-align:left}div.b_form.b_form_vertical div.b_button_group{text-align:left}div.b_form div.b_form_element div.b_form_example{display:inline;font-size:80%;color:#504D4E}div.b_form div.b_form_element .b_form_disabled{color:#504D4E}div.b_form div.b_form_element .b_form_element_disabled{color:#9E9C9C;background:#EEEEEE;border:1px solid #CDCBCB}div.b_form div.b_form_element span.b_form_datechooser{background:url(../images/brasato/calendar.png) no-repeat;padding-left:18px;height:16px;line-height:16px;margin-left:2px}div.b_form div.b_form_element span.b_form_datechooser:hover{background-image:url(../images/brasato/calendar_over.png)}div.b_form div.b_form_element a.b_form_groupchooser{background:url(../images/brasato/group.png) no-repeat;padding-left:18px;height:16px;line-height:16px;margin-left:2px}div.b_form div.b_form_element a.b_form_groupchooser:hover{background-image:url(../images/brasato/group_over.png)}div.b_form div.b_form_element a.b_form_genericchooser{background:url(../images/brasato/group.png) no-repeat;padding-left:18px;height:16px;line-height:16px;margin-left:2px}div.b_form div.b_form_element a.b_form_genericchooser:hover{background-image:url(../images/brasato/group_over.png)}div.b_form div.b_form_element a.b_form_wikitext{background-repeat:no-repeat;padding-left:12px;line-height:1.5em;font-style:italic}div.b_form div.b_form_element a.b_form_wikitext,div.b_form div.b_form_element .b_wiki_icon{background-image:url(../images/brasato/wiki_format.png)}div.b_form div.b_form_element a.b_form_wikitext:hover{background-image:url(../images/brasato/wiki_format_over.png)}div.b_button_group div.b_form_element_wrapper{vertical-align:middle;margin:0.5em 0;float:none;display:block}div.b_button_group div.b_form_element_wrapper div.b_form_element_label{width:auto;float:none;display:block}div.b_button_group div.b_form_element_wrapper div.b_form_element{margin-left:0}.b_subcolumns{display:table;width:100%;table-layout:fixed}.b_c25l input,.b_c25r input{max-width:93%}div.calendar{z-index:10000 !important}div.b_form div.b_form_element_wrapper.b_form_element_switch div.b_form_element{margin:0;float:left}div.b_form div.b_form_element_wrapper.b_form_element_switch div.b_form_element_label{float:none;width:auto;display:block;padding-left:2.5em}div.b_form div.b_form_element_wrapper.b_form_element_switch div.b_form_element_label label{float:none}div.b_form_subform{padding-left:2.5em}div.b_form_selection_vertical div.b_form_selection_element{vertical-align:middle;line-height:1.3em;position:relative}div.b_form_selection_vertical div.b_form_selection_element input{vertical-align:middle;line-height:1.3em}div.b_form_selection_horizontal div.b_form_selection_element{float:left;display:inline;padding-right:1em}div.b_form_selection_horizontal div.b_form_selection_element input{vertical-align:middle}div.b_form div.b_form_element div.b_form_togglecheck{font-size:95%;display:block;vertical-align:middle;line-height:16px;margin-top:0.5em}div.b_form div.b_form_element div.b_form_togglecheck input{height:1em;width:1em}div.o_form_wrapper fieldset{min-width:60em}div.form_shift_left{position:inherit;left:-20%}div.mceExternalToolbar{background:#f0f0ee !important;overflow:auto}table.b_choice{padding:0;margin:0}table.b_choice td{padding:0.1em;margin:0}table.b_choice td.b_togglecheck{padding-top:1em}table.b_choice td.b_togglecheck div.b_togglecheck{display:inline;border-top:1px solid #eee}table.b_choice td.b_togglecheck input{margin:0 7px 0 2px}div.b_fileinput{position:relative}div.b_fileinput div.b_fileinput_fakechooser{position:absolute;top:0px;left:0px;z-index:1;display:inline;white-space:nowrap}div.b_fileinput div.b_fileinput_fakechooser a{margin-left:5px}div.b_fileinput span.b_fileinput_maxsize{padding:1px 0 1px 1em;font-style:italic;min-height:16px;vertical-align:middle}div.b_fileinput:hover a{background-image:url(../images/brasato/hard_disk_over.png);text-decoration:underline}div.b_fileinput input.b_fileinput_realchooser{position:relative;top:0;left:0;z-index:2;-moz-opacity:0;opacity:0;filter:alpha(opacity=0)}div.b_fileinput div.b_button_group{text-align:left;padding-left:0;margin-left:0}.b_fileinput_icon{background-image:url(../images/brasato/hard_disk.png)}div.b_progress div.b_progress_bar{height:12px;border:1px solid #bfbfbf;background:#B0C4DE}div.b_progress div.b_progress_bar div{height:12px;background:url(../images/brasato/scale.gif)}div.b_ratings_and_comments{margin:4em 0 1.5em 0;padding-bottom:0.5em;border-bottom:1px solid #eee;font-size:0.9em;position:relative}div.b_ratings_and_comments a.b_comments,div.b_eportfolio_map a.b_comments{background:url(images/comment.png) 3px 50% no-repeat;padding:3px 0 1px 23px;vertical-align:middle;min-height:18px}div.b_ratings_and_comments div.b_rating_wrapper{position:absolute;right:0;bottom:0;width:150px;height:4em}div.b_ratings_and_comments div.b_rating{background:none;border:none;padding:0;margin:0;position:absolute;left:0;bottom:2px;width:100%}div.b_ratings_and_comments div.b_rating_personal{background:#fff;z-index:5}div.b_comments{font-size:0.9em}div.b_comments div.b_comment_wrapper{border:1px solid #eee;padding:10px 10px 5px 10px;margin-bottom:2em;background:#fbfbfb;-moz-border-radius:4px;-webkit-border-radius:4px}div.b_comments div.b_comment_wrapper div.b_avatar img{border:1px solid #aaa}div.b_comments div.b_comment_wrapper h5{font-size:1em;background:url(../images/brasato/user.png) 0 50% no-repeat;padding:1px 0 1px 20px;vertical-align:middle;min-height:16px}div.b_comments div.b_comment_wrapper span.b_date{color:#aaaaaa;font-weight:normal;display:block;margin-top:5px}div.b_comments blockquote.b_comment{padding:3px 0 0 0px;margin:0}div.b_comments div.b_form{padding:10px;border:1px solid #eee;margin:2em 0 2em 0;background:#fbfbfb url(../images/brasato/generic/background_gradient_white.png) repeat-x bottom left;-moz-border-radius:4px;-webkit-border-radius:4px}div.b_comments div.b_form h5{font-size:1em;margin-bottom:0.5em}div.b_comments div.b_form div.b_button_group{text-align:center}div.b_comment_wrapper div.b_comment_wrapper{margin-left:7px;background:#fff}div.b_comment_wrapper div.b_comment_wrapper div.b_comment_wrapper{background:#fbfbfb}div.b_comment_wrapper div.b_comment_wrapper div.b_comment_wrapper div.b_comment_wrapper{background:#fff}.b_comment_icon{background-image:url(images/comment.png)}#b_comment_form_link{font-size:0.9em;position:relative;top:-15px;left:23px}div.b_datecomp{width:2.5em;height:3em;position:relative;margin-right:5px;font-weight:normal;color:white;text-align:center;vertical-align:middle;border:1px solid #000;font-size:85%}div.b_datecomp div{width:100%;position:absolute;left:0}div.b_datecomp div.b_year{height:1em;top:-1.5em;font-size:80%;font-weight:normal;color:#000}div.b_datecomp div.b_month{background:#BE5B5D;height:40%;top:0;font-size:80%;font-weight:normal;color:white}div.b_datecomp div.b_day{background:#fff;height:60%;bottom:0;font-size:120%;font-weight:bold;color:#000;border-top:1px solid #000;border-bottom:1px solid #aaaaaa}div.b_mark{width:20px;height:20px}div.b_mark div.b_form div.b_form_element_wrapper{margin:0}div.b_mark div.b_form_element_wrapper div.b_form_element{margin:0;padding:0}a.b_mark_set span,a.b_mark_not_set span{display:block;width:19px;height:19px}a.b_mark_set{background:url(../images/brasato/flag.png) center right no-repeat;display:block;width:20px;height:20px}a.b_mark_set:hover,a.b_mark_not_set:hover{background:url(../images/brasato/flag_over.png) center right no-repeat;display:block;width:20px;height:20px}a.b_mark_not_set{background:url(../images/brasato/flag_dis.png) center right no-repeat;display:block;width:20px;height:20px}div.b_rating{margin:10px;padding:5px;font-size:80%;white-space:nowrap;text-align:left;background:#EEE;border:1px solid #ACAAAA;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px}div.b_rating div.b_rating_title{font-weight:bold}div.b_rating div.b_rating_items{vertical-align:middle;line-height:18px}div.b_rating div.b_rating_items a{float:left;display:inline;width:16px;height:16px;background-repeat:no-repeat;background-position:0 0;margin:1px 4px 1px 0}div.b_rating div.b_rating_items a.b_rating_item_on{background-image:url(images/star.png)}div.b_rating div.b_rating_items a.b_rating_item_off{background-image:url(images/star_grey.png)}div.b_rating div.b_rating_items a:hover{cursor:default}div.b_rating div.b_rating_items.b_enabled a:hover{cursor:pointer}div.b_rating div.b_rating_items.b_enabled a.b_rating_item_off:hover{background-image:url(images/star.png)}div.b_rating div.b_rating_explanation{clear:both;font-size:90%}div.b_form_auto_completer input{border:1px solid #ACAAAA;background:#F6F6F6;line-height:1.3em;margin:0px;padding:0}div.b_form_auto_completer input:focus{border:1px solid #504D4E;background:#FFF}div.b_form_auto_completer_item{background-color:#FFF;text-align:left;padding-top:2px;padding-bottom:2px}div.b_form_auto_completer_item.x-combo-selected{background-color:#c4d0dc;border-left:0 !important;border-right:0 !important}div.b_form_auto_completer_item span.b_key{color:#999;margin-right:2px}div.b_form_auto_completer_item.b_error_icon{color:#990000;font-style:italic}.b_border_box{border:1px solid #ccc;padding:1em}.b_warning{padding:1em;border:2px #ffc659 solid;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;background:#ffe49c;background:-moz-linear-gradient(top, #ffe49c 0%, #fff4da 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffe49c), color-stop(100%, #fff4da));background:-webkit-linear-gradient(top, #ffe49c 0%, #fff4da 100%);background:-o-linear-gradient(top, #ffe49c 0%, #fff4da 100%);background:-ms-linear-gradient(top, #ffe49c 0%, #fff4da 100%);background:linear-gradient(top, #ffe49c 0%, #fff4da 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe49c', endColorstr='#fff4da',GradientType=0 )}.b_dimmed{-moz-opacity:0.4;opacity:0.4;filter:alpha(opacity=40)}.o_ochre{color:#c8a959}div.b_briefcase div.b_briefcase_foldercomp{margin-top:0.5em;border-top:1px solid #bbb}div.b_briefcase_foldercomp div.b_briefcase_createactions{margin:0.5em 0}div.b_briefcase_foldercomp div.b_briefcase_createactions ul{list-style:none;margin:0;padding:0;white-space:nowrap;font-size:95%}div.b_briefcase_foldercomp div.b_briefcase_createactions ul li{float:right;display:inline;margin:0 0 0 1em;padding:0 0 0 3px;position:relative}div.b_briefcase_foldercomp div.b_briefcase_createactions ul li a{background-position:0 50%;background-repeat:no-repeat;padding:2px 0 2px 20px}div.b_briefcase_foldercomp div.b_briefcase_createactions ul a.b_briefcase_upload{background-image:url(images/docs/document_upload.png)}div.b_briefcase_foldercomp div.b_briefcase_createactions ul a.b_briefcase_newfolder{background-image:url(images/folder_new.png)}div.b_briefcase_foldercomp div.b_briefcase_createactions ul a.b_briefcase_newfile{background-image:url(images/docs/document_add.png)}div.b_briefcase_foldercomp div.b_briefcase_createactions ul a.b_briefcase_deletedfiles{background-image:url(images/docs/document_remove.png)}div.b_briefcase_foldercomp div.b_briefcase_breadcrumb{clear:both;padding:1px 0 1px 20px;margin:0.5em 0 0 0;border-bottom:1px solid #bbb;background:url(images/folder_open.png) no-repeat 0 50%}div.b_briefcase_foldercomp div.b_briefcase_empty{clear:both;margin-top:0.5em;font-style:italic}div.b_briefcase_foldercomp table.b_briefcase_filetable{clear:both;border-collapse:collapse;margin-bottom:0.5em;border-bottom:1px solid #4F576A;background:#fff;width:99.9%}div.b_briefcase_foldercomp table.b_briefcase_filetable thead{color:#000;background:#E0E2E8;border-bottom:1px solid #8F99AD}div.b_briefcase_foldercomp table.b_briefcase_filetable thead a,div.b_briefcase_foldercomp table.b_briefcase_filetable thead span{color:#4F576A;font-weight:bold}div.b_briefcase_foldercomp table.b_briefcase_filetable thead a:hover,div.b_briefcase_foldercomp table.b_briefcase_filetable thead a:focus{color:#000000;text-decoration:none;background-color:transparent}div.b_briefcase_foldercomp table.b_briefcase_filetable tbody tr.b_table_odd{background:#F3F4F5}div.b_briefcase_foldercomp table.b_briefcase_filetable tbody tr:hover,div.b_briefcase_foldercomp table.b_briefcase_filetable tbody tr:focus{background:#E0E2E8}div.b_briefcase_foldercomp table.b_briefcase_filetable th,div.b_briefcase_foldercomp table.b_briefcase_filetable td{white-space:nowrap;text-align:right;padding-right:1em}div.b_briefcase_foldercomp table.b_briefcase_filetable th.b_last_child,div.b_briefcase_foldercomp table.b_briefcase_filetable td.b_last_child{padding-right:0}div.b_briefcase_foldercomp table.b_briefcase_filetable th.b_first_child,div.b_briefcase_foldercomp table.b_briefcase_filetable td.b_first_child{width:60%;text-align:left}div.b_briefcase_foldercomp table.b_briefcase_filetable td input.b_checkbox{margin:0 4px 0 0}div.b_briefcase_foldercomp table.b_briefcase_filetable td a:hover,div.b_briefcase_foldercomp table.b_briefcase_filetable td a:focus{background-color:transparent}div.b_briefcase_foldercomp table.b_briefcase_filetable td.b_last_child{padding-left:0}div.b_briefcase_foldercomp table.b_briefcase_filetable table.b_briefcase_actions{border:0;padding:0;margin:0}div.b_briefcase_foldercomp table.b_briefcase_filetable table.b_briefcase_actions td{border:0;padding:0 0 0 3px;margin:0}div.b_briefcase_foldercomp table.b_briefcase_filetable table.b_briefcase_actions tr{border:0;padding:0;margin:0}div.b_briefcase_foldercomp table.b_briefcase_filetable a.b_briefcase_edit_file_icon{background-image:url(images/docs/document--pencil.png)}div.b_briefcase_foldercomp table.b_briefcase_filetable a.b_briefcase_edit_meta_icon{background-image:url(images/docs/document_metadata_edit.png)}div.b_briefcase_foldercomp table.b_briefcase_filetable span.b_briefcase_edit_meta_dis_icon{background-image:url(images/docs/document_metadata_edit.png);opacity:0.2}div.b_briefcase_foldercomp table.b_briefcase_filetable a.b_briefcase_versions_icon{background-image:url(../images/brasato/versions.png)}div.b_briefcase_foldercomp table.b_briefcase_filetable span.b_briefcase_versions_dis_icon{background-image:url(../images/brasato/versions_dis.png);opacity:0.2}div.b_briefcase_foldercomp table.b_briefcase_filetable span.b_briefcase_locked_file_icon{background-image:url(../images/brasato/locked.png)}div.b_briefcase_preview{background-color:white;width:200px;height:200px;border:1px solid #8EAACE;margin-top:2px}div.b_briefcase div.b_briefcase_searchcomp{float:left;display:inline;margin:0.5em 0;width:14em}div.b_briefcase div.b_briefcase_searchcomp input{width:10em}div.b_briefcase div.b_briefcase_searchcomp div.b_form_element_wrapper.b_form_horizontal{margin:0}div.b_briefcase div.b_briefcase_commandbuttons{margin:1em 0}div.b_briefcase div.b_briefcase_webdav{margin:0.5em 0}div.b_briefcase div.b_briefcase_quota{clear:both;margin-top:1em;padding-top:1em;border-top:1px solid #000}div.b_briefcase_meta{size:0.8em}div.b_briefcase_meta p{font-style:italic;margin:0;padding-top:2px}div.b_send_documents ol.textbox-outer{margin-left:0;border:1px solid #ACAAAA;background:#F6F6F6;line-height:1.3em}div.b_send_documents ol li{margin-left:0}div.b_send_documents textarea{overflow:auto;resize:none}@media all{div.o_wiki_wrapper{clear:both}div.o_wiki_wrapper div.o_wikimod_btn{position:relative}div.o_wiki_wrapper div.o_wikimod_btn a{margin-bottom:9px;background-repeat:no-repeat;background-position:center center;width:20px;height:19px;float:left;display:inline;padding-left:2px;border:1px solid #ccc;background-color:#eee;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;margin-right:2px}div.o_wiki_wrapper div.o_wikimod_btn a:hover{border:1px solid #025d8c}div.o_wiki_wrapper div.o_wikimod_btn div.b_contexthelp_wrapper a.b_contexthelp{position:absolute;top:0;right:0}div.o_wiki_wrapper a.o_wikimod_btn_bold{background-image:url(images/wiki/edit-bold.png)}div.o_wiki_wrapper a.o_wikimod_btn_italic{background-image:url(images/wiki/edit-italic.png)}div.o_wiki_wrapper a.o_wikimod_btn_link{background:url(images/wiki/chain.png)}div.o_wiki_wrapper a.o_wikimod_btn_extlink{background:url(images/wiki/chain--arrow.png)}div.o_wiki_wrapper a.o_wikimod_btn_headline{background:url(images/wiki/edit-heading.png)}div.o_wiki_wrapper a.o_wikimod_btn_image{background:url(images/wiki/image-medium.png)}div.o_wiki_wrapper a.o_wikimod_btn_media{background:url(../images/olat/wiki/btn_media.png)}div.o_wiki_wrapper a.o_wikimod_btn_math{background:url(../images/olat/wiki/btn_math.png)}div.o_wiki_wrapper a.o_wikimod_btn_nowiki{background:url(../images/olat/wiki/btn_nowiki.png)}div.o_wiki_wrapper a.o_wikimod_btn_hr{background:url(../images/olat/wiki/btn_hr.png)}div.o_wiki_wrapper a.o_wikimod_btn_list{background:url(images/wiki/edit-list.png)}div.o_wiki_wrapper a.o_wikimod_btn_numlist{background:url(images/wiki/edit-list-order.png)}div.o_wiki_wrapper .b_eportfolio_add,div.o_wiki_wrapper .b_eportfolio_add_again{position:absolute;top:28px;right:3px;z-index:99}div.o_wiki_wrapper h1{font-size:1.0em}div.o_wiki_wrapper h2{font-size:1.0em}div.o_wiki_wrapper h3{font-size:1.0em}div.o_wikimod_linkchooser{clear:both;float:left;display:inline}div.o_wikimod_filechooser{margin:0 2em;float:left;display:inline}div.o_wikimod_nav{font-size:90%;padding-top:1.5em}div.o_wikimod_nav legend{font-size:95%}div.o_wikimod_nav fieldset{padding:0.5em}div.o_wikimod_nav input{width:99%}div.o_wikimod_nav ul{margin:0;padding:0}div.o_wikimod_nav div.b_button_group{margin:0.5em 0;text-align:left}div.o_wikimod_nav div.b_form div.b_form_element_wrapper.b_form_horizontal{margin:0}div.o_wikimod_nav .b_form_element_wrapper .b_form_element{padding:0}div.o_wikimod_nav div.b_form_element_wrapper div.b_form_element.b_form_horizontal .b_button{padding:0.5em 0}div.o_wikimod_editform_wrapper{clear:both;padding:0.5em 0 0 0}div.o_wikimod_editform_wrapper div.b_form div.b_form_element_wrapper div.b_form_element_label{display:none}div.o_wikimod_editform_wrapper div.b_form div.b_form_element_wrapper div.b_form_element{clear:both;margin-left:0;padding:0 5px 0 0}div.o_wikimod_editform_wrapper div.b_form div.b_button_group{margin-left:0;text-align:center}h1.o_wikimod_heading,h3.o_wikimod_heading{margin:0 0 1em 0;padding:.5em 0 .17em 0;border-bottom:1px solid #BFBFBF}#o_wikimod_uploader{margin:1em 0 0 0}.o_wikimod_version{border:1px solid #BFBFBF;padding:4px;margin-top:5px}.o_wikimod_diff{border:1px solid #BFBFBF;padding:4px;margin:0px}.o_wikimod_warn{color:#DF9719}.o_wiki_error{background-color:#DF9719}.o_wikimod_ins{background-color:#A4DCA4}.o_wikimod_old{background-color:#FFCCCC}.o_wikimod_new{background-color:#A4DCA4}.o_wikimod_del{background-color:#FFCCCC}.wiki-image{float:right;padding:10px;clear:right}.wiki-file-deleted{text-decoration:line-through}}.b_artefact{margin:5px;border:1px solid #ddd;padding:1em;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 1px 2px lightGrey;-moz-box-shadow:0 1px 2px lightGrey;-o-box-shadow:0 1px 2px lightGrey;box-shadow:0 1px 2px lightGrey;background:#ebebeb url(../images/brasato/eportfolio/artefaktbg.png) top left repeat-x}.b_artefact div.b_actions{margin-top:2em}.b_artefact div.b_desc{font-style:italic;margin:1em 0}.b_ep_artAttribLink{background-image:url(../images/brasato/table/table_manage.png)}.b_ep_artAttribLink:hover{background-image:url(../images/brasato/table/table_manage_over.png)}div.b_artefact_closed{font-size:25px;float:right;background:url(../images/brasato/locked.png) top right no-repeat}div.b_eportfolio_preview_c100l .b_artefact{margin:3px}div.b_eportfolio_preview_c33l .b_artefact{font-size:85%;margin:3px}.b_ep_nolink{color:#000000}.b_ep_nolink:hover{color:#000000;text-decoration:none}.b_ep_multiartefacts div.b_ep_add_message_with_arrow{position:relative;top:-50px}.b_ep_multiartefacts div.b_artefact_count{margin:1em 0 1em 0}a.b_ep_options{background:url(../images/brasato/preferences.png) top left no-repeat;width:16px;height:16px;display:block}a.b_ep_options:hover{background:url(../images/brasato/preferences_over.png) top left no-repeat;width:16px;height:16px;display:block;text-decoration:none}.b_ep_liveblog_icon{background-image:url(../images/brasato/eportfolio/ep_liveblog_icon.png)}div.b_portfolio_toc ul{margin:0}div.b_portfolio_toc li{list-style-type:none}div.b_portfolio_toc li.level1{font-size:1.2em;margin:1.2em 0 0.2em 0;border-bottom:1px solid #ddd}div.b_portfolio_toc li.level2{padding-left:20px;font-size:1.1em;border-bottom:1px dotted #ddd}div.b_portfolio_toc li.level3{padding-left:40px}div.b_portfolio_toc li a{font-size:0.8em;text-decoration:none}div.b_portfolio_toc .link{float:right;margin-right:0px}div.b_portfolio_toc .commentlink{float:right;margin-right:10%}div.b_portfolio_toc .type_artefact{font-style:italic}.b_portfolio_toc .type_map,.b_portfolio_toc .type_page,.b_portfolio_toc .type_struct,.b_portfolio_toc .type_artefact{background-position:center left;background-repeat:no-repeat;padding-left:20px}a.b_eportfolio_add{background:url(../images/brasato/eportfolio/ep_add_icon.png) top left no-repeat;display:block;width:16px;height:16px}td a.b_eportfolio_add{float:right;padding-right:2px}a.b_eportfolio_add:hover{background:url(../images/brasato/eportfolio/ep_add_icon_over.png) top left no-repeat;display:block;width:16px;height:16px}a.b_eportfolio_add_again,span.b_eportfolio_add_again{background:url(../images/brasato/eportfolio/ep_add_again_icon.png) top left no-repeat;display:block;width:16px;height:16px}a.b_eportfolio_add_again:hover,span.b_eportfolio_add_again:hover{background:url(../images/brasato/eportfolio/ep_add_again_icon_over.png) top left no-repeat;display:block;width:16px;height:16px}.o_efficiencystatement a.b_eportfolio_add_again{float:right}a.b_eportfolio_link{background:url(../images/brasato/eportfolio/ep_link_icon.png) top left no-repeat;display:block;width:16px;height:16px}a.b_eportfolio_link:hover{background:url(../images/brasato/eportfolio/ep_link_icon_over.png) top left no-repeat;display:block;width:16px;height:16px}ul.b_eportfolio_maps{margin:0;padding:0}ul.b_eportfolio_maps li{display:block;float:left;position:relative;width:195px;height:320px;padding:60px 60px 40px 65px;margin:0.5em;background:url(../images/brasato/eportfolio/eportfolio_map_default.png) top left no-repeat;-moz-border-radius:4px 14px 14px 4px;-webkit-border-radius:4px 10px 10px 4px;-o-border-radius:4px 14px 14px 4px;border-radius:4px 14px 14px 4px;-webkit-box-shadow:0 1px 3px lightGray;-moz-box-shadow:0 1px 3px lightGray;-o-box-shadow:0 1px 3px lightGray;box-shadow:0 1px 3px lightGray}ul.b_eportfolio_maps li .b_map_info{position:absolute;bottom:40px;width:inherit;font-size:0.9em}li.default .b_map_info p{color:#bbb}li.comic .b_map_info p{color:#88a5c4}li.leather .b_map_info p{color:#C2A074}ul.b_eportfolio_maps li .b_map_info a.b_open_icon{font-size:1.2em;position:absolute;bottom:170px;right:-10px}ul.b_eportfolio_maps li.leather{background:url(../images/brasato/eportfolio/eportfolio_map_leather.png) top left no-repeat;border:none}ul.b_eportfolio_maps li.leather a{color:#fad9a4}ul.b_eportfolio_maps li.comic{background:url(../images/brasato/eportfolio/eportfolio_map_comic.png) top left no-repeat;border:none}ul.b_eportfolio_maps li.template.default{background-image:url(../images/brasato/eportfolio/eportfolio_map_default_template.png)}ul.b_eportfolio_maps li.template.comic{background-image:url(../images/brasato/eportfolio/eportfolio_map_comic_template.png)}ul.b_eportfolio_maps li.template.leather{background-image:url(../images/brasato/eportfolio/eportfolio_map_leather_template.png)}.b_map_page{text-align:center;clear:left}.b_map_page_all{text-align:center}.b_map_page > span{padding-right:3px}.b_map_page a.b_map_page_forward{background:url(../images/brasato/resultset_next.png) no-repeat center right;padding-right:16px}.b_eportfolio_map{background:white;padding:1.5em;min-height:30em}.b_eportfolio_map .b_ep_relative{position:relative}.b_eportfolio_toolbar div{display:inline}.b_eportfolio_toolbar{text-align:right;width:100%;border-bottom:1px solid #acaaaa;padding:1px 2px 4px 2px;margin-bottom:6px}.b_eportfolio_map a.b_eportfolio_add_link,.b_eportfolio_map a.b_eportfolio_del_link{float:right;display:inline;background-repeat:no-repeat;margin-left:0.5em;width:16px;height:16px;text-decoration:none}.b_eportfolio_toolbar a.b_eportfolio_add_link,.b_eportfolio_map a.b_eportfolio_del_link{float:none;display:inline-block;background-repeat:no-repeat;margin-left:0;margin-right:0.5em;width:16px;height:16px;text-decoration:none}.b_eportfolio_map div.b_eportfolio_add_link{float:left;display:inline;margin-top:2px}.o_ep_toc_editor .b_eportfolio_add_link{float:left}.b_eportfolio_map .b_eportfolio_add_link:hover{text-decoration:none}.b_eportfolio_map .b_eportfolio_comment_link{float:right;display:inline;margin-right:5px}.b_ep_tag_cloud{padding:1em 0 1em 0;border-bottom:1px solid #ccc}.default div.b_ep_actualpage{width:100%;margin-top:0;clear:both}.default div.b_pagination{float:none;position:static;width:100%}.default div.b_pagination ul{margin:0}.default div.b_pagination li{float:left;display:inline;width:auto;margin:2px 2px 2px 0;padding:0;background:#FAFAFA;-webkit-border-radius:7px 7px 0 0;-moz-border-radius:7px 7px 0 0;-o-border-radius:7px 7px 0 0;border-radius:7px 7px 0 0}.default div.b_pagination li span,.default div.b_pagination li a,.default div.b_pagination li{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis}.default div.b_pagination li.b_disabled{padding-bottom:2px;margin-bottom:0;background:#f4f4f4}.default div.b_pagination li .b_disabled{color:black;font-weight:normal;padding:5px 8px}.default div.b_pagination li a{padding:1em;padding:5px 8px}.default div.b_eportfolio_page,.default div.b_portfolio_toc,.default div.b_eportfolio_edit{background-image:none}.comic{font-family:'Comic Sans MS', 'Comic Sans', fantasy}.b_eportfolio_map.comic{background:#a2c3e8 none;padding:30px;-webkit-border-top-right-radius:10px;-moz-border-radius-topright:10px;border-top-right-radius:10px}.comic div.b_pagination{position:absolute;right:0;width:17%;max-height:100%;overflow-x:hidden;overflow-y:auto;z-index:100}.comic .b_ep_relative > div:last-child{position:relative}.comic div.b_ep_actualpage{width:85%;margin-top:1em}.comic div.b_pagination ul{margin-top:30px;margin-left:0px;z-index:1}.comic div.b_pagination li{width:87%;background:url(../images/brasato/eportfolio/postit.png) center right;padding:0;margin-bottom:1em;margin-left:13%;list-style-type:none}.comic div.b_pagination li span.b_disabled,.comic div.b_pagination li a span{display:block;padding:20px 15px 20px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis}.comic div.b_pagination li span,.comic div.b_pagination li a,.comic div.b_pagination li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis}.comic div.b_pagination li.b_disabled{z-index:101;margin-left:0;width:100%}.comic div.b_pagination li .b_disabled{color:black;font-weight:bold}.comic div.b_pagination li.b_toc{background-image:url(../images/brasato/eportfolio/postit_pink.png)}.b_eportfolio_page,.b_portfolio_toc,.b_eportfolio_edit{min-height:40em;background:#f4f4f4 url(../images/brasato/eportfolio/eportfolio_page_corner.png) top right no-repeat;padding:1em;-webkit-box-shadow:0px 2px 5px rgba(0, 0, 0, 0.2);-moz-box-shadow:0px 2px 5px rgba(0, 0, 0, 0.2);-o-box-shadow:0px 2px 5px rgba(0, 0, 0, 0.2);box-shadow:0px 2px 5px rgba(0, 0, 0, 0.2)}.b_eportfolio_page .b_eportfolio_structure > h5{border-bottom:1px solid #ddd;margin-top:1.2em}.b_eportfolio_edit{margin-top:1.5em}.leather{font-family:Palatino, Georgia, serif}.b_eportfolio_map.leather{background:url(../images/brasato/eportfolio/light-leather-tile.jpg)}.leather div.b_ep_actualpage{width:100%;margin-top:0;clear:both}.leather .b_map_header h4,.leather .b_map_header p,.leather .b_map_header a.b_eportfolio_add_link,.leather .b_map_header a.b_eportfolio_comment_link{color:white}.leather div.b_pagination{float:none;position:static;width:100%}.leather div.b_pagination ul{margin:0}.leather div.b_pagination li{float:left;display:inline;width:auto;margin:0 2px 0 0;padding:0;background:#ddd;-webkit-border-radius:7px 7px 0 0;-moz-border-radius:7px 7px 0 0;-o-border-radius:7px 7px 0 0;border-radius:7px 7px 0 0}.leather div.b_pagination li span,.leather div.b_pagination li a,.leather div.b_pagination li{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis}.leather div.b_pagination li.b_disabled{padding:0;background:#f4f4f4}.leather div.b_pagination li .b_disabled{color:black;font-weight:normal;padding:5px 8px}.leather div.b_pagination li a{padding:1em;padding:5px 8px}.leather div.b_eportfolio_page,.leather div.b_portfolio_toc,.leather div.b_eportfolio_edit{background-image:none}.b_eportfolio.b_artefacts hr.b_ep_filter_spacer{height:10px;background:url(../images/brasato/eportfolio/divider-arrow-down.png) 25px -12px no-repeat;border:none;border-top:1px solid #ccc;margin:2em 0 1em}.b_eportfolio.b_artefacts .b_ep_content{background:white;padding:0 1em 1em 1em;margin-top:1.5em}.b_eportfolio.b_artefacts .b_ep_content .b_ep_filter{padding:0;width:80%}.b_ep_filter{float:left}.b_ep_viewmode{float:right;width:15%}.b_ep_add_artefact{float:right}.b_ep_content div.b_ep_viewmode div.b_form_element_label{width:auto}.b_eportfolio.b_artefacts div.b_segments_container{top:-20px;margin-bottom:-20px}.b_ep_tagbrowser{width:30%;margin-right:0px}.b_ep_tagbrowser_view{width:68%;margin-left:0px}.b_ep_collection_icon{background-image:url(../images/brasato/eportfolio/ep_collection.png) !important}a.b_ep_collection_icon:hover{background-image:url(../images/brasato/eportfolio/ep_collection_over.png) !important}.b_ep_map_icon,.b_portfolio_toc .type_map{background-image:url(../images/brasato/eportfolio/ep_map.png) !important}a.b_ep_map_icon:hover,a.b_portfolio_toc:hover a.type_map:hover{background-image:url(../images/brasato/eportfolio/ep_map_over.png) !important}.b_ep_page_icon,.b_portfolio_toc .type_page{background-image:url(../images/brasato/eportfolio/ep_page.png) !important}a.b_ep_page_icon:hover,a.b_portfolio_toc:hover a.type_page:hover{background-image:url(../images/brasato/eportfolio/ep_page_over.png) !important}.b_ep_page_icon.b_eportfolio_add_link{background-image:url(../images/brasato/eportfolio/ep_page_add.png) !important}a.b_ep_page_icon.b_eportfolio_add_link:hover{background-image:url(../images/brasato/eportfolio/ep_page_add_over.png) !important}.b_ep_struct_icon,.b_portfolio_toc .type_struct{background-image:url(../images/brasato/eportfolio/ep_struct.png) !important}a.b_ep_struct_icon:hover,a.b_portfolio_toc:hover a.type_struct:hover{background-image:url(../images/brasato/eportfolio/ep_struct_over.png) !important}.b_ep_struct_icon.b_eportfolio_add_link{background-image:url(../images/brasato/eportfolio/ep_struct_add.png) !important}a.b_ep_struct_icon.b_eportfolio_add_link:hover{background-image:url(../images/brasato/eportfolio/ep_struct_add_over.png) !important}.type_artefact{background-image:url(../images/brasato/eportfolio/ep_icon.png) !important}div.b_eportfolio_collect_restriction{margin-top:5px}div.b_eportfolio_collect_restriction div.b_eportfolio_collect_restriction_el{float:left;margin-right:5px}div.b_eportfolio_collect_restriction div.b_eportfolio_collect_restriction_link{float:left;margin-right:5px}div.b_eportfolio_collect_restriction div.b_eportfolio_collect_restriction_link a{padding-left:0px;text-decoration:none}div.b_eportfolio_collect_restriction div.b_eportfolio_collect_restriction_link a:hover{text-decoration:none}div.b_eportfolio_restriction_wrapper a.b_togglebox_opened{z-index:10;display:block;width:9px;height:9px;padding:0;margin-left:12px}div.b_eportfolio_restriction_wrapper a.b_togglebox_closed{display:block;width:9px;height:9px;padding:0;margin-left:12px}div.b_eportfolio_restriction_wrapper p{padding:0 0 0 15px;margin:0}div.b_eportfolio_restriction_wrapper div.b_togglebox div.b_togglebox_content{padding:3px 3px 3px 3px;margin:0;border:1px solid red;background-image:none;background-color:transparent;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}div.b_eportfolio_restriction_error div.b_tooglebox_opened div.b_togglebox_content{border:1px solid #FF9900 !important;background:#fff5cc url(../images/olat/decorator_warn.png) no-repeat 3px 2px !important}div.b_eportfolio_restriction_passed div.b_tooglebox_opened div.b_togglebox_content{border:1px solid #F0F0F0 !important;background:#fcfcfc url(../images/olat/decorator_ok.png) no-repeat 3px 2px !important}div.b_eportfolio_restriction_error div.b_togglebox_closed{background:transparent url(../images/olat/decorator_warn.png) no-repeat top left !important}div.b_eportfolio_restriction_passed div.b_togglebox_closed{background:transparent url(../images/olat/decorator_ok.png) no-repeat top left !important}div.b_eportfolio_restriction_wrapper div.b_togglebox div.b_togglebox_content .b_togglebox_hide{display:none}.b_eportfolio_deadline_callout{width:300px}.b_ep_multiartefacts .b_c50l{clear:both}.b_eportfolio_fulltextsearch{float:left}.b_eportfolio_share_policy_wrapper{margin:5px;border:1px solid #ddd;padding:1em;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.2);box-shadow:0 1px 3px rgba(0, 0, 0, 0.2);background:#ebebeb url(../images/brasato/eportfolio/artefaktbg.png) top left repeat-x}.b_eportfolio_share_policy_wrapper .b_float_right{text-align:right}.b_eportfolio_share_policy_wrapper a.bit-input{text-decoration:none}.b_eportfolio_share_policy div input,.b_eportfolio_share_policy div span,.b_eportfolio_share_policy div select{float:left;margin-right:5px;padding-right:5px}.b_eportfolio_share_policy div span.b_form_datechooser{background:url(../images/brasato/calendar.png) no-repeat;padding-left:18px;height:16px;line-height:16px;margin-left:2px}.b_eportfolio_share_policy div span.b_form_datechooser:hover{background-image:url(../images/brasato/calendar_over.png)}.b_eportfolio_share_policy .b_ep_share_date span{float:left}.b_eportfolio_share_policy_wrapper .b_eportfolio_share_policy{padding-left:20px;background:url(../images/brasato/user.png) top left no-repeat}.b_eportfolio_share_policy_wrapper.policytype_group .b_eportfolio_share_policy{background-image:url(../images/brasato/group.png)}.b_eportfolio_share_policy_wrapper.policytype_invitation .b_eportfolio_share_policy{background-image:url(../images/brasato/publish.png)}.b_eportfolio_share_policy_wrapper.policytype_allusers .b_eportfolio_share_policy{background-image:url(../images/brasato/user_all.png)}div.b_ep_inline div input,div.b_ep_inline div span,div.b_ep_inline div select{float:left;margin-right:5px;padding-right:5px}div.o_module_cp_wrapper a.b_content_download{background:url("images/drive-download.png") no-repeat top left;padding-left:20px;margin:3px;display:block;min-height:16px}div.o_module_cp_wrapper div#o_local_fulltextsearch{position:absolute;top:0;right:0;z-index:10}div.o_module_cp_wrapper div#o_local_fulltextsearch div.b_form_element_wrapper.b_form_horizontal{margin:0}div.o_module_cp_wrapper div.o_cp_navigation{float:right;display:inline;padding:3px 0 3px 3px;background:#ebebeb;border:1px solid #ddd;white-space:nowrap;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;moz-box-shadow:0 1px 2px lightGrey;-ms-box-shadow:0 1px 2px lightGrey;-o-box-shadow:0 1px 2px lightGrey;-webkit-box-shadow:0 1px 2px lightGrey;box-shadow:0 1px 2px lightGrey}div.o_module_cp_wrapper div span a{margin:0 2px}div.o_module_cp_wrapper div span.b_disabled{display:none}div.o_module_cp_wrapper div span a.o_cp_previous_icon{background-image:url("images/arrow_left_big.png");text-decoration:none}div.o_module_cp_wrapper div span a.o_cp_previous_icon span{display:none}div.o_module_cp_wrapper div span a.o_cp_next_icon{background-image:url("images/arrow_right_big.png")}div.o_module_cp_wrapper div span a.o_cp_next_icon span{display:none}div.o_module_cp_wrapper div span a.o_cp_print_icon{background-image:url("images/printer.png")}div.o_module_cp_wrapper div span a.o_cp_print_icon span{display:none}div.o_module_cp_wrapper div.o_cp_navigation div,div.o_module_cp_wrapper div.o_cp_navigation form{display:inline}div.o_module_cp_wrapper div.o_cp_navigation div.b_clearfix{display:inline;clear:none}div.o_module_cp_wrapper div.o_cp_navigation div.b_clearfix:after{display:inline;height:0;clear:none;visibility:hidden}#o_cpeditor_menu div.o_cpeditor_menu_tree{padding:10px 0 0 0}#b_col1 div.b_menu_toolbar a,#b_col3 div.b_menu_toolbar a{width:16px;height:16px;margin:3px;float:right;display:inline;background-repeat:no-repeat}a.o_cpeditor_import{background-image:url("images/docs/document_upload.png")}a.o_cpeditor_new{background-image:url("images/docs/document_add.png")}a.o_cpeditor_copy{background-image:url("images/docs/document_copy.png")}a.o_cpeditor_delete{background-image:url("images/docs/document_remove.png")}a.o_cpeditor_edit{background-image:url(images/docs/document_metadata_edit.png)}a.o_cpeditor_preview{background-image:url(images/docs/document_preview.png)}#o_cpeditor_content div.o_cpeditor_message{padding:20px}
+**/
+@import url(../../yaml/core/slim_base.css);
+/* --------------- */
+/*
+*  =================================================
+*  
+*   sass mixins for OpenOLAT 8
+*   
+*   @author strentini, sergio.trentini@frentix.com,  www.frentix.com
+*   @date Nov. 2011
+*
+*   also read themes.README!
+*   
+*   this file is included in layout.scss
+*   it is not compiled to a separate css-file...  
+*
+*  =================================================
+*/
+/*
+*  =================================================
+*   
+*   CONTAINS SOME SASS VARIABLES
+*
+*   @author strentini, sergio.trentini@frentix.com,  www.frentix.com
+*   @date Nov. 2011
+*
+*
+*   also read themes.README!
+*
+*  =================================================
+*/
+/* --------------- */
+/*
+*  =================================================
+*  
+*   basemod rules for OpenOLAT 8
+*   
+*   @author strentini, sergio.trentini@frentix.com,  www.frentix.com
+*   @date Nov. 2011
+*
+*	also read themes.README!
+*
+*   (as of yaml compliance, contains css rules for
+*   positioning and sizing elements) 
+*   
+*   this file is included in layout.scss
+*   it is not compiled to a separate css-file...  
+*
+*  =================================================
+*/
+@media all {
+  /** ----------------- MAIN LAYOUT ----------------- **/
+  /** 
+     * (en) Forcing vertical scrollbars in IE8, Firefox, Webkit & Opera 
+     * (de) Erzwingen vertikaler Scrollbalken in IE8, Firefox, Webkit & Opera 
+     *
+     * @workaround
+     * @affected IE8, FF, Webkit, Opera
+     * @css-for all
+     * @valid CSS3
+     */
+  body {
+    overflow-y: scroll;
+    background: #ececec url("images/sky.png") repeat-x left 88px; }
+
+  #b_page_margins {
+    min-width: 740px;
+    max-width: 1324px;
+    margin: 0 auto;
+    width: 100%;
+    height: 100%; }
+
+  #b_page_wrapper {
+    border-bottom: 1px solid lightGrey; }
+
+  #b_main {
+    background: #fff;
+    clear: both;
+    moz-box-shadow: 0 0 14px #d3d3d3;
+    -ms-box-shadow: 0 0 14px #d3d3d3;
+    -o-box-shadow: 0 0 14px #d3d3d3;
+    -webkit-box-shadow: 0 0 14px #d3d3d3;
+    box-shadow: 0 0 14px #d3d3d3; }
+
+  #b_page a#b_toplink {
+    position: absolute;
+    bottom: 1em;
+    right: 1em;
+    background: transparent url(images/arrow_up.png) 0 50% no-repeat;
+    padding-left: 14px;
+    z-index: 5; }
+
+  #b_header, #b_page, #b_col1_content, #b_col2_content, #b_col3_content, #b_col3_content_inner {
+    position: relative; }
+
+  #b_col1 {
+    overflow: hidden; }
+
+  #b_col1_content {
+    padding: 1em 10px 1em 0px; }
+
+  #b_col3 {
+    border-left: 1px #DDD dotted;
+    border-right: 1px #DDD dotted; }
+
+  #b_col3_content {
+    min-height: 450px;
+    padding: 20px 20px 30px 20px; }
+
+  #b_col2_content {
+    overflow: hidden;
+    padding: 1em 0; }
+
+  .b_hidecol2 #b_col3 {
+    margin-right: 0 !important;
+    border-right: 0; }
+
+  .b_hidecol1 #b_col3 {
+    margin-left: 0 !important;
+    border-left: 0; }
+
+  .b_c15r, .b_c20r, .b_c80r, .b_c85r {
+    float: right;
+    margin-left: -5px; }
+
+  .b_c15l, .b_c15r {
+    width: 15%; }
+
+  .b_c20l, .b_c20r {
+    width: 20%; }
+
+  .b_c80l, .b_c80r {
+    width: 80%; }
+
+  .b_c85l, .b_c85r {
+    width: 85%; }
+
+  .b_subcolumns_oldgecko, .b_c20l, .b_c15l, .b_c80l, .b_c85l {
+    float: left; }
+
+  /* IFRAME */
+  div.b_iframe_wrapper iframe {
+    width: 100%;
+    position: relative;
+    top: 0;
+    left: 0;
+    border: none;
+    margin: 0;
+    padding: 0;
+    background: transparent; }
+
+  /** ----------------- HEADER AND TOP NAVIGATION ----------------- **/
+  #b_header {
+    height: auto;
+    min-height: 30px;
+    position: relative;
+    /* the top-navigation */ }
+    #b_header #b_topnav {
+      position: absolute;
+      right: 0px;
+      top: 0px;
+      padding: 4px 15px 0px 0px; }
+      #b_header #b_topnav ul {
+        margin: 0; }
+      #b_header #b_topnav #o_topnav_search input {
+        line-height: 1.3em;
+        margin: 0;
+        width: 10em; }
+      #b_header #b_topnav #o_topnav_printview a {
+        background: url(images/printer.png) no-repeat top right;
+        padding: 2px 20px 2px 0;
+        margin: 0; }
+      #b_header #b_topnav #o_topnav_logout a {
+        background: url("images/control/control-power.png") no-repeat top right;
+        padding: 2px 20px 2px 0;
+        margin: 0;
+        font-weight: bold; }
+      #b_header #b_topnav li {
+        float: left;
+        list-style: none; }
+        #b_header #b_topnav li div.b_form_element_wrapper.b_form_horizontal {
+          margin: 0; }
+
+  /** ----------------- MAIN NAVIGATION ( TABS ) ----------------- **/
+  #b_nav_main {
+    float: left; }
+    #b_nav_main ul {
+      padding-left: 40px;
+      margin: 0; }
+      #b_nav_main ul li {
+        float: left;
+        position: relative;
+        list-style: none;
+        margin: 0px;
+        padding: 4px 3px 4px 12px;
+        margin-right: 2px;
+        -webkit-border-top-left-radius: 6px;
+        -webkit-border-top-right-radius: 6px;
+        -webkit-border-bottom-right-radius: 0;
+        -webkit-border-bottom-left-radius: 0;
+        -moz-border-radius-topleft: 6px;
+        -moz-border-radius-topright: 6px;
+        -moz-border-radius-bottomright: 0;
+        -moz-border-radius-bottomleft: 0;
+        border-top-left-radius: 6px;
+        border-top-right-radius: 6px;
+        border-bottom-right-radius: 0;
+        border-bottom-left-radius: 0;
+        background: #fff;
+        background: rgba(255, 255, 255, 0.5);
+        /* -- SITES ( home, users, groups, etc. ) -- */
+        /* -- TABS ( courses, wiki, etc.) -- */
+        /* -- THE SPACER -- */ }
+        #b_nav_main ul li a {
+          /* "bloat" the links (better for touch) */
+          padding: 4px 12px 4px 3px; }
+        #b_nav_main ul li a:hover {
+          text-decoration: none; }
+        #b_nav_main ul li.b_nav_site {
+          /** sites icons **/ }
+          #b_nav_main ul li.b_nav_site.b_nav_active, #b_nav_main ul li.b_nav_site:hover {
+            moz-box-shadow: 0 -4px 8px -1px #d3d3d3;
+            -ms-box-shadow: 0 -4px 8px -1px #d3d3d3;
+            -o-box-shadow: 0 -4px 8px -1px #d3d3d3;
+            -webkit-box-shadow: 0 -4px 8px -1px #d3d3d3;
+            box-shadow: 0 -4px 8px -1px #d3d3d3;
+            background: #fff; }
+            #b_nav_main ul li.b_nav_site.b_nav_active a.b_nav_tab_close, #b_nav_main ul li.b_nav_site:hover a.b_nav_tab_close {
+              background-image: url(images/cross_small_trimmed_blue.png); }
+          #b_nav_main ul li.b_nav_site > div {
+            padding-left: 16px;
+            background-repeat: no-repeat;
+            background-position: 0% 50%;
+            background-image: url("images/application.png"); }
+          #b_nav_main ul li.b_nav_site.o_site_home > div {
+            background-image: url("images/home.png"); }
+          #b_nav_main ul li.b_nav_site.o_site_admin > div {
+            background-image: url("images/wrench-screwdriver.png"); }
+          #b_nav_main ul li.b_nav_site.o_site_useradmin > div {
+            background-image: url("images/user_conf.png"); }
+          #b_nav_main ul li.b_nav_site.o_site_groupsmanagement > div {
+            background-image: url("images/users_conf.png"); }
+          #b_nav_main ul li.b_nav_site.o_site_repository > div {
+            background-image: url("images/books-stack.png"); }
+          #b_nav_main ul li.b_nav_site.o_site_groups > div {
+            background-image: url("images/users.png"); }
+          #b_nav_main ul li.b_nav_site.site_demo_icon > div {
+            background-image: url("images/information-white.png"); }
+          #b_nav_main ul li.b_nav_site.f_site_library > div {
+            background-image: url("images/library.png"); }
+          #b_nav_main ul li.b_nav_site.o_site_guidemo div {
+            background-image: url("images/light-bulb.png"); }
+          #b_nav_main ul li.b_nav_site.b_resource_GroupInfoMainController div {
+            background-image: url(images/users.png); }
+        #b_nav_main ul li.b_nav_tab {
+          margin-right: 4px; }
+          #b_nav_main ul li.b_nav_tab a.b_nav_tab_close {
+            position: absolute;
+            top: 3px;
+            right: 4px;
+            width: 13px;
+            height: 13px;
+            line-height: 0;
+            padding: 0;
+            margin: 0;
+            background: transparent url(images/cross_small_trimmed_grey.png) no-repeat right top; }
+          #b_nav_main ul li.b_nav_tab.b_nav_active, #b_nav_main ul li.b_nav_tab:hover {
+            moz-box-shadow: 0 -4px 8px -1px #d3d3d3;
+            -ms-box-shadow: 0 -4px 8px -1px #d3d3d3;
+            -o-box-shadow: 0 -4px 8px -1px #d3d3d3;
+            -webkit-box-shadow: 0 -4px 8px -1px #d3d3d3;
+            box-shadow: 0 -4px 8px -1px #d3d3d3;
+            background: #fff; }
+            #b_nav_main ul li.b_nav_tab.b_nav_active a.b_nav_tab_close, #b_nav_main ul li.b_nav_tab:hover a.b_nav_tab_close {
+              background-image: url(images/cross_small_trimmed_blue.png); }
+        #b_nav_main ul li#b_nav_spacer {
+          background: none;
+          border: none;
+          width: 20px;
+          height: 1px; }
+
+  /** ----------------- SUB NAVIGATION (TREE) ----------------- **/
+  /* note:  the markup will be the one from OLATpro, has to be merged yet */
+  div.b_tree {
+    font-size: 100%;
+    padding: 0;
+    /* the open/close node icons */ }
+    div.b_tree ul {
+      position: relative;
+      padding: 0;
+      margin: 0 0 0 1em;
+      list-style: none;
+      white-space: nowrap;
+      /* link to select the item with icon */ }
+      div.b_tree ul li {
+        position: relative;
+        background: transparent;
+        margin-left: 0;
+        padding-left: 0;
+        /* selected, hovered, active <a> tag */
+        /*  icon positioning */
+        /*   decorators in tree (e.g. course-editor ) */ }
+        div.b_tree ul li a.b_tree_icon {
+          padding-left: 20px;
+          padding-top: 2px;
+          position: relative;
+          background-position: 0 50%;
+          background-repeat: no-repeat; }
+        div.b_tree ul li a {
+          color: #555555; }
+        div.b_tree ul li a.b_tree_l1 {
+          padding-left: 16px; }
+        div.b_tree ul li .b_tree_oc_l1 {
+          position: absolute;
+          top: 0px;
+          left: 0px;
+          z-index: 9; }
+        div.b_tree ul li a:focus, div.b_tree ul li a:hover {
+          color: #025d8c;
+          background-color: white;
+          text-decoration: underline; }
+        div.b_tree ul li a.b_tree_selected, div.b_tree ul li a:active {
+          color: #025d8c;
+          background-color: white;
+          text-decoration: none; }
+        div.b_tree ul li li a.b_tree_selected_parents, div.b_tree ul li a.b_tree_l0, div.b_tree ul li strong {
+          color: #025d8c;
+          font-weight: bold; }
+        div.b_tree ul li .b_tree_oc_l1 {
+          position: absolute;
+          top: 0px;
+          left: 1px;
+          z-index: 9; }
+        div.b_tree ul li .b_tree_oc_l2 {
+          position: absolute;
+          top: 0px;
+          left: 11px;
+          z-index: 9; }
+        div.b_tree ul li .b_tree_oc_l3 {
+          position: absolute;
+          top: 0px;
+          left: 21px;
+          z-index: 9; }
+        div.b_tree ul li .b_tree_oc_l4 {
+          position: absolute;
+          top: 0px;
+          left: 31px;
+          z-index: 9; }
+        div.b_tree ul li .b_tree_oc_l5 {
+          position: absolute;
+          top: 0px;
+          left: 41px;
+          z-index: 9; }
+        div.b_tree ul li .b_tree_oc_l6 {
+          position: absolute;
+          top: 0px;
+          left: 51px;
+          z-index: 9; }
+        div.b_tree ul li .b_tree_oc_l7 {
+          position: absolute;
+          top: 0px;
+          left: 61px;
+          z-index: 9; }
+        div.b_tree ul li .b_tree_oc_l8 {
+          position: absolute;
+          top: 0px;
+          left: 71px;
+          z-index: 9; }
+        div.b_tree ul li .b_tree_oc_l9 {
+          position: absolute;
+          top: 0px;
+          left: 81px;
+          z-index: 9; }
+        div.b_tree ul li .b_tree_oc_l10 {
+          position: absolute;
+          top: 0px;
+          left: 91px;
+          z-index: 9; }
+        div.b_tree ul li .b_tree_oc_l11 {
+          position: absolute;
+          top: 0px;
+          left: 101px;
+          z-index: 9; }
+        div.b_tree ul li a.b_tree_l0 {
+          padding-left: 5px; }
+        div.b_tree ul li a.b_tree_l1 {
+          padding-left: 15px; }
+        div.b_tree ul li a.b_tree_l2 {
+          padding-left: 25px; }
+        div.b_tree ul li a.b_tree_l3 {
+          padding-left: 35px; }
+        div.b_tree ul li a.b_tree_l4 {
+          padding-left: 45px; }
+        div.b_tree ul li a.b_tree_l5 {
+          padding-left: 55px; }
+        div.b_tree ul li a.b_tree_l6 {
+          padding-left: 65px; }
+        div.b_tree ul li a.b_tree_l7 {
+          padding-left: 75px; }
+        div.b_tree ul li a.b_tree_l8 {
+          padding-left: 85px; }
+        div.b_tree ul li a.b_tree_l9 {
+          padding-left: 95px; }
+        div.b_tree ul li a.b_tree_l10 {
+          padding-left: 105px; }
+        div.b_tree ul li a.b_tree_l11 {
+          padding-left: 115px; }
+        div.b_tree ul li span.b_tree_icon_decorator {
+          width: 12px;
+          height: 12px;
+          float: right;
+          display: inline;
+          position: static;
+          background-repeat: no-repeat; }
+      div.b_tree ul.b_tree_l0 a.b_tree_icon {
+        padding-left: 20px;
+        background-position: 2px 50%; }
+      div.b_tree ul.b_tree_l1 a.b_tree_icon {
+        padding-left: 30px;
+        background-position: 12px 50%; }
+      div.b_tree ul.b_tree_l2 a.b_tree_icon {
+        padding-left: 40px;
+        background-position: 22px 50%; }
+      div.b_tree ul.b_tree_l3 a.b_tree_icon {
+        padding-left: 50px;
+        background-position: 32px 50%; }
+      div.b_tree ul.b_tree_l4 a.b_tree_icon {
+        padding-left: 60px;
+        background-position: 42px 50%; }
+      div.b_tree ul.b_tree_l5 a.b_tree_icon {
+        padding-left: 70px;
+        background-position: 52px 50%; }
+      div.b_tree ul.b_tree_l6 a.b_tree_icon {
+        padding-left: 80px;
+        background-position: 62px 50%; }
+      div.b_tree ul.b_tree_l7 a.b_tree_icon {
+        padding-left: 90px;
+        background-position: 72px 50%; }
+      div.b_tree ul.b_tree_l8 a.b_tree_icon {
+        padding-left: 100px;
+        background-position: 82px 50%; }
+      div.b_tree ul.b_tree_l9 a.b_tree_icon {
+        padding-left: 110px;
+        background-position: 92px 50%; }
+      div.b_tree ul.b_tree_l10 a.b_tree_icon {
+        padding-left: 120px;
+        background-position: 102px 50%; }
+      div.b_tree ul.b_tree_l11 a.b_tree_icon {
+        padding-left: 130px;
+        background-position: 112px 50%; }
+    div.b_tree a.b_tree_level_close span {
+      background: url("images/toggle-small.png") no-repeat 0% 50%;
+      padding-right: 8px; }
+    div.b_tree a.b_tree_level_open span {
+      background: url("images/toggle-small-expand.png") no-repeat 0% 50%;
+      padding-right: 8px; }
+    div.b_tree a.b_tree_level_close:hover, div.b_tree a.b_tree_level_open:hover {
+      text-decoration: none; }
+
+  /** ----------------- FOOTER ----------------- **/
+  #b_footer {
+    color: #9D9D9D;
+    padding: 8px 20px;
+    margin-top: 12px; }
+    #b_footer .b_floatbox {
+      padding-top: 8px;
+      border-top: 1px solid #ddd; }
+    #b_footer #b_footer_user {
+      float: left;
+      line-height: 16px; }
+      #b_footer #b_footer_user a.b_ajax {
+        background: url(images/ajax.png) no-repeat;
+        width: 20px;
+        height: 16px;
+        display: block;
+        float: left; }
+    #b_footer #b_footer_version {
+      float: right;
+      display: block; }
+    #b_footer #b_footer_powered {
+      text-align: center;
+      width: auto;
+      background: none; }
+      #b_footer #b_footer_powered a {
+        display: inline; }
+
+  /** ------------------ COURSE EDITOR --------------- **/
+  #o_course_editor_errorbox {
+    font-size: 90%;
+    padding: 3px 2px 2px 25px;
+    margin: 0 0 1em 0; }
+
+  div.o_courseeditor_legend {
+    margin-top: 3em; }
+    div.o_courseeditor_legend strong {
+      font-weight: bold; }
+    div.o_courseeditor_legend div {
+      top: 0;
+      left: 0;
+      padding-left: 12px;
+      background-repeat: no-repeat;
+      background-position: 0 50%; }
+
+  /* --------------- MENU TOOLBAR & BREADCRUMBS ------------ **/
+  #b_main.b_menu_toolbar #b_col1_content {
+    padding-top: 0;
+    padding-right: 0; }
+
+  #b_main.b_menu_toolbar #b_col3_content {
+    padding: 0; }
+
+  div.b_menu_toolbar {
+    background: #f9f9f9;
+    background: -moz-linear-gradient(top, #f9f9f9 0%, #d0d0d0 100%);
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #d0d0d0));
+    background: -webkit-linear-gradient(top, #f9f9f9 0%, #d0d0d0 100%);
+    background: -o-linear-gradient(top, #f9f9f9 0%, #d0d0d0 100%);
+    background: -ms-linear-gradient(top, #f9f9f9 0%, #d0d0d0 100%);
+    background: linear-gradient(top, #f9f9f9 0%, #d0d0d0 100%);
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#d0d0d0',GradientType=0 );
+    border-bottom: 1px solid #7D7D7D;
+    padding: 5px 5px 2px 0; }
+
+  /* breadcrumbs */
+  div.b_breadcumb_path {
+    padding: 0;
+    margin: 0;
+    float: left;
+    display: inline; }
+    div.b_breadcumb_path ul {
+      padding: 0;
+      margin: 0;
+      list-style: none;
+      float: left;
+      display: inline; }
+      div.b_breadcumb_path ul li {
+        padding: 0 7px 0 14px;
+        margin: 0;
+        list-style: none;
+        float: left;
+        display: inline;
+        background: url(images/breadcrumb-separator.png) no-repeat left center; }
+      div.b_breadcumb_path ul li.b_first {
+        background: url(images/home.png) no-repeat top left;
+        padding-left: 25px; }
+      div.b_breadcumb_path ul li a {
+        color: #464444; }
+      div.b_breadcumb_path ul li span.b_disabled {
+        color: #000;
+        padding: 0 10px 0 0;
+        margin: 0; }
+
+  div.b_breadcumb_content {
+    clear: both;
+    margin-top: 0.5em;
+    padding-top: 0.5em;
+    border-top: 1px solid #ACAAAA; }
+
+  /* NOTIFICATIONS */
+  div.b_noti {
+    border: 1px solid #E9EAEF;
+    padding: 3px 23px 3px 3px;
+    float: right;
+    display: inline;
+    position: relative;
+    right: 0;
+    font-size: 95%; }
+    div.b_noti a.b_contexthelp {
+      position: absolute;
+      top: 2px;
+      right: 2px; }
+    div.b_noti a.b_noti_unsubscribe_link {
+      background: url(images/mail--minus.png) no-repeat left 50%;
+      padding: 1px 0 1px 20px; }
+    div.b_noti a.b_noti_subscribe_link {
+      background: url(images/mail--plus.png) no-repeat left 50%;
+      padding: 1px 0 1px 20px; }
+    div.b_noti a.b_noti_markedread_link {
+      background: url(images/tick.png) no-repeat left 50%;
+      padding: 1px 0 1px 20px; }
+
+  /* ---------- TITLE Wrapper --------------- */
+  h1.b_titled_wrapper span {
+    padding-right: 4em;
+    font-style: italic; }
+
+  h2.b_titled_wrapper span {
+    padding-right: 4em;
+    font-style: italic; }
+
+  h3.b_titled_wrapper span {
+    padding-right: 4em;
+    font-style: italic; }
+
+  h4.b_titled_wrapper span {
+    padding-right: 3em;
+    font-style: italic; }
+
+  h5.b_titled_wrapper span {
+    padding-right: 3em;
+    font-style: italic; }
+
+  div.b_titled_wrapper div.b_togglebox div.b_togglebox_content {
+    background: #fff;
+    border: 0px;
+    padding: 0px; }
+
+  div.b_titled_wrapper_desc a.b_togglebox_opened {
+    z-index: 10;
+    display: block;
+    width: 16px;
+    height: 16px;
+    position: absolute;
+    top: 5px;
+    left: 5px;
+    background: url(../images/brasato/information.png) no-repeat 0 50%;
+    padding: 0; }
+
+  div.b_titled_wrapper_desc a.b_togglebox_opened:hover {
+    background: url(../images/brasato/information_over.png) no-repeat 0 50%;
+    padding: 0; }
+
+  div.b_titled_wrapper_desc a.b_togglebox_closed {
+    display: block;
+    width: 20px;
+    height: 20px;
+    background: url(../images/brasato/information_discreet.png) no-repeat top left;
+    padding: 0; }
+
+  div.b_titled_wrapper_desc a.b_togglebox_closed:hover {
+    background: url(../images/brasato/information.png) no-repeat top left; }
+
+  div.b_titled_wrapper_desc div.b_togglebox div.b_togglebox_content {
+    position: relative;
+    margin-bottom: 1em; }
+
+  div.b_titled_wrapper_desc a.b_togglebox_hide span {
+    position: absolute;
+    bottom: 0;
+    right: 0;
+    padding: 0 6px 3px 0; }
+
+  div.b_titled_wrapper_desc a.b_togglebox_hide:hover {
+    text-decoration: underline; }
+
+  /* Needed for IE6 */
+  div.b_titled_wrapper div.b_togglebox div.b_togglebox_content div.o_course_run_objectives {
+    position: relative; }
+
+  div.b_titled_wrapper div.b_noti {
+    position: absolute;
+    top: 0;
+    right: 25px; }
+
+  div.o_course_run_dropbox div.b_noti {
+    position: relative;
+    top: 0;
+    right: 25px;
+    border: 1px solid #FFFFFF; }
+
+  div.o_course_run_returnbox div.b_noti {
+    position: relative;
+    top: 0;
+    right: 25px;
+    border: 1px solid #FFFFFF; }
+
+  div.o_course_run_solutionbox div.b_noti {
+    position: relative;
+    top: 0;
+    right: 25px;
+    border: 1px solid #FFFFFF; }
+
+  /** ------------------ CATALOG ------------------------ **/
+  div.o_catalog div.o_catalog_title {
+    display: none; }
+  div.o_catalog div.o_catalog_nav {
+    font-size: 95%;
+    padding: 1px 0 1px 20px;
+    border-bottom: 1px solid #EEE;
+    background: url(images/folder_open.png) 0 50% no-repeat; }
+  div.o_catalog div.o_catalog_links {
+    margin-top: 1em;
+    padding-top: 1em;
+    border-top: 1px solid #EEE; }
+
+  /** -------------- TAGGING ---------------- **/
+  /* tagging */
+  .b_tag_list {
+    background: url(images/tag-label-yellow.png) 0px 3px no-repeat !important; }
+
+  .b_tag_icon {
+    background-image: url(images/tag-label-yellow.png); }
+
+  div.b_tags {
+    margin: 2em 0; }
+    div.b_tags div {
+      padding: 0.5em 0 0 20px; }
+    div.b_tags span.b_tag {
+      font-size: 80%;
+      padding: 5px 2px 5px 2px;
+      line-height: 3em;
+      white-space: nowrap; }
+
+  div.o_ep_toc_editor div.b_subcl {
+    min-height: 35em; }
+
+  div.o_ep_struct_editor div.b_subcr {
+    min-height: 35em;
+    background: #FFF;
+    padding-right: 1em;
+    overflow-x: auto; }
+
+  div.b_struct_edit_btn {
+    float: right;
+    display: inline; }
+
+  div.b_struct_submit_assess_btn {
+    float: right;
+    display: inline; }
+
+  /* TextboxList  */
+  *:first-child + html div.holder {
+    padding-bottom: 2px; }
+
+  * html div.holder {
+    padding-bottom: 2px; }
+
+  /* ie7 and below */
+  .textbox-outer {
+    list-style-type: none;
+    margin-left: 0em; }
+
+  div.holder {
+    font-size: 80%; }
+
+  .textboxlist-auto {
+    position: absolute;
+    width: 300px;
+    overflow: show; }
+
+  /* autocompleter bitbox (item) holder */
+  a.bit-box, span.b_tag {
+    -moz-border-radius: 6px;
+    -webkit-border-radius: 6px;
+    border-radius: 6px;
+    border: 1px solid #CAD8F3;
+    background: #DEE7F8;
+    padding: 1px 5px 2px;
+    padding-right: 15px;
+    position: relative; }
+
+  div.holder {
+    min-width: 200px;
+    width: auto;
+    margin: 0;
+    overflow: hidden;
+    height: auto !important;
+    height: 1%;
+    padding: 0px 0px 0;
+    cursor: text;
+    /* no left/right padding here please */ }
+    div.holder a {
+      float: left;
+      margin: 0 5px 4px 0; }
+    div.holder a.bit {
+      text-decoration: none;
+      color: black; }
+    div.holder a.bit:active, div.holder a.bit:focus {
+      outline: none; }
+    div.holder a.bit-box-focus {
+      border-color: #598BEC;
+      background: #598BEC;
+      color: #fff; }
+    div.holder a.bit-input input {
+      width: 100px;
+      margin: 0;
+      border: none;
+      background: white;
+      outline: 0;
+      padding: 3px 0 2px; }
+    div.holder a.bit-input input.smallinput {
+      width: 20px; }
+    div.holder a.bit-hover {
+      background: #BBCEF1;
+      border: 1px solid #6D95E0; }
+    div.holder a.bit-box-focus {
+      background: #598BEC;
+      color: #fff; }
+    div.holder a.bit-box a.closebutton {
+      position: absolute;
+      right: 0;
+      top: 5px;
+      display: block;
+      width: 7px;
+      height: 7px;
+      font-size: 1px;
+      background: url("images/tag_x.gif"); }
+    div.holder a.bit-box a.closebutton:hover {
+      background-position: 7px; }
+    div.holder a.bit-box a.closebutton:active {
+      outline: none; }
+    div.holder a.bit-box-focus a.closebutton, div.holder a.bit-box-focus a.closebutton:hover {
+      background-position: bottom; }
+
+  .b_wizard .textbox-outer {
+    background: url(images/tag-label-yellow.png) top left no-repeat; }
+    .b_wizard .textbox-outer li {
+      margin-left: 18px; }
+  .b_wizard div.holder a.bit-input input {
+    background: #f8f8f8;
+    padding: 0.4em; }
+
+  /* Autocompleter for textboxlist */
+  ol.textbox-outer {
+    margin: 0;
+    padding: 0; }
+
+  .textboxlist-auto {
+    display: none;
+    background: #eee; }
+    .textboxlist-auto .default {
+      padding: 5px 7px;
+      border: 1px solid #ccc;
+      border-width: 0 1px 1px; }
+    .textboxlist-auto ul {
+      display: none;
+      margin: 0;
+      padding: 0;
+      overflow: auto; }
+      .textboxlist-auto ul li {
+        padding: 5px 12px;
+        z-index: 1000;
+        cursor: pointer;
+        margin: 0;
+        list-style-type: none;
+        border: 1px solid #ccc;
+        border-width: 0 1px 1px; }
+      .textboxlist-auto ul li.loading-indicator {
+        padding-left: 30px;
+        background-position: 5px center;
+        cursor: defat;
+        font-size: 100.01% !important;
+        line-height: 1.5em; }
+      .textboxlist-auto ul li.more-indicator {
+        cursor: defat;
+        font-style: italic; }
+      .textboxlist-auto ul li em {
+        font-weight: bold;
+        font-style: normal;
+        background: #ccc; }
+      .textboxlist-auto ul li.auto-focus {
+        background: #4173CC;
+        color: #fff; }
+      .textboxlist-auto ul li.auto-focus em {
+        background: none; }
+
+  input.inputMessage {
+    color: #AAA;
+    font-size: 11px; }
+
+  /** ---------------------- EXT JS PATCHES ------------------ **/
+  div.b_ext_elem ol, div.b_ext_elem ul, div.b_ext_elem li {
+    list-style: none;
+    padding: 0;
+    margin: 0; }
+
+  div.b_ext_elem.x-tree .x-panel-body {
+    background: transparent; }
+
+  div.b_ext_tooltip_wrapper {
+    padding: 1px; }
+
+  .x-window-mc {
+    font-size: 100%; }
+
+  /* EXT TREE */
+  div.b_ext_elem .x-tree-lines .x-tree-elbow-minus {
+    background-image: url("images/toggle-small-expand.png");
+    background-position: 50% 50%; }
+
+  div.b_ext_elem .x-tree-lines .x-tree-elbow-plus {
+    background-image: url("images/toggle-small-expand.png");
+    background-position: 50% 50%; }
+
+  div.b_ext_elem .x-tree-lines .x-tree-elbow-end-minus {
+    background-image: url("images/toggle-small-expand.png");
+    background-position: 50% 50%; }
+
+  div.b_ext_elem .x-tree-lines .x-tree-elbow-end-plus {
+    background-image: url("images/toggle-small-expand.png");
+    background-position: 50% 50%; }
+
+  div.b_ext_elem .x-tree-node-collapsed .x-tree-node-icon {
+    background-image: url(images/folder.png); }
+
+  div.b_ext_elem .x-tree-node-expanded .x-tree-node-icon {
+    background-image: url(images/folder_open.png); }
+
+  div.b_ext_elem .x-tree-node-leaf .x-tree-node-icon {
+    background-image: url(images/docs/document_plain.png); }
+
+  div.b_ext_elem .x-tree-selected a.x-tree-node-anchor {
+    border: 1px dotted #444;
+    text-decoration: none; }
+
+  div.b_ext_elem .x-tree-node .x-tree-selected {
+    background-color: #FFC266; } }
+/*
+*  =================================================
+*  
+*   DRAG and DROP Rules for the OpenOLAT theme
+*   
+*   @author strentini, sergio.trentini@frentix.com,  www.frentix.com
+*   @date Dez. 2011
+*
+*	also read themes.README!
+*
+*
+*  =================================================
+*/
+/*  (in trees ) */
+.b_dd_item {
+  cursor: move;
+  z-index: 1000; }
+
+.b_dd_proxy {
+  opacity: 0.4;
+  -moz-opacity: 0.4;
+  filter: alpha(opacity=40); }
+
+.b_dd_item.b_dd_over {
+  background-color: #ffff60; }
+
+.b_dd_sibling {
+  height: 3px;
+  width: 100%; }
+
+.b_dd_sibling.b_dd_over {
+  background: transparent url(images/arrow_dd.png) top left no-repeat; }
+
+div.b_dd_ct div.b_dd_sibling_l1 {
+  margin-left: 0 !important; }
+div.b_dd_ct div.b_dd_sibling_l2 {
+  margin-left: 1em !important; }
+div.b_dd_ct div.b_dd_sibling_l3 {
+  margin-left: 2em !important; }
+div.b_dd_ct div.b_dd_sibling_l4 {
+  margin-left: 3em !important; }
+div.b_dd_ct div.b_dd_sibling_l5 {
+  margin-left: 4em !important; }
+div.b_dd_ct div.b_dd_sibling_l6 {
+  margin-left: 5em !important; }
+div.b_dd_ct div.b_dd_sibling_l7 {
+  margin-left: 6em !important; }
+div.b_dd_ct div.b_dd_sibling_l8 {
+  margin-left: 7em !important; }
+div.b_dd_ct div.b_dd_sibling_l9 {
+  margin-left: 8em !important; }
+div.b_dd_ct div.b_dd_sibling_l10 {
+  margin-left: 9em !important; }
+div.b_dd_ct div.b_dd_sibling_l11 {
+  margin-left: 10em !important; }
+
+/*
+*  =================================================
+*  
+*   ICON Rules for the OpenOLAT theme
+*   
+*   @author strentini, sergio.trentini@frentix.com,  www.frentix.com
+*   @date Dez. 2011
+*
+*	also read themes.README!
+*
+*
+*  =================================================
+*/
+.b_with_small_icon_left {
+  padding: 1px 0 1px 20px;
+  min-height: 16px;
+  background-position: 0 50%;
+  background-repeat: no-repeat; }
+
+option.b_with_small_icon_left {
+  padding: 0 0 0 20px;
+  vertical-align: middle;
+  min-height: 11px;
+  background-position: 0 50%;
+  background-repeat: no-repeat; }
+
+.b_with_small_icon_right {
+  padding: 1px 20px 1px 0px;
+  min-height: 16px;
+  background-position: 100% 50%;
+  background-repeat: no-repeat; }
+
+.b_small_icon {
+  float: left;
+  display: inline;
+  width: 16px;
+  height: 16px;
+  background-position: 0 50%;
+  background-repeat: no-repeat; }
+
+/* ------- misc icons --------- */
+.b_info_icon {
+  background-image: url(images/comment.png); }
+
+.b_warn_icon {
+  background-image: url(images/exclamation.png); }
+
+.b_error_icon {
+  background-image: url(images/cross-circle.png); }
+
+.b_new_icon {
+  background-image: url(images/new-text.png); }
+
+.b_institution_icon {
+  background-image: url(images/home.png); }
+
+.b_group_icon {
+  background-image: url(images/users.png); }
+
+.b_user_icon {
+  background-image: url(images/user.png); }
+
+.b_move_left_icon {
+  background-image: url(images/arrow_left_big.png); }
+
+.b_move_right_icon {
+  background-image: url(images/arrow_right_big.png); }
+
+.b_move_down_icon {
+  background-image: url(images/arrow_down_big.png); }
+
+.b_move_up_icon {
+  background-image: url(images/arrow_up_big.png); }
+
+.b_delete_icon {
+  background-image: url(images/cross-script.png); }
+
+.b_share_icon {
+  background-image: url(images/share.png); }
+
+.b_status_enabled_icon {
+  background-image: url(images/tick.png); }
+
+.b_status_disabled_icon {
+  background-image: url(images/cross.png); }
+
+.b_edit_icon {
+  background-image: url(images/docs/document--pencil.png); }
+
+.b_add_icon {
+  background-image: url(images/plus-circle.png); }
+
+.b_open_icon {
+  background-image: url(images/control/control.png); }
+
+.o_fulltext_search_button {
+  background-image: url("images/magnifier-zoom.png"); }
+
+.o_help_icon {
+  background-image: url(images/help.png); }
+
+.o_rss_icon {
+  background-image: url(images/feed.png); }
+
+.o_login_guests {
+  background-image: url(images/user_silhouette.png); }
+
+.o_login_pwd {
+  background-image: url(images/user_excl.png); }
+
+.o_login_register {
+  background-image: url(images/user_register.png); }
+
+.o_news_icon {
+  background-image: url(../images/olat/information.png); }
+
+.o_course_icon {
+  background-image: url(images/le_resources/book-open-text-image.png); }
+
+.o_chat_icon {
+  background-image: url(../images/olat/chat_icon.png); }
+
+.o_admin_icon {
+  background-image: url(images/wrench-screwdriver.png); }
+
+.o_calendar_icon {
+  background-image: url(images/calendar.png); }
+
+/** ------- FLAGS ------ **/
+.b_flag_en {
+  background-image: url(images/flags/gb.png); }
+
+.b_flag_de {
+  background-image: url(images/flags/de.png); }
+
+.b_flag_fr {
+  background-image: url(images/flags/fr.png); }
+
+.b_flag_it {
+  background-image: url(images/flags/it.png); }
+
+.b_flag_es {
+  background-image: url(images/flags/es.png); }
+
+.b_flag_da {
+  background-image: url(images/flags/dk.png); }
+
+.b_flag_cs {
+  background-image: url(images/flags/cz.png); }
+
+.b_flag_el {
+  background-image: url(images/flags/gr.png); }
+
+.b_flag_ru {
+  background-image: url(images/flags/ru.png); }
+
+.b_flag_pl {
+  background-image: url(images/flags/pl.png); }
+
+.b_flag_zh_CN {
+  background-image: url(images/flags/cn.png); }
+
+.b_flag_zh_TW {
+  background-image: url(images/flags/tw.png); }
+
+.b_flag_lt {
+  background-image: url(images/flags/lt.png); }
+
+.b_flag_fa {
+  background-image: url(images/flags/ir.png); }
+
+.b_flag_pt_PT {
+  background-image: url(images/flags/pt.png); }
+
+.b_flag_pt_BR {
+  background-image: url(images/flags/br.png); }
+
+.b_flag_tr {
+  background-image: url(images/flags/tr.png); }
+
+.b_flag_hu {
+  background-image: url(images/flags/hu.png); }
+
+.b_flag_sq {
+  background-image: url(images/flags/al.png); }
+
+.b_flag_in {
+  background-image: url(images/flags/id.png); }
+
+.b_flag_ar {
+  background-image: url(images/flags/eg.png); }
+
+.b_flag_rm {
+  background-image: url(images/flags/rm.png); }
+
+.b_flag_af {
+  background-image: url(images/flags/za.png); }
+
+.b_flag_vi {
+  background-image: url(images/flags/vn.png); }
+
+.b_flag_mn {
+  background-image: url(images/flags/mn.png); }
+
+.b_flag_iw {
+  background-image: url(images/flags/il.png); }
+
+.b_flag_ko {
+  background-image: url(images/flags/kr.png); }
+
+.b_flag_nl_NL {
+  background-image: url(images/flags/nl.png); }
+
+.b_flag_jp {
+  background-image: url(images/flags/jp.png); }
+
+.b_flag_nb_NO {
+  background-image: url(images/flags/no.png); }
+
+.b_flag_et_EE {
+  background-image: url(images/flags/ee.png); }
+
+.b_flag_bg {
+  background-image: url(images/flags/bg.png); }
+
+.b_flag_hi_IN_ASIA {
+  background-image: url(images/flags/in.png); }
+
+.b_flag_ar_LB {
+  background-image: url(images/flags/lb.png); }
+
+.b_flag_de_FX_business {
+  background-image: url(images/flags/de.png); }
+
+.b_flag_de_FX_school {
+  background-image: url(images/flags/de.png); }
+
+.b_flag_en_FX_business {
+  background-image: url(images/flags/gb.png); }
+
+.b_flag_en_FX_school {
+  background-image: url(images/flags/gb.png); }
+
+/** ------- FILE TYPES ------- **/
+/* first the default that is used as base class. will be overriden by following classes */
+.b_filetype_file, .b_filetype_ico {
+  background-image: url(images/docs/document_plain.png) !important; }
+
+/* filesystem icons, mark important to override ext definitions */
+.b_filetype_avi_icon {
+  background-image: url(images/docs/document-film.png) !important; }
+
+.b_filetype_bat_icon {
+  background-image: url(images/docs/document-binary.png) !important; }
+
+.b_filetype_bmp {
+  background-image: url(images/docs/document-image.png) !important; }
+
+.b_filetype_css {
+  background-image: url(images/docs/document_tags.png) !important; }
+
+.b_filetype_doc, .b_filetype_docx {
+  background-image: url(images/docs/document-word.png) !important; }
+
+.b_filetype_dvi {
+  background-image: url(images/docs/document-film.png) !important; }
+
+.b_filetype_exe {
+  background-image: url(images/docs/document-binary.png) !important; }
+
+div.b_ext_elem .x-tree-node-expanded .x-tree-node-icon.b_filetype_folder, .b_filetype_folder_open {
+  background-image: url(images/folder_open.png) !important; }
+
+.b_filetype_folder {
+  background-image: url(images/folder.png) !important; }
+
+.b_filetype_gif {
+  background-image: url(images/docs/document-image.png) !important; }
+
+.b_filetype_gz {
+  background-image: url(images/docs/document-zipper.png) !important; }
+
+.b_filetype_htm, .b_filetype_html {
+  background-image: url(images/docs/document_tags.png) !important; }
+
+.b_filetype_jpeg, .b_filetype_jpg {
+  background-image: url(images/docs/document-image.png) !important; }
+
+.b_filetype_js {
+  background-image: url(images/docs/document_tags.png) !important; }
+
+.b_filetype_log {
+  background-image: url(images/docs/document_plain.png) !important; }
+
+.b_filetype_midi {
+  background-image: url(images/docs/document-music.png) !important; }
+
+.b_filetype_mov {
+  background-image: url(images/docs/document-film.png) !important; }
+
+.b_filetype_mp3, .b_filetype_m3u {
+  background-image: url(images/docs/document-music.png) !important; }
+
+.b_filetype_mpeg, .b_filetype_mpg {
+  background-image: url(images/docs/document-film.png) !important; }
+
+.b_filetype_odp {
+  background-image: url(images/docs/document-powerpoint.png) !important; }
+
+.b_filetype_ods {
+  background-image: url(images/docs/document-excel.png) !important; }
+
+.b_filetype_odt {
+  background-image: url(images/docs/document-text.png) !important; }
+
+.b_filetype_odg {
+  background-image: url(images/docs/document-image.png) !important; }
+
+.b_filetype_odf {
+  background-image: url(images/docs/document_plain.png) !important; }
+
+.b_filetype_pdf {
+  background-image: url(images/docs/document-pdf.png) !important; }
+
+.b_filetype_png {
+  background-image: url(images/docs/document-image.png) !important; }
+
+.b_filetype_ppt {
+  background-image: url(images/docs/document-powerpoint.png) !important; }
+
+.b_filetype_pptx {
+  background-image: url(images/docs/document-powerpoint.png) !important; }
+
+.b_filetype_ps {
+  background-image: url(images/docs/document-pdf.png) !important; }
+
+.b_filetype_qt, .b_filetype_ra, .b_filetype_ram {
+  background-image: url(images/docs/document-film.png) !important; }
+
+.b_filetype_readme, .b_filetype_README {
+  background-image: url(images/docs/document-text.png) !important; }
+
+.b_filetype_rtf {
+  background-image: url(images/docs/document-word.png) !important; }
+
+.b_filetype_tar, .b_filetype_tgz {
+  background-image: url(images/docs/document-zipper.png) !important; }
+
+.b_filetype_tiff {
+  background-image: url(images/docs/document-image.png) !important; }
+
+.b_filetype_txt {
+  background-image: url(images/docs/document-text.png) !important; }
+
+.b_filetype_wav {
+  background-image: url(images/docs/document-music.png) !important; }
+
+.b_filetype_xls, .b_filetype_xlsx {
+  background-image: url(images/docs/document-excel.png) !important; }
+
+.b_filetype_xml {
+  background-image: url(images/docs/document_tags.png) !important; }
+
+.b_filetype_xsl {
+  background-image: url(images/docs/document_tags.png) !important; }
+
+.b_filetype_zip {
+  background-image: url(images/docs/document-zipper.png) !important; }
+
+/* tab icons in nav  and in LE-resources table*/
+li.b_nav_site div, li.b_nav_tab div {
+  background: url(images/application.png) no-repeat left 50%;
+  padding-left: 18px; }
+
+li.b_resource_BusinessGroup div, .o_BusinessGroup_icon {
+  background-image: url(images/users.png); }
+
+li.b_resource_CourseModule div, .o_CourseModule_icon {
+  background-image: url(images/le_resources/book-open-text-image.png); }
+
+li.b_resource_HOMEPAGECONFIG div, .o_HOMEPAGECONFIG_icon, li.b_resource_Identity div {
+  background-image: url(../images/olat/vcard.png); }
+
+li.b_resource_FileResource-SHAREDFOLDER div, .o_FileResource-SHAREDFOLDER_icon {
+  background-image: url(images/folder_shared.png); }
+
+li.b_resource_FileResource-WIKI div, .o_FileResource-WIKI_icon {
+  background-image: url(images/le_resources/wiki.png); }
+
+li.b_resource_FileResource-PODCAST div, .o_FileResource-PODCAST_icon {
+  background-image: url(images/le_resources/media-player-cast.png); }
+
+li.b_resource_FileResource-BLOG div, .o_FileResource-BLOG_icon {
+  background-image: url(images/le_resources/blog.png); }
+
+li.b_resource_FileResource-MOVIE div, .o_FileResource-MOVIE_icon {
+  background-image: url(images/docs/document-film.png); }
+
+li.b_resource_FileResource-PDF div, .o_FileResource-PDF_icon {
+  background-image: url(images/docs/document-pdf.png); }
+
+li.b_resource_FileResource-PPT div, .o_FileResource-PPT_icon {
+  background-image: url(images/docs/document-powerpoint.png); }
+
+li.b_resource_FileResource-DOC div, .o_FileResource-DOC_icon {
+  background-image: url(images/docs/document-word.png); }
+
+li.b_resource_FileResource-IMSCP div, .o_FileResource-IMSCP_icon {
+  background-image: url(images/le_resources/book-open-text-image-red.png); }
+
+li.b_resource_FileResource-SCORMCP div, .o_FileResource-SCORMCP_icon {
+  background-image: url(images/le_resources/book-open-text-image-s.png); }
+
+li.b_resource_FileResource-FILE div, .o_FileResource-FILE_icon {
+  background-image: url(images/docs/document_plain.png); }
+
+li.b_resource_FileResource-IMAGE div, .o_FileResource-IMAGE_icon {
+  background-image: url(images/docs/document-image.png); }
+
+li.b_resource_FileResource-SOUND div, .o_FileResource-SOUND_icon {
+  background-image: url(images/docs/document-music.png); }
+
+li.b_resource_FileResource-XLS div, .o_FileResource-XLS_icon {
+  background-image: url(images/docs/document-excel.png); }
+
+li.b_resource_FileResource-ANIM div, .o_FileResource-ANIM_icon {
+  background-image: url(images/docs/document-image.png); }
+
+li.b_resource_FileResource-SURVEY div, .o_FileResource-SURVEY_icon {
+  background-image: url(images/le_resources/survey.png); }
+
+li.b_resource_FileResource-TEST div, .o_FileResource-TEST_icon {
+  background-image: url(images/le_resources/test.png); }
+
+li.b_resource_FileResource-GLOSSARY div, .o_FileResource-GLOSSARY_icon {
+  background-image: url(images/le_resources/glossary.png); }
+
+li.b_resource_org-olat-search-ui-SearchController div, .o_org-olat-search-ui-SearchController_icon {
+  background-image: url(images/magnifier-zoom.png); }
+
+li.b_resource_EPStructuredMapTemplate div {
+  background-image: url(images/le_resources/portfolio.png); }
+
+/* ------ TOOLBOX ICONS -------- */
+li a.o_toolbox_course {
+  background-image: url(images/le_resources/book-open-text-image.png); }
+
+li a.o_toolbox_content {
+  background-image: url(images/le_resources/book-open-text-image-red.png); }
+
+li a.o_toolbox_scorm {
+  background-image: url(images/le_resources/book-open-text-image-s.png); }
+
+li a.o_toolbox_test {
+  background-image: url(images/le_resources/test.png); }
+
+li a.o_toolbox_questionnaire {
+  background-image: url(images/le_resources/survey.png); }
+
+li a.o_toolbox_wiki {
+  background-image: url(images/le_resources/wiki.png); }
+
+li a.o_toolbox_podcast {
+  background-image: url(images/le_resources/media-player-cast.png); }
+
+li a.o_toolbox_blog {
+  background-image: url(images/le_resources/blog.png); }
+
+li a.o_toolbox_glossary {
+  background-image: url(images/le_resources/glossary.png); }
+
+li a.o_toolbox_sharedfolder {
+  background-image: url(images/folder_shared.png); }
+
+li a.o_toolbox_coursefolder {
+  background-image: url(images/le_resources/blue-folder.png); }
+
+li a.o_toolbox_portfolio {
+  background-image: url(images/le_resources/portfolio.png); }
+
+li a.b_toolbox_link {
+  background-image: url(images/bullet_black.png); }
+
+li a.b_toolbox_doc {
+  background-image: url(images/docs/document_plain.png); }
+
+li a.b_toolbox_preview {
+  background-image: url(images/docs/document_preview.png); }
+
+li a.b_toolbox_publish {
+  background-image: url(images/docs/document_share.png); }
+
+li a.b_toolbox_move {
+  background-image: url(images/docs/document_move.png); }
+
+li a.b_toolbox_close {
+  background-image: url(images/close.png); }
+
+li a.b_toolbox_delete {
+  background-image: url(images/cross-script.png); }
+
+li a.b_toolbox_copy, .b_copy_icon {
+  background-image: url(images/docs/document-copy.png); }
+
+/* --------- menu icon decorators -------- */
+.o_midlock {
+  top: 9px;
+  left: 9px;
+  background-image: url(images/decorator/deco_condition.png); }
+
+.o_miderr {
+  top: 8px;
+  left: -2px;
+  background-image: url(images/decorator/deco_error.png); }
+
+.o_midwarn {
+  top: 8px;
+  left: -2px;
+  background-image: url(images/decorator/deco_warn.png); }
+
+.o_midpub {
+  top: -2px;
+  left: 9px;
+  background-image: url(images/decorator/deco_ok.png); }
+
+/* --------- course building block icons ------------------- */
+.o_bc_icon {
+  background-image: url(images/folder.png) !important; }
+
+.o_co_icon {
+  background-image: url(images/mail.png) !important; }
+
+.o_cp_icon {
+  background-image: url(images/le_resources/book-open-text-image-red.png) !important; }
+
+.o_cp_org {
+  background-image: url(images/le_resources/book-open-text-image-red.png) !important; }
+
+.o_cp_item {
+  background-image: url(images/docs/document-text.png) !important; }
+
+.o_dialog_icon {
+  background-image: url(images/docs/document_discuss.png) !important; }
+
+.o_en_icon {
+  background-image: url(images/enrol.png) !important; }
+
+.o_fo_icon {
+  background-image: url(images/forum/forum.png) !important; }
+
+.o_iqself_icon {
+  background-image: url(images/le_resources/selftest.png) !important; }
+
+.o_iqsurv_icon {
+  background-image: url(images/le_resources/survey.png) !important; }
+
+.o_iqtest_icon {
+  background-image: url(images/le_resources/test.png) !important; }
+
+.o_ms_icon {
+  background-image: url(images/le_resources/thumb-up.png) !important; }
+
+.o_scorm_icon, .o_scorm_org {
+  background-image: url(images/le_resources/book-open-text-image-s.png) !important; }
+
+.o_scorm_item {
+  background-image: url(images/docs/document-text.png) !important; }
+
+.o_scorm_asset {
+  background-image: url(images/le_resources/book-open-text-image-s.png) !important; }
+
+.o_sp_icon {
+  background-image: url(images/docs/document-text.png) !important; }
+
+.o_st_icon {
+  background-image: url(images/node-select-all.png) !important; }
+
+.o_ta_icon {
+  background-image: url(images/docs/document-task.png) !important; }
+
+.o_tu_icon {
+  background-image: url(images/docs/document-import.png) !important; }
+
+.o_wiki_icon {
+  background-image: url(images/le_resources/wiki.png) !important; }
+
+.o_ll_icon {
+  background-image: url(images/docs/document_linklist.png) !important; }
+
+.o_cl_icon {
+  background-image: url(images/clipboard-task.png) !important; }
+
+.o_den_icon {
+  background-image: url(images/clock.png) !important; }
+
+.o_projectbroker_icon {
+  background-image: url(images/projectbroker.png) !important; }
+
+.o_podcast_icon {
+  background-image: url(images/le_resources/media-player-cast.png) !important; }
+
+.o_blog_icon {
+  background-image: url(images/le_resources/blog.png) !important; }
+
+.o_cal_icon {
+  background-image: url(images/calendar.png) !important; }
+
+.o_lti_icon {
+  background-image: url(images/docs/document-node.png) !important; }
+
+/* <OLATCE-103> */
+.o_vc_icon {
+  background-image: url(images/projection-screen.png) !important; }
+
+/* </OLATCE-103> */
+.o_vitero_icon {
+  background-image: url(images/vitero.png) !important; }
+
+.o_ep_icon, .o_EPStructuredMapTemplate_icon {
+  background-image: url(images/le_resources/portfolio.png) !important; }
+
+.o_infomsg_icon {
+  background-image: url(images/information-button.png) !important; }
+
+.o_cmembers_icon {
+  background-image: url(images/users.png) !important; }
+
+body#b_body .o_CourseModule_icon_closed {
+  background-image: url(images/le_resources/book-open-text-image_locked.png); }
+
+/*
+*  =================================================
+*  
+*   content rules for OpenOLAT 8
+*   
+*   @author strentini, sergio.trentini@frentix.com,  www.frentix.com
+*   @date Nov. 2011
+*
+*	also read themes.README!
+*
+*   (as of yaml compliance, contains css rules for
+*   styling fonts, colors, font-style, etc. ) 
+*   
+*   this file is included in layout.scss
+*   it is not compiled to a separate css-file...  
+*
+*  =================================================
+*/
+* {
+  font-family: Century Gothic, Apple Gothic, sans-serif; }
+
+textarea, pre, tt, code {
+  font-size: 90%;
+  color: inherit;
+  line-height: inherit;
+  margin: inherit; }
+
+body {
+  font-size: 75%;
+  color: #444; }
+
+/** ----------------- HEADERS ----------------- **/
+h1, h2, h3, h4, h5, h6 {
+  font-weight: bold;
+  margin: 0 0 0.25em 0; }
+
+h1 {
+  font-size: 200%; }
+
+/* 24px */
+h2 {
+  font-size: 166.67%; }
+
+/* 20px */
+h3 {
+  font-size: 150%; }
+
+/* 18px */
+h4 {
+  font-size: 133.33%; }
+
+/* 16px */
+h5 {
+  font-size: 116.67%; }
+
+/* 14px */
+h6 {
+  font-size: 116.67%;
+  font-style: italic; }
+
+/* 14px */
+/** ----------------- LINKS ----------------- **/
+a, a:visited {
+  text-decoration: none;
+  color: #025d8c; }
+
+a:hover {
+  text-decoration: underline;
+  color: #025d8c; }
+
+a.b_link_extern {
+  background: transparent url("images/external_link_trimmed.png") no-repeat right top;
+  padding-right: 13px; }
+
+.b_link_mailto {
+  background: transparent url("images/mail_small.png") no-repeat left center;
+  padding-left: 18px; }
+
+hr {
+  color: #fff;
+  background: transparent;
+  margin: 0 0 0.5em 0;
+  padding: 0 0 0.5em 0;
+  border: 0;
+  border-bottom: 1px #eee solid; }
+
+p {
+  margin: 0 0 1em 0; }
+
+/** ----------------- CONTENT CLASSES ----------------- **/
+/* content boxes */
+.b_info {
+  background: #e9eaef url(images/information-white.png) no-repeat 5px 5px;
+  padding: 5px 5px 5px 30px;
+  border: 1px solid #C5C4C4;
+  border-radius: 4px;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  -o-border-radius: 4px; }
+
+.b_note {
+  background: #E2E2E2;
+  padding: 1em;
+  border: 2px #B5B5B5 solid;
+  border-radius: 4px;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  -o-border-radius: 4px; }
+
+.b_important {
+  background: #FFF1A4;
+  padding: 1em;
+  border: 2px #F4D000 solid;
+  border-radius: 4px;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  -o-border-radius: 4px; }
+
+.b_warning {
+  background: #FFD5AA;
+  padding: 1em;
+  border: 2px #FF9E3E solid;
+  border-radius: 4px;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  -o-border-radius: 4px; }
+
+div.b_note, div.b_important, div.b_warning, div.b_info {
+  margin: 1em 0; }
+
+.b_border_box {
+  border: 1px solid #ACAAAA;
+  padding: 1em; }
+
+/* font  */
+.b_disabled {
+  color: #ACAAAA; }
+
+.b_deleted {
+  text-decoration: line-through; }
+
+.b_selected {
+  font-weight: bold; }
+
+/* font sizes relative to parent object */
+.b_small, small {
+  font-size: 90%; }
+
+.b_xsmall, sup, sub {
+  font-size: 80%; }
+
+.b_large {
+  font-size: 110%; }
+
+.b_xlarge, big {
+  font-size: 120%; }
+
+/* text alignment: normal flow in a LTR language is left, in a RTL language it is right */
+.b_align_normal {
+  text-align: left; }
+
+.b_align_center {
+  text-align: center; }
+
+.b_align_inverse {
+  text-align: right; }
+
+.b_quote_wrapper {
+  position: relative;
+  margin: 20px; }
+
+.b_quote_author {
+  background: url(../images/olat/forum/quote.gif) no-repeat left bottom;
+  padding: 10px 5px 15px 11px;
+  position: relative;
+  top: 1px;
+  font-style: italic;
+  color: #A2A2A2; }
+
+blockquote.b_quote {
+  margin: 0;
+  border: 1px solid #e5e5e5;
+  color: black;
+  padding: 8px 10px 6px;
+  color: #646464; }
+
+.b_border_box {
+  border: 1px solid #ccc;
+  padding: 1em; }
+
+.b_warning {
+  padding: 1em;
+  border: 2px #ffc659 solid;
+  border-radius: 4px;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  -o-border-radius: 4px;
+  background: #ffe49c;
+  background: -moz-linear-gradient(top, #ffe49c 0%, #fff4da 100%);
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffe49c), color-stop(100%, #fff4da));
+  background: -webkit-linear-gradient(top, #ffe49c 0%, #fff4da 100%);
+  background: -o-linear-gradient(top, #ffe49c 0%, #fff4da 100%);
+  background: -ms-linear-gradient(top, #ffe49c 0%, #fff4da 100%);
+  background: linear-gradient(top, #ffe49c 0%, #fff4da 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe49c', endColorstr='#fff4da',GradientType=0 ); }
+
+.b_dimmed {
+  -moz-opacity: 0.4;
+  opacity: 0.4;
+  filter: alpha(opacity=40); }
+
+.o_ochre {
+  color: #c8a959; }
+
+/* FLOTING STYLES */
+.b_float_left {
+  float: left;
+  display: inline;
+  margin-right: 1em;
+  margin-bottom: 0.15em; }
+
+.b_float_right {
+  float: right;
+  display: inline;
+  margin-left: 1em;
+  margin-bottom: 0.15em; }
+
+.b_center {
+  text-align: center;
+  margin: 0.5em auto; }
+
+/* CLEAR container: additonal to b_floatbox */
+.b_floatscrollbox {
+  overflow-x: auto;
+  overflow-y: hidden; }
+
+.b_overflowscrollbox {
+  overflow: auto; }
+
+/* =============================================================================== **/
+/* HELP, context sensitive */
+div.b_contexthelp_wrapper {
+  position: relative; }
+
+a.b_contexthelp {
+  display: block;
+  width: 16px;
+  height: 16px;
+  background: url(images/help.png) no-repeat;
+  line-height: 0;
+  cursor: help; }
+
+div.b_contexthelp_wrapper a.b_contexthelp {
+  position: absolute;
+  top: 0;
+  right: 0; }
+
+fieldset a.b_contexthelp, fieldset div.b_contexthelp_wrapper a.b_contexthelp {
+  position: absolute;
+  top: -1.5em;
+  right: -0.8em; }
+
+#b_contexthelp_content {
+  padding: 0; }
+
+#b_ch_topnav_search div.b_form_element_wrapper.b_form_horizontal {
+  margin: 2px 0 0 0; }
+
+#b_contexthelp_rating {
+  text-align: center;
+  margin-top: 20px;
+  padding: 10px;
+  border-top: 1px #ACAAAA solid; }
+  #b_contexthelp_rating h4 {
+    font-size: 90%;
+    margin: 0;
+    font-style: italic; }
+  #b_contexthelp_rating table {
+    display: inline-block; }
+    #b_contexthelp_rating table td {
+      width: 50%; }
+
+.b_contexthelp_icon {
+  background-image: url(images/help.png); }
+
+/* USER COMMENTS */
+div.b_ratings_and_comments {
+  margin: 4em 0 1.5em 0;
+  padding-bottom: 0.5em;
+  border-bottom: 1px solid #eee;
+  font-size: 0.9em;
+  position: relative; }
+  div.b_ratings_and_comments div.b_rating_wrapper {
+    position: absolute;
+    right: 0;
+    bottom: 0;
+    width: 150px;
+    height: 4em; }
+  div.b_ratings_and_comments div.b_rating {
+    background: none;
+    border: none;
+    padding: 0;
+    margin: 0;
+    position: absolute;
+    left: 0;
+    bottom: 2px;
+    width: 100%; }
+  div.b_ratings_and_comments div.b_rating_personal {
+    background: #fff;
+    z-index: 5; }
+
+div.b_ratings_and_comments a.b_comments, div.b_eportfolio_map a.b_comments {
+  background: url(images/comment.png) 3px 50% no-repeat;
+  padding: 3px 0 1px 23px;
+  vertical-align: middle;
+  min-height: 18px; }
+
+div.b_comments {
+  font-size: 0.9em; }
+  div.b_comments div.b_comment_wrapper {
+    border: 1px solid #eee;
+    padding: 10px 10px 5px 10px;
+    margin-bottom: 2em;
+    background: #fbfbfb;
+    border-radius: 4px;
+    -webkit-border-radius: 4px;
+    -moz-border-radius: 4px;
+    -o-border-radius: 4px; }
+    div.b_comments div.b_comment_wrapper div.b_avatar img {
+      border: 1px solid #aaa; }
+    div.b_comments div.b_comment_wrapper h5 {
+      font-size: 1em;
+      background: url(images/user.png) 0 50% no-repeat;
+      padding: 1px 0 1px 20px;
+      vertical-align: middle;
+      min-height: 16px; }
+    div.b_comments div.b_comment_wrapper span.b_date {
+      color: #aaaaaa;
+      font-weight: normal;
+      display: block;
+      margin-top: 5px; }
+    div.b_comments div.b_comment_wrapper div.b_comment_wrapper {
+      margin-left: 7px;
+      background: #fff; }
+      div.b_comments div.b_comment_wrapper div.b_comment_wrapper div.b_comment_wrapper {
+        background: #fbfbfb; }
+        div.b_comments div.b_comment_wrapper div.b_comment_wrapper div.b_comment_wrapper div.b_comment_wrapper {
+          background: #fff; }
+  div.b_comments blockquote.b_comment {
+    padding: 3px 0 0 0px;
+    margin: 0; }
+  div.b_comments div.b_form {
+    padding: 10px;
+    border: 1px solid #eee;
+    margin: 2em 0 2em 0;
+    background: #fbfbfb url(../images/brasato/generic/background_gradient_white.png) repeat-x bottom left;
+    border-radius: 4px;
+    -webkit-border-radius: 4px;
+    -moz-border-radius: 4px;
+    -o-border-radius: 4px; }
+    div.b_comments div.b_form h5 {
+      font-size: 1em;
+      margin-bottom: 0.5em; }
+    div.b_comments div.b_form div.b_button_group {
+      text-align: center; }
+
+.b_comment_icon {
+  background-image: url(images/comment.png); }
+
+#b_comment_form_link {
+  font-size: 0.9em;
+  position: relative;
+  top: -15px;
+  left: 23px; }
+
+/* DATE COMPONENT */
+div.b_datecomp {
+  width: 2.5em;
+  height: 3em;
+  position: relative;
+  margin-right: 5px;
+  font-weight: normal;
+  color: white;
+  text-align: center;
+  vertical-align: middle;
+  border: 1px solid #000;
+  font-size: 85%; }
+  div.b_datecomp div {
+    width: 100%;
+    position: absolute;
+    left: 0; }
+  div.b_datecomp div.b_year {
+    height: 1em;
+    top: -1.5em;
+    font-size: 80%;
+    font-weight: normal;
+    color: #000; }
+  div.b_datecomp div.b_month {
+    background: #BE5B5D;
+    height: 40%;
+    top: 0;
+    font-size: 80%;
+    font-weight: normal;
+    color: white; }
+  div.b_datecomp div.b_day {
+    background: #fff;
+    height: 60%;
+    bottom: 0;
+    font-size: 120%;
+    font-weight: bold;
+    color: #000;
+    border-top: 1px solid #000;
+    border-bottom: 1px solid #aaaaaa; }
+
+/* RATING */
+div.b_rating {
+  margin: 10px;
+  padding: 5px;
+  font-size: 80%;
+  white-space: nowrap;
+  text-align: left;
+  background: #EEE;
+  border: 1px solid #ACAAAA;
+  border-radius: 4px;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  -o-border-radius: 4px; }
+  div.b_rating div.b_rating_title {
+    font-weight: bold; }
+  div.b_rating div.b_rating_items {
+    vertical-align: middle;
+    line-height: 18px; }
+    div.b_rating div.b_rating_items a {
+      float: left;
+      display: inline;
+      width: 16px;
+      height: 16px;
+      background-repeat: no-repeat;
+      background-position: 0 0;
+      margin: 1px 4px 1px 0; }
+    div.b_rating div.b_rating_items a.b_rating_item_on {
+      background-image: url(images/star.png); }
+    div.b_rating div.b_rating_items a.b_rating_item_off {
+      background-image: url(images/star_grey.png); }
+    div.b_rating div.b_rating_items a:hover {
+      cursor: default; }
+    div.b_rating div.b_rating_items.b_enabled a:hover {
+      cursor: pointer; }
+    div.b_rating div.b_rating_items.b_enabled a.b_rating_item_off:hover {
+      background-image: url(images/star.png); }
+  div.b_rating div.b_rating_explanation {
+    clear: both;
+    font-size: 90%; }
+
+/* AJAX AUTOCOMPLETER only color styles override */
+div.b_form_auto_completer input {
+  border: 1px solid #ACAAAA;
+  background: #F6F6F6;
+  line-height: 1.3em;
+  margin: 0px;
+  padding: 0; }
+
+div.b_form_auto_completer input:focus {
+  border: 1px solid #504D4E;
+  background: #FFF; }
+
+div.b_form_auto_completer_item {
+  background-color: #FFF;
+  text-align: left;
+  padding-top: 2px;
+  padding-bottom: 2px; }
+
+div.b_form_auto_completer_item.x-combo-selected {
+  background-color: #c4d0dc;
+  border-left: 0 !important;
+  border-right: 0 !important; }
+
+div.b_form_auto_completer_item span.b_key {
+  color: #999;
+  margin-right: 2px; }
+
+div.b_form_auto_completer_item.b_error_icon {
+  color: #990000;
+  font-style: italic; }
+
+/* ------- print -------- */
+/*
+*  =================================================
+*  
+*   basemod rules for OpenOLAT 8  (PRINT)
+*   
+*   @author strentini, sergio.trentini@frentix.com,  www.frentix.com
+*   @date Nov. 2011
+*
+*
+*
+*   (as of yaml compliance, contains css rules for
+*   positioning and sizing elements) 
+*   
+*   this file is included in layout.scss
+*   it is not compiled to a separate css-file...  
+*
+*  =================================================
+*/
+@media print {
+  /* (en) change font size unit to [pt] - avoiding problems with [px] unit in Gecko based browsers  */
+  /* (de) Wechsel der der Schriftgrößen-Maßheinheit zu [pt] - Probleme mit Maßeinheit [px] in Gecko-basierten Browsern vermeiden */
+  body {
+    font-size: 10pt; } }
+/*
+*  =================================================
+*  
+*   content rules for OpenOLAT 8  (PRINT)
+*   
+*   @author strentini, sergio.trentini@frentix.com,  www.frentix.com
+*   @date Nov. 2011
+*
+*
+*
+*   (as of yaml compliance, contains css rules for
+*   styling fonts, colors, font-style, etc. ) 
+*   
+*   this file is included in layout.scss
+*   it is not compiled to a separate css-file...  
+*
+*  =================================================
+*/
+/* ------- mobile -------- */
+/*
+*  =================================================
+*  
+*   MOBILE rules for OpenOLAT 8  (MOBILE DEVICES)
+*   
+*   @author strentini, sergio.trentini@frentix.com,  www.frentix.com
+*   @date Nov. 2011
+*
+*   also read themes.README!
+* 
+*
+*  =================================================
+*/
+/* iPad ( and other tablets, some netbooks as well, I guess...) */
+/*  mobile phones */
+/* -------- modules -------- */
+/*
+*  =================================================
+*  
+*   MODAL WINDOWs, DIALOGS, WIZARD Rules for the OpenOLAT theme
+*   
+*   @author strentini, sergio.trentini@frentix.com,  www.frentix.com
+*   @date Dez. 2011
+*
+*	also read themes.README!
+*
+*
+*  =================================================
+*/
+/** adjust modal-size according to b_layer **/
+div.b_layer_1 div.b_modal_area {
+  width: 82%;
+  margin: 9%; }
+
+div.b_layer_2 div.b_modal_area {
+  width: 76%;
+  margin: 12%; }
+
+div.b_layer_3 div.b_modal_area {
+  width: 70%;
+  margin: 15%; }
+
+div.b_layer_5 div.b_modal_area {
+  width: 64%;
+  margin: 18%; }
+
+div.b_modal_area {
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  width: 80%;
+  margin: 10%;
+  moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
+  -ms-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
+  -o-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
+  -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
+  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }
+
+/* MODAL OVERLAY: transparent background that covers the whole content */
+div.b_modal_overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  zoom: 1; }
+
+/* modal overlay color */
+div.b_modal_overlay, div.ext-el-mask {
+  background: #fff;
+  -moz-opacity: 0.75;
+  opacity: 0.75;
+  filter: alpha(opacity=75); }
+
+.b_floatscrollbox {
+  overflow-x: hidden;
+  overflow-y: hidden; }
+
+div.b_window {
+  text-align: left;
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  background: #fff; }
+  div.b_window .b_window_header_wrapper {
+    padding: 2px 8px 0px 8px; }
+  div.b_window div.b_window_header {
+    position: relative;
+    border-bottom: 1px solid #eee; }
+  div.b_window div.b_window_header_title {
+    min-height: 18px;
+    line-height: 18px;
+    vertical-align: middle;
+    padding: 2px 5px 2px 5px; }
+    div.b_window div.b_window_header_title a.b_link_close {
+      top: 4px;
+      right: 4px;
+      position: absolute;
+      min-height: 16px;
+      min-width: 16px;
+      background: transparent url("images/close.png") no-repeat center center;
+      display: inline-block; }
+    div.b_window div.b_window_header_title a.b_link_close:hover {
+      top: 4px;
+      right: 4px; }
+    div.b_window div.b_window_header_title strong {
+      font-weight: bold; }
+  div.b_window div.b_window_content_wrapper {
+    clear: both;
+    width: auto;
+    padding: 0 4px 0 4px; }
+  div.b_window div.b_window_content {
+    padding: 1em; }
+  div.b_window div.b_window_content_inner {
+    min-height: 200px;
+    position: relative; }
+  div.b_window div.b_window_footer_wrapper {
+    height: 4px; }
+
+/* modal callout windows. Patch min length issue in Ext QuickTip */
+div.b_callout_content {
+  max-width: 60em;
+  overflow: hidden; }
+
+div.x-tip-tc, div.x-tip-bc {
+  background-repeat: repeat !important; }
+
+div.x-tip-body p {
+  margin-bottom: 0px; }
+
+div.x-tip-mc {
+  background: #e9f2ff !important; }
+
+/* ajax busy icon*/
+body.b_ajax_busy {
+  cursor: wait; }
+
+div.b_ajax_busy {
+  background: url(images/ajax-loader.gif) no-repeat;
+  position: absolute;
+  left: 50%;
+  top: 10px;
+  width: 28px;
+  height: 28px;
+  z-index: 5001; }
+
+/* DIALOG */
+div.b_msg_dialog {
+  padding: 10px 10px 10px 50px;
+  min-height: 32px;
+  background: url(images/icon_question_32.png) no-repeat 10px 10px; }
+  div.b_msg_dialog .b_msg_title {
+    font-weight: bold; }
+
+/* sticky info (admins can create stick-messages that will show for all users) */
+#b_msg_sticky {
+  clear: both;
+  padding: 10px 10px 10px 50px;
+  min-height: 32px;
+  background: #ebcccc url(images/icon_warning_32.png) no-repeat 10px 10px;
+  border-bottom: 1px #ccc dotted;
+  border-top: 1px #ccc dotted; }
+
+/* info message ( slide-in, top) */
+div.b_msg-div {
+  left: 35%;
+  position: absolute;
+  top: 10px;
+  width: 30%;
+  z-index: 20000;
+  border: 1px solid #ccc;
+  background: #FAFAFA;
+  border-radius: 4px;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  -o-border-radius: 4px;
+  moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
+  -ms-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
+  -o-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
+  -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
+  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }
+  div.b_msg-div .b_msg_info_winicon {
+    background: transparent url(images/icon_info_32.png) no-repeat 10px center; }
+
+div.b_msg_info_content {
+  padding: 10px 10px 10px 50px; }
+
+/* warn message (ext-dialog) */
+div.b_msg_warn_winicon {
+  background: url(images/icon_warning_32.png) no-repeat; }
+
+/* error message (ext-dialog) */
+div.b_msg_error_winicon {
+  background: url(images/icon_error_32.png) no-repeat; }
+
+/* "info"-page */
+#b_msg_info {
+  padding: 10px 10px 10px 50px;
+  min-height: 32px;
+  background: url(images/icon_info_32.png) no-repeat 10px 10px; }
+  #b_msg_info .b_msg_title {
+    font-weight: bold; }
+
+/* "info-message" on login screen */
+.o_infomessage_wrapper {
+  border: 1px solid #ccc;
+  background: #FAFAFA; }
+  .o_infomessage_wrapper .o_infomessage {
+    padding: 10px 10px 10px 50px;
+    text-align: left;
+    background: url(images/icon_warning_32.png) no-repeat 10px 10px; }
+
+/* OPEN / CLOSE BOX TOGGLER */
+a.b_togglebox_closed {
+  background: url(images/toggle-small-expand.png) no-repeat 0 50%;
+  padding: 1px 0 1px 14px;
+  vertical-align: middle; }
+
+a.b_togglebox_opened {
+  background: url(images/toggle-small.png) no-repeat 0 50%;
+  padding: 1px 0 1px 14px;
+  vertical-align: middle; }
+
+div.b_togglebox div.b_togglebox_content {
+  padding: 1em;
+  border: 1px solid #ACAAAA;
+  background: #fff; }
+
+/** ----------------- WIZARD ----------------- **/
+div.b_wizard div.b_wizard_header_wrapper {
+  background: #fff; }
+div.b_wizard div.b_wizard_header {
+  background: #fff;
+  position: relative; }
+div.b_wizard div.b_wizard_header_title {
+  background: #fff;
+  min-height: 18px;
+  line-height: 18px;
+  vertical-align: middle;
+  padding: 2px 5px 2px 5px;
+  color: #4F576A; }
+  div.b_wizard div.b_wizard_header_title a.b_link_close {
+    top: 4px;
+    right: 4px;
+    background: url(images/close.png);
+    background-repeat: no-repeat; }
+  div.b_wizard div.b_wizard_header_title strong {
+    font-weight: bold; }
+div.b_wizard div.b_wizard_steps_wrapper {
+  clear: both;
+  width: auto;
+  padding: 0 4px 0 4px;
+  background: #fff; }
+div.b_wizard div.b_wizard_steps_content {
+  background: #fff; }
+div.b_wizard div.b_wizard_steps_list {
+  width: 20em;
+  padding: 0;
+  color: #4F576A; }
+  div.b_wizard div.b_wizard_steps_list ol {
+    list-style-type: decimal;
+    z-index: 14;
+    font-size: 95%;
+    padding: 1em 5px 5px; }
+  div.b_wizard div.b_wizard_steps_list li {
+    line-height: 1.5em;
+    white-space: normal; }
+  div.b_wizard div.b_wizard_steps_list li.b_wizard_steps_current {
+    font-weight: bold; }
+  div.b_wizard div.b_wizard_steps_list li a {
+    color: #4F576A; }
+  div.b_wizard div.b_wizard_steps_list li a:hover {
+    color: #4F576A;
+    background: transparent;
+    text-decoration: underline; }
+  div.b_wizard div.b_wizard_steps_list li .b_disabled {
+    color: #4F576A;
+    border: 0;
+    background: transparent;
+    padding: 0;
+    margin: 0;
+    white-space: normal;
+    font-style: italic; }
+  div.b_wizard div.b_wizard_steps_list li.b_wizard_steps_current .b_disabled {
+    font-style: normal; }
+div.b_wizard div.b_wizard_steps_current {
+  margin-left: 20em;
+  border-left: 1px solid #777; }
+div.b_wizard div.b_wizard_steps_current_inner {
+  border-bottom: 1px solid #fff;
+  padding: 1em; }
+div.b_wizard div.b_wizard_steps_current_content {
+  min-height: 300px;
+  position: relative; }
+div.b_wizard div.b_wizard_footer_wrapper {
+  background: #fff; }
+div.b_wizard div.b_wizard_footer div.b_button_group {
+  text-align: left;
+  padding: 0.5em 1em 0.5em 21em;
+  margin: 0; }
+
+span.b_wizard_button_prev:before, a.b_wizard_button_prev span:before {
+  content: "< "; }
+
+span.b_wizard_button_next:after, a.b_wizard_button_next span:after {
+  content: " >"; }
+
+a.b_wizard_button_finish, span.b_wizard_button_finish {
+  margin-left: 3em; }
+
+a.b_wizard_button_cancel, span.b_wizard_button_cancel {
+  margin-left: 3em; }
+
+.b_wizard_table_changedcell {
+  font-style: italic;
+  font-weight: bold;
+  background: url(images/new-text.png) no-repeat;
+  padding-left: 18px; }
+
+/* OLD WIZARD */
+div.b_legacy_wizard_steps {
+  float: right;
+  display: inline; }
+
+/* the following classes are used together with b_legacy_wizard_step_icon */
+.b_legacy_wizard_step_a1 {
+  background-image: url(images/wizard/1a.png); }
+
+.b_legacy_wizard_step_a2 {
+  background-image: url(images/wizard/2a.png); }
+
+.b_legacy_wizard_step_a3 {
+  background-image: url(images/wizard/3a.png); }
+
+.b_legacy_wizard_step_a4 {
+  background-image: url(images/wizard/4a.png); }
+
+.b_legacy_wizard_step_a5 {
+  background-image: url(images/wizard/5a.png); }
+
+.b_legacy_wizard_step_a6 {
+  background-image: url(images/wizard/6a.png); }
+
+.b_legacy_wizard_step_a7 {
+  background-image: url(images/wizard/7a.png); }
+
+.b_legacy_wizard_step_a8 {
+  background-image: url(images/wizard/8a.png); }
+
+.b_legacy_wizard_step_a9 {
+  background-image: url(images/wizard/9a.png); }
+
+.b_legacy_wizard_step_p1 {
+  background-image: url(images/wizard/1p.png); }
+
+.b_legacy_wizard_step_p2 {
+  background-image: url(images/wizard/2p.png); }
+
+.b_legacy_wizard_step_p3 {
+  background-image: url(images/wizard/3p.png); }
+
+.b_legacy_wizard_step_p4 {
+  background-image: url(images/wizard/4p.png); }
+
+.b_legacy_wizard_step_p5 {
+  background-image: url(images/wizard/5p.png); }
+
+.b_legacy_wizard_step_p6 {
+  background-image: url(images/wizard/6p.png); }
+
+.b_legacy_wizard_step_p7 {
+  background-image: url(images/wizard/7p.png); }
+
+.b_legacy_wizard_step_p8 {
+  background-image: url(images/wizard/8p.png); }
+
+.b_legacy_wizard_step_p9 {
+  background-image: url(images/wizard/9p.png); }
+
+/*
+*  =================================================
+*  
+*   PORTAL, PORTLETS, TOOLBOXES Rules for the OpenOLAT theme
+*   
+*   @author strentini, sergio.trentini@frentix.com,  www.frentix.com
+*   @date Dez. 2011
+*
+*	also read themes.README!
+*
+*
+*  =================================================
+*/
+/** ----------------- PORTAL ----------------- **/
+div.o_home_portaleditlink {
+  position: absolute;
+  top: 0;
+  right: 0; }
+
+.o_home_main h4 {
+  text-align: center; }
+
+div.o_home_rsslink {
+  clear: both;
+  float: right;
+  display: inline;
+  margin: 10px 0; }
+
+#o_macartney_open {
+  width: 20px;
+  bottom: 0;
+  left: 0;
+  height: 16px;
+  background: white url(images/magnifier-zoom.png) no-repeat 4px 0; }
+
+#o_macartney_large {
+  position: fixed;
+  top: 10%;
+  left: 10%;
+  width: 80%;
+  z-index: 10;
+  border: 1px solid black;
+  background: white;
+  padding: 5px; }
+
+#o_macartney_large img {
+  width: 100%; }
+
+#o_macartney_close {
+  position: absolute;
+  width: 16px;
+  top: 0;
+  right: 0;
+  height: 16px;
+  border-left: 1px solid #000;
+  border-bottom: 1px solid #000;
+  background: white url(images/close.png); }
+
+/** ----------------- PORTLETS & BOXES ----------------- **/
+.b_portlet {
+  position: relative;
+  font-size: 95%;
+  margin: 10px;
+  min-height: 13em; }
+  .b_portlet .b_portlet_showall {
+    font-size: 95%;
+    position: absolute;
+    right: 0;
+    top: 0; }
+  .b_portlet .b_portlet_header {
+    border-bottom: 1px solid #94bed3;
+    white-space: nowrap;
+    overflow-y: hidden !important;
+    overflow-x: hidden !important; }
+  .b_portlet .b_portlet_content {
+    position: relative;
+    padding: 1em 0 0 0; }
+
+/* portlets / portal in edit mode */
+div.b_portlet.b_portlet_edit {
+  background: #FFE793;
+  border: 1px solid #FF9E3E;
+  padding: 2px; }
+  div.b_portlet.b_portlet_edit .b_portlet_header {
+    height: 23px; }
+
+/* portlet toolbox (portal edit mode) */
+div.b_portlet_toolbox {
+  position: absolute;
+  top: 0;
+  right: 0;
+  padding: 2px;
+  height: 20px;
+  overflow-y: hidden !important;
+  overflow-x: hidden !important;
+  /* fix problem with brasato component wrapper */
+  /* the toolbox buttons */ }
+  div.b_portlet_toolbox a, div.b_portlet_toolbox span.b_disabled {
+    background-repeat: no-repeat;
+    background-position: 1px 1px;
+    float: right;
+    width: 18px;
+    height: 18px;
+    overflow: hidden; }
+  div.b_portlet_toolbox div {
+    display: inline; }
+  div.b_portlet_toolbox > a, div.b_portlet_toolbox > span {
+    border: 1px solid #888;
+    border-radius: 3px;
+    -webkit-border-radius: 3px;
+    -moz-border-radius: 3px;
+    -o-border-radius: 3px;
+    background: #eee;
+    background-repeat: no-repeat;
+    background-position: center; }
+  div.b_portlet_toolbox a.b_portlet_edit_left {
+    background-image: url(images/arrow_left_big.png); }
+  div.b_portlet_toolbox a.b_portlet_edit_right {
+    background-image: url(images/arrow_right_big.png); }
+  div.b_portlet_toolbox a.b_portlet_edit_down {
+    background-image: url(images/arrow_down_big.png); }
+  div.b_portlet_toolbox a.b_portlet_edit_up {
+    background-image: url(images/arrow_up_big.png); }
+  div.b_portlet_toolbox a.b_portlet_edit_delete {
+    background-image: url(images/cross-script.png); }
+  div.b_portlet_toolbox a.b_portlet_edit_sort_auto {
+    background-image: url(images/table_sort.png); }
+  div.b_portlet_toolbox a.b_portlet_edit_sort_manual {
+    background-image: url(images/table_gear.png); }
+  div.b_portlet_toolbox span.b_portlet_edit_left_disabled {
+    background-image: url(images/arrow_left_big.png);
+    opacity: 0.2; }
+  div.b_portlet_toolbox span.b_portlet_edit_right_disabled {
+    background-image: url(images/arrow_right_big.png);
+    opacity: 0.2; }
+  div.b_portlet_toolbox span.b_portlet_edit_down_disabled {
+    background-image: url(images/arrow_down_big.png);
+    opacity: 0.2; }
+  div.b_portlet_toolbox span.b_portlet_edit_up_disabled {
+    background-image: url(images/arrow_up_big.png);
+    opacity: 0.2; }
+  div.b_portlet_toolbox span.b_portlet_edit_sort_auto_disabled {
+    background-image: url(images/table_sort.png);
+    opacity: 0.2; }
+  div.b_portlet_toolbox span.b_portlet_edit_sort_manual_disabled {
+    background-image: url(images/table_gear.png);
+    opacity: 0.2; }
+
+.b_toolboxes {
+  font-size: 95%;
+  padding: 6px; }
+  .b_toolboxes .b_toolbox {
+    margin-bottom: 20px;
+    /* the toolbox head */
+    /* toolbox content */ }
+    .b_toolboxes .b_toolbox .b_toolbox_head_wrapper {
+      border-bottom: 1px solid #94bed3;
+      background: inherit; }
+      .b_toolboxes .b_toolbox .b_toolbox_head_wrapper .b_toolbox_head {
+        vertical-align: top; }
+        .b_toolboxes .b_toolbox .b_toolbox_head_wrapper .b_toolbox_head strong {
+          font-weight: bold; }
+      .b_toolboxes .b_toolbox .b_toolbox_head_wrapper .b_toolbox_head_icon {
+        background: transparent no-repeat 3px 50%;
+        padding-left: 19px;
+        line-height: 1.2em;
+        color: black; }
+    .b_toolboxes .b_toolbox .b_toolbox_content ul {
+      padding: 0 0 0 6px;
+      margin: 0;
+      list-style: none; }
+    .b_toolboxes .b_toolbox .b_toolbox_content li {
+      padding: 0;
+      margin: 0;
+      line-height: 1.5em;
+      white-space: nowrap;
+      /* special */
+      /* disabled toolbox items */ }
+      .b_toolboxes .b_toolbox .b_toolbox_content li a {
+        color: #667;
+        background-repeat: no-repeat;
+        background-position: 0 50%;
+        padding-left: 20px;
+        display: block; }
+      .b_toolboxes .b_toolbox .b_toolbox_content li a:focus, .b_toolboxes .b_toolbox .b_toolbox_content li a:hover, .b_toolboxes .b_toolbox .b_toolbox_content li a:active {
+        color: #504D4E;
+        text-decoration: underline; }
+      .b_toolboxes .b_toolbox .b_toolbox_content li div.b_note, .b_toolboxes .b_toolbox .b_toolbox_content li div.b_important, .b_toolboxes .b_toolbox .b_toolbox_content li div.b_warning {
+        padding: 0 0 0 20px;
+        margin: 0;
+        border-bottom: 0; }
+      .b_toolboxes .b_toolbox .b_toolbox_content li a.b_toolbox_toggle {
+        padding-left: 0;
+        display: inline; }
+      .b_toolboxes .b_toolbox .b_toolbox_content li span.b_toolbox_toggle_wrapper {
+        float: right;
+        font-size: 90%; }
+      .b_toolboxes .b_toolbox .b_toolbox_content li span.b_toolbox_link.b_disabled, .b_toolboxes .b_toolbox .b_toolbox_content li span.b_toolbox_disabled {
+        color: #999;
+        background: no-repeat 0 50% url(../images/brasato/bullet_white.png);
+        padding-left: 18px;
+        display: block; }
+
+/*
+*  =================================================
+*  
+*   TABBED PANE and SEGMENTED VIEW Rules for the OpenOLAT theme
+*   
+*   @author strentini, sergio.trentini@frentix.com,  www.frentix.com
+*   @date Dez. 2011
+*
+*	also read themes.README!
+*
+*
+*  =================================================
+*/
+/** ----------------- TABS / TABBED PANE ----------------- **/
+div.b_tabbedpane_wrapper {
+  /* tabbed pane content area */ }
+  div.b_tabbedpane_wrapper div.b_tabbedpane_tabs {
+    float: left;
+    display: inline-block;
+    margin-bottom: 1em;
+    /* a tabbed pane with only one tab */ }
+    div.b_tabbedpane_wrapper div.b_tabbedpane_tabs ul {
+      line-height: 1em;
+      list-style: none;
+      margin: 0;
+      padding: 0;
+      white-space: nowrap;
+      /* active tabs */
+      /* disbled tabs */
+      /* special style for first tab */
+      /* special style for last tab */
+      /* special style for tab at position 3 */ }
+      div.b_tabbedpane_wrapper div.b_tabbedpane_tabs ul li {
+        border-radius: 2px;
+        -webkit-border-radius: 2px;
+        -moz-border-radius: 2px;
+        -o-border-radius: 2px;
+        white-space: nowrap;
+        cursor: pointer;
+        margin: 0 0.5em 0.5em 0;
+        padding: 0;
+        color: #444;
+        background: transparent;
+        display: inline-block;
+        line-height: 2.2em;
+        vertical-align: middle;
+        text-align: left;
+        border: 1px solid rgba(0, 0, 0, 0.1);
+        background: #f5f5f5;
+        background: -moz-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);
+        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #f1f1f1));
+        background: -webkit-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);
+        background: -o-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);
+        background: -ms-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);
+        background: linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);
+        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f1f1f1',GradientType=0 );
+        -moz-transition: all 0.22s "";
+        -webkit-transition: all 0.22s "";
+        -o-transition: all 0.22s "";
+        transition: all 0.22s "";
+        border-radius: 0;
+        -webkit-border-radius: 0;
+        -moz-border-radius: 0;
+        -o-border-radius: 0;
+        margin: 0;
+        float: left;
+        display: inline;
+        position: relative; }
+      div.b_tabbedpane_wrapper div.b_tabbedpane_tabs ul a, div.b_tabbedpane_wrapper div.b_tabbedpane_tabs ul strong {
+        background: transparent;
+        color: #667;
+        display: block;
+        font-weight: normal;
+        padding: 1px 6px 1px 5px;
+        text-decoration: none;
+        text-transform: none; }
+      div.b_tabbedpane_wrapper div.b_tabbedpane_tabs ul > ul a, div.b_tabbedpane_wrapper div.b_tabbedpane_tabs ul > ul strong {
+        width: auto; }
+      div.b_tabbedpane_wrapper div.b_tabbedpane_tabs ul li:focus, div.b_tabbedpane_wrapper div.b_tabbedpane_tabs ul li:hover, div.b_tabbedpane_wrapper div.b_tabbedpane_tabs ul li:active {
+        moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
+        -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
+        -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
+        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
+        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }
+      div.b_tabbedpane_wrapper div.b_tabbedpane_tabs ul a:focus, div.b_tabbedpane_wrapper div.b_tabbedpane_tabs ul a:hover, div.b_tabbedpane_wrapper div.b_tabbedpane_tabs ul a:active {
+        color: #000;
+        text-decoration: none; }
+      div.b_tabbedpane_wrapper div.b_tabbedpane_tabs ul li.b_active {
+        moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
+        -ms-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
+        -o-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
+        -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
+        box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
+        background: #eee;
+        border-color: #ccc; }
+        div.b_tabbedpane_wrapper div.b_tabbedpane_tabs ul li.b_active a, div.b_tabbedpane_wrapper div.b_tabbedpane_tabs ul li.b_active strong {
+          color: #000;
+          font-weight: bold; }
+      div.b_tabbedpane_wrapper div.b_tabbedpane_tabs ul li.b_disabled {
+        background: white !important; }
+        div.b_tabbedpane_wrapper div.b_tabbedpane_tabs ul li.b_disabled a, div.b_tabbedpane_wrapper div.b_tabbedpane_tabs ul li.b_disabled strong {
+          color: #8994A9;
+          background: transparent !important;
+          font-weight: normal; }
+        div.b_tabbedpane_wrapper div.b_tabbedpane_tabs ul li.b_disabled:hover {
+          moz-box-shadow: 0 0 0 white;
+          -ms-box-shadow: 0 0 0 white;
+          -o-box-shadow: 0 0 0 white;
+          -webkit-box-shadow: 0 0 0 white;
+          box-shadow: 0 0 0 white; }
+      div.b_tabbedpane_wrapper div.b_tabbedpane_tabs ul li.b_first {
+        -webkit-border-top-left-radius: 3px;
+        -webkit-border-top-right-radius: 0px;
+        -webkit-border-bottom-right-radius: 0px;
+        -webkit-border-bottom-left-radius: 3px;
+        -moz-border-radius-topleft: 3px;
+        -moz-border-radius-topright: 0px;
+        -moz-border-radius-bottomright: 0px;
+        -moz-border-radius-bottomleft: 3px;
+        border-top-left-radius: 3px;
+        border-top-right-radius: 0px;
+        border-bottom-right-radius: 0px;
+        border-bottom-left-radius: 3px; }
+      div.b_tabbedpane_wrapper div.b_tabbedpane_tabs ul li.b_last {
+        -webkit-border-top-left-radius: 0px;
+        -webkit-border-top-right-radius: 3px;
+        -webkit-border-bottom-right-radius: 3px;
+        -webkit-border-bottom-left-radius: 0px;
+        -moz-border-radius-topleft: 0px;
+        -moz-border-radius-topright: 3px;
+        -moz-border-radius-bottomright: 3px;
+        -moz-border-radius-bottomleft: 0px;
+        border-top-left-radius: 0px;
+        border-top-right-radius: 3px;
+        border-bottom-right-radius: 3px;
+        border-bottom-left-radius: 0px; }
+    div.b_tabbedpane_wrapper div.b_tabbedpane_tabs li.b_first.b_last {
+      border: none;
+      background: none;
+      box-shadow: none; }
+  div.b_tabbedpane_wrapper div.b_tabbedpane_content {
+    clear: both;
+    padding: 5px 15px;
+    background: transparent;
+    border: 1px solid #d4d4d4; }
+    div.b_tabbedpane_wrapper div.b_tabbedpane_content div.b_tabbedpane_content_inner {
+      position: relative;
+      min-height: 30em; }
+
+/** ----------------- SEGMENTED VIEW ----------------- **/
+div.b_segments_container {
+  min-height: 25px;
+  padding-top: 8px;
+  position: relative;
+  background: url(images/divider.png) center top no-repeat; }
+  div.b_segments_container div.b_segments {
+    clear: both;
+    position: absolute;
+    left: 50%; }
+    div.b_segments_container div.b_segments a:hover {
+      text-decoration: none; }
+    div.b_segments_container div.b_segments ul {
+      position: relative;
+      left: -50%;
+      list-style-type: none;
+      margin: 0; }
+      div.b_segments_container div.b_segments ul li {
+        /* we want button-style */
+        border-radius: 2px;
+        -webkit-border-radius: 2px;
+        -moz-border-radius: 2px;
+        -o-border-radius: 2px;
+        white-space: nowrap;
+        cursor: pointer;
+        margin: 0 0.5em 0.5em 0;
+        padding: 0;
+        color: #444;
+        background: transparent;
+        display: inline-block;
+        line-height: 2.2em;
+        vertical-align: middle;
+        text-align: left;
+        border: 1px solid rgba(0, 0, 0, 0.1);
+        background: #f5f5f5;
+        background: -moz-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);
+        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #f1f1f1));
+        background: -webkit-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);
+        background: -o-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);
+        background: -ms-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);
+        background: linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);
+        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f1f1f1',GradientType=0 );
+        -moz-transition: all 0.22s "";
+        -webkit-transition: all 0.22s "";
+        -o-transition: all 0.22s "";
+        transition: all 0.22s "";
+        border-radius: 0;
+        -webkit-border-radius: 0;
+        -moz-border-radius: 0;
+        -o-border-radius: 0;
+        margin: 0;
+        float: left;
+        display: inline;
+        position: relative; }
+        div.b_segments_container div.b_segments ul li a {
+          background: transparent;
+          color: #667;
+          display: block;
+          font-weight: normal;
+          padding: 1px 6px 1px 5px;
+          text-decoration: none;
+          text-transform: none; }
+        div.b_segments_container div.b_segments ul li a:hover, div.b_segments_container div.b_segments ul li a:active, div.b_segments_container div.b_segments ul li a:focus {
+          text-decoration: none; }
+        div.b_segments_container div.b_segments ul li:hover {
+          moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
+          -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
+          -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
+          -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
+          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }
+        div.b_segments_container div.b_segments ul li.b_segment_selected {
+          moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
+          -ms-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
+          -o-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
+          -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
+          box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
+          background: #eee;
+          border-color: #ccc; }
+          div.b_segments_container div.b_segments ul li.b_segment_selected a, div.b_segments_container div.b_segments ul li.b_segment_selected strong {
+            color: #000;
+            font-weight: bold; }
+        div.b_segments_container div.b_segments ul li.b_segment_first {
+          -webkit-border-top-left-radius: 12px;
+          -webkit-border-top-right-radius: 0px;
+          -webkit-border-bottom-right-radius: 0px;
+          -webkit-border-bottom-left-radius: 12px;
+          -moz-border-radius-topleft: 12px;
+          -moz-border-radius-topright: 0px;
+          -moz-border-radius-bottomright: 0px;
+          -moz-border-radius-bottomleft: 12px;
+          border-top-left-radius: 12px;
+          border-top-right-radius: 0px;
+          border-bottom-right-radius: 0px;
+          border-bottom-left-radius: 12px; }
+        div.b_segments_container div.b_segments ul li.b_segment_last {
+          -webkit-border-top-left-radius: 0px;
+          -webkit-border-top-right-radius: 12px;
+          -webkit-border-bottom-right-radius: 12px;
+          -webkit-border-bottom-left-radius: 0px;
+          -moz-border-radius-topleft: 0px;
+          -moz-border-radius-topright: 12px;
+          -moz-border-radius-bottomright: 12px;
+          -moz-border-radius-bottomleft: 0px;
+          border-top-left-radius: 0px;
+          border-top-right-radius: 12px;
+          border-bottom-right-radius: 12px;
+          border-bottom-left-radius: 0px; }
+  div.b_segments_container div.b_segment_content {
+    margin-top: 50px;
+    clear: both;
+    padding: 5px 15px;
+    background: transparent;
+    border: 1px solid #d4d4d4; }
+
+/** ----------------- BUTTONS  ----------------- **/
+.b_button {
+  border-radius: 2px;
+  -webkit-border-radius: 2px;
+  -moz-border-radius: 2px;
+  -o-border-radius: 2px;
+  white-space: nowrap;
+  cursor: pointer;
+  margin: 0 0.5em 0.5em 0;
+  padding: 0;
+  color: #444;
+  background: transparent;
+  display: inline-block;
+  line-height: 2.2em;
+  vertical-align: middle;
+  text-align: left;
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  background: #f5f5f5;
+  background: -moz-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #f1f1f1));
+  background: -webkit-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);
+  background: -o-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);
+  background: -ms-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);
+  background: linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f1f1f1',GradientType=0 );
+  -moz-transition: all 0.22s "";
+  -webkit-transition: all 0.22s "";
+  -o-transition: all 0.22s "";
+  transition: all 0.22s "";
+  /* focused buttons */ }
+  .b_button, .b_button span {
+    color: #444;
+    font-size: 100%;
+    display: inline-block;
+    padding: 0 0.8em;
+    width: auto;
+    line-height: 1.9em;
+    text-align: center; }
+  .b_button:focus, .b_button:hover {
+    text-decoration: none;
+    border: 1px solid #C6C6C6;
+    moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
+    -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
+    -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
+    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
+    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }
+  .b_button:focus {
+    border-color: #025d8c; }
+  .b_button:active {
+    moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
+    -ms-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
+    -o-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
+    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
+    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
+    border-color: #025d8c; }
+
+/* dirty button (form with unsaved values ) */
+.b_button_dirty {
+  background: white;
+  background: -moz-linear-gradient(top, white 0%, #fff7e0 100%);
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #fff7e0));
+  background: -webkit-linear-gradient(top, white 0%, #fff7e0 100%);
+  background: -o-linear-gradient(top, white 0%, #fff7e0 100%);
+  background: -ms-linear-gradient(top, white 0%, #fff7e0 100%);
+  background: linear-gradient(top, white 0%, #fff7e0 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#fff7e0',GradientType=0 );
+  border-color: #ff9900; }
+  .b_button_dirty:focus, .b_button_dirty:hover {
+    text-decoration: none;
+    border: 1px solid #ffc20e;
+    background: white;
+    background: -moz-linear-gradient(top, white 0%, #fff7e0 100%);
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #fff7e0));
+    background: -webkit-linear-gradient(top, white 0%, #fff7e0 100%);
+    background: -o-linear-gradient(top, white 0%, #fff7e0 100%);
+    background: -ms-linear-gradient(top, white 0%, #fff7e0 100%);
+    background: linear-gradient(top, white 0%, #fff7e0 100%);
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#fff7e0',GradientType=0 ); }
+
+/* disabled buttons */
+.b_disabled.b_button {
+  border-radius: 2px;
+  -webkit-border-radius: 2px;
+  -moz-border-radius: 2px;
+  -o-border-radius: 2px;
+  white-space: nowrap;
+  cursor: pointer;
+  margin: 0 0.5em 0.5em 0;
+  padding: 0;
+  color: #444;
+  background: transparent;
+  display: inline-block;
+  line-height: 2.2em;
+  vertical-align: middle;
+  text-align: left;
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  background: #f5f5f5;
+  background: -moz-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #f1f1f1));
+  background: -webkit-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);
+  background: -o-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);
+  background: -ms-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);
+  background: linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f1f1f1',GradientType=0 );
+  -moz-transition: all 0.22s "";
+  -webkit-transition: all 0.22s "";
+  -o-transition: all 0.22s "";
+  transition: all 0.22s "";
+  border: 1px solid #ACAAAA;
+  background: #fff; }
+  .b_disabled.b_button, .b_disabled.b_button span {
+    color: #444;
+    font-size: 100%;
+    display: inline-block;
+    padding: 0 0.8em;
+    width: auto;
+    line-height: 1.9em;
+    text-align: center; }
+  .b_disabled.b_button:focus, .b_disabled.b_button:hover {
+    moz-box-shadow: 0 0 0 transparent;
+    -ms-box-shadow: 0 0 0 transparent;
+    -o-box-shadow: 0 0 0 transparent;
+    -webkit-box-shadow: 0 0 0 transparent;
+    box-shadow: 0 0 0 transparent; }
+
+/* multiple buttons groups below a form */
+div.b_button_group {
+  text-align: center;
+  margin: 2em 0 1em 0; }
+
+div.b_button_group div {
+  display: inline; }
+
+.b_xsmall, sup, sub {
+  font-size: 80%; }
+
+.b_small, small {
+  font-size: 90%; }
+
+/* TOGGLE Buttons */
+a.b_toggle {
+  white-space: nowrap;
+  margin: 0 0.5em 0.2em 0;
+  cursor: default;
+  color: #2C2B2B;
+  border: 1px solid #aaa;
+  -webkit-border-radius: 10px;
+  -moz-border-radius: 10px;
+  border-radius: 10px;
+  display: inline-block;
+  line-height: 1.5em;
+  text-align: center;
+  background: url(images/toggle_off.png) top left repeat-x; }
+  a.b_toggle span {
+    padding: 0 0.8em; }
+  a.b_toggle:hover {
+    background: #ddd;
+    text-decoration: none; }
+  a.b_toggle.b_on:hover {
+    background: #747474; }
+  a.b_toggle.b_on, a.b_toggle:active, a.b_toggle.b_on:active {
+    color: white;
+    border: none;
+    padding: 1px;
+    moz-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.5);
+    -ms-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.5);
+    -o-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.5);
+    -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.5);
+    box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.5);
+    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); }
+  a.b_toggle:focus, a.b_toggle.b_on:focus {
+    text-decoration: none; }
+  a.b_toggle:active, a.b_toggle.b_on:active {
+    background: url(images/toggle_active.png) top left repeat-x; }
+  a.b_toggle.b_on {
+    background: url(images/toggle_on.png) top left repeat-x; }
+
+span.b_toggle.b_disabled {
+  white-space: nowrap;
+  margin: 0 0.5em 0.2em 0;
+  padding: 0 0.8em;
+  color: #667;
+  border: 1px solid #DDD;
+  border-radius: 10px;
+  -webkit-border-radius: 10px;
+  -moz-border-radius: 10px;
+  -o-border-radius: 10px;
+  display: inline-block;
+  line-height: 1.5em;
+  text-align: center;
+  background: url(images/toggle_dis.png) top left repeat-x; }
+
+/* TOGGLE SLIDERS */
+a.b_toggle_slide {
+  background: url(images/handle.png) -63px 0px no-repeat;
+  height: 25px;
+  width: 85px;
+  white-space: nowrap;
+  margin: 0 0.2em 0.2em 0.2em;
+  color: #2C2B2B;
+  border: 1px solid #aaa;
+  border-radius: 4px;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  -o-border-radius: 4px;
+  display: inline-block;
+  text-align: center;
+  vertical-align: middle;
+  position: relative;
+  /* TOGGLE SLIDERS SMALL */ }
+  a.b_toggle_slide span {
+    position: absolute;
+    top: -25px;
+    left: 0; }
+  a.b_toggle_slide:hover, a.b_toggle_slide:focus, a.b_toggle_slide:active, a.b_toggle_slide.b_on:hover, a.b_toggle_slide.b_on:focus, a.b_toggle_slide.b_on:active {
+    border: 1px solid #868686;
+    text-decoration: none; }
+  a.b_toggle_slide.b_on {
+    background-position: -16px 0px; }
+  a.b_toggle_slide.b_disabled {
+    background: url(images/handle_dis.png) -63px 0px no-repeat;
+    height: 25px;
+    width: 85px;
+    white-space: nowrap;
+    margin: 0 0.5em 0.2em 0;
+    color: #2C2B2B;
+    border: 1px solid #aaa;
+    border-radius: 4px;
+    -webkit-border-radius: 4px;
+    -moz-border-radius: 4px;
+    -o-border-radius: 4px;
+    display: inline-block;
+    text-align: center;
+    vertical-align: middle; }
+  a.b_toggle_slide.b_small {
+    background: url(images/handle_small.png) -41px 0px no-repeat;
+    height: 16px;
+    width: 55px;
+    border-radius: 2px;
+    -webkit-border-radius: 2px;
+    -moz-border-radius: 2px;
+    -o-border-radius: 2px; }
+  a.b_toggle_slide span {
+    position: absolute;
+    top: -16px; }
+  a.b_toggle_slide.b_small.b_on {
+    background-position: -9px 0px; }
+
+span.b_toggle_slide.b_disabled {
+  background: url(images/handle_small_dis.png) -41px 0px no-repeat;
+  height: 16px;
+  width: 55px;
+  white-space: nowrap;
+  margin: 0 0.5em 0.2em 0;
+  color: #2C2B2B;
+  border: 1px solid #aaa;
+  border-radius: 3px;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  -o-border-radius: 3px;
+  display: inline-block;
+  text-align: center;
+  vertical-align: middle; }
+
+span.b_toggle_slide_legend {
+  font-size: 90%; }
+
+/* BACK BUTTON  / LINK **/
+.b_link_back {
+  border-radius: 2px;
+  -webkit-border-radius: 2px;
+  -moz-border-radius: 2px;
+  -o-border-radius: 2px;
+  white-space: nowrap;
+  cursor: pointer;
+  margin: 0 0.5em 0.5em 0;
+  padding: 0;
+  color: #444;
+  background: transparent;
+  display: inline-block;
+  line-height: 2.2em;
+  vertical-align: middle;
+  text-align: left;
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  background: #f5f5f5;
+  background: -moz-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #f1f1f1));
+  background: -webkit-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);
+  background: -o-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);
+  background: -ms-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);
+  background: linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f1f1f1',GradientType=0 );
+  -moz-transition: all 0.22s "";
+  -webkit-transition: all 0.22s "";
+  -o-transition: all 0.22s "";
+  transition: all 0.22s "";
+  /* focused buttons */ }
+  .b_link_back > span {
+    padding: 0px 8px 0px 25px;
+    background: transparent url("images/arrow_left_big.png") no-repeat 4px center; }
+  .b_link_back:focus, .b_link_back:hover {
+    text-decoration: none;
+    border: 1px solid #C6C6C6;
+    moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
+    -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
+    -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
+    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
+    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }
+  .b_link_back:focus {
+    border-color: #025d8c; }
+  .b_link_back:active {
+    moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
+    -ms-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
+    -o-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
+    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
+    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
+    border-color: #025d8c; }
+
+/** ----------------- FORMS + LOGIN  ----------------- **/
+div.o_login_form li {
+  list-style: none; }
+
+div.o_login div.o_login_form fieldset legend {
+  display: none; }
+
+div.b_form div.b_form_desc {
+  padding-bottom: 1em;
+  font-style: italic; }
+
+/* FORM: old school form and flexi form! */
+/* general form elements */
+input, select, textarea {
+  border: 1px solid #ACAAAA;
+  background: #F6F6F6;
+  line-height: 1.3em;
+  margin: 0; }
+
+textarea {
+  font-family: inherit;
+  width: 100%; }
+
+/* FF changes font to monospace otherwhise */
+input:focus, select:focus, textarea:focus {
+  background: #fff;
+  border: 1px solid #504D4E; }
+
+input.b_checkbox, input.b_radio {
+  height: 1em;
+  width: 1em;
+  border: 0;
+  margin: 0 2px 0 0; }
+
+label.b_checkbox_label, label.b_radio_label {
+  padding-left: 0.5em; }
+
+.b_inline_editable {
+  padding: 1px 20px 1px 0;
+  vertical-align: middle;
+  min-height: 16px; }
+
+.b_inline_editable:hover {
+  background-position: 100% 50%;
+  background-repeat: no-repeat;
+  background-image: url(../images/brasato/page_edit_tiny.png); }
+
+span.b_inline_editable:hover {
+  cursor: text !important; }
+
+fieldset {
+  padding: 1em;
+  padding-top: 1.5em;
+  border: none;
+  border-top: 1px solid #94bed3; }
+  fieldset legend {
+    padding: 0 5px;
+    font-size: 120%;
+    font-weight: bold; }
+
+div.b_form {
+  /* form element wrapper: label and element */
+  /* form button groups */
+  /* make buttons aligned left within element */ }
+  div.b_form div.b_form_desc {
+    padding-bottom: 1em;
+    font-style: italic; }
+  div.b_form div.b_form_general_error {
+    padding: 10px 10px 10px 50px;
+    margin-bottom: 20px;
+    text-align: left;
+    background: url(../images/brasato/icon_error.png) no-repeat 10px 10px;
+    min-height: 32px;
+    border: 1px solid #990000;
+    color: #990000;
+    font-style: italic; }
+  div.b_form div.b_form_spacer {
+    margin: 10px 0; }
+  div.b_form hr.b_form_spacer {
+    margin: 10px 0;
+    border-bottom: 1px solid #eee;
+    padding: 0; }
+  div.b_form hr.b_form_spacer.b_form_horizontal {
+    display: inline-block;
+    width: 2em; }
+  div.b_form hr.b_form_spacer.b_form_spacer_noline {
+    margin: 10px 0;
+    border-bottom: 0;
+    padding: 0; }
+  div.b_form div.b_form_element_wrapper {
+    vertical-align: middle;
+    margin: 0.5em 0;
+    /** errors  **/ }
+    div.b_form div.b_form_element_wrapper.b_form_horizontal {
+      vertical-align: middle;
+      margin: 0.5em 1em 0.5em 0;
+      float: left;
+      display: inline; }
+    div.b_form div.b_form_element_wrapper.b_form_vertical {
+      vertical-align: middle;
+      margin: 0.5em 0;
+      float: none;
+      display: block; }
+    div.b_form div.b_form_element_wrapper div.b_form_element_label {
+      width: 20%;
+      float: left;
+      display: inline; }
+      div.b_form div.b_form_element_wrapper div.b_form_element_label label {
+        float: left;
+        display: inline;
+        line-height: 1.3em; }
+      div.b_form div.b_form_element_wrapper div.b_form_element_label span.b_form_mandatory {
+        background: url(images/star-small.png) no-repeat;
+        padding-left: 16px;
+        height: 16px; }
+      div.b_form div.b_form_element_wrapper div.b_form_element_label.b_form_horizontal {
+        width: auto;
+        float: left;
+        display: inline; }
+      div.b_form div.b_form_element_wrapper div.b_form_element_label.b_form_vertical {
+        width: auto;
+        float: none;
+        display: block; }
+    div.b_form div.b_form_element_wrapper div.b_form_element {
+      margin-left: 25%;
+      padding: 0 2px 0 12px;
+      /* keep 2px space for 100% + border of textarea */ }
+      div.b_form div.b_form_element_wrapper div.b_form_element.b_form_horizontal {
+        margin-left: 0;
+        padding-left: 0;
+        float: left;
+        display: inline; }
+        div.b_form div.b_form_element_wrapper div.b_form_element.b_form_horizontal .b_button {
+          float: left;
+          display: inline; }
+      div.b_form div.b_form_element_wrapper div.b_form_element.b_form_vertical {
+        margin-left: 0;
+        margin-top: 0.5em;
+        padding-left: 0;
+        float: none;
+        display: block;
+        clear: both; }
+    div.b_form div.b_form_element_wrapper.b_form_error input, div.b_form div.b_form_element_wrapper.b_form_error select {
+      border: 1px solid #990000;
+      background: #ebcccc; }
+    div.b_form div.b_form_element_wrapper div.b_form_error_msg {
+      clear: both;
+      color: #990000;
+      font-style: italic;
+      display: block; }
+    div.b_form div.b_form_element_wrapper div.b_form_element_wrapper {
+      margin: 0; }
+  div.b_form div.b_button_group {
+    margin-left: 0%;
+    padding-left: 0px;
+    text-align: left; }
+  div.b_form.b_form_vertical div.b_button_group {
+    text-align: left; }
+  div.b_form div.b_form_element div.b_form_example {
+    display: inline;
+    font-size: 80%;
+    color: #504D4E; }
+  div.b_form div.b_form_element {
+    /* date and generic chooser icon*/ }
+    div.b_form div.b_form_element .b_form_disabled {
+      color: #504D4E; }
+    div.b_form div.b_form_element .b_form_element_disabled {
+      color: #9E9C9C;
+      background: #EEEEEE;
+      border: 1px solid #CDCBCB; }
+    div.b_form div.b_form_element span.b_form_datechooser {
+      background: url(images/calendar.png) no-repeat;
+      padding-left: 18px;
+      height: 16px;
+      line-height: 16px;
+      margin-left: 2px;
+      padding-top: 2px; }
+    div.b_form div.b_form_element a.b_form_groupchooser {
+      background: url(images/users.png) no-repeat;
+      padding-left: 18px;
+      height: 16px;
+      line-height: 16px;
+      margin-left: 2px; }
+    div.b_form div.b_form_element a.b_form_genericchooser {
+      background: url(images/users.png) no-repeat;
+      padding-left: 18px;
+      height: 16px;
+      line-height: 16px;
+      margin-left: 2px; }
+    div.b_form div.b_form_element a.b_form_wikitext {
+      background-repeat: no-repeat;
+      padding-left: 12px;
+      line-height: 1.5em;
+      font-style: italic; }
+    div.b_form div.b_form_element a.b_form_wikitext, div.b_form div.b_form_element .b_wiki_icon {
+      background-image: url(images/wiki/wiki_small_9px.png); }
+
+div.b_button_group div.b_form_element_wrapper {
+  vertical-align: middle;
+  margin: 0.5em 0;
+  float: none;
+  display: block; }
+div.b_button_group div.b_form_element_wrapper div.b_form_element_label {
+  width: auto;
+  float: none;
+  display: block; }
+div.b_button_group div.b_form_element_wrapper div.b_form_element {
+  margin-left: 0; }
+
+.b_subcolumns {
+  display: table;
+  width: 100%;
+  table-layout: fixed; }
+
+.b_c25l input, .b_c25r input {
+  max-width: 93%; }
+
+div.calendar {
+  z-index: 10000 !important; }
+
+/* form element switches: checkbox left, lable right: override styles from above */
+div.b_form div.b_form_element_wrapper.b_form_element_switch div.b_form_element {
+  margin: 0;
+  float: left; }
+
+div.b_form div.b_form_element_wrapper.b_form_element_switch div.b_form_element_label {
+  float: none;
+  width: auto;
+  display: block;
+  padding-left: 2.5em; }
+
+div.b_form div.b_form_element_wrapper.b_form_element_switch div.b_form_element_label label {
+  float: none; }
+
+div.b_form_subform {
+  padding-left: 2.5em; }
+
+/* selection lists */
+div.b_form_selection_vertical div.b_form_selection_element {
+  vertical-align: middle;
+  line-height: 1.3em;
+  position: relative; }
+
+div.b_form_selection_vertical div.b_form_selection_element input {
+  vertical-align: middle;
+  line-height: 1.3em; }
+
+div.b_form_selection_horizontal div.b_form_selection_element {
+  float: left;
+  display: inline;
+  padding-right: 1em; }
+
+div.b_form_selection_horizontal div.b_form_selection_element input {
+  vertical-align: middle; }
+
+/* toggle on / off */
+div.b_form div.b_form_element div.b_form_togglecheck {
+  font-size: 95%;
+  display: block;
+  vertical-align: middle;
+  line-height: 16px;
+  margin-top: 0.5em; }
+
+div.b_form div.b_form_element div.b_form_togglecheck input {
+  height: 1em;
+  width: 1em; }
+
+/* link list */
+div.o_form_wrapper fieldset {
+  min-width: 60em; }
+
+div.form_shift_left {
+  position: inherit;
+  left: -20%; }
+
+/* FORM RICHTEXT ELEMENT */
+div.mceExternalToolbar {
+  background: #f0f0ee !important;
+  overflow: auto; }
+
+/* CHOICE */
+table.b_choice {
+  padding: 0;
+  margin: 0; }
+  table.b_choice td {
+    padding: 0.1em;
+    margin: 0; }
+    table.b_choice td.b_togglecheck {
+      padding-top: 1em; }
+      table.b_choice td.b_togglecheck div.b_togglecheck {
+        display: inline;
+        border-top: 1px solid #eee; }
+      table.b_choice td.b_togglecheck input {
+        margin: 0 7px 0 2px; }
+
+/* FILE CHOOSER : real file chooser is transparent on layer 2 to hide ugly browser button, below the visible fake file chooser on layer 1 */
+div.b_fileinput {
+  position: relative;
+  /* same as mall icon left */ }
+  div.b_fileinput div.b_fileinput_fakechooser {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    z-index: 1;
+    display: inline;
+    white-space: nowrap; }
+    div.b_fileinput div.b_fileinput_fakechooser a {
+      margin-left: 5px; }
+  div.b_fileinput span.b_fileinput_maxsize {
+    padding: 1px 0 1px 1em;
+    font-style: italic;
+    min-height: 16px;
+    vertical-align: middle; }
+  div.b_fileinput input.b_fileinput_realchooser {
+    position: relative;
+    top: 0;
+    left: 0;
+    z-index: 2;
+    -moz-opacity: 0;
+    opacity: 0;
+    filter: alpha(opacity=0); }
+  div.b_fileinput div.b_button_group {
+    text-align: left;
+    padding-left: 0;
+    margin-left: 0; }
+
+.b_fileinput_icon {
+  background-image: url(images/drive.png); }
+
+/* PROGRESSBAR */
+div.b_progress div.b_progress_bar {
+  height: 12px;
+  border: 1px solid #bfbfbf;
+  background: #f3feff; }
+
+div.b_progress div.b_progress_bar div {
+  height: 12px;
+  background: #94bed3;
+  background: -moz-linear-gradient(top, #94bed3 0%, #025d8c 100%);
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #94bed3), color-stop(100%, #025d8c));
+  background: -webkit-linear-gradient(top, #94bed3 0%, #025d8c 100%);
+  background: -o-linear-gradient(top, #94bed3 0%, #025d8c 100%);
+  background: -ms-linear-gradient(top, #94bed3 0%, #025d8c 100%);
+  background: linear-gradient(top, #94bed3 0%, #025d8c 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#94bed3', endColorstr='#025d8c',GradientType=0 ); }
+
+/* MARK */
+div.b_mark {
+  width: 20px;
+  height: 20px;
+  /* form within mark : no padding , no margin */ }
+  div.b_mark div.b_form_element_wrapper {
+    margin: 0; }
+    div.b_mark div.b_form_element_wrapper div.b_form_element {
+      margin: 0;
+      padding: 0; }
+  div.b_mark a.b_mark_set {
+    background: url(images/flag.png) center right no-repeat;
+    display: block;
+    width: 20px;
+    height: 20px; }
+  div.b_mark a.b_mark_not_set {
+    background: url(images/flag.png) center right no-repeat;
+    display: block;
+    width: 20px;
+    height: 20px;
+    opacity: 0.4;
+    filter: alpha(opacity=40); }
+  div.b_mark a.b_mark_set span, div.b_mark a.b_mark_not_set span {
+    display: block;
+    width: 19px;
+    height: 19px; }
+
+/** ----------------- TABLES ----------------- **/
+/*  normal default table (inherited from YAML) */
+table {
+  border-collapse: collapse;
+  margin-bottom: 0.5em;
+  border-top: 0px solid white;
+  border-bottom: 0px solid white; }
+  table caption {
+    font-variant: small-caps; }
+  table.b_full {
+    width: 99.5%; }
+  table.fixed {
+    table-layout: fixed; }
+  table th, table td {
+    padding: 0.3em; }
+  table thead th {
+    color: inherit;
+    border-bottom: 1px solid #ccc; }
+  table tbody {
+    /* olat odd rows */ }
+    table tbody tr.b_table_odd td {
+      background: #eee; }
+
+/* tables from OpenOLAT tablecontroller are wrapped in b_table_wrapper */
+div.b_table_wrapper {
+  /* table add-ons */
+  /* bottom-margin to fix IE6 overflow issue */ }
+  div.b_table_wrapper table {
+    width: 99.5%;
+    margin-left: 1px; }
+    div.b_table_wrapper table tbody tr:hover td {
+      background: #f3feff; }
+  div.b_table_wrapper div.b_table_filter {
+    float: left;
+    display: inline;
+    font-size: 95%;
+    margin: 7px 10px 2px 0; }
+    div.b_table_wrapper div.b_table_filter label {
+      font-style: italic;
+      margin: 5px 0 2px 0; }
+    div.b_table_wrapper div.b_table_filter select {
+      border: 1px solid #ACAAAA; }
+  div.b_table_wrapper div.b_clearfix div.b_floatbox {
+    margin: 5px 0 0 0; }
+  div.b_table_wrapper div.b_table_count {
+    font-size: 95%;
+    float: left;
+    line-height: 16px;
+    vertical-align: bottom;
+    margin: 3px;
+    font-size: 95%; }
+  div.b_table_wrapper a.b_table_prefs, div.b_table_wrapper a.b_table_download {
+    float: right;
+    display: block;
+    background-repeat: no-repeat;
+    background-position: top left;
+    width: 16px;
+    height: 16px;
+    margin: 3px; }
+  div.b_table_wrapper a.b_table_prefs {
+    background-image: url(images/table_gear.png); }
+  div.b_table_wrapper a.b_table_download {
+    background-image: url(images/table_download.png); }
+  div.b_table_wrapper div.b_table_buttons {
+    text-align: center;
+    margin: 1.5em 0 1em 0; }
+
+/* table paging */
+div.b_table_page {
+  font-size: 95%;
+  text-align: center; }
+  div.b_table_page a {
+    margin: 0;
+    padding: 2px; }
+  div.b_table_page a.b_table_page_active {
+    font-weight: bold;
+    color: #000; }
+  div.b_table_page a.b_table_backward {
+    background: url(images/arrow_left.png) no-repeat center left;
+    padding-left: 16px; }
+  div.b_table_page a.b_table_forward {
+    background: url(images/arrow_right.png) no-repeat center right;
+    padding-right: 16px; }
+  div.b_table_page a.b_table_first_page {
+    background: url(images/home.png) no-repeat center left;
+    padding-left: 18px; }
+
+div.b_table_page_all {
+  font-size: 95%;
+  text-align: center; }
+
+/** -------------------- DEVELOPMENT TOOL / DEBUG ---------------- **/
+a.b_dev {
+  position: absolute;
+  left: 0;
+  top: 0;
+  z-index: 4000;
+  background: red url("images/bug.png") no-repeat;
+  width: 16px;
+  height: 16px;
+  border: 1px solid #000; }
+
+#b_devcon_main {
+  background-color: #ccddff;
+  position: absolute;
+  z-index: 4000;
+  top: 10px;
+  left: 5%;
+  width: 90%;
+  text-align: left;
+  border: 1px solid #000; }
+
+#b_devcon_handle {
+  cursor: move;
+  background: blue url(images/bug.png) no-repeat 4px 50%;
+  line-height: 2em;
+  padding-left: 24px;
+  color: white; }
+
+a#b_devcon_handle_collapse {
+  cursor: pointer;
+  background: url("images/toggle-small.png") no-repeat;
+  width: 15px;
+  height: 15px;
+  float: right;
+  margin: 3px; }
+
+a#b_devcon_handle_expand {
+  cursor: pointer;
+  background: url("images/toggle-small-expand.png") no-repeat;
+  width: 15px;
+  height: 15px;
+  float: right;
+  margin: 3px; }
+
+a.b_devcon_handle_close {
+  cursor: pointer;
+  background: url(images/close.png) no-repeat;
+  width: 15px;
+  height: 15px;
+  float: right;
+  margin: 3px; }
+
+#b_devcon_content {
+  font-size: 90%;
+  padding: 5px;
+  border-top: 0px solid #000;
+  background: transparent; }
+  #b_devcon_content ul {
+    float: left;
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    white-space: nowrap; }
+  #b_devcon_content li {
+    margin: 0;
+    padding: 0 10px 0 0;
+    float: left; }
+  #b_devcon_content fieldset {
+    border-top: 1px solid #ccc;
+    margin: 0;
+    padding: 8px; }
+
+#b_devcon_mode {
+  width: 1em;
+  height: 1em;
+  float: left;
+  border: 1px solid #000;
+  margin-right: 5px; }
+
+/* bgcolor defined programatically */
+#b_js_log textarea#o_debug_cons {
+  width: 99%;
+  height: 15em;
+  font-family: monospace;
+  font-size: 110%;
+  margin: 5px 0 5px 0; }
+
+iframe.o_debug_json {
+  position: fixed;
+  width: 90%;
+  margin-left: 5%;
+  bottom: 4px;
+  height: 300px;
+  background: white;
+  border: 2px solid #ccd8e7;
+  z-index: 90000; }
+
+/* BRIEFCASE */
+div.b_briefcase div.b_briefcase_foldercomp {
+  margin-top: 0.5em;
+  border-top: 1px solid #bbb; }
+
+div.b_briefcase_foldercomp div.b_briefcase_createactions {
+  margin: 0.5em 0; }
+
+div.b_briefcase_foldercomp div.b_briefcase_createactions ul {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  white-space: nowrap;
+  font-size: 95%; }
+
+div.b_briefcase_foldercomp div.b_briefcase_createactions ul li {
+  float: right;
+  display: inline;
+  margin: 0 0 0 1em;
+  padding: 0 0 0 3px;
+  position: relative; }
+
+div.b_briefcase_foldercomp div.b_briefcase_createactions ul li a {
+  background-position: 0 50%;
+  background-repeat: no-repeat;
+  padding: 2px 0 2px 20px; }
+
+div.b_briefcase_foldercomp div.b_briefcase_createactions ul a.b_briefcase_upload {
+  background-image: url(images/docs/document_upload.png); }
+
+div.b_briefcase_foldercomp div.b_briefcase_createactions ul a.b_briefcase_newfolder {
+  background-image: url(images/folder_new.png); }
+
+div.b_briefcase_foldercomp div.b_briefcase_createactions ul a.b_briefcase_newfile {
+  background-image: url(images/docs/document_add.png); }
+
+div.b_briefcase_foldercomp div.b_briefcase_createactions ul a.b_briefcase_deletedfiles {
+  background-image: url(images/docs/document_remove.png); }
+
+div.b_briefcase_foldercomp div.b_briefcase_breadcrumb {
+  clear: both;
+  padding: 1px 0 1px 20px;
+  margin: 0.5em 0 0 0;
+  border-bottom: 1px solid #bbb;
+  background: url(images/folder_open.png) no-repeat 0 50%; }
+
+div.b_briefcase_foldercomp div.b_briefcase_empty {
+  clear: both;
+  margin-top: 0.5em;
+  font-style: italic; }
+
+div.b_briefcase_foldercomp table.b_briefcase_filetable {
+  clear: both;
+  border-collapse: collapse;
+  margin-bottom: 0.5em;
+  border-bottom: 1px solid #4F576A;
+  background: #fff;
+  width: 99.9%; }
+
+/* 99.9% width fix for FF border overflow issue*/
+div.b_briefcase_foldercomp table.b_briefcase_filetable thead {
+  color: #000;
+  background: #E0E2E8;
+  border-bottom: 1px solid #8F99AD; }
+
+div.b_briefcase_foldercomp table.b_briefcase_filetable thead a, div.b_briefcase_foldercomp table.b_briefcase_filetable thead span {
+  color: #4F576A;
+  font-weight: bold; }
+
+div.b_briefcase_foldercomp table.b_briefcase_filetable thead a:hover,
+div.b_briefcase_foldercomp table.b_briefcase_filetable thead a:focus {
+  color: #000000;
+  text-decoration: none;
+  background-color: transparent; }
+
+div.b_briefcase_foldercomp table.b_briefcase_filetable tbody tr.b_table_odd {
+  background: #F3F4F5; }
+
+div.b_briefcase_foldercomp table.b_briefcase_filetable tbody tr:hover, div.b_briefcase_foldercomp table.b_briefcase_filetable tbody tr:focus {
+  background: #E0E2E8; }
+
+div.b_briefcase_foldercomp table.b_briefcase_filetable th, div.b_briefcase_foldercomp table.b_briefcase_filetable td {
+  white-space: nowrap;
+  text-align: right;
+  padding-right: 1em; }
+
+div.b_briefcase_foldercomp table.b_briefcase_filetable th.b_last_child, div.b_briefcase_foldercomp table.b_briefcase_filetable td.b_last_child {
+  padding-right: 0; }
+
+div.b_briefcase_foldercomp table.b_briefcase_filetable th.b_first_child, div.b_briefcase_foldercomp table.b_briefcase_filetable td.b_first_child {
+  width: 60%;
+  text-align: left; }
+
+div.b_briefcase_foldercomp table.b_briefcase_filetable td input.b_checkbox {
+  margin: 0 4px 0 0; }
+
+div.b_briefcase_foldercomp table.b_briefcase_filetable td a:hover, div.b_briefcase_foldercomp table.b_briefcase_filetable td a:focus {
+  background-color: transparent; }
+
+div.b_briefcase_foldercomp table.b_briefcase_filetable td.b_last_child {
+  padding-left: 0; }
+
+div.b_briefcase_foldercomp table.b_briefcase_filetable table.b_briefcase_actions {
+  border: 0;
+  padding: 0;
+  margin: 0; }
+
+div.b_briefcase_foldercomp table.b_briefcase_filetable table.b_briefcase_actions td {
+  border: 0;
+  padding: 0 0 0 3px;
+  margin: 0; }
+
+div.b_briefcase_foldercomp table.b_briefcase_filetable table.b_briefcase_actions tr {
+  border: 0;
+  padding: 0;
+  margin: 0; }
+
+div.b_briefcase_foldercomp table.b_briefcase_filetable a.b_briefcase_edit_file_icon {
+  background-image: url(images/docs/document--pencil.png); }
+
+div.b_briefcase_foldercomp table.b_briefcase_filetable a.b_briefcase_edit_meta_icon {
+  background-image: url(images/docs/document_metadata_edit.png); }
+
+div.b_briefcase_foldercomp table.b_briefcase_filetable span.b_briefcase_edit_meta_dis_icon {
+  background-image: url(images/docs/document_metadata_edit.png);
+  opacity: 0.2; }
+
+div.b_briefcase_foldercomp table.b_briefcase_filetable a.b_briefcase_versions_icon {
+  background-image: url(../images/brasato/versions.png); }
+
+div.b_briefcase_foldercomp table.b_briefcase_filetable span.b_briefcase_versions_dis_icon {
+  background-image: url(../images/brasato/versions_dis.png);
+  opacity: 0.2; }
+
+div.b_briefcase_foldercomp table.b_briefcase_filetable span.b_briefcase_locked_file_icon {
+  background-image: url(../images/brasato/locked.png); }
+
+div.b_briefcase_preview {
+  background-color: white;
+  width: 200px;
+  height: 200px;
+  border: 1px solid #8EAACE;
+  margin-top: 2px; }
+
+div.b_briefcase div.b_briefcase_searchcomp {
+  float: left;
+  display: inline;
+  margin: 0.5em 0;
+  width: 14em; }
+
+div.b_briefcase div.b_briefcase_searchcomp input {
+  width: 10em; }
+
+div.b_briefcase div.b_briefcase_searchcomp div.b_form_element_wrapper.b_form_horizontal {
+  margin: 0; }
+
+div.b_briefcase div.b_briefcase_commandbuttons {
+  margin: 1em 0; }
+
+div.b_briefcase div.b_briefcase_webdav {
+  margin: 0.5em 0; }
+
+div.b_briefcase div.b_briefcase_quota {
+  clear: both;
+  margin-top: 1em;
+  padding-top: 1em;
+  border-top: 1px solid #000; }
+
+div.b_briefcase_meta {
+  size: 0.8em; }
+
+div.b_briefcase_meta p {
+  font-style: italic;
+  margin: 0;
+  padding-top: 2px; }
+
+div.b_send_documents ol.textbox-outer {
+  margin-left: 0;
+  border: 1px solid #ACAAAA;
+  background: #F6F6F6;
+  line-height: 1.3em; }
+
+div.b_send_documents ol li {
+  margin-left: 0; }
+
+div.b_send_documents textarea {
+  overflow: auto;
+  resize: none; }
+
+/*
+*  =================================================
+*  
+*   wiki styles for OpenOLAT 8
+*   
+*   @author strentini, sergio.trentini@frentix.com,  www.frentix.com
+*   @date Nov. 2011
+*
+*
+*  =================================================
+*/
+@media all {
+  /* wrapper container for the wiki tabbed pane */
+  div.o_wiki_wrapper {
+    clear: both;
+    /* wiki edit helper buttons */ }
+    div.o_wiki_wrapper div.o_wikimod_btn {
+      position: relative; }
+      div.o_wiki_wrapper div.o_wikimod_btn a {
+        margin-bottom: 9px;
+        background-repeat: no-repeat;
+        background-position: center center;
+        width: 20px;
+        height: 19px;
+        float: left;
+        display: inline;
+        padding-left: 2px;
+        border: 1px solid #ccc;
+        background-color: #eee;
+        border-radius: 4px;
+        -webkit-border-radius: 4px;
+        -moz-border-radius: 4px;
+        -o-border-radius: 4px;
+        margin-right: 2px; }
+      div.o_wiki_wrapper div.o_wikimod_btn a:hover {
+        border: 1px solid #025d8c; }
+    div.o_wiki_wrapper div.o_wikimod_btn div.b_contexthelp_wrapper a.b_contexthelp {
+      position: absolute;
+      top: 0;
+      right: 0; }
+    div.o_wiki_wrapper a.o_wikimod_btn_bold {
+      background-image: url(images/wiki/edit-bold.png); }
+    div.o_wiki_wrapper a.o_wikimod_btn_italic {
+      background-image: url(images/wiki/edit-italic.png); }
+    div.o_wiki_wrapper a.o_wikimod_btn_link {
+      background: url(images/wiki/chain.png); }
+    div.o_wiki_wrapper a.o_wikimod_btn_extlink {
+      background: url(images/wiki/chain--arrow.png); }
+    div.o_wiki_wrapper a.o_wikimod_btn_headline {
+      background: url(images/wiki/edit-heading.png); }
+    div.o_wiki_wrapper a.o_wikimod_btn_image {
+      background: url(images/wiki/image-medium.png); }
+    div.o_wiki_wrapper a.o_wikimod_btn_media {
+      background: url(images/music-beam.png); }
+    div.o_wiki_wrapper a.o_wikimod_btn_math {
+      background: url(images/wiki/edit-math.png); }
+    div.o_wiki_wrapper a.o_wikimod_btn_nowiki {
+      background: url(images/wiki/edit-nowiki.png); }
+    div.o_wiki_wrapper a.o_wikimod_btn_hr {
+      background: url(images/wiki/edit-hr.png); }
+    div.o_wiki_wrapper a.o_wikimod_btn_list {
+      background: url(images/wiki/edit-list.png); }
+    div.o_wiki_wrapper a.o_wikimod_btn_numlist {
+      background: url(images/wiki/edit-list-order.png); }
+
+  /* portfolio */
+  div.o_wiki_wrapper .b_eportfolio_add, div.o_wiki_wrapper .b_eportfolio_add_again {
+    position: absolute;
+    top: 28px;
+    right: 3px;
+    z-index: 99; }
+
+  /* override default styles to have smaller title and header on wiki pages */
+  div.o_wiki_wrapper h1 {
+    font-size: 1.0em; }
+
+  div.o_wiki_wrapper h2 {
+    font-size: 1.0em; }
+
+  div.o_wiki_wrapper h3 {
+    font-size: 1.0em; }
+
+  /* wiki chooser for file and links */
+  div.o_wikimod_linkchooser {
+    clear: both;
+    float: left;
+    display: inline; }
+
+  div.o_wikimod_filechooser {
+    margin: 0 2em;
+    float: left;
+    display: inline; }
+
+  /* wiki left side navigation */
+  div.o_wikimod_nav {
+    font-size: 90%;
+    padding-top: 1.5em; }
+
+  div.o_wikimod_nav legend {
+    font-size: 95%; }
+
+  div.o_wikimod_nav fieldset {
+    padding: 0.5em; }
+
+  div.o_wikimod_nav input {
+    width: 99%; }
+
+  div.o_wikimod_nav ul {
+    margin: 0;
+    padding: 0; }
+
+  div.o_wikimod_nav div.b_button_group {
+    margin: 0.5em 0;
+    text-align: left; }
+
+  div.o_wikimod_nav div.b_form div.b_form_element_wrapper.b_form_horizontal {
+    margin: 0; }
+
+  div.o_wikimod_nav .b_form_element_wrapper .b_form_element {
+    padding: 0; }
+
+  div.o_wikimod_nav div.b_form_element_wrapper div.b_form_element.b_form_horizontal .b_button {
+    padding: 0.5em 0; }
+
+  /* wiki edit form */
+  div.o_wikimod_editform_wrapper {
+    clear: both;
+    padding: 0.5em 0 0 0; }
+
+  div.o_wikimod_editform_wrapper div.b_form div.b_form_element_wrapper div.b_form_element_label {
+    display: none; }
+
+  div.o_wikimod_editform_wrapper div.b_form div.b_form_element_wrapper div.b_form_element {
+    clear: both;
+    margin-left: 0;
+    padding: 0 5px 0 0; }
+
+  div.o_wikimod_editform_wrapper div.b_form div.b_button_group {
+    margin-left: 0;
+    text-align: center; }
+
+  /* wiki run view of article */
+  h1.o_wikimod_heading, h3.o_wikimod_heading {
+    margin: 0 0 1em 0;
+    padding: .5em 0 .17em 0;
+    border-bottom: 1px solid #BFBFBF; }
+
+  #o_wikimod_uploader {
+    margin: 1em 0 0 0; }
+
+  .o_wikimod_version {
+    border: 1px solid #BFBFBF;
+    padding: 4px;
+    margin-top: 5px; }
+
+  .o_wikimod_diff {
+    border: 1px solid #BFBFBF;
+    padding: 4px;
+    margin: 0px; }
+
+  .o_wikimod_warn {
+    color: #DF9719; }
+
+  .o_wiki_error {
+    background-color: #DF9719; }
+
+  .o_wikimod_ins {
+    background-color: #A4DCA4; }
+
+  .o_wikimod_old {
+    background-color: #FFCCCC; }
+
+  .o_wikimod_new {
+    background-color: #A4DCA4; }
+
+  .o_wikimod_del {
+    background-color: #FFCCCC; }
+
+  .wiki-image {
+    float: right;
+    padding: 10px;
+    clear: right; }
+
+  .wiki-file-deleted {
+    text-decoration: line-through; } }
+/* FORUM */
+div.o_forum div.o_forum_switch {
+  border: 1px solid #8F99AD;
+  padding: 3px;
+  font-size: 95%; }
+div.o_forum div.o_forum_message {
+  margin: 1em 0 1em 0;
+  padding: 0.5em;
+  border: 1px solid #777777;
+  border-radius: 4px;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  -o-border-radius: 4px;
+  background: #eeeeee; }
+div.o_forum div.o_forum_message_header_wrapper {
+  min-height: 24px; }
+  div.o_forum div.o_forum_message_header_wrapper div.o_forum_message_header {
+    min-height: 24px; }
+div.o_forum div.o_forum_message_title {
+  vertical-align: middle;
+  padding: 2px 5px 2px 5px;
+  min-height: 24px; }
+  div.o_forum div.o_forum_message_title strong {
+    font-weight: bold; }
+div.o_forum div.o_forum_message_new div.o_forum_message_title strong {
+  background: url(images/new-text.png) no-repeat top right;
+  padding-right: 20px; }
+div.o_forum div.o_forum_message_creator {
+  width: 100px;
+  padding: 0.5em 0px 0px 0px;
+  font-size: 95%;
+  color: #4F576A; }
+  div.o_forum div.o_forum_message_creator strong {
+    font-weight: normal; }
+  div.o_forum div.o_forum_message_creator img {
+    border: 1px solid #4F576A; }
+div.o_forum div.o_forum_message_body {
+  padding: 0.5em;
+  margin-left: 100px;
+  background: #fff;
+  margin-right: 3px; }
+div.o_forum div.o_forum_message_attachments {
+  margin: 2em 0 0.5em 0;
+  border-top: 1px solid #555555;
+  font-size: 95%; }
+  div.o_forum div.o_forum_message_attachments strong {
+    display: block;
+    margin: 0.5em 0;
+    font-weight: normal;
+    font-style: italic; }
+  div.o_forum div.o_forum_message_attachments ul {
+    list-style: none;
+    margin: 0;
+    padding: 0; }
+  div.o_forum div.o_forum_message_attachments li {
+    margin: 0;
+    padding: 0; }
+  div.o_forum div.o_forum_message_attachments a {
+    background-repeat: no-repeat;
+    background-position: 0 50%;
+    padding-left: 20px;
+    padding-top: 2px;
+    padding-bottom: 2px; }
+div.o_forum div.o_forum_message_modified {
+  clear: both;
+  border-top: 1px solid #506D90;
+  padding: 0.5em 0 0 0;
+  font-size: 95%;
+  font-style: italic;
+  text-align: center;
+  color: #98221F; }
+div.o_forum div.o_forum_message_actions {
+  text-align: center;
+  padding: 0.2em 1em;
+  padding-top: 0.8em; }
+
+span.o_forum_thread_sticky {
+  font-weight: bold; }
+
+span.o_forum_status_thread_icon {
+  background-image: url(images/forum/forum.png); }
+
+span.o_forum_status_sticky_closed_icon {
+  background-image: url(images/forum/sticky-note-pin_locked.png); }
+
+span.o_forum_status_sticky_icon {
+  background-image: url(images/forum/sticky-note-pin.png); }
+
+span.o_forum_status_closed_icon {
+  background-image: url(images/forum/forum_locked.png); }
+
+div.o_forum_peekview {
+  margin: 1em 0 1em 0; }
+  div.o_forum_peekview h5 {
+    font-size: 1em;
+    position: relative;
+    left: -20px; }
+  div.o_forum_peekview div.o_forum_peekview_message {
+    padding-left: 20px;
+    padding-bottom: 15px; }
+  div.o_forum_peekview div.b_quote_wrapper {
+    display: none; }
+
+.o_forum_message_icon {
+  background-image: url(images/forum/balloon-white-left.png); }
+
+div.o_forum_toolbar {
+  float: left;
+  display: inline;
+  width: 75%; }
+
+div#o_forum_fulltextsearch {
+  float: right;
+  display: inline; }
+  div#o_forum_fulltextsearch input {
+    width: 10em; }
+  div#o_forum_fulltextsearch div.b_form_element_wrapper.b_form_horizontal {
+    margin: 0; }
+
+/* ePortfolio */
+div.b_struct_edit_btn {
+  float: right;
+  display: inline; }
+
+div.o_ep_struct_editor div.b_subcr {
+  min-height: 35em;
+  background: white;
+  padding-right: 1em;
+  overflow-x: auto; }
+
+.b_artefact {
+  margin: 5px;
+  border: 1px solid #ddd;
+  padding: 1em;
+  border-radius: 5px;
+  -webkit-border-radius: 5px;
+  -moz-border-radius: 5px;
+  -o-border-radius: 5px;
+  moz-box-shadow: 0 1px 2px lightGrey;
+  -ms-box-shadow: 0 1px 2px lightGrey;
+  -o-box-shadow: 0 1px 2px lightGrey;
+  -webkit-box-shadow: 0 1px 2px lightGrey;
+  box-shadow: 0 1px 2px lightGrey;
+  background: #ebebeb url(images/portfolio/artefaktbg.png) top left repeat-x; }
+
+.b_artefact div.b_actions {
+  margin-top: 2em; }
+
+.b_artefact div.b_desc {
+  font-style: italic;
+  margin: 1em 0; }
+
+.b_ep_artAttribLink {
+  background-image: url(images/table_gear.png); }
+
+div.b_artefact_closed {
+  font-size: 25px;
+  float: right;
+  background: url(../images/brasato/locked.png) top right no-repeat; }
+
+div.b_eportfolio_preview_c100l .b_artefact {
+  margin: 3px; }
+
+div.b_eportfolio_preview_c33l .b_artefact {
+  font-size: 85%;
+  margin: 3px; }
+
+.b_ep_nolink {
+  color: #000000; }
+
+.b_ep_nolink:hover {
+  color: #000000;
+  text-decoration: none; }
+
+.b_ep_multiartefacts div.b_ep_add_message_with_arrow {
+  position: relative;
+  top: -50px; }
+
+.b_ep_multiartefacts div.b_artefact_count {
+  margin: 1em 0 1em 0; }
+
+a.b_ep_options {
+  background: url(images/gear.png) top left no-repeat;
+  width: 16px;
+  height: 16px;
+  display: block; }
+
+.b_ep_liveblog_icon {
+  background-image: url(images/portfolio/ep_liveblog_icon.png); }
+
+div.b_portfolio_toc ul {
+  margin: 0; }
+
+div.b_portfolio_toc li {
+  list-style-type: none; }
+
+div.b_portfolio_toc li.level1 {
+  font-size: 1.2em;
+  margin: 1.2em 0 0.2em 0;
+  border-bottom: 1px solid #ddd; }
+
+div.b_portfolio_toc li.level2 {
+  padding-left: 20px;
+  font-size: 1.1em;
+  border-bottom: 1px dotted #ddd; }
+
+div.b_portfolio_toc li.level3 {
+  padding-left: 40px; }
+
+div.b_portfolio_toc li a {
+  font-size: 0.8em;
+  text-decoration: none; }
+
+div.b_portfolio_toc .link {
+  float: right;
+  margin-right: 0px; }
+
+div.b_portfolio_toc .commentlink {
+  float: right;
+  margin-right: 10%; }
+
+div.b_portfolio_toc .type_artefact {
+  font-style: italic; }
+
+.b_portfolio_toc .type_map, .b_portfolio_toc .type_page, .b_portfolio_toc .type_struct, .b_portfolio_toc .type_artefact {
+  background-position: center left;
+  background-repeat: no-repeat;
+  padding-left: 20px; }
+
+a.b_eportfolio_add {
+  background: url(images/portfolio/ep_add_icon.png) top left no-repeat;
+  display: block;
+  width: 16px;
+  height: 16px; }
+
+td a.b_eportfolio_add {
+  float: right;
+  padding-right: 2px; }
+
+a.b_eportfolio_add_again, span.b_eportfolio_add_again {
+  background: url(images/portfolio/ep_add_again_icon.png) top left no-repeat;
+  display: block;
+  width: 16px;
+  height: 16px; }
+
+.o_efficiencystatement a.b_eportfolio_add_again {
+  float: right; }
+
+a.b_eportfolio_link {
+  background: url(images/portfolio/ep_link_icon.png) top left no-repeat;
+  display: block;
+  width: 16px;
+  height: 16px; }
+
+ul.b_eportfolio_maps {
+  margin: 0;
+  padding: 0; }
+
+ul.b_eportfolio_maps li {
+  display: block;
+  float: left;
+  position: relative;
+  width: 195px;
+  height: 320px;
+  padding: 60px 60px 40px 65px;
+  margin: 0.5em;
+  background: url(images/portfolio/eportfolio_map_default.png) top left no-repeat;
+  -moz-border-radius: 4px 14px 14px 4px;
+  -webkit-border-radius: 4px 10px 10px 4px;
+  -o-border-radius: 4px 14px 14px 4px;
+  border-radius: 4px 14px 14px 4px;
+  -webkit-box-shadow: 0 1px 3px lightGray;
+  -moz-box-shadow: 0 1px 3px lightGray;
+  -o-box-shadow: 0 1px 3px lightGray;
+  box-shadow: 0 1px 3px lightGray; }
+
+ul.b_eportfolio_maps li .b_map_info {
+  position: absolute;
+  bottom: 40px;
+  width: inherit;
+  font-size: 0.9em; }
+
+li.default .b_map_info p {
+  color: #bbb; }
+
+li.comic .b_map_info p {
+  color: #88a5c4; }
+
+li.leather .b_map_info p {
+  color: #C2A074; }
+
+ul.b_eportfolio_maps li .b_map_info a.b_open_icon {
+  font-size: 1.2em;
+  position: absolute;
+  bottom: 170px;
+  right: -10px; }
+
+ul.b_eportfolio_maps li.leather {
+  background: url(images/portfolio/eportfolio_map_leather.png) top left no-repeat;
+  border: none; }
+
+ul.b_eportfolio_maps li.leather a {
+  color: #fad9a4; }
+
+ul.b_eportfolio_maps li.comic {
+  background: url(images/portfolio/eportfolio_map_comic.png) top left no-repeat;
+  border: none; }
+
+ul.b_eportfolio_maps li.template.default {
+  background-image: url(images/portfolio/eportfolio_map_default_template.png); }
+
+ul.b_eportfolio_maps li.template.comic {
+  background-image: url(images/portfolio/eportfolio_map_comic_template.png); }
+
+ul.b_eportfolio_maps li.template.leather {
+  background-image: url(images/portfolio/eportfolio_map_leather_template.png); }
+
+.b_map_page {
+  text-align: center;
+  clear: left; }
+
+.b_map_page_all {
+  text-align: center; }
+
+.b_map_page > span {
+  padding-right: 3px; }
+
+.b_map_page a.b_map_page_forward {
+  background: url(../images/brasato/resultset_next.png) no-repeat center right;
+  padding-right: 16px; }
+
+.b_eportfolio_map {
+  background: white;
+  padding: 1.5em;
+  min-height: 30em; }
+
+.b_eportfolio_map .b_ep_relative {
+  position: relative; }
+
+.b_eportfolio_toolbar div {
+  display: inline; }
+
+.b_eportfolio_toolbar {
+  text-align: right;
+  width: 100%;
+  border-bottom: 1px solid #acaaaa;
+  padding: 1px 2px 4px 2px;
+  margin-bottom: 6px; }
+
+.b_eportfolio_map a.b_eportfolio_add_link, .b_eportfolio_map a.b_eportfolio_del_link {
+  float: right;
+  display: inline;
+  background-repeat: no-repeat;
+  margin-left: 0.5em;
+  width: 16px;
+  height: 16px;
+  text-decoration: none; }
+
+.b_eportfolio_toolbar a.b_eportfolio_add_link, .b_eportfolio_map a.b_eportfolio_del_link {
+  float: none;
+  display: inline-block;
+  background-repeat: no-repeat;
+  margin-left: 0;
+  margin-right: 0.5em;
+  width: 16px;
+  height: 16px;
+  text-decoration: none; }
+
+.b_eportfolio_map div.b_eportfolio_add_link {
+  float: left;
+  display: inline;
+  margin-top: 2px; }
+
+.o_ep_toc_editor .b_eportfolio_add_link {
+  float: left; }
+
+.b_eportfolio_map .b_eportfolio_add_link:hover {
+  text-decoration: none; }
+
+.b_eportfolio_map .b_eportfolio_comment_link {
+  float: right;
+  display: inline;
+  margin-right: 5px; }
+
+.b_ep_tag_cloud {
+  padding: 1em 0 1em 0;
+  border-bottom: 1px solid #ccc; }
+
+.default div.b_ep_actualpage {
+  width: 100%;
+  margin-top: 0;
+  clear: both; }
+
+.default div.b_pagination {
+  float: none;
+  position: static;
+  width: 100%; }
+
+.default div.b_pagination ul {
+  margin: 0; }
+
+.default div.b_pagination li {
+  float: left;
+  display: inline;
+  width: auto;
+  margin: 2px 2px 2px 0;
+  padding: 0;
+  background: #FAFAFA;
+  -webkit-border-radius: 7px 7px 0 0;
+  -moz-border-radius: 7px 7px 0 0;
+  -o-border-radius: 7px 7px 0 0;
+  border-radius: 7px 7px 0 0; }
+
+.default div.b_pagination li span, .default div.b_pagination li a, .default div.b_pagination li {
+  display: block;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  -o-text-overflow: ellipsis; }
+
+.default div.b_pagination li.b_disabled {
+  padding-bottom: 2px;
+  margin-bottom: 0;
+  background: #f4f4f4; }
+
+.default div.b_pagination li .b_disabled {
+  color: black;
+  font-weight: normal;
+  padding: 5px 8px; }
+
+.default div.b_pagination li a {
+  padding: 1em;
+  padding: 5px 8px; }
+
+.default div.b_eportfolio_page, .default div.b_portfolio_toc, .default div.b_eportfolio_edit {
+  background-image: none; }
+
+.comic {
+  font-family: 'Comic Sans MS', 'Comic Sans', fantasy; }
+
+.b_eportfolio_map.comic {
+  background: #a2c3e8 none;
+  padding: 30px;
+  -webkit-border-top-right-radius: 10px;
+  -moz-border-radius-topright: 10px;
+  border-top-right-radius: 10px; }
+
+.comic div.b_pagination {
+  position: absolute;
+  right: 0;
+  width: 16%;
+  max-height: 100%;
+  overflow-x: hidden;
+  overflow-y: auto;
+  z-index: 100; }
+
+.comic .b_ep_relative > div:last-child {
+  position: relative; }
+
+.comic div.b_ep_actualpage {
+  width: 85%;
+  margin-top: 1em; }
+
+.comic div.b_pagination ul {
+  margin-top: 30px;
+  margin-left: 0px;
+  z-index: 1; }
+
+.comic div.b_pagination li {
+  width: 87%;
+  background: url(images/portfolio/postit.png) center right;
+  padding: 0;
+  margin-bottom: 1em;
+  margin-left: 8%;
+  list-style-type: none; }
+
+.comic div.b_pagination li span.b_disabled, .comic div.b_pagination li a span {
+  display: block;
+  padding: 20px 15px 20px 10px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  -o-text-overflow: ellipsis; }
+
+.comic div.b_pagination li span, .comic div.b_pagination li a, .comic div.b_pagination li {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  -o-text-overflow: ellipsis; }
+
+.comic div.b_pagination li.b_disabled {
+  z-index: 101;
+  margin-left: 0;
+  width: 100%; }
+
+.comic div.b_pagination li .b_disabled {
+  color: black;
+  font-weight: bold; }
+
+.comic div.b_pagination li.b_toc {
+  background-image: url(images/portfolio/postit_pink.png); }
+
+.b_eportfolio_page, .b_portfolio_toc, .b_eportfolio_edit {
+  min-height: 40em;
+  background: #f4f4f4 url(images/portfolio/eportfolio_page_corner.png) top right no-repeat;
+  padding: 1em;
+  -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
+  -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
+  -o-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
+  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2); }
+
+.b_eportfolio_page .b_eportfolio_structure > h5 {
+  border-bottom: 1px solid #ddd;
+  margin-top: 1.2em; }
+
+.b_eportfolio_edit {
+  margin-top: 1.5em; }
+
+.leather {
+  font-family: Palatino, Georgia, serif; }
+
+.b_eportfolio_map.leather {
+  background: url(images/portfolio/light-leather-tile.jpg); }
+
+.leather div.b_ep_actualpage {
+  width: 100%;
+  margin-top: 0;
+  clear: both; }
+
+.leather .b_map_header h4, .leather .b_map_header p, .leather .b_map_header a.b_eportfolio_add_link, .leather .b_map_header a.b_eportfolio_comment_link {
+  color: white; }
+
+.leather div.b_pagination {
+  float: none;
+  position: static;
+  width: 100%; }
+
+.leather div.b_pagination ul {
+  margin: 0; }
+
+.leather div.b_pagination li {
+  float: left;
+  display: inline;
+  width: auto;
+  margin: 0 2px 0 0;
+  padding: 0;
+  background: #ddd;
+  -webkit-border-radius: 7px 7px 0 0;
+  -moz-border-radius: 7px 7px 0 0;
+  -o-border-radius: 7px 7px 0 0;
+  border-radius: 7px 7px 0 0; }
+
+.leather div.b_pagination li span, .leather div.b_pagination li a, .leather div.b_pagination li {
+  display: block;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  -o-text-overflow: ellipsis; }
+
+.leather div.b_pagination li.b_disabled {
+  padding: 0;
+  background: #f4f4f4; }
+
+.leather div.b_pagination li .b_disabled {
+  color: black;
+  font-weight: normal;
+  padding: 5px 8px; }
+
+.leather div.b_pagination li a {
+  padding: 1em;
+  padding: 5px 8px; }
+
+.leather div.b_eportfolio_page, .leather div.b_portfolio_toc, .leather div.b_eportfolio_edit {
+  background-image: none; }
+
+.b_eportfolio.b_artefacts hr.b_ep_filter_spacer {
+  height: 10px;
+  background: url(images/portfolio/divider-arrow-down.png) 25px -12px no-repeat;
+  border: none;
+  border-top: 1px solid #ccc;
+  margin: 2em 0 1em; }
+
+.b_eportfolio.b_artefacts .b_ep_content {
+  background: white;
+  padding: 0 1em 1em 1em;
+  margin-top: 1.5em; }
+
+.b_eportfolio.b_artefacts .b_ep_content .b_ep_filter {
+  padding: 0;
+  width: 80%; }
+
+.b_ep_filter {
+  float: left; }
+
+.b_ep_viewmode {
+  float: right;
+  width: 15%; }
+
+.b_ep_add_artefact {
+  float: right; }
+
+.b_ep_content div.b_ep_viewmode div.b_form_element_label {
+  width: auto; }
+
+.b_eportfolio.b_artefacts div.b_segments_container {
+  top: -20px;
+  margin-bottom: -20px; }
+
+.b_ep_tagbrowser {
+  width: 30%;
+  margin-right: 0px; }
+
+.b_ep_tagbrowser_view {
+  width: 68%;
+  margin-left: 0px; }
+
+.b_ep_collection_icon {
+  background-image: url(../images/brasato/eportfolio/ep_collection.png) !important; }
+
+.b_ep_map_icon, .b_portfolio_toc .type_map {
+  background-image: url(images/portfolio/briefcase.png) !important; }
+
+.b_ep_page_icon, .b_portfolio_toc .type_page {
+  background-image: url(images/portfolio/ep_page.png) !important; }
+
+.b_ep_page_icon.b_eportfolio_add_link {
+  background-image: url(images/portfolio/ep_page_add.png) !important; }
+
+.b_ep_struct_icon, .b_portfolio_toc .type_struct {
+  background-image: url(images/portfolio/ep_struct.png) !important; }
+
+.b_ep_struct_icon.b_eportfolio_add_link {
+  background-image: url(images/portfolio/ep_struct_add.png) !important; }
+
+.type_artefact {
+  background-image: url(images/le_resources/portfolio.png) !important; }
+
+div.b_eportfolio_collect_restriction {
+  margin-top: 5px; }
+
+div.b_eportfolio_collect_restriction div.b_eportfolio_collect_restriction_el {
+  float: left;
+  margin-right: 5px; }
+
+div.b_eportfolio_collect_restriction div.b_eportfolio_collect_restriction_link {
+  float: left;
+  margin-right: 5px; }
+
+div.b_eportfolio_collect_restriction div.b_eportfolio_collect_restriction_link a {
+  padding-left: 0px;
+  text-decoration: none; }
+
+div.b_eportfolio_collect_restriction div.b_eportfolio_collect_restriction_link a:hover {
+  text-decoration: none; }
+
+div.b_eportfolio_restriction_wrapper a.b_togglebox_opened {
+  z-index: 10;
+  display: block;
+  width: 9px;
+  height: 9px;
+  padding: 0;
+  margin-left: 12px; }
+
+div.b_eportfolio_restriction_wrapper a.b_togglebox_closed {
+  display: block;
+  width: 9px;
+  height: 9px;
+  padding: 0;
+  margin-left: 12px; }
+
+div.b_eportfolio_restriction_wrapper p {
+  padding: 0 0 0 15px;
+  margin: 0; }
+
+div.b_eportfolio_restriction_wrapper div.b_togglebox div.b_togglebox_content {
+  padding: 3px 3px 3px 3px;
+  margin: 0;
+  border: 1px solid red;
+  background-image: none;
+  background-color: transparent;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px; }
+
+div.b_eportfolio_restriction_error div.b_tooglebox_opened div.b_togglebox_content {
+  border: 1px solid #FF9900 !important;
+  background: #fff5cc url(images/decorator/deco_warn.png) no-repeat 3px 2px !important; }
+
+div.b_eportfolio_restriction_passed div.b_tooglebox_opened div.b_togglebox_content {
+  border: 1px solid #F0F0F0 !important;
+  background: #fcfcfc url(images/decorator/deco_ok.png) no-repeat 3px 2px !important; }
+
+div.b_eportfolio_restriction_error div.b_togglebox_closed {
+  background: transparent url(images/decorator/deco_warn.png) no-repeat top left !important; }
+
+div.b_eportfolio_restriction_passed div.b_togglebox_closed {
+  background: transparent url(images/decorator/deco_ok.png) no-repeat top left !important; }
+
+div.b_eportfolio_restriction_wrapper div.b_togglebox div.b_togglebox_content .b_togglebox_hide {
+  display: none; }
+
+.b_eportfolio_deadline_callout {
+  width: 300px; }
+
+.b_ep_multiartefacts .b_c50l {
+  clear: both; }
+
+.b_eportfolio_fulltextsearch {
+  float: left; }
+
+.b_eportfolio_share_policy_wrapper {
+  margin: 5px;
+  border: 1px solid #ddd;
+  padding: 1em;
+  -webkit-border-radius: 5px;
+  -moz-border-radius: 5px;
+  border-radius: 5px;
+  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
+  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
+  background: #ebebeb url(../images/brasato/eportfolio/artefaktbg.png) top left repeat-x; }
+
+.b_eportfolio_share_policy_wrapper .b_float_right {
+  text-align: right; }
+
+.b_eportfolio_share_policy_wrapper a.bit-input {
+  text-decoration: none; }
+
+.b_eportfolio_share_policy div input, .b_eportfolio_share_policy div span, .b_eportfolio_share_policy div select {
+  float: left;
+  margin-right: 5px;
+  padding-right: 5px; }
+
+.b_eportfolio_share_policy div span.b_form_datechooser {
+  background: url(images/calendar.png) no-repeat;
+  padding-left: 18px;
+  height: 16px;
+  line-height: 16px;
+  margin-left: 2px; }
+
+.b_eportfolio_share_policy .b_ep_share_date span {
+  float: left; }
+
+.b_eportfolio_share_policy_wrapper .b_eportfolio_share_policy {
+  padding-left: 20px;
+  background: url(images/user.png) top left no-repeat; }
+
+.b_eportfolio_share_policy_wrapper.policytype_group .b_eportfolio_share_policy {
+  background-image: url(images/users.png); }
+
+.b_eportfolio_share_policy_wrapper.policytype_invitation .b_eportfolio_share_policy {
+  background-image: url(images/share.png); }
+
+.b_eportfolio_share_policy_wrapper.policytype_allusers .b_eportfolio_share_policy {
+  background-image: url(images/users.png); }
+
+div.b_ep_inline div input, div.b_ep_inline div span, div.b_ep_inline div select {
+  float: left;
+  margin-right: 5px;
+  padding-right: 5px; }
+
+/* ims cp */
+div.o_module_cp_wrapper a.b_content_download {
+  background: url("images/drive-download.png") no-repeat top left;
+  padding-left: 20px;
+  margin: 3px;
+  display: block;
+  min-height: 16px; }
+div.o_module_cp_wrapper div#o_local_fulltextsearch {
+  position: absolute;
+  top: 0;
+  right: 0;
+  z-index: 10; }
+div.o_module_cp_wrapper div#o_local_fulltextsearch div.b_form_element_wrapper.b_form_horizontal {
+  margin: 0; }
+div.o_module_cp_wrapper div.o_cp_navigation {
+  float: right;
+  display: inline;
+  padding: 3px 0 3px 3px;
+  background: #ebebeb;
+  border: 1px solid #ddd;
+  white-space: nowrap;
+  border-radius: 3px;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  -o-border-radius: 3px;
+  moz-box-shadow: 0 1px 2px lightGrey;
+  -ms-box-shadow: 0 1px 2px lightGrey;
+  -o-box-shadow: 0 1px 2px lightGrey;
+  -webkit-box-shadow: 0 1px 2px lightGrey;
+  box-shadow: 0 1px 2px lightGrey; }
+div.o_module_cp_wrapper div span a {
+  margin: 0 2px; }
+div.o_module_cp_wrapper div span.b_disabled {
+  display: none; }
+div.o_module_cp_wrapper div span a.o_cp_previous_icon {
+  background-image: url("images/arrow_left_big.png");
+  text-decoration: none; }
+div.o_module_cp_wrapper div span a.o_cp_previous_icon span {
+  display: none; }
+div.o_module_cp_wrapper div span a.o_cp_next_icon {
+  background-image: url("images/arrow_right_big.png"); }
+div.o_module_cp_wrapper div span a.o_cp_next_icon span {
+  display: none; }
+div.o_module_cp_wrapper div span a.o_cp_print_icon {
+  background-image: url("images/printer.png"); }
+div.o_module_cp_wrapper div span a.o_cp_print_icon span {
+  display: none; }
+div.o_module_cp_wrapper div.o_cp_navigation div, div.o_module_cp_wrapper div.o_cp_navigation form {
+  display: inline; }
+div.o_module_cp_wrapper div.o_cp_navigation div.b_clearfix {
+  display: inline;
+  clear: none; }
+div.o_module_cp_wrapper div.o_cp_navigation div.b_clearfix:after {
+  display: inline;
+  height: 0;
+  clear: none;
+  visibility: hidden; }
+
+/* IMS CP Editor */
+#o_cpeditor_menu div.o_cpeditor_menu_tree {
+  padding: 10px 0 0 0; }
+
+#b_col1 div.b_menu_toolbar a, #b_col3 div.b_menu_toolbar a {
+  width: 16px;
+  height: 16px;
+  margin: 3px;
+  float: right;
+  display: inline;
+  background-repeat: no-repeat; }
+
+a.o_cpeditor_import {
+  background-image: url("images/docs/document_upload.png"); }
+
+a.o_cpeditor_new {
+  background-image: url("images/docs/document_add.png"); }
+
+a.o_cpeditor_copy {
+  background-image: url("images/docs/document_copy.png"); }
+
+a.o_cpeditor_delete {
+  background-image: url("images/docs/document_remove.png"); }
+
+a.o_cpeditor_edit {
+  background-image: url(images/docs/document_metadata_edit.png); }
+
+a.o_cpeditor_preview {
+  background-image: url(images/docs/document_preview.png); }
+
+#o_cpeditor_content div.o_cpeditor_message {
+  padding: 20px; }
+
+/* QTI legacy styles */
+#o_qti_run div.b_button_group {
+  text-align: left; }
+
+#o_qti_run_title {
+  text-align: right; }
+
+#o_qti_run_title strong {
+  float: left;
+  display: inline; }
+
+#o_qti_run.o_qti_survey #o_qti_run_title strong {
+  background: url(images/le_resources/survey.png) no-repeat left 50%;
+  padding-left: 20px; }
+
+#o_qti_run.o_qti_test #o_qti_run_title strong {
+  background: url(images/le_resources/test.png) no-repeat left 50%;
+  padding-left: 20px;
+  padding-top: 2px;
+  padding-bottom: 2px; }
+
+#o_qti_scoreinfo {
+  float: left;
+  display: inline;
+  padding: .3em;
+  border: 1px solid silver;
+  margin-right: 1em; }
+
+#o_qti_run_score {
+  clear: both;
+  margin: 1em 0;
+  padding: 0 0 1.5em 0;
+  font-size: 90%; }
+
+#o_qti_run_scoreinfo {
+  float: left;
+  display: inline; }
+
+#o_qti_run_scoreprogress {
+  float: left;
+  display: inline;
+  margin-left: 1em; }
+
+#o_qti_questioninfo {
+  float: left;
+  display: inline;
+  padding: .3em;
+  border: 1px solid silver; }
+
+#o_qti_run_questioninfo {
+  float: left;
+  display: inline;
+  margin-left: 1em; }
+
+#o_qti_run_questionprogress {
+  float: left;
+  display: inline;
+  margin-left: 1em; }
+
+#o_qti_run_status {
+  clear: both; }
+
+#o_qti_run_main {
+  clear: both;
+  border-top: 1px solid #504D4E;
+  margin: 0.5em 0;
+  padding: 1em 0; }
+
+#o_qti_run_menu_inner h4 {
+  font-size: 100%; }
+
+#o_qti_run_menu_inner ul {
+  padding: 0;
+  margin: 0;
+  list-style: none; }
+
+#o_qti_run_menu_inner li {
+  clear: both;
+  padding: 0;
+  margin: 0;
+  white-space: normal; }
+
+#o_qti_run_menu_inner li.o_qti_menu_section {
+  padding: 1em 0; }
+
+#o_qti_run_menu_inner li div.o_qti_menu_item, #o_qti_run_menu li div.o_qti_menu_section {
+  float: left;
+  display: inline;
+  margin-right: 10px; }
+
+#o_qti_results td {
+  padding: 0; }
+
+/* fixes problem with truncated testresults, see OLAT-3416 */
+#b_main.o_editor_qti_correct {
+  background-image: url(images/qti/correct_bg.png);
+  background-position: top left; }
+
+#b_main.o_editor_qti {
+  background-image: url(../images/olat/editor/edit_bg.png);
+  background-position: top left; }
+
+#o_qti_hints, #o_qti_solutions {
+  margin: 1em 0; }
+
+#o_qti_hints a {
+  background: url(../images/olat/lightbulb.png) no-repeat left 50%;
+  cursor: help;
+  padding-left: 20px; }
+
+#o_qti_hints a:focus, #o_qti_hints a:hover {
+  background-image: url(../images/olat/lightbulb_hover.png); }
+
+#o_qti_solutions a {
+  background: url(images/magnifier-zoom.png) no-repeat left 50%;
+  cursor: help;
+  padding-left: 20px; }
+
+.qti_response_level_feedback_label {
+  margin-top: 1em;
+  font-style: italic; }
+
+.qti_edit_layout {
+  position: relative;
+  padding-right: 30px;
+  margin-bottom: 0.6em; }
+
+.qti_edit_layout .edit_link {
+  position: absolute;
+  top: 10px;
+  right: 0px; }
+
+/* QTI item styles */
+div.o_qti_item {
+  margin-bottom: 2em;
+  margin-top: 2em;
+  line-height: 2em; }
+
+div.o_qti_item input.b_radio, div.o_qti_item input.b_checkbox {
+  margin-left: 1em; }
+
+div.o_qti_item textarea {
+  width: 99%; }
+
+/* prevent scrollbars */
+img.o_qti_item_matimage {
+  vertical-align: middle; }
+
+div.o_qti_item_choice {
+  display: table;
+  margin: 1em 0; }
+
+div.o_qti_item_choice_option {
+  display: table;
+  padding: .5em;
+  border: 1px solid transparent; }
+
+div.o_qti_item_choice_option_flow {
+  display: table-cell;
+  padding: .5em;
+  border: 1px solid transparent; }
+
+div.o_qti_item_choice_option:hover {
+  border: 1px solid silver; }
+
+div.o_qti_item_choice_option_flow:hover {
+  border: 1px solid silver; }
+
+div.o_qti_item_choice_option_input {
+  display: table-cell;
+  vertical-align: middle;
+  padding-right: .5em; }
+
+div.o_qti_item_choice_option_input input {
+  vertical-align: middle; }
+
+div.o_qti_item_choice_option_value {
+  display: table-cell; }
+
+div.o_qti_item_choice_option_value span {
+  line-height: 1.5em;
+  margin-right: 1em; }
+
+div.o_qti_item_choice_option_autoenum {
+  display: table-cell;
+  line-height: 1.5em;
+  width: 1em;
+  overflow: hidden;
+  vertical-align: middle;
+  color: silver;
+  border: 0;
+  padding: 0;
+  margin: 0; }
+
+#o_qti_menu a {
+  text-decoration: none; }
+
+.o_qti_menu_section {
+  padding: .3em; }
+
+.o_qti_menu_section_clickable {
+  padding: .3em;
+  border: 1px solid transparent;
+  display: inline-block; }
+
+.o_qti_menu_section_clickable:hover {
+  padding: .3em;
+  border: 1px solid silver;
+  display: inline-block; }
+
+.o_qti_menu_section_active {
+  padding: .3em;
+  border: 1px dashed silver;
+  display: inline-block; }
+
+.o_qti_menu_item {
+  padding: .3em;
+  border: 1px solid transparent;
+  display: inline-block; }
+
+.o_qti_menu_item_active {
+  padding: .3em;
+  border: 1px dashed silver;
+  display: inline-block; }
+
+.o_qti_menu_item_active:hover {
+  border: 1px solid silver; }
+
+.o_qti_menu_item_inactive {
+  padding: .3em;
+  border: 1px solid transparent; }
+
+.o_qti_menu_item:hover {
+  border: 1px solid silver; }
+
+.o_qti_menu_item_closed {
+  padding: .3em;
+  border: 1px solid transparent; }
+
+.o_qti_menu_item_attempts_marked, .o_qti_menu_item_attempts {
+  color: silver;
+  padding: .2em .4em;
+  border: 1px solid transparent;
+  background: url(images/flag.png) center right no-repeat;
+  display: block;
+  width: 20px;
+  height: 12px; }
+
+.o_qti_menu_item_attempts {
+  opacity: 0.4;
+  filter: alpha(opacity=40); }
+
+.o_qti_menu_item_attempts:hover, .o_qti_menu_item_attempts_marked:hover {
+  color: silver;
+  border: 1px solid silver;
+  cursor: pointer; }
+
+#o_qti_item_note {
+  padding: 0;
+  margin: 0;
+  border: 0;
+  color: silver;
+  font-family: inherit;
+  font-size: 1em;
+  background: inherit;
+  overflow: hidden; }
+
+.o_qti_item_note_box {
+  border: 1px dashed silver;
+  padding: .1em;
+  margin: 0;
+  padding-left: .5em; }
+
+div.o_qti_item_note_box_title {
+  color: silver; }
+
+div.o_qti_item_itemfeedback, div.o_qti_item_assessfeedback, div.o_qti_item_o_qti_item_sectionfeedback {
+  margin: 1em 0;
+  background: url(images/lightning.png) no-repeat left 50%;
+  padding-left: 20px; }
+
+div.o_qti_item_objectives {
+  margin: 1em 0;
+  background: url(../images/brasato/information.png) no-repeat left 50%;
+  padding-left: 20px;
+  line-height: 2em; }
+
+/* qti menu items */
+.o_qti_timelimit_icon {
+  background-image: url(images/qti/time.png); }
+
+.o_qti_attemptslimit_icon {
+  background-image: url(images/qti/tries.png); }
+
+.o_qti_closed_icon {
+  background-image: url(images/qti/closed.png); }
+
+.o_mi_qtialientitem {
+  background-image: url(images/docs/document_plain.png); }
+
+.o_mi_qtisc {
+  background-image: url(images/qti/scItem.png); }
+
+.o_mi_qtimc {
+  background-image: url(images/qti/mcItem.png); }
+
+.o_mi_qtikprim {
+  background-image: url(images/qti/kprimItem.png); }
+
+.o_mi_qtifib {
+  background-image: url(images/qti/fibItem.png); }
+
+.o_mi_qtiessay {
+  background-image: url(images/qti/essayItem.png); }
+
+.o_mi_qtisection {
+  background-image: url(images/qti/section.png); }
+
+.o_mi_iqtest {
+  background-image: url(images/le_resources/test.png); }
+
+.o_mi_iqsurv {
+  background-image: url(images/le_resources/survey.png); }
+
+/* TRANSLATION TOOL */
+div.b_translation_start div.b_translation_start_body, div.b_translation_edit div.b_translation_edit_body {
+  margin-top: 0.5em;
+  padding-top: 0.5em;
+  border-top: 1px solid #ACAAAA; }
+
+div.b_translation_list div.b_translation_list_package {
+  margin-bottom: 0.5em;
+  padding: 1em 0 0.5em 0;
+  border-bottom: 1px solid #ACAAAA; }
+
+div.b_translation_list div.b_translation_list_package div.b_translation_package_icon {
+  margin-bottom: 0.5em;
+  border-bottom: 1px solid #ACAAAA; }
+
+div.b_translation_edit div.b_button_group {
+  text-align: center;
+  margin: 1em 0 0 0; }
+
+div.b_translation_edit div.b_translation_edit_head div.b_progress div.b_progress_bar {
+  float: left;
+  display: inline; }
+
+div.b_translation_edit div.b_translation_edit_head div.b_progress div.b_progress_label {
+  float: left;
+  display: inline;
+  padding: 0 0 0 1em;
+  font-size: 90%;
+  font-style: italic; }
+
+div.b_translation_edit div.b_translation_edit_body textarea {
+  width: 99%; }
+
+div.b_translation_edit div.b_translation_edit_body div.b_translation_edit_annotation {
+  margin-top: 1em; }
+
+div.b_translation_edit div.b_translation_edit_body div.b_translation_edit_compare {
+  margin-top: 1em;
+  padding-top: 0.5em;
+  border-top: 1px solid #ACAAAA; }
+
+div.b_translation_edit div.b_translation_edit_body div.b_translation_edit_target {
+  margin-top: 1em;
+  padding-top: 0.5em;
+  border-top: 1px solid #ACAAAA; }
+
+div.b_translation_edit div.b_form_element textarea.b_form_element_disabled {
+  color: #000;
+  background: #EEEEEE;
+  border: 1px solid #CDCBCB; }
+
+div.b_translation_edit div.b_translation_edit_annotation h5 {
+  font-weight: normal;
+  font-size: 100%;
+  font-style: italic; }
+
+div.b_translation_edit div.b_translation_edit_annotation textarea {
+  font-style: italic; }
+
+div.b_translation_edit div.b_translation_refKey {
+  background-image: url(images/magnifier-zoom.png);
+  vertical-align: middle;
+  background-color: #eee;
+  border: 1px solid #ACAAAA;
+  margin-right: 1%; }
+
+div.b_translation_edit div.b_translation_refKey code {
+  line-height: 1em;
+  vertical-align: middle; }
+
+div.b_translation_edit div.b_translation_refKey span {
+  line-height: 1em;
+  font-style: italic; }
+
+div.b_translation_config span.b_translation_status, ul.b_translation_status span.b_translation_status {
+  position: absolute;
+  right: 1em; }
+
+ul.b_translation_status {
+  column-count: 2;
+  -moz-column-count: 2;
+  list-style: none; }
+
+ul.b_translation_status li {
+  position: relative; }
+
+.b_translation_package_icon {
+  background-image: url(images/folder_open.png) !important; }
+
+.b_translation_item_icon {
+  background-image: url(images/docs/document-node.png) !important; }
+
+.b_translation_search_icon {
+  background-image: url(images/magnifier-zoom.png) !important; }
+
+/* inline translation tool */
+span.b_translation_i18nitem {
+  position: relative !important; }
+
+span.b_translation_i18nitem a.b_translation_i18nitem_launcher {
+  position: absolute !important;
+  z-index: 100 !important;
+  width: 16px !important;
+  height: 16px !important;
+  top: 0 !important;
+  left: 5px !important;
+  background: #eeeeee url(images/docs/document_metadata_edit.png) no-repeat !important;
+  border: 1px solid #6e6e6e !important;
+  border-radius: 3px;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  -o-border-radius: 3px;
+  padding: 0 !important; }
+
+/* lang selector: make sure you match the country flag, not always the same as the lang code */
+/* SELECTION TREE  (when you insert a BuildingBlock into a course) */
+div.b_selectiontree {
+  font-size: 95%; }
+  div.b_selectiontree div.b_selectiontree_item {
+    clear: both;
+    position: relative;
+    top: 0;
+    left: 0;
+    vertical-align: middle;
+    height: 16px;
+    width: auto; }
+    div.b_selectiontree div.b_selectiontree_item div {
+      width: 16px;
+      height: 16px;
+      float: left;
+      display: inline;
+      background-repeat: no-repeat; }
+    div.b_selectiontree div.b_selectiontree_item div.b_selectiontree_content {
+      float: left;
+      display: inline;
+      margin-left: 0.5em;
+      width: auto;
+      white-space: nowrap; }
+  div.b_selectiontree div.b_selectiontree_content {
+    width: auto; }
+    div.b_selectiontree div.b_selectiontree_content div {
+      width: auto; }
+    div.b_selectiontree div.b_selectiontree_content input {
+      width: 1em;
+      height: 1em;
+      padding: 0;
+      margin: 0 0.5em;
+      vertical-align: middle; }
+    div.b_selectiontree div.b_selectiontree_content input.b_radio {
+      margin: 0; }
+  div.b_selectiontree .b_selectiontree_line {
+    background-image: url(images/tree/dots.gif); }
+  div.b_selectiontree .b_selectiontree_space {
+    background-image: url(images/tree/dots_spacer.gif); }
+  div.b_selectiontree .b_selectiontree_junction {
+    background-image: url(images/tree/dots_nt.gif); }
+  div.b_selectiontree .b_selectiontree_end {
+    background-image: url(images/tree/dots_nl.gif); }
diff --git a/src/main/webapp/static/themes/openolat/layout.scss b/src/main/webapp/static/themes/openolat/layout.scss
index 539c734a760443914afbf7cfdd0c0f80618c9c15..b54fb04e7a6533d365378c651e19309b8e397661 100644
--- a/src/main/webapp/static/themes/openolat/layout.scss
+++ b/src/main/webapp/static/themes/openolat/layout.scss
@@ -2,6 +2,7 @@
 /* use the grey ext theme */
 /*@import url(../../js/ext/resources/css/xtheme-gray.css);*/
 
+
 @import "_license.scss";
 
 @import url(../../yaml/core/slim_base.css);
@@ -14,9 +15,6 @@
 /* --------------- */
 @import "all/_basemod.scss";
 @import "all/_dd.scss";
-@import "all/_dialogs.scss";
-@import "all/_portlets_boxes.scss";
-@import "all/_tabpane.scss";
 @import "all/_icons.scss";
 @import "all/_content.scss";
 
@@ -29,7 +27,17 @@
 
 
 /* -------- modules -------- */
+@import "all/modules/_dialogs.scss";
+@import "all/modules/_portlets_boxes.scss";
+@import "all/modules/_tabpane.scss";
+@import "all/modules/_formsandbuttons.scss";
+@import "all/modules/_tables.scss";
+@import "all/modules/_develdebug.scss";
 @import "all/modules/_briefcase.scss";
 @import "all/modules/_wiki.scss";
+@import "all/modules/_forum.scss";
 @import "all/modules/_eportfolio.scss";
-@import "all/modules/_imscp.scss";
\ No newline at end of file
+@import "all/modules/_imscp.scss";
+@import "all/modules/_qti.scss";
+@import "all/modules/_translationtool.scss";
+@import "all/modules/_course.scss";
\ No newline at end of file
diff --git a/src/main/webapp/static/themes/openolat/patches/yaml_patch.css b/src/main/webapp/static/themes/openolat/patches/yaml_patch.css
index 2d1a1265c4a19c21a523dc8ba88f054f40e3c45f..a878bb6ea82e8c577521f6e1abd4ff01d1de20ec 100644
--- a/src/main/webapp/static/themes/openolat/patches/yaml_patch.css
+++ b/src/main/webapp/static/themes/openolat/patches/yaml_patch.css
@@ -1,5 +1,7 @@
 @charset "UTF-8";
 
+@import url(../../yaml/core/slim_iehacks.css);
+ 
 @media all
 {
   /**
diff --git a/src/main/webapp/static/themes/openolat/print/_basemod.scss b/src/main/webapp/static/themes/openolat/print/_basemod.scss
index 9cf56591fc115c6ba15e073cd60372488e5cee84..05843266475d25cda6707e64583f2a6f19588e2a 100644
--- a/src/main/webapp/static/themes/openolat/print/_basemod.scss
+++ b/src/main/webapp/static/themes/openolat/print/_basemod.scss
@@ -21,5 +21,9 @@
 
 @media print{
 	
-	
+		/* (en) change font size unit to [pt] - avoiding problems with [px] unit in Gecko based browsers  */
+		/* (de) Wechsel der der Schriftgrößen-Maßheinheit zu [pt] - Probleme mit Maßeinheit [px] in Gecko-basierten Browsern vermeiden */
+		body { font-size:10pt; }
+		
+		
 }
\ No newline at end of file
diff --git a/src/main/webapp/static/yaml/print/print_draft.css b/src/main/webapp/static/yaml/print/print_draft.css
deleted file mode 100644
index fbe5ade40e73dfe7e681a82b2466b3ff85a05449..0000000000000000000000000000000000000000
--- a/src/main/webapp/static/yaml/print/print_draft.css
+++ /dev/null
@@ -1,62 +0,0 @@
-/**
- * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
- *
- * (en) print stylesheet
- * (de) Druck-Stylesheet
- *
- * @copyright       Copyright 2005-2011, Dirk Jesse
- * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
- *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
- * @link            http://www.yaml.de
- * @package         yaml
- * @version         3.3.1
- * @revision        $Revision:302 $
- * @lastmodified    $Date:2008-12-14 11:23:55 +0100 (So, 14. Dez 2008) $
- */
-
-
-@media print
-{
- /**
-  * @section basic layout preparation
-  * @see     http://www.yaml.de/en/documentation/css-components/layout-for-print-media.html
-  */
-
-  /* (en) change font size unit to [pt] - avoiding problems with [px] unit in Gecko based browsers  */
-  /* (de) Wechsel der der Schriftgrößen-Maßheinheit zu [pt] - Probleme mit Maßeinheit [px] in Gecko-basierten Browsern vermeiden */
-  body { font-size:10pt; }
-
-  /* (en) Hide unneeded container of the screenlayout in print layout */
-  /* (de) Für den Druck nicht benötigte Container des Layouts abschalten */
-  #b_topnav, #b_nav, #search, nav { 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; }
-
-  /*------------------------------------------------------------------------------------------------------*/
-
-  /* (en) optional output of acronyms and abbreviations*/
-  /* (de) optionale Ausgabe von Auszeichnung von Abkürzungen */
-
-  /*
-    abbr[title]:after, 
-    acronym[title]:after { content:'(' attr(title) ')'; }
-  */
-
-  /*------------------------------------------------------------------------------------------------------*/
-
-  /* (en) optional URL output of hyperlinks in print layout */
-  /* (de) optionale Ausgabe der URLs von Hyperlinks */
-  /*
-  a[href]:after {
-    content:" <URL:"attr(href)">";
-    color:#444;
-    background:inherit;
-    font-style:italic;
-  }
-  */
-
-}
diff --git a/src/main/webapp/static/yaml/screen/images/button_gray.png b/src/main/webapp/static/yaml/screen/images/button_gray.png
deleted file mode 100644
index a36926e4e4ea27ba8b4858ecaef92cd5a3aef4bf..0000000000000000000000000000000000000000
Binary files a/src/main/webapp/static/yaml/screen/images/button_gray.png and /dev/null differ
diff --git a/src/main/webapp/static/yaml/screen/images/button_red.png b/src/main/webapp/static/yaml/screen/images/button_red.png
deleted file mode 100644
index f26e985bf4779ba64ef3e6fab24c61fa0be184c4..0000000000000000000000000000000000000000
Binary files a/src/main/webapp/static/yaml/screen/images/button_red.png and /dev/null differ
diff --git a/src/main/webapp/static/yaml/screen/images/button_yellow.png b/src/main/webapp/static/yaml/screen/images/button_yellow.png
deleted file mode 100644
index f65ea9b2b4e716a7b08fb2e876039c0529b9c79b..0000000000000000000000000000000000000000
Binary files a/src/main/webapp/static/yaml/screen/images/button_yellow.png and /dev/null differ