BUG 8875 "Feature: New ExtJS based Login & Main ProcessMaker inter..." DONE

- a complete refactoring on skingEngine bootstrapper, now this is a class
- the mvc templatting engine was updated to work perfectly with templates that is using extjs engine
- a new "unmodern" was added to contains the new pmos modern main interface

workflow/engine/skinEngine/base/css/pmos-xtheme-gray.css

@@ -290,7 +290,10 @@ button.x-btn-text:focus,.x-combo-selected{
   background-image:url(/images/user-experience-icon.png) !important;
 }
 
-
+.ICON_SYSTEM {
+  background-image: url("/images/icons_silk/sprites.png") !important;
+  background-position:0 -10351px !important
+}
 
 
 
@@ -1491,4 +1494,42 @@ td.x-cnotes-label {
 }
 .replace {
     display:none;
+}
+
+/** new Ext layouts **/
+
+.x-pm-login-body
+{
+  background: none repeat scroll 0 0 #32405a;
+  background-image: url("/images/canvastile_bg2.jpg");
+}
+#loading-message 
+{
+  padding-left: 10px !important;
+  color: #fff;
+  font: bold 10px/1.9 "Lucida Grande",Lucida,Verdana,sans-serif !important;
+}
+.x-pm-footer
+{
+  background-image: url("/images/canvastile_bg2.jpg");
+  position: absolute;
+  bottom  : 0;
+}
+.x-pm-footer-text 
+{
+  color: #fff;
+  font: 8pt Tahoma,sans-serif,MiscFixed;
+  padding-top: 10px;
+  padding-bottom: 15px;
+  padding-left: 3px;
+  padding-right: 3px;
+}
+.x-pm-footer-advisetext 
+{
+  color: #fff;
+  font: 6pt Tahoma,sans-serif,MiscFixed;
+  padding-top: 0px;
+  padding-bottom: 15px;
+  padding-left: 3px;
+  padding-right: 3px;
 }