diff --git a/resources/library/interactivities/Separe phrase.wgt/img/ar_down.png b/resources/library/interactivities/Separe phrase.wgt/img/ar_down.png
deleted file mode 100644
index a20fab4f..00000000
Binary files a/resources/library/interactivities/Separe phrase.wgt/img/ar_down.png and /dev/null differ
diff --git a/resources/library/interactivities/Separe phrase.wgt/img/ar_down_white.png b/resources/library/interactivities/Separe phrase.wgt/img/ar_down_white.png
deleted file mode 100644
index 4a1d133b..00000000
Binary files a/resources/library/interactivities/Separe phrase.wgt/img/ar_down_white.png and /dev/null differ
diff --git a/resources/library/interactivities/Separe phrase.wgt/img/parameters-bg.png b/resources/library/interactivities/Separe phrase.wgt/img/parameters-bg.png
new file mode 100644
index 00000000..36f648e1
Binary files /dev/null and b/resources/library/interactivities/Separe phrase.wgt/img/parameters-bg.png differ
diff --git a/resources/library/interactivities/Separe phrase.wgt/img/slate-display.png b/resources/library/interactivities/Separe phrase.wgt/img/slate-display.png
deleted file mode 100644
index 96166143..00000000
Binary files a/resources/library/interactivities/Separe phrase.wgt/img/slate-display.png and /dev/null differ
diff --git a/resources/library/interactivities/Separe phrase.wgt/img/slate-edit.png b/resources/library/interactivities/Separe phrase.wgt/img/slate-edit.png
deleted file mode 100644
index 17f5fc5c..00000000
Binary files a/resources/library/interactivities/Separe phrase.wgt/img/slate-edit.png and /dev/null differ
diff --git a/resources/library/interactivities/Separe phrase.wgt/img/slate-help-white.png b/resources/library/interactivities/Separe phrase.wgt/img/slate-help-white.png
deleted file mode 100644
index 7b5ebfd8..00000000
Binary files a/resources/library/interactivities/Separe phrase.wgt/img/slate-help-white.png and /dev/null differ
diff --git a/resources/library/interactivities/Separe phrase.wgt/img/slate-help.png b/resources/library/interactivities/Separe phrase.wgt/img/slate-help.png
deleted file mode 100644
index 069052d0..00000000
Binary files a/resources/library/interactivities/Separe phrase.wgt/img/slate-help.png and /dev/null differ
diff --git a/resources/library/interactivities/Separe phrase.wgt/img/slate-toolbar-help.png b/resources/library/interactivities/Separe phrase.wgt/img/slate-toolbar-help.png
new file mode 100644
index 00000000..fb7cdeba
Binary files /dev/null and b/resources/library/interactivities/Separe phrase.wgt/img/slate-toolbar-help.png differ
diff --git a/resources/library/interactivities/Separe phrase.wgt/img/slate-toolbar-reload-white.png b/resources/library/interactivities/Separe phrase.wgt/img/slate-toolbar-reload-white.png
deleted file mode 100644
index 78d146ec..00000000
Binary files a/resources/library/interactivities/Separe phrase.wgt/img/slate-toolbar-reload-white.png and /dev/null differ
diff --git a/resources/library/interactivities/Separe phrase.wgt/img/slate-toolbar-reload.png b/resources/library/interactivities/Separe phrase.wgt/img/slate-toolbar-reload.png
index 685a5cb2..844169a9 100644
Binary files a/resources/library/interactivities/Separe phrase.wgt/img/slate-toolbar-reload.png and b/resources/library/interactivities/Separe phrase.wgt/img/slate-toolbar-reload.png differ
diff --git a/resources/library/interactivities/Separe phrase.wgt/img/toolbar-edit.png b/resources/library/interactivities/Separe phrase.wgt/img/toolbar-edit.png
new file mode 100644
index 00000000..daa338cd
Binary files /dev/null and b/resources/library/interactivities/Separe phrase.wgt/img/toolbar-edit.png differ
diff --git a/resources/library/interactivities/Separe phrase.wgt/img/toolbar-help.png b/resources/library/interactivities/Separe phrase.wgt/img/toolbar-help.png
new file mode 100644
index 00000000..6c4454c0
Binary files /dev/null and b/resources/library/interactivities/Separe phrase.wgt/img/toolbar-help.png differ
diff --git a/resources/library/interactivities/Separe phrase.wgt/img/toolbar-reload.png b/resources/library/interactivities/Separe phrase.wgt/img/toolbar-reload.png
new file mode 100644
index 00000000..340d7371
Binary files /dev/null and b/resources/library/interactivities/Separe phrase.wgt/img/toolbar-reload.png differ
diff --git a/resources/library/interactivities/Separe phrase.wgt/index.html b/resources/library/interactivities/Separe phrase.wgt/index.html
index e108a1c9..10583ebf 100644
--- a/resources/library/interactivities/Separe phrase.wgt/index.html	
+++ b/resources/library/interactivities/Separe phrase.wgt/index.html	
@@ -58,11 +58,6 @@
                     <div id="wgt_reload"></div>                    
                     <div id="wgt_display" class="selected"></div>
                     <div id="wgt_edit"></div>
