From 604fd4af587e8c48458a3daf79e23741aeb14af5 Mon Sep 17 00:00:00 2001
From: Hugo Loza <hugo@colosa.com>
Date: Fri, 4 Mar 2011 19:57:28 +0000
Subject: [PATCH] skinEngine now has all the control. All the css pointing to
 new images under /images and every other skin deleted. Also implemented a way
 to only send new css if something changed under skin folder and the css are
 being streamed without comments

---
 gulliver/system/class.g.php                   | 131 +++-
 workflow/engine/skinEngine/base/config.xml    |   2 +-
 .../skinEngine/base/css/pmos-xtheme-gray.css  | 702 +++++++++++++++++-
 .../engine/skinEngine/base/css/sprite.css     |   7 +-
 workflow/engine/skinEngine/base/css/style.css |  56 +-
 .../skinEngine/base/css/xtheme-gray.css       | 400 +++++-----
 6 files changed, 1024 insertions(+), 274 deletions(-)

diff --git a/gulliver/system/class.g.php b/gulliver/system/class.g.php
index 23d123402..d740a7324 100644
--- a/gulliver/system/class.g.php
+++ b/gulliver/system/class.g.php
@@ -990,35 +990,8 @@ class G
   function streamCSSBigFile( $filename )
   {
       header('Content-Type: text/css');
-
-      //if userAgent (BROWSER) is MSIE we need special headers to avoid MSIE behaivor.
-      $userAgent = strtolower($_SERVER['HTTP_USER_AGENT']);
-      if ( file_exists($filename) )
-      $mtime = filemtime($filename);
-      else
-      $mtime = date('U');
-      $gmt_mtime = gmdate("D, d M Y H:i:s", $mtime ) . " GMT";
-      header('Pragma: cache');
-      header('ETag: "' . md5 ($mtime . $filename ) . '"' );
-      header("Last-Modified: " . $gmt_mtime );
-      header('Cache-Control: public');
-      //header("Expires: " . gmdate("D, d M Y H:i:s", time () + 30*60*60*24 ) . " GMT"); //1 month
-      header("Expires: " . gmdate("D, d M Y H:i:s", time () + 60*60*24 ) . " GMT"); //1 day - tempor
-      if( isset($_SERVER['HTTP_IF_MODIFIED_SINCE']) ) {
-          if ($_SERVER['HTTP_IF_MODIFIED_SINCE'] == $gmt_mtime) {
-              header('HTTP/1.1 304 Not Modified');
-              exit();
-          }
-      }
-
-      if ( isset($_SERVER['HTTP_IF_NONE_MATCH'])) {
-          if ( str_replace('"', '', stripslashes($_SERVER['HTTP_IF_NONE_MATCH'])) == md5( $mtime . $filename))  {
-              header("HTTP/1.1 304 Not Modified");
-              exit();
-          }
-      }
-
-
+      
+      //First get Skin info
       $filenameParts=explode("-",$filename);
       $skinName=$filenameParts[0];
       $skinVariant="skin";
@@ -1034,14 +1007,47 @@ class G
       }
 
 
-      $output = "/* css autogenerated by gulliver framework for $filename skin based on $configurationFile**/\n";
-
 
       //Read Configuration File
       $xmlConfiguration = file_get_contents ( $configurationFile );
       $xmlConfigurationObj=G::xmlParser($xmlConfiguration);
       $baseSkinDirectory=dirname($configurationFile);
+      $directorySize=G::getDirectorySize($baseSkinDirectory);
+      $mtime=$directorySize['maxmtime'];
+      
+      
 
+      //if userAgent (BROWSER) is MSIE we need special headers to avoid MSIE behaivor.
+      //$userAgent = strtolower($_SERVER['HTTP_USER_AGENT']);
+      
+      $gmt_mtime = gmdate("D, d M Y H:i:s", $mtime ) . " GMT";
+      header('Pragma: cache');
+      header('ETag: "' . md5 ($mtime . $filename ) . '"' );
+      header("Last-Modified: " . $gmt_mtime );
+      header('Cache-Control: public');
+      header("Expires: " . gmdate("D, d M Y H:i:s", time () + 30*60*60*24 ) . " GMT"); //1 month
+      //header("Expires: " . gmdate("D, d M Y H:i:s", time () + 60*60*24 ) . " GMT"); //1 day - tempor
+      if( isset($_SERVER['HTTP_IF_MODIFIED_SINCE']) ) {
+          if ($_SERVER['HTTP_IF_MODIFIED_SINCE'] == $gmt_mtime) {
+              header('HTTP/1.1 304 Not Modified');
+              exit();
+          }
+      }
+
+      if ( isset($_SERVER['HTTP_IF_NONE_MATCH'])) {
+          if ( str_replace('"', '', stripslashes($_SERVER['HTTP_IF_NONE_MATCH'])) == md5( $mtime . $filename))  {
+              header("HTTP/1.1 304 Not Modified");
+              exit();
+          }
+      }
+
+      $outputHeader = "/* Autogenerated CSS file by gulliver framework \n";
+      $outputHeader .="   Skin: $filename\n";
+      $outputHeader .="   Configuration: $configurationFile\n";
+      $mtimeNow = date('U');
+      $gmt_mtimeNow = gmdate("D, d M Y H:i:s", $mtimeNow ) . " GMT";
+      $outputHeader .="   Date: $gmt_mtimeNow*/\n";
+      $output ="";
       //Base files
       switch(strtolower($skinVariant)){
           case "extjs":
@@ -1058,10 +1064,10 @@ class G
                */
               //adding the extend css for extjs-pmos
               //TODO: move this files to pmos-xthem..
-              $cssThemeExtensions = glob(PATH_TPL . "*/css/extjs-extend/{$extJsSkin}.css");
-              foreach($cssThemeExtensions as $cssThemeExtensionFile)
+              //$cssThemeExtensions = glob(PATH_TPL . "*/css/extjs-extend/{$extJsSkin}.css");
+              //foreach($cssThemeExtensions as $cssThemeExtensionFile)
               //$helper->addFile($cssThemeExtensionFile);
-              $output .= file_get_contents ( $cssThemeExtensionFile );
+              //$output .= file_get_contents ( $cssThemeExtensionFile );
               //                $classicCSSPath=PATH_SKIN_ENGINE."base". PATH_SEP."css". PATH_SEP;
               //                $output .= file_get_contents ( $classicCSSPath . 'sprite.css' );
               //$output .= file_get_contents ( $classicCSSPath . 'sprite_ie.css' );
@@ -1106,6 +1112,18 @@ class G
               $output .= file_get_contents ( $baseSkinDirectory . PATH_SEP.'css'.PATH_SEP.$cssFileInfo['__ATTRIBUTES__']['file'] );
           }
       }
+      
+      //Remove comments..
+      $regex = array(
+"`^([\t\s]+)`ism"=>'',
+"`^\/\*(.+?)\*\/`ism"=>"",
+"`([\n\A;]+)\/\*(.+?)\*\/`ism"=>"$1",
+"`([\n\A;\s]+)//(.+?)[\n\r]`ism"=>"$1\n",
+"`(^[\r\n]*|[\r\n]+)[\s\t]*[\r\n]+`ism"=>"\n"
+);
+$output = preg_replace(array_keys($regex),$regex,$output);
+$output = $outputHeader.$output;
+      
       return $output;
   }
 
@@ -4348,6 +4366,50 @@ function script_time()
 		}
 	}
 }
+function getDirectorySize($path,$maxmtime=0)
+{
+  $totalsize = 0;
+  $totalcount = 0;
+  $dircount = 0;
+  if ($handle = opendir ($path))
+  {
+    while (false !== ($file = readdir($handle)))
+    {
+      $nextpath = $path . '/' . $file;
+      if ($file != '.' && $file != '..' && !is_link ($nextpath) && $file != '.svn')
+      {
+        if (is_dir ($nextpath))
+        {
+          $dircount++;
+          $result = G::getDirectorySize($nextpath,$maxmtime);
+          $totalsize += $result['size'];
+          $totalcount += $result['count'];
+          $dircount += $result['dircount'];
+          $maxmtime=$result['maxmtime']>$maxmtime?$result['maxmtime']:$maxmtime;
+        }
+        elseif (is_file ($nextpath))
+        {
+          $totalsize += filesize ($nextpath);
+          $totalcount++;
+          
+          
+          $mtime = filemtime($nextpath);
+          if($mtime>$maxmtime) $maxmtime=$mtime;
+          
+          
+        }
+      }
+    }
+  }
+  closedir ($handle);
+  $total['size'] = $totalsize;
+  $total['count'] = $totalcount;
+  $total['dircount'] = $dircount;
+  $total['maxmtime'] = $maxmtime;
+   
+  return $total;
+}
+
 };
 
 /**
@@ -4425,6 +4487,7 @@ function eprintln($s="", $c=null){
     print "$s\n";
   }
   
+  
 }
 
 function __($msgID , $lang = SYS_LANG, $data = null)
diff --git a/workflow/engine/skinEngine/base/config.xml b/workflow/engine/skinEngine/base/config.xml
index 305bb921d..8b6e19b06 100755
--- a/workflow/engine/skinEngine/base/config.xml
+++ b/workflow/engine/skinEngine/base/config.xml
@@ -63,4 +63,4 @@
 				enabledBrowsers="ALL" disabledBrowsers=""></cssFile>
 		</extjs>
 	</cssFiles>
-</skinConfiguration>
+</skinConfiguration>
\ No newline at end of file
diff --git a/workflow/engine/skinEngine/base/css/pmos-xtheme-gray.css b/workflow/engine/skinEngine/base/css/pmos-xtheme-gray.css
index 94c1bf20e..ce56e12f2 100644
--- a/workflow/engine/skinEngine/base/css/pmos-xtheme-gray.css
+++ b/workflow/engine/skinEngine/base/css/pmos-xtheme-gray.css
@@ -46,19 +46,19 @@
     border-right: 1px solid #96969D;
 }
 .x-locationbar-folder-icon {
-    background-image: url("/skins/ext/images/gray/locationbar/location_folder.png") !important;
+    background-image: url("/images/ext/gray/locationbar/location_folder.png") !important;
 }
 .x-locationbar-back-icon {
-    background-image: url("/skins/ext/images/gray/locationbar/location_back.png") !important;
+    background-image: url("/images/ext/gray/locationbar/location_back.png") !important;
 }
 .x-locationbar-forward-icon {
-    background-image: url("/skins/ext/images/gray/locationbar/location_forward.png") !important;
+    background-image: url("/images/ext/gray/locationbar/location_forward.png") !important;
 }
 .x-locationbar-reload-icon {
-    background-image: url("/skins/ext/images/gray/locationbar/location_reload.png") !important;
+    background-image: url("/images/ext/gray/locationbar/location_reload.png") !important;
 }
 .x-locationbar .x-btn-menu-arrow-wrap .x-btn-center button {
-    background:transparent url(/skins/ext/images/gray/locationbar/btn-arrow.gif) no-repeat scroll 0pt 3px;
+    background:transparent url(/images/ext/gray/locationbar/btn-arrow.gif) no-repeat scroll 0pt 3px;
     width: 12px;
 }
 .x-locationbar .x-btn-menu-active .x-btn-menu-arrow-wrap .x-btn-center button {
@@ -67,7 +67,7 @@
 .x-locationbar .x-btn-click .x-btn-center, 
 .x-locationbar .x-btn-pressed .x-btn-center, 
 .x-locationbar .x-btn-menu-active .x-btn-center {
-    background:transparent url(/skins/ext/images/gray/locationbar/tb-btn-sprite.gif) repeat-x scroll 0pt -105px;
+    background:transparent url(/images/ext/gray/locationbar/tb-btn-sprite.gif) repeat-x scroll 0pt -105px;
 }
 
 /*Los botones de EXT solamente s even iguales en los x-form*/
@@ -128,3 +128,693 @@ button.x-btn-text:focus,.x-combo-selected{
   background-image: url("/images/ToolUseGeometry.png");
 }
 
