diff --git a/workflow/engine/skinEngine/uxs/config.xml b/workflow/engine/skinEngine/uxs/config.xml
index 0c5ccfe87..777a44744 100644
--- a/workflow/engine/skinEngine/uxs/config.xml
+++ b/workflow/engine/skinEngine/uxs/config.xml
@@ -17,12 +17,14 @@
+
+
@@ -31,12 +33,14 @@
+
+
@@ -45,6 +49,7 @@
+
\ No newline at end of file
diff --git a/workflow/engine/skinEngine/uxs/css/rtl.css b/workflow/engine/skinEngine/uxs/css/rtl.css
new file mode 100644
index 000000000..2692070ef
--- /dev/null
+++ b/workflow/engine/skinEngine/uxs/css/rtl.css
@@ -0,0 +1,399 @@
+/* buttons */
+body, html
+{
+ margin :0px !important;
+ padding :0px !important;
+ direction: rtl !important;
+}
+
+.logout {
+ float: left
+}
+
+ul#pm_menu {
+ float: right;
+ list-style: none outside none;
+ margin: 0;
+ padding: 0 0 0 13px;
+}
+
+
+a.options-tool {
+ color: #FFFFFF;
+ float: left;
+ font-weight: normal;
+ text-decoration: none;
+}
+
+form.formDefault td {
+ padding: 2px;
+ text-align: right;
+}
+
+form.formDefault .FormLabel {
+ color: #808080;
+ padding-right: 5px;
+ text-align: left;
+}
+
+form.formDefault .FormFieldContent {
+ background-color: #F9F9F9;
+ color: #000000;
+ font-size: 11px;
+ padding-left: 5px;
+ text-align: right;
+}
+
+.x-btn { direction: ltr; }
+.x-btn-text {direction: rtl;}
+* html .ext-ie .x-btn button {
+ width:100%;
+}
+
+.x-btn-mc em.x-btn-arrow { background-position:left center; padding-right:0; padding-left:10px; }
+.x-btn-mc em.x-btn-split { background-position:left center; display:block; padding-right:0; padding-left:14px; }
+.x-btn-mc em.x-btn-split {/* background-image:url(../images/default/button/s-arrow-rtl.gif);*/ }
+.x-btn-over .x-btn-mc em.x-btn-split, .x-btn-click .x-btn-mc em.x-btn-split, .x-btn-menu-active .x-btn-mc em.x-btn-split, .x-btn-pressed .x-btn-mc em.x-btn-split {
+ /* background-image:url(../images/default/button/s-arrow-o-rtl.gif); */
+}
+
+/* menus */
+.x-menu { /* background-image:url(../images/default/menu/menu-rtl.gif);*/ background-position: top right; background-repeat:repeat-y; }
+.x-menu-item-arrow{ /* background-image:url(../images/default/menu/menu-parent-rtl.gif); */ background-position:left center;}
+.ext-ie .x-menu-item-arrow{background-position-x:10%;}
+a.x-menu-item { padding:3px 27px 3px 21px; }
+.x-menu-item-icon { left:auto; right:3px; }
+.x-menu .x-color-palette { margin-right:26px; margin-left:4px; }
+.x-menu-list-item-indent { padding-left:auto; padding-right:27px; }
+
+/*Panel's x-tool*/
+.x-tool {float:left;margin-left:0px;margin-right:2px;}
+
+/*Layouts*/
+.x-column { float:right;}
+.x-panel-inline-icon { margin-left:4px; margin-right:0; }
+.x-tool-expand-east, .x-tool-expand-west { float:none }
+
+/*Tabs*/
+ul.x-tab-strip {width:100% !important;}
+ul.x-tab-strip li{direction:ltr; float:right;margin-right:2px; margin-left:0; width:120px;}
+ul.x-tab-strip > li{width:auto;}
+.x-tab-strip-text {direction: rtl;}
+ul.x-tab-strip li.x-tab-edge { float:right;}
+.x-tab-scroller-left { left:auto; right:0; /* background-image:url(../images/default/tabs/scroll-left-rtl.gif); */ }
+.x-tab-scroller-right { right:auto; left:0; /* background-image:url(../images/default/tabs/scroll-right-rtl.gif); */ }
+.x-tab-strip .x-tab-with-icon span.x-tab-strip-text { /*background-position:100% 3px;*/ background-repeat:no-repeat; padding-right:20px; padding-left:0; } /*PARA CORREGIR LA POSICION DE LOS ICONOS AQUI ESTA COMENTADO BRAYAN*/
+.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {right:auto; left:3px;}
+.x-tab-strip-closable .x-tab-left { padding-left:3px;padding-right:3px; }
+
+
+/*Grids*/
+.x-props-grid .x-grid3-td-name .x-grid3-cell-inner {
+ /* background-image:url(../images/default/grid/grid3-special-col-bg-1-rtl.gif) !important; */
+ padding-left: 0; padding-right: 12px; background-position: 100% 0% !important;
+}
+.x-grid3-hd-btn { left:0; right:auto; /* background-image:url(../images/default/grid/grid3-hd-btn-rtl.gif); */ }
+.x-grid3-hd-row td { border-right-color:#EEEEEE; border-left-color:#D0D0D0; }
+.x-grid3-body .x-grid3-td-numberer, .x-grid3-body .x-grid3-td-expander, .x-grid3-body .x-grid3-td-checker {
+ /* background-image:url(../images/default/grid/grid3-special-col-bg-rtl.gif); */
+}
+.x-grid-group-hd div { background-position: 99% -47px; padding:4px 20px 4px 17px; }
+.x-grid-group-collapsed .x-grid-group-hd div { background-position:99% 3px; }
+
+.x-grid3-cell-inner, .x-grid3-hd-inner{
+ padding:3px 5px 3px 3px;
+}
+
+.x-grid3-hd-inner {
+ padding:4px 5px 4px 3px;
+}
+
+
+
+.x-grid3-header-pop {
+ border-right:1px solid;
+ float:left;
+}
+
+.x-grid3-header-pop-inner {
+ border-right:1px solid;
+}
+
+.x-grid3-header-inner{
+ float:right;
+}
+
+.x-grid3-header-offset {
+ padding-left:0;
+ padding-right:1px;
+ text-align: right;
+}
+
+.x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{
+ border-right:1px solid !important;
+ border-left:1px dotted !important;
+}
+
+.x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner {
+ padding:3px 0 0 5px !important;
+}
+
+.x-dd-drag-ghost .x-grid3-dd-wrap {
+ padding:1px 1px 3px 3px;
+}
+
+.x-grid3-body .x-grid3-td-row-icon .x-grid3-cell-inner {
+ margin-left:0;
+ margin-right:2px;
+}
+
+.x-grid-group-hd div.x-grid-group-title {
+ padding:4px 17px 4px 4px;
+ background-position:99% 3px;
+}
+
+.x-dd-drag-proxy{
+ left:auto;
+ right:0;
+}
+
+.x-dd-drag-ghost{
+ padding-left:0;
+ padding-right:20px;
+}
+
+
+.x-dd-drop-icon{
+ left:auto;
+ right:3px;
+}
+
+.x-view-selector {
+ left:auto;
+ right:0;
+}
+
+/*Forms*/
+.x-form-field-wrap .x-form-trigger { /* background-image:url(../images/default/form/trigger-rtl.gif) */}
+.x-form-field-wrap .x-form-date-trigger { /* background-image: url(../images/default/form/date-trigger-rtl.gif); */}
+.x-form-field-wrap .x-form-clear-trigger { /* background-image: url(../images/default/form/clear-trigger-rtl.gif);*/ }
+.x-form-field-wrap .x-form-search-trigger { /* background-image: url(../images/default/form/search-trigger-rtl.gif);*/ }
+
+/*Date picker*/
+.x-date-right a { /* background-image: url(../images/default/shared/left-btn-rtl.gif); */ }
+.x-date-left a{ /* background-image: url(../images/default/shared/right-btn-rtl.gif); */ }
+.x-date-middle .x-btn-mc em.x-btn-arrow { background-position: 0 0; }
+x-btn-mc em.x-btn-arrow { padding-left: 12px }
+.x-date-mp-ybtn a.x-date-mp-next { background-position:0 -105px; }
+.x-date-mp-ybtn a.x-date-mp-prev { background-position:0 -120px; }
+.x-date-mp-ybtn a.x-date-mp-next:hover { background-position:-15px -105px; }
+.x-date-mp-ybtn a.x-date-mp-prev:hover { background-position:-15px -120px; }
+
+/*Toolbar icons*/
+.x-tbar-page-first{ /* background-image: url(../images/default/grid/page-first-rtl.gif) !important; */ }
+.x-tbar-page-last{ /* background-image: url(../images/default/grid/page-last-rtl.gif) !important; */ }
+.x-tbar-page-next{ /* background-image: url(../images/default/grid/page-next-rtl.gif) !important; */ }
+.x-tbar-page-prev{ /* background-image: url(../images/default/grid/page-prev-rtl.gif) !important; */ }
+.x-item-disabled .x-tbar-page-first{ /* background-image: url(../images/default/grid/page-first-disabled-rtl.gif) !important; */ }
+.x-item-disabled .x-tbar-page-last{ /* background-image: url(../images/default/grid/page-last-disabled-rtl.gif) !important; */ }
+.x-item-disabled .x-tbar-page-next{ /* background-image: url(../images/default/grid/page-next-disabled-rtl.gif) !important; */ }
+.x-item-disabled .x-tbar-page-prev{ /* background-image: url(../images/default/grid/page-prev-disabled-rtl.gif) !important; */ }
+
+/*Toobar elements*/
+.x-toolbar .x-btn-over .x-btn-mc em.x-btn-split, .x-toolbar .x-btn-click .x-btn-mc em.x-btn-split,
+.x-toolbar .x-btn-menu-active .x-btn-mc em.x-btn-split, .x-toolbar .x-btn-pressed .x-btn-mc em.x-btn-split
+{
+ /* background-image:url(../images/default/button/s-arrow-o-rtl.gif); */
+}
+.x-toolbar .x-btn-mc em.x-btn-split { /* background-image:url(../images/default/button/s-arrow-noline-rtl.gif); */ }
+.x-toolbar-more-icon { /* background-image:url(../images/default/toolbar/more-rtl.gif) !important; */ }
+.x-btn-mc em.x-btn-arrow { background-position:left center; padding-right:0; padding-left:10px; }
+.x-toolbar-more em.x-btn-arrow { padding-left:0}
+
+/*MessageBox and Window*/
+.x-window-dlg .ext-mb-icon {float:right;}
+.x-window-dlg .ext-mb-info, .x-window-dlg .ext-mb-warning, .x-window-dlg .ext-mb-question, .x-window-dlg .ext-mb-error {
+ background-position: right top;
+}
+.x-hidden, .x-hide-offsets { left:0px; }
+
+/* ProgressBar */
+.x-progress-bar { float:right }
+.x-progress-text { left:auto; right:0; }
+
+/* tooltip */
+.x-tip .x-tip-close{
+ margin:0 2px 2px 0;
+}
+
+/*panel */
+.x-panel-tl .x-panel-icon, .x-window-tl .x-panel-icon {
+ padding-right:20px !important;
+ padding-left:0 !important;
+ background-position: right 4px;
+}
+
+/* ---- text fields ---- */
+.x-form-check-group-label {
+ padding-left: 0 !important;
+ padding-right: 3px !important;
+}
+
+
+
+.ext-webkit .x-form-field-wrap .x-form-trigger{
+ right:auto;
+ left:0;
+}
+
+
+.x-form-field-wrap {
+ right:0;
+ left:auto;
+}
+
+.x-form-grow-sizer {
+ right: -10000px;
+ left: auto;
+}
+
+/* Form Items CSS */
+
+.x-form-item label.x-form-item-label {
+ float:right;
+ padding-right:0;
+ clear:right;
+}
+
+.x-form-element {
+ padding-left:0px;
+ padding-right:105px;
+}
+
+.x-form-invalid-msg {
+ padding-left:0;
+ padding-right:18px;
+}
+
+.x-form-label-left label.x-form-item-label {
+ text-align:right;
+}
+
+.x-form-label-right label.x-form-item-label {
+ text-align:left;
+}
+
+
+.x-form-label-top .x-form-element {
+ padding-right:0;
+}
+
+.x-small-editor .x-form-num-field {
+ text-align:left;
+}
+
+.x-form-clear-left {
+ clear:right;
+}
+
+
+.x-form-cb-label {
+ margin-left:0;
+ margin-right:4px;
+}
+
+
+.x-form-column {
+ float:right;
+}
+
+/* buttons */
+.x-form .x-form-btns-ct .x-btn{
+ float:left;
+}
+
+
+.x-form .x-form-btns-ct .x-form-btns-right table{
+ float:left;
+}
+
+.x-form .x-form-btns-ct .x-form-btns-left table{
+ float:right;
+}
+
+
+
+.x-fieldset legend .x-tool-toggle {
+ margin-left:3px;
+ margin-right:0;
+ float:right !important;
+}
+
+.ext-ie .x-fieldset legend .x-tool-toggle{
+ right:25px;
+ position:absolute;
+}
+
+.x-fieldset legend input {
+ margin-left:3px;
+ margin-right:0;
+ float:right !important;
+}
+
+.ext-ie .x-fieldset legend input{
+ right:25px;
+ position:absolute;
+}
+.ext-ie .x-fieldset-header-text{
+ margin-right:18px;
+}
+
+fieldset.x-panel-collapsed .x-fieldset-bwrap {
+ right:-1000px;
+ left:auto;
+}
+
+.x-fieldset-noborder legend {
+ margin-left:0px;
+ margin-right:-3px;
+}
+
+/* IE legend positioing bug */
+.ext-ie .x-fieldset-noborder legend span {
+ left:auto;
+ right:16px;
+}
+
+.x-hide-label .x-form-element {
+ padding-right: 0 !important;
+}
+
+
+td.x-date-mp-sep {
+ border-right:none;
+ border-left:1px solid;
+}
+td.x-date-mp-sep {
+ border-right-color:none;
+ border-left-color:#c5d2df;
+}
+
+
+.ext-strict .x-menu-item-icon{
+ right: 3px;
+}
+
+.ext-ie .x-menu-item-icon {
+ left: auto ;
+ right: 15px;
+}
+
+.ext-ie6 .x-menu-item-icon {
+ left: auto;
+ right: 15x;
+}
+
+.ext-ie .x-menu-item-checked .x-menu-group-item .x-menu-item-icon{
+ right: 0x !important;
+}
+
diff --git a/workflow/engine/skinEngine/uxs/layout-tracker.html b/workflow/engine/skinEngine/uxs/layout-tracker.html
index 211767b1e..660691931 100644
--- a/workflow/engine/skinEngine/uxs/layout-tracker.html
+++ b/workflow/engine/skinEngine/uxs/layout-tracker.html
@@ -1,4 +1,5 @@
+
{$header}