-                    <select class="style_select">
-                        <option value="1"></option>
-                        <option value="2"></option>
-                        <option value="3"></option>
-                    </select>
                 </td>
                 <td class="b_top_right">&nbsp;</td>
             </tr>
@@ -72,7 +67,17 @@
                 <td>
                     <div id="help"></div>
                     <div id="ub-widget">
-
+                        <div id="parameters">
+                            <div class="inline">
+                                <label>
+                                    <select id="style_select">
+                                        <option value="1"></option>
+                                        <option value="2"></option>
+                                        <option value="3"></option>
+                                    </select>
+                                </label>
+                            </div>
+                        </div>
                     </div>
                 </td>
                 <td class="b_center_right">&nbsp;</td>
diff --git a/resources/library/interactivities/Separe phrase.wgt/locales/fr/index.html b/resources/library/interactivities/Separe phrase.wgt/locales/fr/index.html
index 593e885a..db3451e8 100644
--- a/resources/library/interactivities/Separe phrase.wgt/locales/fr/index.html	
+++ b/resources/library/interactivities/Separe phrase.wgt/locales/fr/index.html	
@@ -36,11 +36,6 @@
                     <div id="wgt_reload"></div>                    
                     <div id="wgt_display" class="selected"></div>
                     <div id="wgt_edit"></div>
-                    <select class="style_select">
-                        <option value="1"></option>
-                        <option value="2"></option>
-                        <option value="3"></option>
-                    </select>
                 </td>
                 <td class="b_top_right">&nbsp;</td>
             </tr>
@@ -50,7 +45,17 @@
                 <td>
                     <div id="help"></div>
                     <div id="ub-widget">
-
+                        <div id="parameters">
+                            <div class="inline">
+                                <label>
+                                    <select id="style_select">
+                                        <option value="1"></option>
+                                        <option value="2"></option>
+                                        <option value="3"></option>
+                                    </select>
+                                </label>
+                            </div>
+                        </div>
                     </div>
                 </td>
                 <td class="b_center_right">&nbsp;</td>