+
+
+/* Cases Styles */
+/**
+ * Cases Interface styles
+ */
+
+#details-panel .x-panel-body {
+  padding: 10px;
+  background: #eee;
+  color: #555;
+}
+#details-panel a:link, #details-panel a:visited {
+  color: #369;
+}
+#details-panel h2 {
+  color: #369;
+  font-size: 15px;
+}
+#details-panel p {
+  margin-bottom: 5px;
+}
+
+.x-tree-node-icon{
+  width:18px !important;
+  background-image:url( /images/icons_silk/sprites.png);
+  height:18px;
+}
+
+
+.ICON_FOLDERS {
+  /*.ss_folder_explore*/
+  background-image:url( /images/icons_silk/sprites.png) !important;
+  background-position:0 -7777px !important;
+}
+
+.x-tab-strip-text.ICON_FOLDERS{
+  /*.ss_folder_explore*/
+  background-position:0 -7776px !important;
+}
+.x-tab-strip-inner .x-tab-strip-text.ICON_FOLDERS{
+  background-position:0 -7775px !important;
+}
+
+.ICON_CASES_FOLDERS {
+  /*background-image: url(/images/icons_silk/cases-inbox.png) !important;*/
+}
+
+.ICON_CASES_INBOX {
+  /*ss_folder_page*/
+  background-image:url( /images/icons_silk/sprites.png) !important;
+  background-position:0 -7957px !important;
+}
+
+.ICON_CASES_DRAFT {
+  /*ss_pencil*/
+  background-image:url( /images/icons_silk/sprites.png) !important;
+  background-position:0 -12439px !important;
+}
+
+.ICON_CASES_SENT {
+  /*ss_page_white_go*/
+  background-image:url( /images/icons_silk/sprites.png) !important;
+  background-position:0 -11773px !important;
+}
+
+.ICON_CASES_SELFSERVICE {
+  /*ss_arrow_rotate_anticlockwise */
+  background-image:url( /images/icons_silk/sprites.png) !important;
+  background-position:0 -955px !important;
+}
+
+.ICON_CASES_PAUSED {
+  /*ss_clock*/
+  background-image:url( /images/icons_silk/sprites.png) !important;
+  background-position:0px -4969px !important;
+}
+
+.ICON_CASES_COMPLETED {
+    background-image: url(/images/cases-completed1.png) !important;
+}
+
+.ICON_CASES_CANCELLED {
+    background-image: url(/images/cases-cancelled.png) !important;
+}
+
+.ICON_CASES_FOLDERS {
+  /*ss_report */
+  background-image:url( /images/icons_silk/sprites.png) !important;
+  background-position:0 -13213px !important;
+}
+
+.ICON_SEARCHS {
+    background-image: url(/images/cases-search.png) !important;
+   /*ss_find*/
+  /*background-position:0 -7453px !important;*/
+}
+.ICON_CASES_SEARCH {
+  /*ss_page_find*/
+  background-image:url( /images/icons_silk/sprites.png) !important;
+  background-position:0 -11089px !important;
+}
+
+.ICON_ADMIN {
+   /*ss_user_suit*/
+  background-image:url( /images/icons_silk/sprites.png) !important;
+  background-position:0 -17371px !important;
+}
+
+.ICON_CASES_TO_REVISE {
+  /*ss_page_white_magnify*/
+  background-image:url( /images/icons_silk/sprites.png) !important;
+  background-position:0 -11881px !important;
+}
+
+.ICON_CASES_TO_REASSIGN {
+  /*ss_arrow_rotate_clockwise*/
+  background-image:url( /images/icons_silk/sprites.png) !important;
+  background-position:0 -973px !important;
+}
+
+.ICON_CASES_START_PAGE {
+  /*ss_chart_pie*/
+  background-image:url( /images/icons_silk/sprites.png) !important;
+  background-position:0 -3925px !important;
+}
+.ICON_CASES_START_CASE {
+  /*ss_add*/
+  background-image:url( /images/icons_silk/sprites.png) !important;
+  background-position:0 -19px !important;
+}
+.ICON_CASES_HOME {
+  /*ss_house*/
+  background-image:url(/images/icons_silk/sprites.png) !important;
+  background-position:0 -8497px !important;
+}
+.ICON_CONSOLIDATED_CASES{
+  /*ss_consolidated_cases*/
+  background-image:url(/images/icons_silk/sprites.png) !important;
+  background-position:0 -18500px !important
+}
+
+.ICON_CASES_DELETE {
+  background-image:url(/images/delete-16x16.gif) !important;
+}
+
+.ICON_CASES_CANCEL {
+  background-image:url(/images/deactivate.png) !important;
+}
+
+.ICON_CASES_UNPAUSE {
+  background-image:url(/images/activate.png) !important;
+}
+
+.ICON_CASES_OPEN {
+  background-image:url(/images/edit.gif) !important;
+}
+
+ 
+
+/**
+ * style for case list grid
+ */
+.x-grid3-col-openLink {
+    padding: 1px;
+    background: #eee;
+    text-align: center;
+}
+
+.x-grid3-col-openLink a {
+    color: black; 
+    border-color:#ff0;
+}
+
+.x-grid3-col-openLink a:hover {
+    background: #0ee;
+}
+
+
+
+
+/*Tables*/
+.x-grid3-cell-inner{}
+.x-grid3-row-table{
+  padding:0px 0;
+}
+.x-grid3-row:nth-child(odd) { background-color:#FFF; }
+.x-grid3-row:nth-child(even) { background-color:#F6F6F6; }
+.x-grid3-row.x-grid3-row-over{
+  background: #E0EAEF;
+  cursor: pointer;
+}
+.x-grid3-hd-inner{
+  font-size:11px;
+  font-weight: bold;
+  color:#333;
+  text-shadow:#fff 0px 1px 1px;
+}
+.x-grid3-col-openLink,.x-grid3-col-deleteLink{
+  background:none;
+  height: 18px;
+}
+.x-grid3-col-openLink a:after{
+  content:'';
+}
+.x-grid3-row.x-grid3-row-selected{
+  background-color:#F6E095;
+}
+/*Checkboxes*/
+.grid_with_checkbox .x-grid3-header-offset{
+  padding-left:18px !important;
+}
+.grid_with_checkbox .x-grid3-row{
+  background-image:url(/images/icons_silk/unchecked.png) !important;
+  background-repeat: no-repeat !important;
+  padding-left:18px !important;
+}
+
+.grid_with_checkbox .x-grid3-row.x-grid3-row-selected{
+  background-image:url(/images/icons_silk/checked.png) !important;
+  background-repeat: no-repeat !important;
+  padding-left:18px !important;
+}
+
+
+/*
+Pone en mayúsuclas el texto que se encuentra en el toolbar de arriba
+*/
+.x-panel-tbar .x-toolbar-cell{
+  text-transform: capitalize;
+}
+
+/*TREE*/
+#ext-gen38.x-tree-root-ct .x-tree-node{
+}
+
+#ext-gen38.x-tree-root-ct .x-tree-node-el{
+  background:#eee;
+  padding-top:4px;
+  padding-bottom:4px;
+  cursor: auto;
+  border-bottom:1px solid #ddd;
+  border-top:1px solid #ddd;
+}
+#ext-gen38.x-tree-root-ct .x-tree-node-leaf{
+  background:#fff;
+  padding-top:0;
+  padding-bottom:0;
+  cursor: pointer;
+  border-bottom:none;
+  border-top:none;
+}
+#ext-gen38.x-tree-root-ct .x-tree-node .x-tree-node{
+  padding-bottom:0;
+}
+#ext-gen38.x-tree-root-ct .x-tree-node-over
+{
+  background:#eee;
+}
+#ext-gen38.x-tree-root-ct .x-tree-node-leaf{
+  padding-left:16px;
+}
+/*Eliminamos los restos del tree*/
+#ext-gen38.x-tree-root-ct .x-tree-elbow,#ext-gen38.x-tree-root-ct .x-tree-elbow-line,#ext-gen38.x-tree-root-ct .x-tree-elbow-end,
+#ext-gen38.x-tree-root-ct .x-tree-node-indent img{
+  background:none;
+  width:0px;
+}
+/*Cambiamos el menos y más*/
+#ext-gen38.x-tree-root-ct .x-tree-elbow-minus,#ext-gen38.x-tree-root-ct .x-tree-elbow-end-minus{
+  background-image:url(/images/icons_silk/sprites.png) !important;
+  background-position:0 -2395px !important;
+}
+#ext-gen38.x-tree-root-ct .x-tree-elbow-plus,#ext-gen38.x-tree-root-ct .x-tree-elbow-end-plus{
+  background-image:url(/images/icons_silk/sprites.png) !important;
+  background-position:0 -2359px !important;
+}
+/*Item selecciondo en el TREE*/
+.x-tree-root-ct .x-tree-selected{
+  background:#C3D7DF !important;
+}
+
+/*REFRESHER*/
+
+#ext-gen38.x-tree-root-ct .x-tree-node-ct b{
+}
+#refreshNotifiers.x-btn{
+}
+#ext-gen35.x-panel-tbar-noheader{
+  position:absolute;
+  top:1px;
+  right:1px;
+  height:27px;
+  z-index:1000 !important;
+  width:28px !important;
+  border-bottom:1px #ccc solid;
+}
+#ext-gen35.x-panel-tbar-noheader .x-toolbar-layout-ct{
+  width:28px !important;
+}
+#ext-gen35.x-panel-tbar-noheader .x-toolbar-left .x-toolbar-cell.x-locationbar-location{
+  display:none;
+  /*borra el espacio de la izquierda*/
+}
+/*
+antes funcionaba.
+#ext-gen35.x-panel-tbar-noheader .x-toolbar-left{
+  display:none;
+}*/
+#ext-gen35.x-panel-tbar-noheader .x-toolbar-right{
+  text-align: left !important;
+}
+
+/*StartCase*/
+.x-tab-strip-text.ICON_CASES_START_CASE{
+  background-position:0px -17px !important;
+}
+/*Dashboard*/
+.x-tab-strip-text.ICON_CASES_START_PAGE{
+  background-position:0px -3923px !important;
+}
+
+
+.row_updated{
+  /*background:#FFFDEF;*/
+  font-weight: bold;
+}
+
+/*STARTCASE RIGHT PANEL*/
+#process-detail-panel .details{}
+#process-detail-panel .details .details-info{
+  padding:10px;
+}
+#process-detail-panel .details .details-info table td{
+  padding:5px;
+}
+
+.icon-expand-all{
+  /*ss_bullet_toggle_plus*/
+  background-image:url(/images/icons_silk/sprites.png) !important;
+  background-position:0 -2359px !important;
+}
+.icon-collapse-all{
+  /*ss_bullet_toggle_minus*/
+  background-image:url(/images/icons_silk/sprites.png) !important;
+  background-position:0 -2395px !important;
+}
+#startCaseTreePanel .x-tree-elbow-end-minus,
+#startCaseTreePanel .x-tree-elbow-end-plus,
+#startCaseTreePanel .x-tree-elbow-minus,
+#startCaseTreePanel .x-tree-elbow-plus,
+#startCaseTreePanel .x-tree-elbow-line,
+#startCaseTreePanel .x-tree-node-indent{
+  display:none;
+}
+
+
+/*Search Button*/
+.pm_search_x_button{
+  /*margin-left:-21px;*/
+  display:block;
+  width:16px;
+  height:20px;
+  margin-top:1px;
+  margin-right:3px;
+}
+.ext-ie .pm_search_x_button {margin-top:0px !important}
+.pm_search_x_button .x-btn-over .x-btn-mc
+{
+  background:transparent;
+}
+.pm_search_x_button .x-btn-ml,.pm_search_x_button .x-btn-mr,
+.pm_search_x_button .x-btn-tc,.pm_search_x_button .x-btn-tl,.pm_search_x_button .x-btn-tr,
+.pm_search_x_button .x-btn-bc,.pm_search_x_button .x-btn-bl,.pm_search_x_button .x-btn-br
+{
+  display:none !important;
+}
+.pm_search_x_button button{
+  background:url(/images/icons_silk/search_x_button.png) no-repeat;
+  text-indent: -10000px;
+  width:16px !important;
+  height:20px !important;
+  display:block;
+  margin:0;
+  padding:0;
+}
+.pm_search_text_field input{
+  border-right:none !important;
+}
+.ext-ie8 .pm_search_text_field input {margin-top:1px !important}
+
+.pm_search_text_field input:focus,.pm_search_text_field .x-form-focus{
+  border:1px solid #c1c1c1 !important;
+  border-right:none !important;
+}
+
+.ICON_STEPS {
+  background-image:url(/images/steps.png) !important;
+}
+.ICON_ASSIGN_TASK {
+  background-image:url(/images/flechav1A.png) !important;
+}
+
+
+/* CSS BPMN */
+#x-shapes p {
+    type:none;
+
+        margin-left:9px;
+    }
+
+#x-shapes-task {
+   width:36px;
+   height:26px;
+  /* background-image:url('/images/ext/gray/shapes/pallete/task.png') ;*/
+   margin:2px 2px 2px 2px;
+}
+
+#x-shapes-startEvent {
+   width:38px;
+   height:38px;
+  /* background-image:url('/images/ext/gray/shapes/pallete/startevent.png');*/
+   margin:2px 2px 2px 2px;
+}
+
+#x-shapes-interEvent {
+   width:38px;
+   height:38px;
+   /*background-image:url('/images/ext/gray/shapes/pallete/interevent.png');*/
+   margin:2px 2px 2px 2px;
+}
+
+#x-shapes-endEvent {
+   width:38px;
+   height:38px;
+  /*background-image:url('/images/ext/gray/shapes/pallete/endevent.png');*/
+   margin:2px 2px 2px 2px;
+}
+
+#x-shapes-gateway {
+   width:36px;
+   height:36px;
+   /*background-image:url('/images/ext/gray/shapes/pallete/gateway.png') ;*/
+   margin:2px 2px 2px 2px;
+}
+
+#x-shapes-dataobject {
+   width:36px;
+   height:36px;
+   /*background-image:url('/images/ext/gray/shapes/pallete/gateway.png') ;*/
+   margin:0 2px 2px 2px;
+}
+
+#x-shapes-group {
+   width:36px;
+   height:36px;
+   /*background-image:url('/images/ext/gray/shapes/pallete/gateway.png') ;*/
+   margin:4px 2px 2px 2px;
+}
+
+#x-shapes-annotation {
+   width:36px;
+   height:36px;
+   /*background-image:url('/images/ext/gray/shapes/pallete/gateway.png') ;*/
+   margin:5px 2px 2px 2px;
+}
+
+#x-shapes-pool {
+   width:36px;
+   height:36px;
+   /*background-image:url('/images/ext/gray/shapes/pallete/gateway.png') ;*/
+   margin:2px 2px 2px 2px;
+}
+
+#x-shapes-lane {
+   width:36px;
+   height:36px;
+   /*background-image:url('/images/ext/gray/shapes/pallete/gateway.png') ;*/
+   margin:2px 2px 2px 2px;
+}
+
+#x-shapes-milestone {
+   width:36px;
+   height:36px;
+   /*background-image:url('/images/ext/gray/shapes/pallete/gateway.png') ;*/
+   margin:2px 2px 2px 2px;
+}
+
+#x-shapes-sequence {
+   width:36px;
+   height:36px;
+   /*background-image:url('/images/ext/gray/shapes/pallete/gateway.png') ;*/
+   margin:2px 2px 2px 2px;
+}
+
+#x-shapes-association {
+   width:36px;
+   height:36px;
+   /*background-image:url('/images/ext/gray/shapes/pallete/gateway.png') ;*/
+   margin:2px 2px 2px 2px;
+}
+
+#x-shapes-message {
+   width:36px;
+   height:36px;
+   /*background-image:url('/images/ext/gray/shapes/pallete/gateway.png') ;*/
+   margin:2px 2px 2px 2px;
+}
+
+.toolbar-item{
+  display: table-cell;
+  background-color:#fff; 
+  width : 50px !important;
+  height: 25px !important;
+  
+  border: 1px;
+  border-style: solid;
+  border-color: #ccc;
+  
+  font-size: 12px;
+  padding: 1px 1px 1px 1px;
+
+  -moz-border-radius: 7px;
+  -webkit-border-radius: 20px;
+  -khtml-border-radius: 20px;
+  border-radius: 7px;
+
+  vertical-align: middle !important;
+  text-align:center;
+}
+
+#x-shapes p:hover {
+  border-left: 1px solid #808080;
+  border-top: 1px solid #808080;
+  border-right: 1px solid #ccc;
+  border-bottom: 1px solid #ccc;
+  background: #EFEFEF;
+  border-color: #98bf21;
+}
+
+
+/* CSS Setup */
+.pm-tree-node1 {
+	font: normal 11px Verdana,Arial,Helvetica,sans-serif !important;
+
+
+	border: 1px solid #CACACA;
+	height: 20px;
+	width: 99%;
+	color: #666;
+	vertical-align: middle;
+	text-decoration: none;
+	-moz-border-radius:6px; /* Rounded edges in Firefox */
+}
+
+.ICON_CASES_LIST_SETUP{
+	background-image: url(/images/icon-pmcaseslist-conf.png) !important;
+	width:15px !important;
+	height:15px !important;
+}
+
+
+.ICON_APPCACHEVIEW_SETUP{
+	background-image: url(/images/icon-pmappcacheview-rebuild.png) !important;
+	width:15px !important;
+	height:15px !important;
+}
+
+.ICON_ADDITIONAL_TABLES{
+	/*ss_database_table*/
+	background-image:url( /images/icons_silk/sprites.png) !important;
+	background-position:0 -5815px !important;
+}
+
+.ICON_LANGUAGES{
+	/*ss_text_dropcaps*/
+	background-image: url(/images/icon-languages.png) !important;
+	width:18px !important;
+	height:15px !important;
+}
+
+
+.ICON_PLUGINS{
+	/*ss_plugin*/
+	background-image:url( /images/icons_silk/sprites.png) !important;
+	background-position:0 -12961px !important;
+}
+
+.ICON_UPGRADE{
+	/*ss_package_go*/
+	background-image:url( /images/icons_silk/sprites.png) !important;
+	background-position:0 -10873px !important;
+}
+
+.ICON_EMAILS{
+	/*ss_email_edit*/
+	background-image:url( /images/icons_silk/sprites.png) !important;
+	background-position:0 -6715px !important;
+}
+
+.ICON_WEBSERVICES{
+	/*ss_server_connect*/
+	background-image:url( /images/icons_silk/sprites.png) !important;
+	background-position:0 -14095px !important;
+}
+
+.ICON_SKINS{
+	background-image: url(/images/icon-pmskins.png) !important;
+	width:15px !important;
+	height:15px !important;
+}
+
+.ICON_LOGO{
+	background-image: url(/images/icon-pmlogo-15x15.png) !important;
+	width:15px !important;
+	height:15px !important;
+}
+
+.ICON_CLEAR_CACHE{
+	background-image: url(/images/icon-pmclear-cache.png) !important;
+	width:15px !important;
+	height:15px !important;
+}
+
+.ICON_CALENDAR{
+	/*ss_calendar*/
+	background-image:url( /images/icons_silk/sprites.png) !important;
+	background-position:0 -2899px !important;
+}
+
+.ICON_LOG_CASE_SCHEDULER{
+	/*ss_timeline_marker*/
+	background-image:url( /images/icons_silk/sprites.png) !important;
+	background-position:0 -17011px !important;
+}
+
+.ICON_PROCESS_CATEGORY{
+	/*ss_sitemap_color*/
+	background-image:url( /images/icons_silk/sprites.png) !important;
+	background-position:0 -14833px !important;
+}
+
+/* Language Support module styles*/
+.upload-icon {
+	background: url('/images/cases-documents.png') no-repeat 0 0 !important;
+}
+
+#fi-button-msg {
+	border: 2px solid #ccc;
+	padding: 5px 10px;
+	background: #eee;
+	margin: 5px;
+	float: left;
+}
+
+.ICON_HEARTBEAT{
+	/*ss_heart*/
+	background-image:url( /images/icons_silk/sprites.png) !important;
+	background-position:0 -8335px !important;
+}
+
+/*icons add alvaro*/
+.ICON_USERS{
+	/*ss_user*/
+	background-image:url( /images/icons_silk/sprites.png) !important;
+	background-position:0 -17173px !important;
+}
+
+.ICON_ROLES{
+	/*ss_application_key*/
+	background-image:url( /images/icons_silk/sprites.png) !important;
+	background-position:0 -325px !important;
+}
+
+.ICON_GROUPS{
+	/*ss_group*/
+	background-image:url( /images/icons_silk/sprites.png) !important;
+	background-position:0 -8173px !important;
+}
+
+.ICON_DEPARTAMENTS{
+	/*ss_chart_organisation*/
+	background-image:url( /images/icons_silk/sprites.png) !important;
+	background-position:0 -3871px !important;
+}
+.ICON_AUTHSOURCES{
+	/*ss_key*/
+	background-image:url( /images/icons_silk/sprites.png) !important;
+	background-position:0 -8929px !important;
+}
\ No newline at end of file
diff --git a/workflow/engine/skinEngine/base/css/sprite.css b/workflow/engine/skinEngine/base/css/sprite.css
index 1a48ca7f0..130ed5e4a 100644
--- a/workflow/engine/skinEngine/base/css/sprite.css
+++ b/workflow/engine/skinEngine/base/css/sprite.css
@@ -1,7 +1,3 @@
-/*
-* Blue is the new Green
-*/
-
 /*Edicion de botones copiar de default.css (Final)*/
 
 input:-moz-focus-inner{border:0;}