diff --git a/resources/library/interactivities/Separe phrase.wgt/locales/fr/scripts/wcontainer.js b/resources/library/interactivities/Separe phrase.wgt/locales/fr/scripts/wcontainer.js
index 73f641e9..e74b586e 100644
--- a/resources/library/interactivities/Separe phrase.wgt/locales/fr/scripts/wcontainer.js	
+++ b/resources/library/interactivities/Separe phrase.wgt/locales/fr/scripts/wcontainer.js	
@@ -1,5 +1,5 @@
 var sankoreLang = {
-    view: "Afficher", 
+    view: "Fermer", 
     edit: "Modifier",
     example: "Ceci est une série de mots à séparer correctement",
     wgt_name: "Séparer une phrase",
@@ -9,25 +9,26 @@ var sankoreLang = {
     none: "aucun",
     help: "Aide",
     help_content: "<p><h2>Séparer une phrase</h2></p>"+
-"<p><h3>Séparer les mots d’une phrase.</h3></p>"+
+    "<p><h3>Séparer les mots d’une phrase.</h3></p>"+
 
-"<p>Une phrase est écrite sans que les mots ne soient séparés. Le but de cette activité est d’insérer les espaces aux bons endroits. Une fois que les séparations sont placées correctement, la phrase se colore en vert.</p>"+
+    "<p>Une phrase est écrite sans que les mots ne soient séparés. Le but de cette activité est d’insérer les espaces aux bons endroits. Une fois que les séparations sont placées correctement, la phrase se colore en vert.</p>"+
 
-"<p>Pour ajouter des séparations entre les mots, déplacez le curseur et cliquez entre deux lettres, une séparation s’ajoute alors.</p>"+
+    "<p>Pour ajouter des séparations entre les mots, déplacez le curseur et cliquez entre deux lettres, une séparation s’ajoute alors.</p>"+
 
 
-"<p>Le bouton “Recharger” réinitialise l’exercice.</p>"+
+    "<p>Le bouton “Recharger” réinitialise l’exercice.</p>"+
 
 
-"<p>Le bouton “Modifier” vous permet :</p>"+
+    "<p>Le bouton “Modifier” vous permet :</p>"+
 
-"<ul><li>de choisir le thème de l’interactivité : tablette, ardoise ou aucun (par défaut aucun), </li>"+
-"<li>de déterminer la phrase sur laquelle travailler.</li></ul>"+
+    "<ul><li>de choisir le thème de l’interactivité : tablette, ardoise ou aucun (par défaut aucun), </li>"+
+    "<li>de déterminer la phrase sur laquelle travailler.</li></ul>"+
 
-"<p>Ecrivez simplement une phrase dans la zone de texte.</p>"+
+    "<p>Ecrivez simplement une phrase dans la zone de texte.</p>"+
 
 
-"<p>Le bouton “Afficher” vous permet d’utiliser l’activité.</p>"
+    "<p>Le bouton “Afficher” vous permet d’utiliser l’activité.</p>",
+    theme: "Thème"
 
 };
 
@@ -38,180 +39,180 @@ var isBrowser = ( typeof( widget ) == "undefined" );
 
 function wcontainer( containerID )
 {
-	// some protecred variables
-	var thisInstance = this;
-	this.editMode = false;
-	var data = {}; // see setData and getData
+    // some protecred variables
+    var thisInstance = this;
+    this.editMode = false;
+    var data = {}; // see setData and getData
 	
-	// widget size parameters
-	this.minHeight = 100;
-	this.minWidth = 400;
+    // widget size parameters
+    this.minHeight = 100;
+    this.minWidth = 400;
 	
-	// set to 0 for no max width restriction
-	this.maxWidth = 0;
+    // set to 0 for no max width restriction
+    this.maxWidth = 0;
 	
-	// links to the elements of the widget
-	this.elements = {};
+    // links to the elements of the widget
+    this.elements = {};
 	
-	/*
+    /*
 	============
 	create
 	============
 	- creates html base, inits this.elements, assings events
 	*/
-	this.create = function( containerID )
-	{
-		var html = 			
-			'<div id="mp_content">' +
-				'<div class="viewmode" id="mp_view">' +
-				'</div>' +
-				'<div class="editmode" id="mp_edit">' +
-				'</div>' +
-			'</div>';
+    this.create = function( containerID )
+    {
+        var html = 			
+        '<div id="mp_content">' +
+        '<div class="viewmode" id="mp_view">' +
+        '</div>' +
+        '<div class="editmode" id="mp_edit">' +
+        '</div>' +
+        '</div>';
 		
-		var container = $( containerID );
+        var container = $( containerID );
 		
-		container.append( html );
-		this.elements.edit = container.find( ".editmode" );
-		this.elements.view = container.find( ".viewmode" );
-		this.elements.container = container;
-		this.elements.subcontainer = container.find( "#mp_content" );
-		this.elements.containerView = this.elements.subcontainer.find( ".viewmode" );
-		this.elements.containerEdit = this.elements.subcontainer.find( ".editmode" );
+        container.append( html );
+        this.elements.edit = container.find( ".editmode" );
+        this.elements.view = container.find( ".viewmode" );
+        this.elements.container = container;
+        this.elements.subcontainer = container.find( "#mp_content" );
+        this.elements.containerView = this.elements.subcontainer.find( ".viewmode" );
+        this.elements.containerEdit = this.elements.subcontainer.find( ".editmode" );
 		
-		$("#wgt_edit").live("click", function(){
-			thisInstance.modeEdit();
-		} );
+        $("#wgt_edit").live("click", function(){
+            thisInstance.modeEdit();
+        } );
 		
-		$("#wgt_display").live("click", function(){
-			thisInstance.modeView();
-		} );
-	};
+        $("#wgt_display").live("click", function(){
+            thisInstance.modeView();
+        } );
+    };
 	
 	
-	/*
+    /*
 	===============
 	setViewContent
 	===============
 	- assigns custom html to the viewmode container
 	*/
-	this.setViewContent = function( html )
-	{
-		this.elements.container.find( "#mp_content .viewmode" ).html( html );
-	};
+    this.setViewContent = function( html )
+    {
+        this.elements.container.find( "#mp_content .viewmode" ).html( html );
+    };
 	
-	/*
+    /*
 	===============
 	setEditContent
 	===============
 	- assigns custom html to the editmode container
 	*/
-	this.setEditContent = function( html )
-	{
-		this.elements.container.find( "#mp_content .editmode" ).html( html );
-	};
+    this.setEditContent = function( html )
+    {
+        this.elements.container.find( "#mp_content .editmode" ).html( html );
+    };
 	
 	
 	
-	/*
+    /*
 	=========================
 	modeEdit and modeView
 	=========================
 	- switch the widget betweed modes
 	* for customization extend onEditMode and onViewMode
 	*/
-	this.modeEdit = function()
-	{
-		this.onEditMode();
-		this.editMode = true;
-		this.elements.edit.removeClass( "hide" );
-		this.elements.view.addClass( "hide" );
+    this.modeEdit = function()
+    {
+        this.onEditMode();
+        this.editMode = true;
+        this.elements.edit.removeClass( "hide" );
+        this.elements.view.addClass( "hide" );
 		
-		//this.adjustSize();
-	};
-	this.modeView = function()
-	{
-		this.onViewMode();
-		this.editMode = false;
-		this.elements.edit.addClass( "hide" );
-		this.elements.view.removeClass( "hide" );
+    //this.adjustSize();
+    };
+    this.modeView = function()
+    {
+        this.onViewMode();
+        this.editMode = false;
+        this.elements.edit.addClass( "hide" );
+        this.elements.view.removeClass( "hide" );
 		
-		//this.adjustSize();
-	};
+    //this.adjustSize();
+    };
 	
 	
-	/*
+    /*
 	======================
 	setData and getData
 	======================
 	- store some data inside
 	*/
-	this.setData = function( name, value ){
-		data[name] = value;
-	};
-	this.getData = function( name ){
-		if( typeof( data[name] ) == "undefined" ){
-			return null;
-		} else return data[name];
-	};
+    this.setData = function( name, value ){
+        data[name] = value;
+    };
+    this.getData = function( name ){
+        if( typeof( data[name] ) == "undefined" ){
+            return null;
+        } else return data[name];
+    };
 	
 	
-	// redefinable methods
+    // redefinable methods
 	
-	/*
+    /*
 	==========================
 	onEditMode and onViewMode
 	==========================
 	- these are called when the mode is being changed
 	*/
-	this.onEditMode = function(){
-		//
-	};
-	this.onViewMode = function(){
-		//
-	};
-	
-	/*
+    this.onEditMode = function(){
+    //
+    };
+    this.onViewMode = function(){
+    //
+    };
+	
+    /*
 	======================
 	viewSize and editSize
 	======================
 	- calculate container size for the adjustSize method
 	* they are likely to be redefined for each particular widget
 	*/
-	this.viewSize = function(){
-		return {
-			w: this.elements.containerView.outerWidth(),
-			h: this.elements.containerView.outerHeight()
-		};
-	};
-	this.editSize = function(){
-		return {
-			w: this.elements.containerEdit.outerWidth(),
-			h: this.elements.containerEdit.outerHeight()
-		};
-	};
-	
-	/*
+    this.viewSize = function(){
+        return {
+            w: this.elements.containerView.outerWidth(),
+            h: this.elements.containerView.outerHeight()
+        };
+    };
+    this.editSize = function(){
+        return {
+            w: this.elements.containerEdit.outerWidth(),
+            h: this.elements.containerEdit.outerHeight()
+        };
+    };
+	
+    /*
 	=====================
 	checkAnswer
 	=====================
 	- check if the exercise in the view mode was done right
 	* redefine it for each particular widget
 	*/
-	this.checkAnswer = function()
-	{
-		//
-	};
-	
-	
-	// constructor end
-	
-	// if the constructor was called with a parameter,
-	// call create() automatically
-	if( arguments.length > 0 ){
-		this.create( containerID );
-	}
-	this.setData( "dw", this.elements.container.outerWidth( true ) - this.elements.container.width() );
-	this.setData( "dh", this.elements.container.outerHeight( true ) - this.elements.container.height() );
-	window.winstance = thisInstance;
+    this.checkAnswer = function()
+    {
+    //
+    };
+	
+	
+    // constructor end
+	
+    // if the constructor was called with a parameter,
+    // call create() automatically
+    if( arguments.length > 0 ){
+        this.create( containerID );
+    }
+    this.setData( "dw", this.elements.container.outerWidth( true ) - this.elements.container.width() );
+    this.setData( "dh", this.elements.container.outerHeight( true ) - this.elements.container.height() );
+    window.winstance = thisInstance;
 }
diff --git a/resources/library/interactivities/Separe phrase.wgt/locales/ru/index.html b/resources/library/interactivities/Separe phrase.wgt/locales/ru/index.html
index 61039d1a..e13bfddc 100644
--- a/resources/library/interactivities/Separe phrase.wgt/locales/ru/index.html	
+++ b/resources/library/interactivities/Separe phrase.wgt/locales/ru/index.html	
@@ -20,7 +20,6 @@
         <script type="text/javascript" src="../../scripts/app.js"></script>
         <script type="text/javascript">
             $(document).ready(function(){
-                alert(2)
                 if(window.sankore)
                     sankore.enableDropOnWidget(false);                         
             });
@@ -37,11 +36,6 @@
                     <div id="wgt_reload"></div>                    
                     <div id="wgt_display" class="selected"></div>
                     <div id="wgt_edit"></div>
-                    <select class="style_select">
-                        <option value="1"></option>
-                        <option value="2"></option>
-                        <option value="3"></option>
-                    </select>
                 </td>
                 <td class="b_top_right">&nbsp;</td>
             </tr>
@@ -51,7 +45,17 @@
                 <td>
                     <div id="help"></div>
                     <div id="ub-widget">
-
+                        <div id="parameters">
+                            <div class="inline">
+                                <label>
+                                    <select id="style_select">
+                                        <option value="1"></option>
+                                        <option value="2"></option>
+                                        <option value="3"></option>
+                                    </select>
+                                </label>
+                            </div>
+                        </div>
                     </div>
                 </td>
                 <td class="b_center_right">&nbsp;</td>
diff --git a/resources/library/interactivities/Separe phrase.wgt/locales/ru/scripts/wcontainer.js b/resources/library/interactivities/Separe phrase.wgt/locales/ru/scripts/wcontainer.js
index d73ca911..9eb8a67e 100644
--- a/resources/library/interactivities/Separe phrase.wgt/locales/ru/scripts/wcontainer.js	
+++ b/resources/library/interactivities/Separe phrase.wgt/locales/ru/scripts/wcontainer.js	
@@ -1,5 +1,5 @@
 var sankoreLang = {
-    view: "Показать", 
+    view: "Закрыть", 
     edit: "Изменить",
     example: "это группа слов которую нужно разделить",
     wgt_name: "Разделить фразу",
@@ -8,7 +8,8 @@ var sankoreLang = {
     pad: "Планшет",
     none: "Нет",
     help: "Помощь",
-    help_content: "Пример текста помощи ..."
+    help_content: "Пример текста помощи ...",
+    theme: "Тема"
 };
 
 // if use the "view/edit" button or rely on the api instead
diff --git a/resources/library/interactivities/Separe phrase.wgt/scripts/app.js b/resources/library/interactivities/Separe phrase.wgt/scripts/app.js
index 693e63c4..7150da1a 100644
--- a/resources/library/interactivities/Separe phrase.wgt/scripts/app.js	
+++ b/resources/library/interactivities/Separe phrase.wgt/scripts/app.js	
@@ -31,7 +31,7 @@ $(document).ready(function()
     
     if (window.widget) {
         window.widget.onleave = function(){
-            sankore.setPreference("spl_phrase_style", $(".style_select").find("option:selected").val());
+            sankore.setPreference("spl_phrase_style", $("#style_select").find("option:selected").val());
             if(w.editMode){
                 sankore.setPreference("ordSplPhrases", w.elements.container.find( "textarea" ).val());
                 sankore.setPreference("ordSplPhrasesState", "0");
@@ -47,7 +47,6 @@ $(document).ready(function()
     
     if(window.sankore && sankore.preference("spl_phrase_style","")){
         changeStyle(sankore.preference("spl_phrase_style",""));
-        $(".style_select").val(sankore.preference("spl_phrase_style",""));
     } else
         changeStyle("3")
     
@@ -55,13 +54,23 @@ $(document).ready(function()
     $("#wgt_edit").text(sankoreLang.edit);
     $("#wgt_help").text(sankoreLang.help);
     $("#help").html(sankoreLang.help_content);
+    $("#style_select option[value='1']").text(sankoreLang.slate);
+    $("#style_select option[value='2']").text(sankoreLang.pad);
+    $("#style_select option[value='3']").text(sankoreLang.none);    
+    
+    var tmpl = $("div.inline label").html();
+    $("div.inline label").html(sankoreLang.theme + tmpl)
+    
+    $("#style_select").change(function (event){
+        changeStyle($(this).find("option:selected").val());
+    })
     
     $("#wgt_display, #wgt_edit").click(function(event){
         if(this.id == "wgt_display"){
             if(!$(this).hasClass("selected")){                
                 $(this).addClass("selected");
                 $("#wgt_edit").removeClass("selected");
-                $(".style_select").css("display","none");                
+                $("#parameters").css("display","none");                
                 $(this).css("display", "none");
                 $("#wgt_edit").css("display", "block");
                 w.modeView();
@@ -70,7 +79,7 @@ $(document).ready(function()
             if(!$(this).hasClass("selected")){
                 $(this).addClass("selected");
                 $("#wgt_display").removeClass("selected");
-                $(".style_select").css("display","block");                
+                $("#parameters").css("display","block");                
                 $(this).css("display", "none");
                 $("#wgt_display").css("display", "block");
                 w.modeEdit();
@@ -83,11 +92,13 @@ $(document).ready(function()
     $("#wgt_help").click(function(){
         var tmp = $(this);
         if($(this).hasClass("open")){
+            $(this).removeClass("help_pad").removeClass("help_wood")
             $("#help").slideUp("100", function(){
                 tmp.removeClass("open");
                 $("#ub-widget").show();
             });
-        } else {            
+        } else {     
+            ($("#style_select").val() == 1)?$(this).removeClass("help_pad").addClass("help_wood"):$(this).removeClass("help_wood").addClass("help_pad");
             $("#ub-widget").hide();
             $("#help").slideDown("100", function(){
                 tmp.addClass("open");
@@ -104,14 +115,6 @@ $(document).ready(function()
         }
     });
     
-    $(".style_select option[value='1']").text(sankoreLang.slate);
-    $(".style_select option[value='2']").text(sankoreLang.pad);
-    $(".style_select option[value='3']").text(sankoreLang.none);
-    
-    $(".style_select").change(function (event){
-        changeStyle($(this).find("option:selected").val());
-    })
-    
     w.maxWidth = 600;
 	
     w.setEditContent( '<div class="inputwrap"><textarea class="percent">' + sentence + '</textarea></div>' );
@@ -263,7 +266,7 @@ $(document).ready(function()
     
     //changing the style
     function changeStyle(val){
-    switch(val){
+        switch(val){
         case "1":
             $(".b_top_left").removeClass("btl_pad").removeClass("without_back");
             $(".b_top_center").removeClass("btc_pad").removeClass("without_back");
@@ -276,10 +279,10 @@ $(document).ready(function()
             $("#wgt_reload").removeClass("pad_color").removeClass("pad_reload");
             $("#wgt_help").removeClass("pad_color").removeClass("pad_help");
             $("#wgt_edit").removeClass("pad_color").removeClass("pad_edit");
-            $("#wgt_display").removeClass("pad_color").removeClass("pad_edit");
             $("#wgt_name").removeClass("pad_color");
-            $(".style_select").removeClass("pad_select").removeClass("none_select").val(val);
-            $("body, html").removeClass("without_radius");
+            $("#wgt_display").addClass("display_wood");
+            $("#style_select option:first").attr('selected',true);
+            $("body, html").removeClass("without_radius").addClass("radius_ft");
             break;
         case "2":
             $(".b_top_left").addClass("btl_pad").removeClass("without_back");
@@ -293,10 +296,10 @@ $(document).ready(function()
             $("#wgt_reload").addClass("pad_color").addClass("pad_reload");
             $("#wgt_help").addClass("pad_color").addClass("pad_help");
             $("#wgt_edit").addClass("pad_color").addClass("pad_edit");
-            $("#wgt_display").addClass("pad_color").addClass("pad_edit");
             $("#wgt_name").addClass("pad_color");
-            $(".style_select").addClass("pad_select").removeClass("none_select").val(val);
-            $("body, html").removeClass("without_radius");
+            $("#wgt_display").removeClass("display_wood");
+            $("#style_select option:first").next().attr('selected',true);
+            $("body, html").removeClass("without_radius").removeClass("radius_ft");
             break;
         case "3":
             $(".b_top_left").addClass("without_back").removeClass("btl_pad");
@@ -310,12 +313,12 @@ $(document).ready(function()
             $("#wgt_help").addClass("pad_color").addClass("pad_help");
             $("#wgt_reload").addClass("pad_color").addClass("pad_reload");
             $("#wgt_edit").addClass("pad_color").addClass("pad_edit");
-            $("#wgt_display").addClass("pad_color").addClass("pad_edit");
             $("#wgt_name").addClass("pad_color");
-            $(".style_select").addClass("none_select").val(val);
-            $("body, html").addClass("without_radius");
+            $("#wgt_display").removeClass("display_wood");
+            $("#style_select option:last").attr('selected',true);
+            $("body, html").addClass("without_radius").removeClass("radius_ft");
             break;
     }
-}
+    }
 	
 });
\ No newline at end of file
diff --git a/resources/library/interactivities/Separe phrase.wgt/scripts/wcontainer.js b/resources/library/interactivities/Separe phrase.wgt/scripts/wcontainer.js
index be809815..4ed155a6 100644
--- a/resources/library/interactivities/Separe phrase.wgt/scripts/wcontainer.js	
+++ b/resources/library/interactivities/Separe phrase.wgt/scripts/wcontainer.js	
@@ -1,5 +1,5 @@
 var sankoreLang = {
-    view: "Display", 
+    view: "Close", 
     edit: "Edit",
     example: "this is a bunch of words which should be split apart",
     wgt_name: "Split a phrase",
@@ -8,7 +8,8 @@ var sankoreLang = {
     pad: "Pad",
     none: "None",
     help: "Help",
-    help_content: "This is an example of help content ..."
+    help_content: "This is an example of help content ...",
+    theme: "Theme"
 };
 
 // if use the "view/edit" button or rely on the api instead
diff --git a/resources/library/interactivities/Separe phrase.wgt/styles/app.css b/resources/library/interactivities/Separe phrase.wgt/styles/app.css
index 6db70b17..ba022a7e 100644
--- a/resources/library/interactivities/Separe phrase.wgt/styles/app.css	
+++ b/resources/library/interactivities/Separe phrase.wgt/styles/app.css	
@@ -109,57 +109,40 @@
     margin: 10px 10px 0 10px;
     padding: 0;
     float: left;
-    /*font-family: "Lobster13Regular";*/
+    font-family: Arial,Helvetica,sans-serif;
     font-size: 24px;
-    color: #8c5730;
+    color: #7F613F;
+    text-shadow: #FFDCA9 0 1px 0;
 }
 
 #wgt_reload, #wgt_edit, #wgt_display, #wgt_help{
     cursor: pointer;
-    height: 44px;
     margin: 10px 10px 0 0;
     float: right;
-    /*font-family: "Lobster13Regular";*/
-    font-size: 24px;   
-    color: #8c5730;
+    font-family: Arial,Helvetica,sans-serif;
+    font-size: 24px;    
+    line-height: 32px;
 }
 
 #wgt_display{
-    padding-left: 40px;
-    background-image: url(../img/slate-edit.png);
-    background-repeat: no-repeat;
-    background-position: top 0;
+    padding-left: 35px;
+    background: url(../img/toolbar-edit.png) left -32px no-repeat;
+    color: white;
     display: none;
 }
 
 #wgt_edit{    
-    padding-left: 40px;
-    background-image: url(../img/slate-edit.png);
-    background-repeat: no-repeat;
-    background-position: top 0;
+    padding-left: 35px;
+    background: url(../img/slate-toolbar-edit.png) left top no-repeat;
+    color: #7F613F;
+    text-shadow: #FFDCA9 0 1px 0;
 }
 
 #wgt_reload{
-    padding-left: 40px;
-    background-image: url(../img/slate-toolbar-reload.png);
-    background-repeat: no-repeat;
-    background-position: top 0;
-}
-
-.style_select{    
-    width: 120px;
-    /*font-family: "Lobster13Regular";*/
-    font-size: 24px;
-    float: right;
-    margin: 10px 20px 0 0;
-    border-radius: 10px;
-    background-image: url(../img/ar_down.png);
-    background-color: #d4aa79;
-    color: #8c5730;
-    background-position: 105px 11px;
-    background-repeat: no-repeat;
-    -webkit-appearance: menulist-text;
-    display: none;
+    padding-left: 35px;
+    background: url(../img/slate-toolbar-reload.png) left top no-repeat;
+    color: #7F613F;
+    text-shadow: #FFDCA9 0 1px 0;
 }
 
 .btl_pad{
@@ -194,51 +177,50 @@
     background-image: url(../img/pad-bottom-right.png) !important;
 }
 
-.pad_color{
-    color: white !important;
+.without_radius{
+    border-radius: 0 !important;
 }
 
-.pad_reload{
-    background-image: url(../img/slate-toolbar-reload-white.png) !important;
+.without_back{
+    background: none !important;
 }
 
-.pad_edit{
-    background-image: url(../img/slate-display.png) !important;
+.pad_color{
+    color: #FC9 !important;
+    text-shadow: none !important;
 }
 
-.pad_select{
-    background-color: black !important;
-    color: white !important;
-    background-image: url(../img/ar_down_white.png) !important;
+.pad_reload{
+    background: url(../img/toolbar-reload.png) left top no-repeat !important;
 }
 
-.without_radius{
-    border-radius: 0 !important;
+.pad_edit{
+    background: url(../img/toolbar-edit.png) left top no-repeat !important;    
 }
 
-.without_back{
-    background: none !important;
+.pad_help{
+    background: url(../img/toolbar-help.png) left top no-repeat !important;
 }
 
-.none_select{
-    background-color: #333 !important;
+.help_wood{
+    background: url(../img/slate-toolbar-help.png) left -32px no-repeat !important;
     color: white !important;
-    background-image: url(../img/ar_down_white.png) !important;
+    text-shadow: #7F613F 0 -1px 0 !important;
 }
 
-.pad_help{
-    background-image: url(../img/slate-help-white.png) !important;
+.help_pad{
+    background: url(../img/toolbar-help.png) left -32px no-repeat !important;
+    color: white !important;
 }
 
 #wgt_help{
-    padding-left: 32px;
-    background-image: url(../img/slate-help.png);
-    background-repeat: no-repeat;
-    background-position: top 0;
+    padding-left: 35px;
+    background: url(../img/slate-toolbar-help.png) left top no-repeat;
+    color: #7F613F;
+    text-shadow: #FFDCA9 0 1px 0;
 }
 
 #help{
-    width: 100%;
     height: 100%;    
     overflow: auto;
     display: none;
@@ -247,5 +229,36 @@
 }
 
 .open{
-    
+
+}
+
+#parameters{    
+    display: none;
+    padding: 10px 20px;
+    background: url("../img/parameters-bg.png");
+    border-radius: 4px 4px 0 0;
+}
+
+.inline{
+    display: inline-block;
+    font-family: "helvetica neue";
+    font-size: 14px;
+    color: #666;
+}
+
+#parameters label {
+    font-style: italic;
+}
+
+#style_select{   
+    margin-left: 10px;
+}
+
+.display_wood{
+    background: url(../img/slate-toolbar-edit.png) left -32px no-repeat !important;
+    text-shadow: #7F613F 0 -1px 0;
+}
+
+.radius_ft{
+    border-radius: 45px !important;
 }
\ No newline at end of file
diff --git a/resources/library/interactivities/Separe phrase.wgt/styles/master.css b/resources/library/interactivities/Separe phrase.wgt/styles/master.css
index 62ff205f..f08ff509 100644
--- a/resources/library/interactivities/Separe phrase.wgt/styles/master.css	
+++ b/resources/library/interactivities/Separe phrase.wgt/styles/master.css	
@@ -3,7 +3,7 @@ html, body{
     height: 100%;
     margin: 0;
     padding: 0;    
-    border-radius: 50px;
+    border-radius: 35px;
     overflow: hidden;
 }