@@ -11,6 +7,7 @@ button:-moz-focus-inner{border:0;}
 /*
 Sprite modificado de http://ajaxbestiary.com/Labs/SilkSprite/
 */
+
 .ss_sprite{
   background-image:url( /images/icons_silk/sprites.png) !important;
   background-repeat:no-repeat;
@@ -29,7 +26,7 @@ Sprite modificado de http://ajaxbestiary.com/Labs/SilkSprite/
 }
 .pm_toolbar td{padding:0;margin:0}
 
-.panel_headerBar___processmaker{background:url("/skins/ext/images/gray/toolbar/bg.gif") #F0F0F0 !important}
+.panel_headerBar___processmaker{background:url("/images/ext/gray/toolbar/bg.gif") #F0F0F0 !important}
 
 .button_menu_ext{padding-left:20px !important;height:18px !important;}
 .button_large_ext{padding-left:20px !important;height:32px !important;}
diff --git a/workflow/engine/skinEngine/base/css/style.css b/workflow/engine/skinEngine/base/css/style.css
index 5fe11cdbd..619156297 100644
--- a/workflow/engine/skinEngine/base/css/style.css
+++ b/workflow/engine/skinEngine/base/css/style.css
@@ -24,7 +24,7 @@ img {
 }
 .Footer .image
 {
-	/*background-image: url(/skins/green/images/bf.jpg);
+	/*background-image: url(/images/classic/bf.jpg);
 	background-repeat: repeat-x;
 	height:10px;*/
 
@@ -56,7 +56,7 @@ img {
 .temporalMessageERROR
 {
 	-moz-border-radius:6px;	/* Rounded edges in Firefox */
-	background-image: url(/skins/green/images/error.gif);
+	background-image: url(/images/classic/error.gif);
 	color	:#ffffff;
 	border-style:solid;
 	border-width:1px;
@@ -71,7 +71,7 @@ img {
 .temporalMessageWARNING
 {
 	-moz-border-radius:6px;	/* Rounded edges in Firefox */
-	background-image: url(/skins/green/images/warning.png);
+	background-image: url(/images/classic/warning.png);
 	color	:#555555;
 	border-style:solid;
 	border-width:1px;
@@ -86,7 +86,7 @@ img {
 .temporalMessageINFO
 {
 	-moz-border-radius:6px;	/* Rounded edges in Firefox */
-	background-image: url(/skins/green/images/message.png);
+	background-image: url(/images/classic/message.png);
 	color	:#000000;
 	border-style:solid;
 	border-width:1px;
@@ -330,7 +330,7 @@ TD.mainMenuBG {
 }
 
 TD.mainMenu {
-	background-image: url(/skins/green/images/bm.jpg);
+	background-image: url(/images/classic/bm.jpg);
 	background-repeat: repeat-x;
 	height: 25px;
 	left: 46px;
@@ -355,7 +355,7 @@ A.mainMenu:hover {
 }
 
 TD.SelectedMenu{
-	background-image: url(/skins/green/images/bsms.jpg);
+	background-image: url(/images/classic/bsms.jpg);
 	background-repeat: repeat-x;
 	top: 72px;
 	height: 26px;
@@ -384,7 +384,7 @@ A.SelectedMenu {
 
 
 TD.subMenu {
-	background-image: url('/skins/green/images/bsm.jpg');
+	background-image: url('/images/classic/bsm.jpg');
 	background-repeat: repeat-x;
 	height: 25px;
 }
@@ -463,14 +463,14 @@ A.selectedSubMenu:hover {
 {
 	left:0px;
 	top:0px;
-	background-image:url(/skins/green/images/ftl.png);
+	background-image:url(/images/classic/ftl.png);
 	background-color:transparent;
 }
 .boxTop div.c, .boxTopBlue div.c
 {
 	top:0px;
 	right:0px;
-	background-image:url(/skins/green/images/ftr.png);
+	background-image:url(/images/classic/ftr.png);
 	background-color:transparent;
 }
 .boxTop div.b, .boxTopBlue div.b
@@ -485,12 +485,12 @@ A.selectedSubMenu:hover {
 /* Box Top Model Blue BEGIN */
 .boxTopBlue div.c
 {
-	background-image:url(/skins/green/images/ftr.blue.gif);
+	background-image:url(/images/classic/ftr.blue.gif);
 	background-color:transparent;
 }
 .boxTopBlue div.a
 {
-	background-image:url(/skins/green/images/ftl.blue.gif);
+	background-image:url(/images/classic/ftl.blue.gif);
 	background-color:transparent;
 }
 .boxTopBlue div.b
@@ -520,14 +520,14 @@ A.selectedSubMenu:hover {
 {
 	left:0px;
 	top:0px;
-	background-image:url(/skins/green/images/fbl.png);
+	background-image:url(/images/classic/fbl.png);
 	background-color:transparent;
 }
 .boxBottom div.c, .boxBottomBlue div.c
 {
 	top:0px;
 	right:0px;
-	background-image:url(/skins/green/images/fbr.png);
+	background-image:url(/images/classic/fbr.png);
 	background-color:transparent;
 }
 .boxBottom div.b, .boxBottomBlue div.b
@@ -535,18 +535,18 @@ A.selectedSubMenu:hover {
 	width:100%;
 	height:16px;
 	border-bottom:1px solid #DADADA;
-	background: transparent url(/skins/green/images/fbc.png) repeat-x;
+	background: transparent url(/images/classic/fbc.png) repeat-x;
 }
 /* Box Bottom Model END */
 /* Box Bottom Model Blue BEGIN */
 .boxBottomBlue div.c
 {
-	background-image:url(/skins/green/images/fbr.blue.png);
+	background-image:url(/images/classic/fbr.blue.png);
 	background-color:transparent;
 }
 .boxBottomBlue div.a
 {
-	background-image:url(/skins/green/images/fbl.blue.png);
+	background-image:url(/images/classic/fbl.blue.png);
 	background-color:transparent;
 }
 .boxBottomBlue div.b
@@ -554,7 +554,7 @@ A.selectedSubMenu:hover {
 	width:100%;
 	height:16px;
 	border-bottom:1px solid #DADADA;
-	background: transparent url(/skins/green/images/fbc.blue.png) repeat-x;
+	background: transparent url(/images/classic/fbc.blue.png) repeat-x;
 }
 .boxContentBlue
 {
@@ -596,21 +596,21 @@ a.linkInBlue:hover
 {
 	left:0px;
 	top:0px;
-	background-image:url(/skins/green/images/ftlL.png);
+	background-image:url(/images/classic/ftlL.png);
 	background-color:transparent;
 }
 .boxTopPanel div.c
 {
 	top:0px;
 	right:0px;
-	background-image:url(/skins/green/images/ftrL.png);
+	background-image:url(/images/classic/ftrL.png);
 	background-color:transparent;
 }
 .boxTopPanel div.b
 {
 	width:100%;
 	height:16px;
-	background: transparent url(/skins/green/images/ftc.png) repeat-x;
+	background: transparent url(/images/classic/ftc.png) repeat-x;
 }
 
 /* BoxPanel Bottom Model END */
@@ -651,7 +651,7 @@ form.formDefault .content
 form.formDefault input.FormField
 {
 	border: 1px solid #CCC;
-	background: #FFFFFF url(/skins/green/images/input_back.gif) repeat-x;
+	background: #FFFFFF url(/images/classic/input_back.gif) repeat-x;
 	color:#333333;
 	font:normal 11px Arial,Helvetica,sans-serif;
 }
@@ -682,7 +682,7 @@ form.formDefault .FormFieldContent
 form.formDefault textarea.FormTextArea
 {
 	border: 1px solid #CCC;
-	background: #FFFFFF url(/skins/green/images/input_back.gif) repeat-x;
+	background: #FFFFFF url(/images/classic/input_back.gif) repeat-x;
 	color:#333333;
 	font:normal 11px Arial,Helvetica,sans-serif;
 	overflow:auto;
@@ -690,7 +690,7 @@ form.formDefault textarea.FormTextArea
 form.formDefault textarea.FormTextPM
 {
 	border: 1px solid #CCC;
-	background: #FFFFFF url(/skins/green/images/input_back.gif) repeat-x;
+	background: #FFFFFF url(/images/classic/input_back.gif) repeat-x;
 	color:#333;
 	font:normal 12 Courier New, monospace ;
 	overflow:auto;
@@ -1227,7 +1227,7 @@ div.treeParent .content .treeNode a.selected
 }
 div.treeParent div.treeParent .boxTop div.a
 {
-	background-image:url(/skins/green/images/ftl.blue.gif);
+	background-image:url(/images/classic/ftl.blue.gif);
 }
 div.treeParent div.treeParent .boxTop div.b
 {
@@ -1236,19 +1236,19 @@ div.treeParent div.treeParent .boxTop div.b
 }
 div.treeParent div.treeParent .boxTop div.c
 {
-	background-image:url(/skins/green/images/ftr.blue.gif);
+	background-image:url(/images/classic/ftr.blue.gif);
 }
 div.treeParent div.treeParent .boxBottom div.a
 {
-	background-image:url(/skins/green/images/fbl.blue.png);
+	background-image:url(/images/classic/fbl.blue.png);
 }
 div.treeParent div.treeParent .boxBottom div.b
 {
-	background-image:url(/skins/green/images/fbc.blue.png);
+	background-image:url(/images/classic/fbc.blue.png);
 }
 div.treeParent div.treeParent .boxBottom div.c
 {
-	background-image:url(/skins/green/images/fbr.blue.png);
+	background-image:url(/images/classic/fbr.blue.png);
 }*/
 
 
diff --git a/workflow/engine/skinEngine/base/css/xtheme-gray.css b/workflow/engine/skinEngine/base/css/xtheme-gray.css
index fa0e6ab7a..12557f9d9 100755
--- a/workflow/engine/skinEngine/base/css/xtheme-gray.css
+++ b/workflow/engine/skinEngine/base/css/xtheme-gray.css
@@ -11,7 +11,7 @@
 .ext-el-mask-msg {
     border-color:#999;
     background-color:#ddd;
-    background-image:url(/skins/ext/images/gray/panel/white-top-bottom.gif);
+    background-image:url(/images/ext/gray/panel/white-top-bottom.gif);
     background-position: 0 -1px;
 }
 .ext-el-mask-msg div {
@@ -23,7 +23,7 @@
 
 .x-mask-loading div {
     background-color:#fbfbfb;
-    background-image:url(/skins/ext/images/default/grid/loading.gif);
+    background-image:url(/images/ext/default/grid/loading.gif);
 }
 
 .x-item-disabled {
@@ -60,20 +60,20 @@
 }
 
 .x-shadow .xsmc {
-    background-image: url(/skins/ext/images/default/shadow-c.png);
+    background-image: url(/images/ext/default/shadow-c.png);
 }
 
 .x-shadow .xsml, .x-shadow .xsmr {
-    background-image: url(/skins/ext/images/default/shadow-lr.png);
+    background-image: url(/images/ext/default/shadow-lr.png);
 }
 
 .x-shadow .xstl, .x-shadow .xstc,  .x-shadow .xstr, .x-shadow .xsbl, .x-shadow .xsbc, .x-shadow .xsbr{
-    background-image: url(/skins/ext/images/default/shadow.png);
+    background-image: url(/images/ext/default/shadow.png);
 }
 
 .loading-indicator {
     font-size: 11px;
-    background-image: url(/skins/ext/images/default/grid/loading.gif);
+    background-image: url(/images/ext/default/grid/loading.gif);
 }
 
 .x-spotlight {
@@ -91,13 +91,13 @@
 
 ul.x-tab-strip-top{
     background-color:#dbdbdb;
-	background-image: url(/skins/ext/images/gray/tabs/tab-strip-bg.gif);
+	background-image: url(/images/ext/gray/tabs/tab-strip-bg.gif);
 	border-bottom-color:#d0d0d0;
 }
 
 ul.x-tab-strip-bottom{
     background-color:#dbdbdb;
-	background-image: url(/skins/ext/images/gray/tabs/tab-strip-btm-bg.gif);
+	background-image: url(/images/ext/gray/tabs/tab-strip-btm-bg.gif);
 	border-top-color:#d0d0d0;
 }
 
@@ -126,39 +126,39 @@ ul.x-tab-strip-bottom{
 }
 
 .x-tab-strip-top .x-tab-right, .x-tab-strip-top .x-tab-left, .x-tab-strip-top .x-tab-strip-inner{
-	background-image: url(/skins/ext/images/gray/tabs/tabs-sprite.gif);
+	background-image: url(/images/ext/gray/tabs/tabs-sprite.gif);
 }
 
 .x-tab-strip-bottom .x-tab-right {
-	background-image: url(/skins/ext/images/gray/tabs/tab-btm-inactive-right-bg.gif);
+	background-image: url(/images/ext/gray/tabs/tab-btm-inactive-right-bg.gif);
 }
 
 .x-tab-strip-bottom .x-tab-left {
-	background-image: url(/skins/ext/images/gray/tabs/tab-btm-inactive-left-bg.gif);
+	background-image: url(/images/ext/gray/tabs/tab-btm-inactive-left-bg.gif);
 }
 
 .x-tab-strip-bottom .x-tab-strip-over .x-tab-left {
-	background-image: url(/skins/ext/images/gray/tabs/tab-btm-over-left-bg.gif);
+	background-image: url(/images/ext/gray/tabs/tab-btm-over-left-bg.gif);
 }
 
 .x-tab-strip-bottom .x-tab-strip-over .x-tab-right {
-	background-image: url(/skins/ext/images/gray/tabs/tab-btm-over-right-bg.gif);
+	background-image: url(/images/ext/gray/tabs/tab-btm-over-right-bg.gif);
 }
 
 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
-	background-image: url(/skins/ext/images/gray/tabs/tab-btm-right-bg.gif);
+	background-image: url(/images/ext/gray/tabs/tab-btm-right-bg.gif);
 }
 
 .x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
-	background-image: url(/skins/ext/images/gray/tabs/tab-btm-left-bg.gif);
+	background-image: url(/images/ext/gray/tabs/tab-btm-left-bg.gif);
 }
 
 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
-	background-image:url(/skins/ext/images/gray/tabs/tab-close.gif);
+	background-image:url(/images/ext/gray/tabs/tab-close.gif);
 }
 
 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{
-	background-image:url(/skins/ext/images/gray/tabs/tab-close.gif);
+	background-image:url(/images/ext/gray/tabs/tab-close.gif);
 }
 
 .x-tab-panel-body {
@@ -175,7 +175,7 @@ ul.x-tab-strip-bottom{
 }
 
 .x-tab-scroller-left {
-    background-image:url(/skins/ext/images/gray/tabs/scroll-left.gif);
+    background-image:url(/images/ext/gray/tabs/scroll-left.gif);
     border-bottom-color:#d0d0d0;
 }
 
@@ -192,7 +192,7 @@ ul.x-tab-strip-bottom{
 }
 
 .x-tab-scroller-right {
-    background-image:url(/skins/ext/images/gray/tabs/scroll-right.gif);
+    background-image:url(/images/ext/gray/tabs/scroll-right.gif);
     border-bottom-color:#d0d0d0;
 }
 
@@ -205,7 +205,7 @@ ul.x-tab-strip-bottom{
 
 .x-form-text, textarea.x-form-field{
     background-color:#fff;
-    background-image:url(/skins/ext/images/default/form/text-bg.gif);
+    background-image:url(/images/ext/default/form/text-bg.gif);
     border-color:#C1C1C1;
 }
 
@@ -224,20 +224,20 @@ ul.x-tab-strip-bottom{
 }
 
 .x-form-field-wrap .x-form-trigger{
-    background-image:url(/skins/ext/images/gray/form/trigger.gif);
+    background-image:url(/images/ext/gray/form/trigger.gif);
     border-bottom-color:#b5b8c8;
 }
 
 .x-form-field-wrap .x-form-date-trigger{
-    background-image: url(/skins/ext/images/gray/form/date-trigger.gif);
+    background-image: url(/images/ext/gray/form/date-trigger.gif);
 }
 
 .x-form-field-wrap .x-form-clear-trigger{
-    background-image: url(/skins/ext/images/gray/form/clear-trigger.gif);
+    background-image: url(/images/ext/gray/form/clear-trigger.gif);
 }
 
 .x-form-field-wrap .x-form-search-trigger{
-    background-image: url(/skins/ext/images/gray/form/search-trigger.gif);
+    background-image: url(/images/ext/gray/form/search-trigger.gif);
 }
 
 .x-trigger-wrap-focus .x-form-trigger{
@@ -258,7 +258,7 @@ ul.x-tab-strip-bottom{
 
 .x-form-invalid, textarea.x-form-invalid{
     background-color:#fff;
-	background-image:url(/skins/ext/images/default/grid/invalid_line.gif);
+	background-image:url(/images/ext/default/grid/invalid_line.gif);
 	border-color:#c30;
 }
 
@@ -269,7 +269,7 @@ ul.x-tab-strip-bottom{
 
 .x-form-inner-invalid, textarea.x-form-inner-invalid{
     background-color:#fff;
-	background-image:url(/skins/ext/images/default/grid/invalid_line.gif);
+	background-image:url(/images/ext/default/grid/invalid_line.gif);
 }
 
 .x-form-grow-sizer {
@@ -283,7 +283,7 @@ ul.x-tab-strip-bottom{
 .x-form-invalid-msg {
     color:#c0272b;
     font:normal 11px tahoma, arial, helvetica, sans-serif;
-    background-image:url(/skins/ext/images/default/shared/warning.gif);
+    background-image:url(/images/ext/default/shared/warning.gif);
 }
 
 .x-form-empty-field {
@@ -299,7 +299,7 @@ ul.x-tab-strip-bottom{
 }
 
 .x-form-invalid-icon {
-    background-image:url(/skins/ext/images/default/form/exclamation.gif);
+    background-image:url(/images/ext/default/form/exclamation.gif);
 }
 
 .x-fieldset {
@@ -324,7 +324,7 @@ ul.x-tab-strip-bottom{
 }
 
 .x-btn-tl, .x-btn-tr, .x-btn-tc, .x-btn-ml, .x-btn-mr, .x-btn-mc, .x-btn-bl, .x-btn-br, .x-btn-bc{
-	background-image:url(/skins/ext/images/gray/button/btn.gif);
+	background-image:url(/images/ext/gray/button/btn.gif);
 }
 
 .x-btn-click .x-btn-text, .x-btn-menu-active .x-btn-text, .x-btn-pressed .x-btn-text{
@@ -336,27 +336,27 @@ ul.x-tab-strip-bottom{
 }
 
 .x-btn-mc em.x-btn-arrow {
-    background-image:url(/skins/ext/images/default/button/arrow.gif);
+    background-image:url(/images/ext/default/button/arrow.gif);
 }
 
 .x-btn-mc em.x-btn-split {
-    background-image:url(/skins/ext/images/default/button/s-arrow.gif);
+    background-image:url(/images/ext/default/button/s-arrow.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(/skins/ext/images/gray/button/s-arrow-o.gif);
+    background-image:url(/images/ext/gray/button/s-arrow-o.gif);
 }
 
 .x-btn-mc em.x-btn-arrow-bottom {
-    background-image:url(/skins/ext/images/default/button/s-arrow-b-noline.gif);
+    background-image:url(/images/ext/default/button/s-arrow-b-noline.gif);
 }
 
 .x-btn-mc em.x-btn-split-bottom {
-    background-image:url(/skins/ext/images/default/button/s-arrow-b.gif);
+    background-image:url(/images/ext/default/button/s-arrow-b.gif);
 }
 
 .x-btn-over .x-btn-mc em.x-btn-split-bottom, .x-btn-click .x-btn-mc em.x-btn-split-bottom, .x-btn-menu-active .x-btn-mc em.x-btn-split-bottom, .x-btn-pressed .x-btn-mc em.x-btn-split-bottom {
-    background-image:url(/skins/ext/images/gray/button/s-arrow-bo.gif);
+    background-image:url(/images/ext/gray/button/s-arrow-bo.gif);
 }
 
 .x-btn-group-header {
@@ -364,43 +364,43 @@ ul.x-tab-strip-bottom{
 }
 
 .x-btn-group-tc {
-	background-image: url(/skins/ext/images/gray/button/group-tb.gif);
+	background-image: url(/images/ext/gray/button/group-tb.gif);
 }
 
 .x-btn-group-tl {
-	background-image: url(/skins/ext/images/gray/button/group-cs.gif);
+	background-image: url(/images/ext/gray/button/group-cs.gif);
 }
 
 .x-btn-group-tr {
-	background-image: url(/skins/ext/images/gray/button/group-cs.gif);
+	background-image: url(/images/ext/gray/button/group-cs.gif);
 }
 
 .x-btn-group-bc {
-	background-image: url(/skins/ext/images/gray/button/group-tb.gif);
+	background-image: url(/images/ext/gray/button/group-tb.gif);
 }
 
 .x-btn-group-bl {
-	background-image: url(/skins/ext/images/gray/button/group-cs.gif);
+	background-image: url(/images/ext/gray/button/group-cs.gif);
 }
 
 .x-btn-group-br {
-	background-image: url(/skins/ext/images/gray/button/group-cs.gif);
+	background-image: url(/images/ext/gray/button/group-cs.gif);
 }
 
 .x-btn-group-ml {
-	background-image: url(/skins/ext/images/gray/button/group-lr.gif);
+	background-image: url(/images/ext/gray/button/group-lr.gif);
 }
 .x-btn-group-mr {
-	background-image: url(/skins/ext/images/gray/button/group-lr.gif);
+	background-image: url(/images/ext/gray/button/group-lr.gif);
 }
 
 .x-btn-group-notitle .x-btn-group-tc {
-	background-image: url(/skins/ext/images/gray/button/group-tb.gif);
+	background-image: url(/images/ext/gray/button/group-tb.gif);
 }
 .x-toolbar{
 	border-color:#d0d0d0;
     background-color:#f0f0f0;
-    background-image:url(/skins/ext/images/gray/toolbar/bg.gif);
+    background-image:url(/images/ext/gray/toolbar/bg.gif);
 }
 
 .x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{
@@ -416,67 +416,67 @@ ul.x-tab-strip-bottom{
 }
 
 .x-toolbar .x-btn-mc em.x-btn-split {
-    background-image:url(/skins/ext/images/default/button/s-arrow-noline.gif);
+    background-image:url(/images/ext/default/button/s-arrow-noline.gif);
 }
 
 .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(/skins/ext/images/gray/button/s-arrow-o.gif);
+    background-image:url(/images/ext/gray/button/s-arrow-o.gif);
 }
 
 .x-toolbar .x-btn-mc em.x-btn-split-bottom {
-    background-image:url(/skins/ext/images/default/button/s-arrow-b-noline.gif);
+    background-image:url(/images/ext/default/button/s-arrow-b-noline.gif);
 }
 
 .x-toolbar .x-btn-over .x-btn-mc em.x-btn-split-bottom, .x-toolbar .x-btn-click .x-btn-mc em.x-btn-split-bottom, 
 .x-toolbar .x-btn-menu-active .x-btn-mc em.x-btn-split-bottom, .x-toolbar .x-btn-pressed .x-btn-mc em.x-btn-split-bottom 
 {
-    background-image:url(/skins/ext/images/gray/button/s-arrow-bo.gif);
+    background-image:url(/images/ext/gray/button/s-arrow-bo.gif);
 }
 
 .x-toolbar .xtb-sep {
-	background-image: url(/skins/ext/images/default/grid/grid-split.gif);
+	background-image: url(/images/ext/default/grid/grid-split.gif);
 }
 
 .x-tbar-page-first{
-	background-image: url(/skins/ext/images/gray/grid/page-first.gif) !important;
+	background-image: url(/images/ext/gray/grid/page-first.gif) !important;
 }
 
 .x-tbar-loading{
-	background-image: url(/skins/ext/images/gray/grid/refresh.gif) !important;
+	background-image: url(/images/ext/gray/grid/refresh.gif) !important;
 }
 
 .x-tbar-page-last{
-	background-image: url(/skins/ext/images/gray/grid/page-last.gif) !important;
+	background-image: url(/images/ext/gray/grid/page-last.gif) !important;
 }
 
 .x-tbar-page-next{
-	background-image: url(/skins/ext/images/gray/grid/page-next.gif) !important;
+	background-image: url(/images/ext/gray/grid/page-next.gif) !important;
 }
 
 .x-tbar-page-prev{
-	background-image: url(/skins/ext/images/gray/grid/page-prev.gif) !important;
+	background-image: url(/images/ext/gray/grid/page-prev.gif) !important;
 }
 
 .x-item-disabled .x-tbar-loading{
-	background-image: url(/skins/ext/images/default/grid/loading.gif) !important;
+	background-image: url(/images/ext/default/grid/loading.gif) !important;
 }
 
 .x-item-disabled .x-tbar-page-first{
-	background-image: url(/skins/ext/images/default/grid/page-first-disabled.gif) !important;
+	background-image: url(/images/ext/default/grid/page-first-disabled.gif) !important;
 }
 
 .x-item-disabled .x-tbar-page-last{
-	background-image: url(/skins/ext/images/default/grid/page-last-disabled.gif) !important;
+	background-image: url(/images/ext/default/grid/page-last-disabled.gif) !important;
 }
 
 .x-item-disabled .x-tbar-page-next{
-	background-image: url(/skins/ext/images/default/grid/page-next-disabled.gif) !important;
+	background-image: url(/images/ext/default/grid/page-next-disabled.gif) !important;
 }
 
 .x-item-disabled .x-tbar-page-prev{
-	background-image: url(/skins/ext/images/default/grid/page-prev-disabled.gif) !important;
+	background-image: url(/images/ext/default/grid/page-prev-disabled.gif) !important;
 }
 
 .x-paging-info {
@@ -484,7 +484,7 @@ ul.x-tab-strip-bottom{
 }
 
 .x-toolbar-more-icon {
-    background-image: url(/skins/ext/images/gray/toolbar/more.gif) !important;
+    background-image: url(/images/ext/gray/toolbar/more.gif) !important;
 }
 .x-resizable-handle {
 	background-color:#fff;
@@ -493,29 +493,29 @@ ul.x-tab-strip-bottom{
 .x-resizable-over .x-resizable-handle-east, .x-resizable-pinned .x-resizable-handle-east,
 .x-resizable-over .x-resizable-handle-west, .x-resizable-pinned .x-resizable-handle-west
 {
-    background-image:url(/skins/ext/images/gray/sizer/e-handle.gif);
+    background-image:url(/images/ext/gray/sizer/e-handle.gif);
 }
 
 .x-resizable-over .x-resizable-handle-south, .x-resizable-pinned .x-resizable-handle-south,
 .x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north
 {
-    background-image:url(/skins/ext/images/gray/sizer/s-handle.gif);
+    background-image:url(/images/ext/gray/sizer/s-handle.gif);
 }
 
 .x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north{
-    background-image:url(/skins/ext/images/gray/sizer/s-handle.gif);
+    background-image:url(/images/ext/gray/sizer/s-handle.gif);
 }
 .x-resizable-over .x-resizable-handle-southeast, .x-resizable-pinned .x-resizable-handle-southeast{
-    background-image:url(/skins/ext/images/gray/sizer/se-handle.gif);
+    background-image:url(/images/ext/gray/sizer/se-handle.gif);
 }
 .x-resizable-over .x-resizable-handle-northwest, .x-resizable-pinned .x-resizable-handle-northwest{
-    background-image:url(/skins/ext/images/gray/sizer/nw-handle.gif);
+    background-image:url(/images/ext/gray/sizer/nw-handle.gif);
 }
 .x-resizable-over .x-resizable-handle-northeast, .x-resizable-pinned .x-resizable-handle-northeast{
-    background-image:url(/skins/ext/images/gray/sizer/ne-handle.gif);
+    background-image:url(/images/ext/gray/sizer/ne-handle.gif);
 }
 .x-resizable-over .x-resizable-handle-southwest, .x-resizable-pinned .x-resizable-handle-southwest{
-    background-image:url(/skins/ext/images/gray/sizer/sw-handle.gif);
+    background-image:url(/images/ext/gray/sizer/sw-handle.gif);
 }
 .x-resizable-proxy{
     border-color:#565656;
@@ -542,7 +542,7 @@ ul.x-tab-strip-bottom{
 
 .x-grid-row-loading {
     background-color: #fff;
-    background-image:url(/skins/ext/images/default/shared/loading-balls.gif);
+    background-image:url(/images/ext/default/shared/loading-balls.gif);
 }
 
 .x-grid3-row {
@@ -557,7 +557,7 @@ ul.x-tab-strip-bottom{
 .x-grid3-row-over {
 	border-color:#ddd;
     background-color:#efefef;
-    background-image:url(/skins/ext/images/default/grid/row-over.gif);
+    background-image:url(/images/ext/default/grid/row-over.gif);
 }
 
 .x-grid3-resize-proxy {
@@ -570,7 +570,7 @@ ul.x-tab-strip-bottom{
 
 .x-grid3-header{
     background-color:#f9f9f9;
-	background-image:url(/skins/ext/images/gray/grid/grid3-hrow2.gif);
+	background-image:url(/images/ext/gray/grid/grid3-hrow2.gif);
 }
 
 .x-grid3-header-pop {
@@ -579,7 +579,7 @@ ul.x-tab-strip-bottom{
 
 .x-grid3-header-pop-inner {
     border-left-color:#eee;
-    background-image:url(/skins/ext/images/default/grid/hd-pop.gif);
+    background-image:url(/images/ext/default/grid/hd-pop.gif);
 }
 
 td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open {
@@ -589,16 +589,16 @@ td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open {
 
 td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-asc .x-grid3-hd-inner, td.x-grid3-hd-menu-open .x-grid3-hd-inner {
     background-color:#f9f9f9;
-    background-image:url(/skins/ext/images/gray/grid/grid3-hrow-over2.gif);
+    background-image:url(/images/ext/gray/grid/grid3-hrow-over2.gif);
 
 }
 
 .sort-asc .x-grid3-sort-icon {
-	background-image: url(/skins/ext/images/gray/grid/sort_asc.gif);
+	background-image: url(/images/ext/gray/grid/sort_asc.gif);
 }
 
 .sort-desc .x-grid3-sort-icon {
-	background-image: url(/skins/ext/images/gray/grid/sort_desc.gif);
+	background-image: url(/images/ext/gray/grid/sort_desc.gif);
 }
 
 .x-grid3-cell-text, .x-grid3-hd-text {
@@ -606,7 +606,7 @@ td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-as
 }
 
 .x-grid3-split {
-	background-image: url(/skins/ext/images/default/grid/grid-split.gif);
+	background-image: url(/images/ext/default/grid/grid-split.gif);
 }
 
 .x-grid3-hd-text {
@@ -615,16 +615,16 @@ td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-as
 
 .x-dd-drag-proxy .x-grid3-hd-inner{
     background-color:#f9f9f9;
-	background-image:url(/skins/ext/images/gray/grid/grid3-hrow-over2.gif);
+	background-image:url(/images/ext/gray/grid/grid3-hrow-over2.gif);
 	border-color:#ACACAC;
 }
 
 .col-move-top{
-	background-image:url(/skins/ext/images/gray/grid/col-move-top.gif);
+	background-image:url(/images/ext/gray/grid/col-move-top.gif);
 }
 
 .col-move-bottom{
-	background-image:url(/skins/ext/images/gray/grid/col-move-bottom.gif);
+	background-image:url(/images/ext/gray/grid/col-move-bottom.gif);
 }
 
 .x-grid3-row-selected {
@@ -648,7 +648,7 @@ td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-as
 
 .x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{
     background-color:#ebeadb !important;
-    background-image:url(/skins/ext/images/default/grid/grid-hrow.gif) !important;
+    background-image:url(/images/ext/default/grid/grid-hrow.gif) !important;
     color:#000;
     border-top-color:#fff;
     border-right-color:#6fa0df !important;
@@ -659,7 +659,7 @@ td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-as
 }
 
 .x-grid3-dirty-cell {
-    background-image:url(/skins/ext/images/default/grid/dirty.gif);
+    background-image:url(/images/ext/default/grid/dirty.gif);
 }
 
 .x-grid3-topbar, .x-grid3-bottombar{
@@ -671,7 +671,7 @@ td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-as
 }
 
 .x-props-grid .x-grid3-td-name .x-grid3-cell-inner{
-	background-image:url(/skins/ext/images/default/grid/grid3-special-col-bg.gif) !important;
+	background-image:url(/images/ext/default/grid/grid3-special-col-bg.gif) !important;
     color:#000 !important;
 }
 
@@ -681,44 +681,44 @@ td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-as
 }
 
 .xg-hmenu-sort-asc .x-menu-item-icon{
-	background-image: url(/skins/ext/images/default/grid/hmenu-asc.gif);
+	background-image: url(/images/ext/default/grid/hmenu-asc.gif);
 }
 
 .xg-hmenu-sort-desc .x-menu-item-icon{
-	background-image: url(/skins/ext/images/default/grid/hmenu-desc.gif);
+	background-image: url(/images/ext/default/grid/hmenu-desc.gif);
 }
 
 .xg-hmenu-lock .x-menu-item-icon{
-	background-image: url(/skins/ext/images/default/grid/hmenu-lock.gif);
+	background-image: url(/images/ext/default/grid/hmenu-lock.gif);
 }
 
 .xg-hmenu-unlock .x-menu-item-icon{
-	background-image: url(/skins/ext/images/default/grid/hmenu-unlock.gif);
+	background-image: url(/images/ext/default/grid/hmenu-unlock.gif);
 }
 
 .x-grid3-hd-btn {
     background-color:#f9f9f9;
-    background-image:url(/skins/ext/images/gray/grid/grid3-hd-btn.gif);
+    background-image:url(/images/ext/gray/grid/grid3-hd-btn.gif);
 }
 
 .x-grid3-body .x-grid3-td-expander {
-    background-image:url(/skins/ext/images/default/grid/grid3-special-col-bg.gif);
+    background-image:url(/images/ext/default/grid/grid3-special-col-bg.gif);
 }
 
 .x-grid3-row-expander {
-    background-image:url(/skins/ext/images/gray/grid/row-expand-sprite.gif);
+    background-image:url(/images/ext/gray/grid/row-expand-sprite.gif);
 }
 
 .x-grid3-body .x-grid3-td-checker {
-    background-image: url(/skins/ext/images/default/grid/grid3-special-col-bg.gif);
+    background-image: url(/images/ext/default/grid/grid3-special-col-bg.gif);
 }
 
 .x-grid3-row-checker, .x-grid3-hd-checker {
-    background-image:url(/skins/ext/images/default/grid/row-check-sprite.gif);
+    background-image:url(/images/ext/default/grid/row-check-sprite.gif);
 }
 
 .x-grid3-body .x-grid3-td-numberer {
-    background-image:url(/skins/ext/images/default/grid/grid3-special-col-bg.gif);
+    background-image:url(/images/ext/default/grid/grid3-special-col-bg.gif);
 }
 
 .x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner {
@@ -726,21 +726,21 @@ td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-as
 }
 
 .x-grid3-body .x-grid3-td-row-icon {
-    background-image:url(/skins/ext/images/default/grid/grid3-special-col-bg.gif);
+    background-image:url(/images/ext/default/grid/grid3-special-col-bg.gif);
 }
 
 .x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer,
 .x-grid3-body .x-grid3-row-selected .x-grid3-td-checker,
 .x-grid3-body .x-grid3-row-selected .x-grid3-td-expander {
-	background-image:url(/skins/ext/images/gray/grid/grid3-special-col-sel-bg.gif);
+	background-image:url(/images/ext/gray/grid/grid3-special-col-sel-bg.gif);
 }
 
 .x-grid3-check-col {
-	background-image:url(/skins/ext/images/default/menu/unchecked.gif);
+	background-image:url(/images/ext/default/menu/unchecked.gif);
 }
 
 .x-grid3-check-col-on {
-	background-image:url(/skins/ext/images/default/menu/checked.gif);
+	background-image:url(/images/ext/default/menu/checked.gif);
 }
 
 .x-grid-group, .x-grid-group-body, .x-grid-group-hd {
@@ -752,25 +752,25 @@ td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-as
 }
 
 .x-grid-group-hd div.x-grid-group-title {
-    background-image:url(/skins/ext/images/gray/grid/group-collapse.gif);
+    background-image:url(/images/ext/gray/grid/group-collapse.gif);
     color:#5F5F5F;
     font:bold 11px tahoma, arial, helvetica, sans-serif;
 }
 
 .x-grid-group-collapsed .x-grid-group-hd div.x-grid-group-title {
-    background-image:url(/skins/ext/images/gray/grid/group-expand.gif);
+    background-image:url(/images/ext/gray/grid/group-expand.gif);
 }
 
 .x-group-by-icon {
-    background-image:url(/skins/ext/images/default/grid/group-by.gif);
+    background-image:url(/images/ext/default/grid/group-by.gif);
 }
 
 .x-cols-icon {
-    background-image:url(/skins/ext/images/default/grid/columns.gif);
+    background-image:url(/images/ext/default/grid/columns.gif);
 }
 
 .x-show-groups-icon {
-    background-image:url(/skins/ext/images/default/grid/group-by.gif);
+    background-image:url(/images/ext/default/grid/group-by.gif);
 }
 
 .x-grid-empty {
@@ -797,34 +797,34 @@ td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-as
 }
 
 .x-dd-drop-nodrop .x-dd-drop-icon{
-  background-image: url(/skins/ext/images/default/dd/drop-no.gif);
+  background-image: url(/images/ext/default/dd/drop-no.gif);
 }
 
 .x-dd-drop-ok .x-dd-drop-icon{
-  background-image: url(/skins/ext/images/default/dd/drop-yes.gif);
+  background-image: url(/images/ext/default/dd/drop-yes.gif);
 }
 
 .x-dd-drop-ok-add .x-dd-drop-icon{
-  background-image: url(/skins/ext/images/default/dd/drop-add.gif);
+  background-image: url(/images/ext/default/dd/drop-add.gif);
 }
 
 .x-view-selector {
     background-color:#D6D6D6;
     border-color:#888888;
 }.x-tree-node-expanded .x-tree-node-icon{
-	background-image:url(/skins/ext/images/default/tree/folder-open.gif);
+	background-image:url(/images/ext/default/tree/folder-open.gif);
 }
 
 .x-tree-node-leaf .x-tree-node-icon{
-	background-image:url(/skins/ext/images/default/tree/leaf.gif);
+	background-image:url(/images/ext/default/tree/leaf.gif);
 }
 
 .x-tree-node-collapsed .x-tree-node-icon{
-	background-image:url(/skins/ext/images/default/tree/folder.gif);
+	background-image:url(/images/ext/default/tree/folder.gif);
 }
 
 .x-tree-node-loading .x-tree-node-icon{
-	background-image:url(/skins/ext/images/default/tree/loading.gif) !important;
+	background-image:url(/images/ext/default/tree/loading.gif) !important;
 }
 
 .x-tree-node .x-tree-node-inline-icon {
@@ -842,63 +842,63 @@ td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-as
 }
 
 .x-tree-lines .x-tree-elbow{
-	background-image:url(/skins/ext/images/default/tree/elbow.gif);
+	background-image:url(/images/ext/default/tree/elbow.gif);
 }
 
 .x-tree-lines .x-tree-elbow-plus{
-	background-image:url(/skins/ext/images/default/tree/elbow-plus.gif);
+	background-image:url(/images/ext/default/tree/elbow-plus.gif);
 }
 
 .x-tree-lines .x-tree-elbow-minus{
-	background-image:url(/skins/ext/images/default/tree/elbow-minus.gif);
+	background-image:url(/images/ext/default/tree/elbow-minus.gif);
 }
 
 .x-tree-lines .x-tree-elbow-end{
-	background-image:url(/skins/ext/images/default/tree/elbow-end.gif);
+	background-image:url(/images/ext/default/tree/elbow-end.gif);
 }
 
 .x-tree-lines .x-tree-elbow-end-plus{
-	background-image:url(/skins/ext/images/gray/tree/elbow-end-plus.gif);
+	background-image:url(/images/ext/gray/tree/elbow-end-plus.gif);
 }
 
 .x-tree-lines .x-tree-elbow-end-minus{
-	background-image:url(/skins/ext/images/gray/tree/elbow-end-minus.gif);
+	background-image:url(/images/ext/gray/tree/elbow-end-minus.gif);
 }
 
 .x-tree-lines .x-tree-elbow-line{
-	background-image:url(/skins/ext/images/default/tree/elbow-line.gif);
+	background-image:url(/images/ext/default/tree/elbow-line.gif);
 }
 
 .x-tree-no-lines .x-tree-elbow-plus{
-	background-image:url(/skins/ext/images/default/tree/elbow-plus-nl.gif);
+	background-image:url(/images/ext/default/tree/elbow-plus-nl.gif);
 }
 
 .x-tree-no-lines .x-tree-elbow-minus{
-	background-image:url(/skins/ext/images/default/tree/elbow-minus-nl.gif);
+	background-image:url(/images/ext/default/tree/elbow-minus-nl.gif);
 }
 
 .x-tree-no-lines .x-tree-elbow-end-plus{
-	background-image:url(/skins/ext/images/gray/tree/elbow-end-plus-nl.gif);
+	background-image:url(/images/ext/gray/tree/elbow-end-plus-nl.gif);
 }
 
 .x-tree-no-lines .x-tree-elbow-end-minus{
-	background-image:url(/skins/ext/images/gray/tree/elbow-end-minus-nl.gif);
+	background-image:url(/images/ext/gray/tree/elbow-end-minus-nl.gif);
 }
 
 .x-tree-arrows .x-tree-elbow-plus{
-    background-image:url(/skins/ext/images/gray/tree/arrows.gif);
+    background-image:url(/images/ext/gray/tree/arrows.gif);
 }
 
 .x-tree-arrows .x-tree-elbow-minus{
-    background-image:url(/skins/ext/images/gray/tree/arrows.gif);
+    background-image:url(/images/ext/gray/tree/arrows.gif);
 }
 
 .x-tree-arrows .x-tree-elbow-end-plus{
-    background-image:url(/skins/ext/images/gray/tree/arrows.gif);
+    background-image:url(/images/ext/gray/tree/arrows.gif);
 }
 
 .x-tree-arrows .x-tree-elbow-end-minus{
-    background-image:url(/skins/ext/images/gray/tree/arrows.gif);
+    background-image:url(/images/ext/gray/tree/arrows.gif);
 }
 
 .x-tree-node{
@@ -948,19 +948,19 @@ td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-as
 }
 
 .x-tree-drop-ok-append .x-dd-drop-icon{
-  background-image: url(/skins/ext/images/default/tree/drop-add.gif);
+  background-image: url(/images/ext/default/tree/drop-add.gif);
 }
 
 .x-tree-drop-ok-above .x-dd-drop-icon{
-  background-image: url(/skins/ext/images/default/tree/drop-over.gif);
+  background-image: url(/images/ext/default/tree/drop-over.gif);
 }
 
 .x-tree-drop-ok-below .x-dd-drop-icon{
-  background-image: url(/skins/ext/images/default/tree/drop-under.gif);
+  background-image: url(/images/ext/default/tree/drop-under.gif);
 }
 
 .x-tree-drop-ok-between .x-dd-drop-icon{
-  background-image: url(/skins/ext/images/default/tree/drop-between.gif);
+  background-image: url(/images/ext/default/tree/drop-between.gif);
 }
 .x-date-picker {
     border-color:#585858;
@@ -968,7 +968,7 @@ td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-as
 }
 
 .x-date-middle,.x-date-left,.x-date-right {
-	background-image: url(/skins/ext/images/gray/shared/hd-sprite.gif);
+	background-image: url(/images/ext/gray/shared/hd-sprite.gif);
 	color:#fff;
 	font:bold 11px "sans serif", tahoma, verdana, helvetica;
 }
@@ -978,20 +978,20 @@ td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-as
 }
 
 .x-date-middle .x-btn-mc em.x-btn-arrow {
-    background-image:url(/skins/ext/images/gray/toolbar/btn-arrow-light.gif);
+    background-image:url(/images/ext/gray/toolbar/btn-arrow-light.gif);
 }
 
 .x-date-right a {
-    background-image: url(/skins/ext/images/gray/shared/right-btn.gif);
+    background-image: url(/images/ext/gray/shared/right-btn.gif);
 }
 
 .x-date-left a{
-	background-image: url(/skins/ext/images/gray/shared/left-btn.gif);
+	background-image: url(/images/ext/gray/shared/left-btn.gif);
 }
 
 .x-date-inner th {
     background-color:#D8D8D8;
-    background-image: url(/skins/ext/images/gray/panel/white-top-bottom.gif);
+    background-image: url(/images/ext/gray/panel/white-top-bottom.gif);
 	border-bottom-color:#AFAFAF;
     font:normal 10px arial, helvetica,tahoma,sans-serif;
 	color:#595959;
@@ -1031,7 +1031,7 @@ td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-as
 .x-date-bottom {
     border-top-color:#AFAFAF;
     background-color:#D8D8D8;
-    background:#D8D8D8 url(/skins/ext/images/gray/panel/white-top-bottom.gif) 0 -2px;
+    background:#D8D8D8 url(/images/ext/gray/panel/white-top-bottom.gif) 0 -2px;
 }
 
 .x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover{
@@ -1070,7 +1070,7 @@ td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-as
 
 .x-date-mp-btns {
     background-color:#D8D8D8;
-    background:#D8D8D8 url(/skins/ext/images/gray/panel/white-top-bottom.gif) 0 -2px;
+    background:#D8D8D8 url(/images/ext/gray/panel/white-top-bottom.gif) 0 -2px;
 }
 
 .x-date-mp-btns td {
@@ -1088,22 +1088,22 @@ td.x-date-mp-month a:hover,td.x-date-mp-year a:hover {
 
 td.x-date-mp-sel a {
     background-color:#D8D8D8;
-    background:#D8D8D8 url(/skins/ext/images/gray/panel/white-top-bottom.gif) 0 -2px;
+    background:#D8D8D8 url(/images/ext/gray/panel/white-top-bottom.gif) 0 -2px;
 	border-color:#DCDCDC;
 }
 
 .x-date-mp-ybtn a {
-    background-image:url(/skins/ext/images/gray/panel/tool-sprites.gif);
+    background-image:url(/images/ext/gray/panel/tool-sprites.gif);
 }
 
 td.x-date-mp-sep {
    border-right-color:#D7D7D7;
 }.x-tip .x-tip-close{
-	background-image: url(/skins/ext/images/gray/qtip/close.gif);
+	background-image: url(/images/ext/gray/qtip/close.gif);
 }
 
 .x-tip .x-tip-tc, .x-tip .x-tip-tl, .x-tip .x-tip-tr, .x-tip .x-tip-bc, .x-tip .x-tip-bl, .x-tip .x-tip-br, .x-tip .x-tip-ml, .x-tip .x-tip-mr {
-	background-image: url(/skins/ext/images/gray/qtip/tip-sprite.gif);
+	background-image: url(/images/ext/gray/qtip/tip-sprite.gif);
 }
 
 .x-tip .x-tip-mc {
@@ -1126,18 +1126,18 @@ td.x-date-mp-sep {
 .x-form-invalid-tip .x-tip-tc, .x-form-invalid-tip .x-tip-tl, .x-form-invalid-tip .x-tip-tr, .x-form-invalid-tip .x-tip-bc,
 .x-form-invalid-tip .x-tip-bl, .x-form-invalid-tip .x-tip-br, .x-form-invalid-tip .x-tip-ml, .x-form-invalid-tip .x-tip-mr
 {
-	background-image: url(/skins/ext/images/default/form/error-tip-corners.gif);
+	background-image: url(/images/ext/default/form/error-tip-corners.gif);
 }
 
 .x-form-invalid-tip .x-tip-body {
-    background-image:url(/skins/ext/images/default/form/exclamation.gif);
+    background-image:url(/images/ext/default/form/exclamation.gif);
 }
 
 .x-tip-anchor {
-    background-image:url(/skins/ext/images/gray/qtip/tip-anchor-sprite.gif);
+    background-image:url(/images/ext/gray/qtip/tip-anchor-sprite.gif);
 }.x-menu {
     background-color:#f0f0f0;
-	background-image:url(/skins/ext/images/default/menu/menu.gif);
+	background-image:url(/images/ext/default/menu/menu.gif);
 }
 
 .x-menu-floating{
@@ -1153,7 +1153,7 @@ td.x-date-mp-sep {
 }
 
 .x-menu-item-arrow{
-	background-image:url(/skins/ext/images/gray/menu/menu-parent.gif);
+	background-image:url(/images/ext/gray/menu/menu-parent.gif);
 }
 
 .x-menu-sep {
@@ -1166,7 +1166,7 @@ a.x-menu-item {
 }
 
 .x-menu-item-active {
-    background-image: url(/skins/ext/images/gray/menu/item-over.gif);
+    background-image: url(/images/ext/gray/menu/item-over.gif);
 	background-color: #f1f1f1;
     border-color:#ACACAC;
 }
@@ -1176,15 +1176,15 @@ a.x-menu-item {
 }
 
 .x-menu-check-item .x-menu-item-icon{
-	background-image:url(/skins/ext/images/default/menu/unchecked.gif);
+	background-image:url(/images/ext/default/menu/unchecked.gif);
 }
 
 .x-menu-item-checked .x-menu-item-icon{
-	background-image:url(/skins/ext/images/default/menu/checked.gif);
+	background-image:url(/images/ext/default/menu/checked.gif);
 }
 
 .x-menu-item-checked .x-menu-group-item .x-menu-item-icon{
-    background-image:url(/skins/ext/images/gray/menu/group-checked.gif);
+    background-image:url(/images/ext/gray/menu/group-checked.gif);
 }
 
 .x-menu-group-item .x-menu-item-icon{
@@ -1205,30 +1205,30 @@ a.x-menu-item {
 }
 
 .x-menu-scroller-top {
-    background-image:url(/skins/ext/images/default/layout/mini-top.gif);
+    background-image:url(/images/ext/default/layout/mini-top.gif);
 }
 
 .x-menu-scroller-bottom {
-    background-image:url(/skins/ext/images/default/layout/mini-bottom.gif);
+    background-image:url(/images/ext/default/layout/mini-bottom.gif);
 }.x-box-tl {
-	background-image: url(/skins/ext/images/default/box/corners.gif);
+	background-image: url(/images/ext/default/box/corners.gif);
 }
 
 .x-box-tc {
-	background-image: url(/skins/ext/images/default/box/tb.gif);
+	background-image: url(/images/ext/default/box/tb.gif);
 }
 
 .x-box-tr {
-	background-image: url(/skins/ext/images/default/box/corners.gif);
+	background-image: url(/images/ext/default/box/corners.gif);
 }
 
 .x-box-ml {
-	background-image: url(/skins/ext/images/default/box/l.gif);
+	background-image: url(/images/ext/default/box/l.gif);
 }
 
 .x-box-mc {
 	background-color: #eee;
-    background-image: url(/skins/ext/images/default/box/tb.gif);
+    background-image: url(/images/ext/default/box/tb.gif);
 	font-family: "Myriad Pro","Myriad Web","Tahoma","Helvetica","Arial",sans-serif;
 	color: #393939;
 	font-size: 12px;
@@ -1240,27 +1240,27 @@ a.x-menu-item {
 }
 
 .x-box-mr {
-	background-image: url(/skins/ext/images/default/box/r.gif);
+	background-image: url(/images/ext/default/box/r.gif);
 }
 
 .x-box-bl {
-	background-image: url(/skins/ext/images/default/box/corners.gif);
+	background-image: url(/images/ext/default/box/corners.gif);
 }
 
 .x-box-bc {
-	background-image: url(/skins/ext/images/default/box/tb.gif);
+	background-image: url(/images/ext/default/box/tb.gif);
 }
 
 .x-box-br {
-	background-image: url(/skins/ext/images/default/box/corners.gif);
+	background-image: url(/images/ext/default/box/corners.gif);
 }
 
 .x-box-blue .x-box-bl, .x-box-blue .x-box-br, .x-box-blue .x-box-tl, .x-box-blue .x-box-tr {
-	background-image: url(/skins/ext/images/default/box/corners-blue.gif);
+	background-image: url(/images/ext/default/box/corners-blue.gif);
 }
 
 .x-box-blue .x-box-bc, .x-box-blue .x-box-mc, .x-box-blue .x-box-tc {
-	background-image: url(/skins/ext/images/default/box/tb-blue.gif);
+	background-image: url(/images/ext/default/box/tb-blue.gif);
 }
 
 .x-box-blue .x-box-mc {
@@ -1272,11 +1272,11 @@ a.x-menu-item {
 }
 
 .x-box-blue .x-box-ml {
-	background-image: url(/skins/ext/images/default/box/l-blue.gif);
+	background-image: url(/images/ext/default/box/l-blue.gif);
 }
 
 .x-box-blue .x-box-mr {
-	background-image: url(/skins/ext/images/default/box/r-blue.gif);
+	background-image: url(/images/ext/default/box/r-blue.gif);
 }
 .x-combo-list {
     border-color:#ccc;
@@ -1291,7 +1291,7 @@ a.x-menu-item {
 .x-combo-list-hd {
     font:bold 11px tahoma, arial, helvetica, sans-serif;
     color:#333;
-    background-image: url(/skins/ext/images/default/layout/panel-title-light-bg.gif);
+    background-image: url(/images/ext/default/layout/panel-title-light-bg.gif);
     border-bottom-color:#BCBCBC;
 }
 
@@ -1324,7 +1324,7 @@ a.x-menu-item {
     font-size: 11px;
     font-family: tahoma,arial,verdana,sans-serif;
     border-color:#d0d0d0;
-    background-image: url(/skins/ext/images/gray/panel/white-top-bottom.gif);
+    background-image: url(/images/ext/gray/panel/white-top-bottom.gif);
 }
 
 .x-panel-body {
@@ -1350,16 +1350,16 @@ a.x-menu-item {
 }
 
 .x-panel-tc {
-	background-image: url(/skins/ext/images/gray/panel/top-bottom.gif);
+	background-image: url(/images/ext/gray/panel/top-bottom.gif);
 }
 
 .x-panel-tl, .x-panel-tr, .x-panel-bl,  .x-panel-br{
-	background-image: url(/skins/ext/images/gray/panel/corners-sprite.gif);
+	background-image: url(/images/ext/gray/panel/corners-sprite.gif);
     border-bottom-color:#d0d0d0;
 }
 
 .x-panel-bc {
-	background-image: url(/skins/ext/images/gray/panel/top-bottom.gif);
+	background-image: url(/images/ext/gray/panel/top-bottom.gif);
 }
 
 .x-panel-mc {
@@ -1369,15 +1369,15 @@ a.x-menu-item {
 
 .x-panel-ml {
 	background-color: #fff;
-    background-image:url(/skins/ext/images/gray/panel/left-right.gif);
+    background-image:url(/images/ext/gray/panel/left-right.gif);
 }
 
 .x-panel-mr {
-	background-image: url(/skins/ext/images/gray/panel/left-right.gif);
+	background-image: url(/images/ext/gray/panel/left-right.gif);
 }
 
 .x-tool {
-    background-image:url(/skins/ext/images/gray/panel/tool-sprites.gif);
+    background-image:url(/images/ext/gray/panel/tool-sprites.gif);
 }
 
 .x-panel-ghost {
@@ -1406,27 +1406,27 @@ a.x-menu-item {
 }
 
 .x-window-tc {
-	background-image: url(/skins/ext/images/gray/window/top-bottom.png);
+	background-image: url(/images/ext/gray/window/top-bottom.png);
 }
 
 .x-window-tl {
-	background-image: url(/skins/ext/images/gray/window/left-corners.png);
+	background-image: url(/images/ext/gray/window/left-corners.png);
 }
 
 .x-window-tr {
-	background-image: url(/skins/ext/images/gray/window/right-corners.png);
+	background-image: url(/images/ext/gray/window/right-corners.png);
 }
 
 .x-window-bc {
-	background-image: url(/skins/ext/images/gray/window/top-bottom.png);
+	background-image: url(/images/ext/gray/window/top-bottom.png);
 }
 
 .x-window-bl {
-	background-image: url(/skins/ext/images/gray/window/left-corners.png);
+	background-image: url(/images/ext/gray/window/left-corners.png);
 }
 
 .x-window-br {
-	background-image: url(/skins/ext/images/gray/window/right-corners.png);
+	background-image: url(/images/ext/gray/window/right-corners.png);
 }
 
 .x-window-mc {
@@ -1436,11 +1436,11 @@ a.x-menu-item {
 }
 
 .x-window-ml {
-	background-image: url(/skins/ext/images/gray/window/left-right.png);
+	background-image: url(/images/ext/gray/window/left-right.png);
 }
 
 .x-window-mr {
-	background-image: url(/skins/ext/images/gray/window/left-right.png);
+	background-image: url(/images/ext/gray/window/left-right.png);
 }
 
 .x-window-maximized .x-window-tc {
@@ -1480,7 +1480,7 @@ body.x-body-masked .x-window-plain .x-window-mc {
     background-color:#fff;
 }
 .x-html-editor-tb .x-btn-text {
-    background-image:url(/skins/ext/images/default/editor/tb-sprite.gif);
+    background-image:url(/images/ext/default/editor/tb-sprite.gif);
 }
 .x-panel-noborder .x-panel-header-noborder {
     border-bottom-color:#d0d0d0;
@@ -1512,7 +1512,7 @@ body.x-body-masked .x-window-plain .x-window-mc {
 .x-accordion-hd {
 	color:#222;
     font-weight:normal;
-    background-image: url(/skins/ext/images/gray/panel/light-hd.gif);
+    background-image: url(/images/ext/gray/panel/light-hd.gif);
 }
 
 .x-layout-collapsed{
@@ -1525,32 +1525,32 @@ body.x-body-masked .x-window-plain .x-window-mc {
 }
 
 .x-layout-split-west .x-layout-mini {
-    background-image:url(/skins/ext/images/default/layout/mini-left.gif);
+    background-image:url(/images/ext/default/layout/mini-left.gif);
 }
 .x-layout-split-east .x-layout-mini {
-    background-image:url(/skins/ext/images/default/layout/mini-right.gif);
+    background-image:url(/images/ext/default/layout/mini-right.gif);
 }
 .x-layout-split-north .x-layout-mini {
-    background-image:url(/skins/ext/images/default/layout/mini-top.gif);
+    background-image:url(/images/ext/default/layout/mini-top.gif);
 }
 .x-layout-split-south .x-layout-mini {
-    background-image:url(/skins/ext/images/default/layout/mini-bottom.gif);
+    background-image:url(/images/ext/default/layout/mini-bottom.gif);
 }
 
 .x-layout-cmini-west .x-layout-mini {
-    background-image:url(/skins/ext/images/default/layout/mini-right.gif);
+    background-image:url(/images/ext/default/layout/mini-right.gif);
 }
 
 .x-layout-cmini-east .x-layout-mini {
-    background-image:url(/skins/ext/images/default/layout/mini-left.gif);
+    background-image:url(/images/ext/default/layout/mini-left.gif);
 }
 
 .x-layout-cmini-north .x-layout-mini {
-    background-image:url(/skins/ext/images/default/layout/mini-bottom.gif);
+    background-image:url(/images/ext/default/layout/mini-bottom.gif);
 }
 
 .x-layout-cmini-south .x-layout-mini {
-    background-image:url(/skins/ext/images/default/layout/mini-top.gif);
+    background-image:url(/images/ext/default/layout/mini-top.gif);
 }
 .x-progress-wrap {
     border-color:#8E8E8E;
@@ -1558,12 +1558,12 @@ body.x-body-masked .x-window-plain .x-window-mc {
 
 .x-progress-inner {
     background-color:#E7E7E7;
-    background-image:url(/skins/ext/images/gray/qtip/bg.gif);
+    background-image:url(/images/ext/gray/qtip/bg.gif);
 }
 
 .x-progress-bar {
     background-color:#BCBCBC;
-    background-image:url(/skins/ext/images/gray/progress/progress-bg.gif);
+    background-image:url(/images/ext/gray/progress/progress-bg.gif);
     border-top-color:#E2E2E2;
     border-bottom-color:#A4A4A4;
     border-right-color:#A4A4A4;
@@ -1580,7 +1580,7 @@ body.x-body-masked .x-window-plain .x-window-mc {
 }
 .x-list-header{
     background-color:#f9f9f9;
-	background-image:url(/skins/ext/images/gray/grid/grid3-hrow2.gif);
+	background-image:url(/images/ext/gray/grid/grid3-hrow2.gif);
 }
 
 .x-list-header-inner div em {
@@ -1610,19 +1610,19 @@ body.x-body-masked .x-window-plain .x-window-mc {
     border-color: #d0d0d0;
 }
 .x-slider-horz, .x-slider-horz .x-slider-end, .x-slider-horz .x-slider-inner {
-    background-image:url(/skins/ext/images/default/slider/slider-bg.png);
+    background-image:url(/images/ext/default/slider/slider-bg.png);
 }
 
 .x-slider-horz .x-slider-thumb {
-    background-image:url(/skins/ext/images/gray/slider/slider-thumb.png);
+    background-image:url(/images/ext/gray/slider/slider-thumb.png);
 }
 
 .x-slider-vert, .x-slider-vert .x-slider-end, .x-slider-vert .x-slider-inner {
-    background-image:url(/skins/ext/images/default/slider/slider-v-bg.png);
+    background-image:url(/images/ext/default/slider/slider-v-bg.png);
 }
 
 .x-slider-vert .x-slider-thumb {
-    background-image:url(/skins/ext/images/gray/slider/slider-v-thumb.png);
+    background-image:url(/images/ext/gray/slider/slider-v-thumb.png);
 }
 .x-window-dlg .ext-mb-text,
 .x-window-dlg .x-window-header-text {
@@ -1634,21 +1634,21 @@ body.x-body-masked .x-window-plain .x-window-mc {
 }
 
 .x-window-dlg .x-msg-box-wait {
-    background-image:url(/skins/ext/images/default/grid/loading.gif);
+    background-image:url(/images/ext/default/grid/loading.gif);
 }
 
 .x-window-dlg .ext-mb-info {
-    background-image:url(/skins/ext/images/gray/window/icon-info.gif);
+    background-image:url(/images/ext/gray/window/icon-info.gif);
 }
 
 .x-window-dlg .ext-mb-warning {
-    background-image:url(/skins/ext/images/gray/window/icon-warning.gif);
+    background-image:url(/images/ext/gray/window/icon-warning.gif);
 }
 
 .x-window-dlg .ext-mb-question {
-    background-image:url(/skins/ext/images/gray/window/icon-question.gif);
+    background-image:url(/images/ext/gray/window/icon-question.gif);
 }
 
 .x-window-dlg .ext-mb-error {
-    background-image:url(/skins/ext/images/gray/window/icon-error.gif);
+    background-image:url(/images/ext/gray/window/icon-error.gif);
 }