diff --git a/gulliver/system/class.g.php b/gulliver/system/class.g.php index 00883eedd..6341a3d41 100644 --- a/gulliver/system/class.g.php +++ b/gulliver/system/class.g.php @@ -1,7 +1,7 @@ :)(.+)(/","",$regs[2]); @@ -288,7 +288,7 @@ class G * @param string $context * * @return void - */ + */ /*public static*/ function customErrorHandler ( $errno, $msg, $file, $line, $context) { switch ($errno) { @@ -386,13 +386,13 @@ class G /** * customErrorLog * - * @param string $type - * @param string $msg - * @param string $file + * @param string $type + * @param string $msg + * @param string $file * @param string $line * * @return void - */ + */ /*public static*/ function customErrorLog ($type, $msg, $file, $line) { @@ -405,7 +405,7 @@ class G else $name = "php"; - if ( $file != '') + if ( $file != '') $msg .= " in $file:$line "; $date = date ( 'Y-m-d H:i:s'); @@ -417,15 +417,15 @@ class G /** * verboseError * - * @param string $type - * @param string $errno - * @param string $msg - * @param string $file - * @param string $line + * @param string $type + * @param string $errno + * @param string $msg + * @param string $file + * @param string $line * @param string $context * * @return void - */ + */ /*public static*/ function verboseError ($type, $errno, $msg, $file, $line, $context) { global $SERVER_ADMIN; @@ -454,7 +454,7 @@ class G * @param string $key * @return string */ - function encrypt($string, $key) + function encrypt($string, $key) { //print $string; // if ( defined ( 'ENABLE_ENCRYPT' ) && ENABLE_ENCRYPT == 'yes' ) { @@ -503,7 +503,7 @@ class G $char = chr(ord($char)-ord($keychar)); $result .= $char; } - if (!empty($string_jhl[1])) + if (!empty($string_jhl[1])) $result .= '?' . $string_jhl[1]; // } // else @@ -553,7 +553,7 @@ class G * @param string $dirName * * @return void - */ + */ function rm_dir($dirName) { if(empty($dirName)) { return; @@ -638,9 +638,9 @@ class G function LoadSystemExist($strClass) { - if (file_exists (PATH_GULLIVER . 'class.' . $strClass . '.php') ) + if (file_exists (PATH_GULLIVER . 'class.' . $strClass . '.php') ) return true; - else + else return false; } @@ -658,10 +658,13 @@ class G { global $G_CONTENT; global $G_TEMPLATE; + global $G_SKIN; $G_CONTENT = $objContent; $G_TEMPLATE = $strTemplate; + $G_SKIN = $strSkin; try { - G::LoadSkin( $strSkin ); + //G::LoadSkin( $strSkin ); + G::skinEngine($strSkin); } catch ( Exception $e ) { $aMessage['MESSAGE'] = $e->getMessage(); @@ -688,6 +691,11 @@ class G die; } } + + function skinEngine($strSkin){ + $file = G::ExpandPath( "skinEngine" ) . "skinEngine.php"; + require_once( $file ); + } /** * Load a skin @@ -702,6 +710,7 @@ class G //print $strSkinName; //now, we are using the skin, a skin is a file in engine/skin directory $file = G::ExpandPath( "skins" ) . $strSkinName. ".php"; + //G::pr($file); if (file_exists ($file) ) { require_once( $file ); return; @@ -982,55 +991,125 @@ class G */ function streamCSSBigFile( $filename ) { - header('Content-Type: text/javascript'); + 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) ) + //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 + 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 - if( isset($_SERVER['HTTP_IF_MODIFIED_SINCE']) ) { - if ($_SERVER['HTTP_IF_MODIFIED_SINCE'] == $gmt_mtime) { - header('HTTP/1.1 304 Not Modified'); - exit(); + $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 + 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(); + 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(); + } } - } - - $extJsSkin = 'xtheme-gray'; - $publicExtPath = PATH_HTML . 'skins' . PATH_SEP . 'ext' . PATH_SEP; - $output = "/* css autogenerated by gulliver framework for $filename skin **/\n"; - - $output .= file_get_contents ( $publicExtPath . 'ext-all-notheme.css' ); - $output .= file_get_contents ( $publicExtPath . $extJsSkin . '.css' ); - $output .= file_get_contents ( $publicExtPath . 'pmos-' . $extJsSkin . '.css' ); - //adding the extend css for extjs-pmos - $cssThemeExtensions = glob(PATH_TPL . "*/css/extjs-extend/{$extJsSkin}.css"); - foreach($cssThemeExtensions as $cssThemeExtensionFile) - //$helper->addFile($cssThemeExtensionFile); - $output .= file_get_contents ( $cssThemeExtensionFile ); - - //new interactive css decorator - //$script .= " \n"; + $filenameParts=explode("-",$filename); + $skinName=$filenameParts[0]; + $skinVariant="skin"; + if(isset($filenameParts[1])){ + $skinVariant=strtolower($filenameParts[1]); + } + if($skinName=="classic"){ + $configurationFile = G::ExpandPath( "skinEngine" ).'base'.PATH_SEP.'config.xml'; + }else{ + $configurationFile=PATH_CUSTOM_SKINS.$skinName.PATH_SEP.'config.xml'; + } + + + $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); + + //Base files + switch(strtolower($skinVariant)){ + case "extjs": + //Base + $baseCSSPath=PATH_SKIN_ENGINE."base". PATH_SEP."baseCss". PATH_SEP; + $output .= file_get_contents ( $baseCSSPath . 'ext-all-notheme.css' ); + //$output .= file_get_contents ( $publicExtPath . 'ext-all.css' ); + + //Classic Skin + $extJsSkin = 'xtheme-gray'; + /*$publicExtPath = PATH_SKIN_ENGINE."base". PATH_SEP."css". PATH_SEP; + $output .= file_get_contents ( $publicExtPath . $extJsSkin . '.css' ); + $output .= file_get_contents ( $publicExtPath . 'pmos-' . $extJsSkin . '.css' ); + */ + //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) + //$helper->addFile($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' ); + + + break; + default: + + break; + + } + + + + //Get Browser Info + $infoBrowser=G::browser_detection( 'full_assoc'); + $browserName=$infoBrowser['browser_working']; + if(isset($infoBrowser[$browserName.'_data'])){ + if($infoBrowser[$browserName.'_data'][0]!=""){ + $browserName=$infoBrowser[$browserName.'_data'][0]; + } + } + //print "

$browserName

"; + //G::pr($infoBrowser); + + + //Read Configuration File + $xmlConfiguration = file_get_contents ( $configurationFile ); + $xmlConfigurationObj=G::xmlParser($xmlConfiguration); + + //G::pr($xmlConfigurationObj->result['skinConfiguration']['__CONTENT__']['cssFiles']['__CONTENT__'][$tempSkin]['__CONTENT__'] ); + $skinFilesArray=$xmlConfigurationObj->result['skinConfiguration']['__CONTENT__']['cssFiles']['__CONTENT__'][$skinVariant]['__CONTENT__']['cssFile'] ; + //G::pr($skinFilesArray); + foreach($skinFilesArray as $keyFile => $cssFileInfo){ + //G::pr($cssFileInfo); + $enabledBrowsers=explode(",",$cssFileInfo['__ATTRIBUTES__']['enabledBrowsers']); + $disabledBrowsers=explode(",",$cssFileInfo['__ATTRIBUTES__']['disabledBrowsers']); + + if(((in_array($browserName, $enabledBrowsers))||(in_array('ALL', $enabledBrowsers)))&&(!(in_array($browserName, $disabledBrowsers)))){ + //G::pr($cssFileInfo['__ATTRIBUTES__']['file']); + $output .= file_get_contents ( $baseSkinDirectory . PATH_SEP.'css'.PATH_SEP.$cssFileInfo['__ATTRIBUTES__']['file'] ); + } + } + return $output; + + + - $output .= file_get_contents ( PATH_HTML . 'images/icons_silk/sprite.css' ); - return $output; } /** @@ -1100,7 +1179,7 @@ class G //trick to generate the translation.language.js file , merging two files and then minified the content. if ( strtolower ($typefile ) == 'js' && $typearray[0] == 'translation' ) { - $output = G::streamJSTranslationFile ($filename, $typearray[1]); + $output = G::streamJSTranslationFile ($filename, $typearray[1]); print $output; return; } @@ -1180,7 +1259,7 @@ class G $output .= JSMin::minify ( file_get_contents ( $pathJs . 'ext/mootools.js' ) ); $output .= JSMin::minify ( file_get_contents ( $pathJs . 'ext/moocanvas.js' ) ); $output .= JSMin::minify ( file_get_contents ( $pathJs . 'ext/draw2d.js' ) ); - $output .= JSMin::minify ( file_get_contents ( $pathJs . 'ext/pmos-common.js' ) ); + $output .= JSMin::minify ( file_get_contents ( $pathJs . 'ext/pmos-common.js' ) ); break; case 'ext-all.js' : $pathJs = PATH_GULLIVER_HOME . PATH_SEP . 'js' . PATH_SEP; @@ -1226,10 +1305,10 @@ class G /** * trimSourceCodeFile * - * @param string $filename + * @param string $filename * * @return string $output - */ + */ function trimSourceCodeFile ( $filename ) { $handle = fopen ($filename, "r"); $lastChar = ''; @@ -1294,13 +1373,13 @@ class G /** * sendHeaders * - * @param string $filename + * @param string $filename * @param string $contentType default value '' * @param boolean $download default value false - * @param string $downloadFileName default value '' + * @param string $downloadFileName default value '' * * @return void - */ + */ function sendHeaders ( $filename , $contentType = '', $download = false, $downloadFileName = '' ) { if ($download) { @@ -1411,7 +1490,7 @@ class G /** * (Create an encrypted unique identificator based on $id and the selected scope id.) ^-1 * getUIDName - * + * * @author David S. Callizaya S. * @access public * @param string $id @@ -1473,9 +1552,9 @@ class G - if ($lang=='fa') - $number='persian'; - else + if ($lang=='fa') + $number='persian'; + else $number='latin'; $d = '0'.$date[2];$d=G::formatNumber(substr($d,strlen($d)-2,2),$number); $j = G::formatNumber($date[2],$number); @@ -1499,12 +1578,12 @@ class G /** * getformatedDate * - * @param date $date - * @param string $format default value 'yyyy-mm-dd', + * @param date $date + * @param string $format default value 'yyyy-mm-dd', * @param string $lang default value '' * * @return string $ret - */ + */ function getformatedDate($date, $format = 'yyyy-mm-dd', $lang = '') { /******************************************************************************************************** @@ -1737,7 +1816,7 @@ class G if ($count) { for($r=0;$r<$count;$r++) { - if (!isset($result[$match[2][$r][0]])) + if (!isset($result[$match[2][$r][0]])) $result[$match[2][$r][0]] = ''; if (!is_array($result[$match[2][$r][0]])) { $__textoEval.=substr($sqlString,$u,$match[0][$r][1]-$u); @@ -1865,7 +1944,7 @@ class G /** * SendTemporalMessage * - * @param string $msgID + * @param string $msgID * @param string $strType * @param string $sType default value 'LABEL' * @param date $time default value null @@ -1873,7 +1952,7 @@ class G * @param string $customLabels default value null * * @return void - */ + */ function SendTemporalMessage($msgID, $strType, $sType='LABEL', $time=null, $width=null, $customLabels= null) { if( isset($width) ){ @@ -1905,12 +1984,12 @@ class G /** * SendMessage * - * @param string $msgID - * @param string $strType + * @param string $msgID + * @param string $strType * @param string $file default value "labels" * * @return void - */ + */ function SendMessage( $msgID, $strType , $file="labels") { global $arrayXmlMessages; @@ -1920,13 +1999,13 @@ class G /** * SendMessageText - * Just put the $text in the message text + * Just put the $text in the message text * * @param string $text * @param string $strType * * @return void - */ + */ function SendMessageText( $text, $strType) { global $arrayXmlMessages; @@ -1936,13 +2015,13 @@ class G /** * Render message from XML file - * + * * @author Fernando Ontiveros Lira * @access public * @param string $msgID * @return void */ - function LoadMessage( $msgID, $file = "messages" ) + function LoadMessage( $msgID, $file = "messages" ) { global $_SESSION; global $arrayXmlMessages; @@ -2009,7 +2088,7 @@ class G * It generates a global Translation variable that will be used in all the system. Per script * @author Hugo Loza. * @access public - * @parameter string lang + * @parameter string lang * @return void */ function LoadTranslationObject($lang = SYS_LANG){ @@ -2031,7 +2110,7 @@ class G } global $translation; - if( defined("SHOW_UNTRANSLATED_AS_TAG") && SHOW_UNTRANSLATED_AS_TAG != 0 ) + if( defined("SHOW_UNTRANSLATED_AS_TAG") && SHOW_UNTRANSLATED_AS_TAG != 0 ) $translation = $foreignTranslations; else $translation = array_merge($defaultTranslations, $foreignTranslations); @@ -2048,7 +2127,7 @@ class G */ function LoadTranslation( $msgID , $lang = SYS_LANG, $data = null) { - global $translation; + global $translation; if ( isset ( $translation[$msgID] ) ){ $translationString = preg_replace("[\n|\r|\n\r]", ' ', $translation[$msgID]); @@ -2189,7 +2268,7 @@ class G * @param string $string * * @return string $string - */ + */ function capitalize($string) { $capitalized = ''; @@ -2209,7 +2288,7 @@ class G * @param string $sText * * @return string strtoupper($sText) - */ + */ function toUpper($sText) { return strtoupper($sText); @@ -2220,7 +2299,7 @@ class G * * @param string $sText * @return string strtolower($sText) - */ + */ function toLower($sText) { return strtolower($sText); @@ -2229,12 +2308,12 @@ class G /** * http_build_query * - * @param string $formdata, - * @param string $numeric_prefix default value null, + * @param string $formdata, + * @param string $numeric_prefix default value null, * @param string $key default value null * * @return array $res - */ + */ function http_build_query( $formdata, $numeric_prefix = null, $key = null ) { $res = array(); @@ -2404,7 +2483,7 @@ class G * @param integer $permission * @return void */ - function uploadFile($file, $path ,$nameToSave, $permission = 0666) + function uploadFile($file, $path ,$nameToSave, $permission = 0666) { try { if ($file == '') { @@ -2429,14 +2508,14 @@ class G /** * resizeImage * - * @param string $path, - * @param string $resWidth - * @param string $resHeight + * @param string $path, + * @param string $resWidth + * @param string $resHeight * @param string $saveTo default value null * * @return void - */ - function resizeImage($path, $resWidth, $resHeight, $saveTo=null) + */ + function resizeImage($path, $resWidth, $resHeight, $saveTo=null) { $imageInfo = @getimagesize($path); @@ -2604,7 +2683,7 @@ class G * @param string $string * * @return string utf8_encode() - */ + */ function is_utf8($string) { if (is_array($string)) @@ -2664,7 +2743,7 @@ class G G::LoadClass('sessions'); $oSessions = new Sessions($params->SID); $sysCon = array_merge($sysCon, $oSessions->getGlobals()); - } + } break; } } @@ -2710,8 +2789,8 @@ class G * * @param string $string * - * @return string substring - */ + * @return string substring + */ function unhtmlentities ($string) { $trans_tbl = get_html_translation_table (HTML_ENTITIES); @@ -2739,9 +2818,9 @@ class G $t=$r['tag']; if ($r['type']=='open') { if (isset($ary[$t])) { - if (isset($ary[$t][0])) + if (isset($ary[$t][0])) $ary[$t][]=array(); - else + else $ary[$t]=array($ary[$t], array()); $cv=&$ary[$t][count($ary[$t])-1]; } else $cv=&$ary[$t]; @@ -2791,7 +2870,7 @@ class G * @param string &$ary * * @return void - */ + */ // _Internal: Remove recursion in result array function _del_p(&$ary) { foreach ($ary as $k=>$v) { @@ -2805,12 +2884,12 @@ class G * * Array to XML * - * @param string $cary - * @param string $d=0 + * @param string $cary + * @param string $d=0 * @param string $forcetag default value '' * * @return void - */ + */ // Array to XML function ary2xml($cary, $d=0, $forcetag='') { $res = array(); @@ -2842,9 +2921,9 @@ class G * @param string $pos * * @return void - */ + */ // Insert element into array - function ins2ary(&$ary, $element, $pos) + function ins2ary(&$ary, $element, $pos) { $ar1=array_slice($ary, 0, $pos); $ar1[]=$element; $ary=array_merge($ar1, array_slice($ary, $pos)); @@ -2861,7 +2940,7 @@ class G * @param string $c * * @return void - */ + */ function evalJScript($c){ print(""); } @@ -2913,7 +2992,7 @@ class G * @param string $var * * @return void - */ + */ function pr($var) { print("
");
@@ -2927,7 +3006,7 @@ class G
    * @param  string $var
    *
    * @return void
-   */   
+   */
   function dump($var){
     print("
");
     var_dump($var);
@@ -2940,15 +3019,15 @@ class G
    * @param  string $string
    *
    * @return string str_replace
-   */   
+   */
   function stripCDATA($string){
     preg_match_all('//is', $string, $matches);
     return str_replace($matches[0], $matches[1], $string);
   }
   
   /**
-   * Get the temporal directory path on differents O.S.  i.e. /temp -> linux, C:/Temp -> win 
-   * @author  
+   * Get the temporal directory path on differents O.S.  i.e. /temp -> linux, C:/Temp -> win
+   * @author 
    */
   function getSysTemDir() {
     if ( !function_exists('sys_get_temp_dir') ){
@@ -2981,8 +3060,8 @@ class G
   /**
    * Get the content of a compose pmos web service response
    * Returns an array when has a valid reponse, if the response is invalid returns an object containing a status_code and message properties.
-   *   
-   * @author  
+   *
+   * @author 
    */
   function PMWSCompositeResponse($oResp, $prop) {
     $Resp = new stdClass();
@@ -2991,7 +3070,7 @@ class G
       $list = $oResp->{$prop};
       
       if( is_object($list) ){
-        $aList[0] = $list; 
+        $aList[0] = $list;
       } else {
         $aList = $list;
       }
@@ -3033,12 +3112,12 @@ class G
   }
     
   /**
-   * Validate and emai address in complete forms, 
-   * 
+   * Validate and emai address in complete forms,
+   *
    * @author Erik A.O. 
-   * i.e. if the param. is 'erik a.o. ' 
-   *      -> returns a object within $o->email => erik@colosa.com and $o->name => erik A.O. in other case returns false  
-   *  
+   * i.e. if the param. is 'erik a.o. '
+   *      -> returns a object within $o->email => erik@colosa.com and $o->name => erik A.O. in other case returns false
+   *
    */
   function emailAddress($sEmail){
     $o = new stdClass();
@@ -3048,7 +3127,7 @@ class G
       if( isset($matches[1]) && $matches[3]){
         $o->email = $matches[3];
         $o->name = $matches[1];
-        return $o; 
+        return $o;
       }
       return false;
     } else {
@@ -3056,15 +3135,15 @@ class G
       if( isset($matches[0]) ){
         $o->email = $matches[0];
         $o->name = '';
-        return $o; 
+        return $o;
       }
-      return false; 
+      return false;
     }
   }
   
   /**
-   * JSON encode 
-   * 
+   * JSON encode
+   *
    * @author Erik A.O. 
    */
   function json_encode($Json){
@@ -3078,8 +3157,8 @@ class G
   }
   
   /**
-   * JSON decode 
-   * 
+   * JSON decode
+   *
    * @author Erik A.O. 
    */
   function json_decode($Json){
@@ -3090,13 +3169,13 @@ class G
       $oJSON = new Services_JSON();
       return $oJSON->decode($Json);
     }
-  }  
+  }
   
   /**
    * isHttpRequest
    *
    * @return boolean true or false
-   */   
+   */
   function isHttpRequest(){
     if( isset($_SERVER['SERVER_SOFTWARE']) && strpos(strtolower($_SERVER['SERVER_SOFTWARE']), 'apache') !== false ){
       return true;
@@ -3106,11 +3185,11 @@ class G
     
   /**
    * Get the type of a variable
-   * Returns the type of the PHP variable var. 
+   * Returns the type of the PHP variable var.
    *
    * @author Erik A. Ortiz. 
    * @return (string) type of variable
-   */ 
+   */
   public function gettype($var) {
       switch ($var) {
         case is_null($var):
@@ -3192,7 +3271,7 @@ class G
      $infoUser = str_replace('@lastName', $aUserInfo['USR_LASTNAME'], $format);
      $infoUser = str_replace('@firstName', $aUserInfo['USR_FIRSTNAME'], $infoUser);
      break;
-     case '@lastName, @firstName':	
+     case '@lastName, @firstName':
      $infoUser = str_replace('@lastName', $aUserInfo['USR_LASTNAME'], $format);
      $infoUser = str_replace('@firstName', $aUserInfo['USR_FIRSTNAME'], $infoUser);
      break;
@@ -3215,12 +3294,12 @@ class G
   
   /**
    * Recursive Is writeable function
-   * 
+   *
    * @author Erik Amaru Ortiz 
-   * 
+   *
    * @param $path path to scan recursively the write permission
    * @param $pattern pattern to filter some especified files
-   * @return  if the $path, assuming that is a directory -> all files in it are writeables or not 
+   * @return  if the $path, assuming that is a directory -> all files in it are writeables or not
    */
   function is_rwritable($path, $pattern='*')
   {
@@ -3234,23 +3313,1044 @@ class G
   
   /**
    * Recursive version of glob php standard function
-   * 
+   *
    * @author Erik Amaru Ortiz 
-   * 
+   *
    * @param $path path to scan recursively the write permission
    * @param $flags to notive glob function
    * @param $pattern pattern to filter some especified files
-   * @return  array containing the recursive glob results 
+   * @return  array containing the recursive glob results
    */
   function rglob($pattern='*', $flags = 0, $path='')
   {
     $paths = glob($path.'*', GLOB_MARK|GLOB_ONLYDIR|GLOB_NOSORT);
     $files = glob($path.$pattern, $flags);
-    foreach ($paths as $path) { 
-      $files = array_merge($files, G::rglob($pattern, $flags, $path)); 
+    foreach ($paths as $path) {
+      $files = array_merge($files, G::rglob($pattern, $flags, $path));
     }
     return $files;
   }
+function browser_detection( $which_test, $test_excludes='', $external_ua_string='' )
+{
+	/*
+	uncomment the global variable declaration if you want the variables to be available on
+	a global level throughout your php page, make sure that php is configured to support
+	the use of globals first!
+	Use of globals should be avoided however, and they are not necessary with this script
+	/*
+	/*
+	global $a_full_assoc_data, $a_mobile_data, $a_moz_data, $a_webkit_data, $b_dom_browser, $b_repeat, $b_safe_browser, $browser_name, $browser_number, $browser_math_number, $browser_user_agent, $browser_working, $ie_version, $mobile_test, $moz_number, $moz_rv, $moz_rv_full, $moz_release_date, $moz_type, $os_number, $os_type, $true_ie_number, $ua_type, $webkit_type, $webkit_type_number;
+	*/
+	G::script_time(); // set script timer to start timing
+
+	static $a_full_assoc_data, $a_mobile_data, $a_moz_data, $a_webkit_data, $b_dom_browser, $b_repeat, $b_safe_browser, $browser_name, $browser_number, $browser_math_number, $browser_user_agent, $browser_working, $ie_version, $mobile_test, $moz_number, $moz_rv, $moz_rv_full, $moz_release_date, $moz_type, $os_number, $os_type, $true_ie_number, $ua_type, $webkit_type, $webkit_type_number;
+	
+	// switch off the optimization for external ua string testing.
+	if ( $external_ua_string )
+	{
+		$b_repeat = false;
+	}
+	
+	/*
+	this makes the test only run once no matter how many times you call it since
+	all the variables are filled on the first run through, it's only a matter of
+	returning the the right ones
+	*/
+	if ( !$b_repeat )
+	{
+		//initialize all variables with default values to prevent error
+		$a_browser_math_number = '';
+		$a_full_assoc_data = '';
+		$a_full_data = '';
+		$a_mobile_data = '';
+		$a_moz_data = '';
+		$a_os_data = '';
+		$a_unhandled_browser = '';
+		$a_webkit_data = '';
+		$b_dom_browser = false;
+		$b_os_test = true;
+		$b_mobile_test = true;
+		$b_safe_browser = false;
+		$b_success = false;// boolean for if browser found in main test
+		$browser_math_number = '';
+		$browser_temp = '';
+		$browser_working = '';
+		$browser_number = '';
+		$ie_version = '';
+		$mobile_test = '';
+		$moz_release_date = '';
+		$moz_rv = '';
+		$moz_rv_full = '';
+		$moz_type = '';
+		$moz_number = '';
+		$os_number = '';
+		$os_type = '';
+		$run_time = '';
+		$true_ie_number = '';
+		$ua_type = 'bot';// default to bot since you never know with bots
+		$webkit_type = '';
+		$webkit_type_number = '';
+
+		// set the excludes if required
+		if ( $test_excludes )
+		{
+			switch ( $test_excludes )
+			{
+				case '1':
+					$b_os_test = false;
+					break;
+				case '2':
+					$b_mobile_test = false;
+					break;
+				case '3':
+					$b_os_test = false;
+					$b_mobile_test = false;
+					break;
+				default:
+					die( 'Error: bad $test_excludes parameter 2 used: ' . $test_excludes );
+					break;
+			}
+		}
+
+		/*
+		make navigator user agent string lower case to make sure all versions get caught
+		isset protects against blank user agent failure. tolower also lets the script use
+		strstr instead of stristr, which drops overhead slightly.
+		*/
+		if ( $external_ua_string )
+		{
+			$browser_user_agent = strtolower( $external_ua_string );
+		}
+		elseif ( isset( $_SERVER['HTTP_USER_AGENT'] ) )
+		{
+			$browser_user_agent = strtolower( $_SERVER['HTTP_USER_AGENT'] );
+		}
+		else
+		{
+			$browser_user_agent = '';
+		}
+
+		/*
+		pack the browser type array, in this order
+		the order is important, because opera must be tested first, then omniweb [which has safari
+		data in string], same for konqueror, then safari, then gecko, since safari navigator user
+		agent id's with 'gecko' in string.
+		Note that $b_dom_browser is set for all  modern dom browsers, this gives you a default to use.
+
+		array[0] = id string for useragent, array[1] is if dom capable, array[2] is working name
+		for browser, array[3] identifies navigator useragent type
+
+		Note: all browser strings are in lower case to match the strtolower output, this avoids
+		possible detection errors
+
+		Note: These are the navigator user agent types:
+		bro - modern, css supporting browser.
+		bbro - basic browser, text only, table only, defective css implementation
+		bot - search type spider
+		dow - known download agent
+		lib - standard http libraries
+		mobile - handheld or mobile browser, set using $mobile_test
+		*/
+		// known browsers, list will be updated routinely, check back now and then
+		$a_browser_types = array(
+			array( 'opera', true, 'op', 'bro' ),
+			array( 'msie', true, 'ie', 'bro' ),
+			// webkit before gecko because some webkit ua strings say: like gecko
+			array( 'webkit', true, 'webkit', 'bro' ),
+			// konq will be using webkit soon
+			array( 'konqueror', true, 'konq', 'bro' ),
+			// covers Netscape 6-7, K-Meleon, Most linux versions, uses moz array below
+			array( 'gecko', true, 'moz', 'bro' ),
+			array( 'netpositive', false, 'netp', 'bbro' ),// beos browser
+			array( 'lynx', false, 'lynx', 'bbro' ), // command line browser
+			array( 'elinks ', false, 'elinks', 'bbro' ), // new version of links
+			array( 'elinks', false, 'elinks', 'bbro' ), // alternate id for it
+			array( 'links2', false, 'links2', 'bbro' ), // alternate links version
+			array( 'links ', false, 'links', 'bbro' ), // old name for links
+			array( 'links', false, 'links', 'bbro' ), // alternate id for it
+			array( 'w3m', false, 'w3m', 'bbro' ), // open source browser, more features than lynx/links
+			array( 'webtv', false, 'webtv', 'bbro' ),// junk ms webtv
+			array( 'amaya', false, 'amaya', 'bbro' ),// w3c browser
+			array( 'dillo', false, 'dillo', 'bbro' ),// linux browser, basic table support
+			array( 'ibrowse', false, 'ibrowse', 'bbro' ),// amiga browser
+			array( 'icab', false, 'icab', 'bro' ),// mac browser
+			array( 'crazy browser', true, 'ie', 'bro' ),// uses ie rendering engine
+	
+			// search engine spider bots:
+			array( 'bingbot', false, 'bing', 'bot' ),// bing
+			array( 'exabot', false, 'exabot', 'bot' ),// exabot
+			array( 'googlebot', false, 'google', 'bot' ),// google
+			array( 'google web preview', false, 'googlewp', 'bot' ),// google preview
+			array( 'mediapartners-google', false, 'adsense', 'bot' ),// google adsense
+			array( 'yahoo-verticalcrawler', false, 'yahoo', 'bot' ),// old yahoo bot
+			array( 'yahoo! slurp', false, 'yahoo', 'bot' ), // new yahoo bot
+			array( 'yahoo-mm', false, 'yahoomm', 'bot' ), // gets Yahoo-MMCrawler and Yahoo-MMAudVid bots
+			array( 'inktomi', false, 'inktomi', 'bot' ), // inktomi bot
+			array( 'slurp', false, 'inktomi', 'bot' ), // inktomi bot
+			array( 'fast-webcrawler', false, 'fast', 'bot' ),// Fast AllTheWeb
+			array( 'msnbot', false, 'msn', 'bot' ),// msn search
+			array( 'ask jeeves', false, 'ask', 'bot' ), //jeeves/teoma
+			array( 'teoma', false, 'ask', 'bot' ),//jeeves teoma
+			array( 'scooter', false, 'scooter', 'bot' ),// altavista
+			array( 'openbot', false, 'openbot', 'bot' ),// openbot, from taiwan
+			array( 'ia_archiver', false, 'ia_archiver', 'bot' ),// ia archiver
+			array( 'zyborg', false, 'looksmart', 'bot' ),// looksmart
+			array( 'almaden', false, 'ibm', 'bot' ),// ibm almaden web crawler
+			array( 'baiduspider', false, 'baidu', 'bot' ),// Baiduspider asian search spider
+			array( 'psbot', false, 'psbot', 'bot' ),// psbot image crawler
+			array( 'gigabot', false, 'gigabot', 'bot' ),// gigabot crawler
+			array( 'naverbot', false, 'naverbot', 'bot' ),// naverbot crawler, bad bot, block
+			array( 'surveybot', false, 'surveybot', 'bot' ),//
+			array( 'boitho.com-dc', false, 'boitho', 'bot' ),//norwegian search engine
+			array( 'objectssearch', false, 'objectsearch', 'bot' ),// open source search engine
+			array( 'answerbus', false, 'answerbus', 'bot' ),// http://www.answerbus.com/, web questions
+			array( 'sohu-search', false, 'sohu', 'bot' ),// chinese media company, search component
+			array( 'iltrovatore-setaccio', false, 'il-set', 'bot' ),
+	
+			// various http utility libaries
+			array( 'w3c_validator', false, 'w3c', 'lib' ), // uses libperl, make first
+			array( 'wdg_validator', false, 'wdg', 'lib' ), //
+			array( 'libwww-perl', false, 'libwww-perl', 'lib' ),
+			array( 'jakarta commons-httpclient', false, 'jakarta', 'lib' ),
+			array( 'python-urllib', false, 'python-urllib', 'lib' ),
+	
+			// download apps
+			array( 'getright', false, 'getright', 'dow' ),
+			array( 'wget', false, 'wget', 'dow' ),// open source downloader, obeys robots.txt
+	
+			// netscape 4 and earlier tests, put last so spiders don't get caught
+			array( 'mozilla/4.', false, 'ns', 'bbro' ),
+			array( 'mozilla/3.', false, 'ns', 'bbro' ),
+			array( 'mozilla/2.', false, 'ns', 'bbro' )
+		);
+	
+		//array( '', false ); // browser array template
+
+		/*
+		moz types array
+		note the order, netscape6 must come before netscape, which  is how netscape 7 id's itself.
+		rv comes last in case it is plain old mozilla. firefox/netscape/seamonkey need to be later
+		Thanks to: http://www.zytrax.com/tech/web/firefox-history.html
+		*/
+		$a_moz_types = array( 'bonecho', 'camino', 'epiphany', 'firebird', 'flock', 'galeon', 'iceape', 'icecat', 'k-meleon', 'minimo', 'multizilla', 'phoenix', 'songbird', 'swiftfox', 'seamonkey', 'shiretoko', 'iceweasel', 'firefox', 'minefield', 'netscape6', 'netscape', 'rv' );
+
+		/*
+		webkit types, this is going to expand over time as webkit browsers spread
+		konqueror is probably going to move to webkit, so this is preparing for that
+		It will now default to khtml. gtklauncher is the temp id for epiphany, might
+		change. Defaults to applewebkit, and will all show the webkit number.
+		*/
+		$a_webkit_types = array( 'arora', 'chrome', 'epiphany', 'gtklauncher', 'konqueror', 'midori', 'omniweb', 'safari', 'uzbl', 'applewebkit', 'webkit' );
+
+		/*
+		run through the browser_types array, break if you hit a match, if no match, assume old browser
+		or non dom browser, assigns false value to $b_success.
+		*/
+		$i_count = count( $a_browser_types );
+		for ( $i = 0; $i < $i_count; $i++ )
+		{
+			//unpacks browser array, assigns to variables, need to not assign til found in string
+			$browser_temp = $a_browser_types[$i][0];// text string to id browser from array
+
+			if ( strstr( $browser_user_agent, $browser_temp ) )
+			{
+				/*
+				it defaults to true, will become false below if needed
+				this keeps it easier to keep track of what is safe, only
+				explicit false assignment will make it false.
+				*/
+				$b_safe_browser = true;
+				$browser_name = $browser_temp;// text string to id browser from array
+
+				// assign values based on match of user agent string
+				$b_dom_browser = $a_browser_types[$i][1];// hardcoded dom support from array
+				$browser_working = $a_browser_types[$i][2];// working name for browser
+				$ua_type = $a_browser_types[$i][3];// sets whether bot or browser
+
+				switch ( $browser_working )
+				{
+					// this is modified quite a bit, now will return proper netscape version number
+					// check your implementation to make sure it works
+					case 'ns':
+						$b_safe_browser = false;
+						$browser_number = G::get_item_version( $browser_user_agent, 'mozilla' );
+						break;
+					case 'moz':
+						/*
+						note: The 'rv' test is not absolute since the rv number is very different on
+						different versions, for example Galean doesn't use the same rv version as Mozilla,
+						neither do later Netscapes, like 7.x. For more on this, read the full mozilla
+						numbering conventions here: http://www.mozilla.org/releases/cvstags.html
+						*/
+						// this will return alpha and beta version numbers, if present
+						$moz_rv_full = G::get_item_version( $browser_user_agent, 'rv' );
+						// this slices them back off for math comparisons
+						$moz_rv = substr( $moz_rv_full, 0, 3 );
+
+						// this is to pull out specific mozilla versions, firebird, netscape etc..
+						$j_count = count( $a_moz_types );
+						for ( $j = 0; $j < $j_count; $j++ )
+						{
+							if ( strstr( $browser_user_agent, $a_moz_types[$j] ) )
+							{
+								$moz_type = $a_moz_types[$j];
+								$moz_number = G::get_item_version( $browser_user_agent, $moz_type );
+								break;
+							}
+						}
+						/*
+						this is necesary to protect against false id'ed moz'es and new moz'es.
+						this corrects for galeon, or any other moz browser without an rv number
+						*/
+						if ( !$moz_rv )
+						{
+							// you can use this if you are running php >= 4.2
+							if ( function_exists( 'floatval' ) )
+							{
+								$moz_rv = floatval( $moz_number );
+							}
+							else
+							{
+								$moz_rv = substr( $moz_number, 0, 3 );
+							}
+							$moz_rv_full = $moz_number;
+						}
+						// this corrects the version name in case it went to the default 'rv' for the test
+						if ( $moz_type == 'rv' )
+						{
+							$moz_type = 'mozilla';
+						}
+
+						//the moz version will be taken from the rv number, see notes above for rv problems
+						$browser_number = $moz_rv;
+						// gets the actual release date, necessary if you need to do functionality tests
+						G::get_set_count( 'set', 0 );
+						$moz_release_date = G::get_item_version( $browser_user_agent, 'gecko/' );
+						/*
+						Test for mozilla 0.9.x / netscape 6.x
+						test your javascript/CSS to see if it works in these mozilla releases, if it
+						does, just default it to: $b_safe_browser = true;
+						*/
+						if ( ( $moz_release_date < 20020400 ) || ( $moz_rv < 1 ) )
+						{
+							$b_safe_browser = false;
+						}
+						break;
+					case 'ie':
+						/*
+						note we're adding in the trident/ search to return only first instance in case
+						of msie 8, and we're triggering the  break last condition in the test, as well
+						as the test for a second search string, trident/
+						*/
+						$browser_number = G::get_item_version( $browser_user_agent, $browser_name, true, 'trident/' );
+						// construct the proper real number if it's in compat mode and msie 8.0/9.0
+						if ( strstr( $browser_number, '7.' ) && strstr( $browser_user_agent, 'trident/5' ) )
+						{
+							// note that 7.0 becomes 9 when adding 1, but if it's 7.1 it will be 9.1
+							$true_ie_number = $browser_number + 2;
+						}
+						elseif ( strstr( $browser_number, '7.' ) && strstr( $browser_user_agent, 'trident/4' ) )
+						{
+							// note that 7.0 becomes 8 when adding 1, but if it's 7.1 it will be 8.1
+							$true_ie_number = $browser_number + 1;
+						}
+						// the 9 series is finally standards compatible, html 5 etc, so worth a new id
+						if ( $browser_number >= 9 )
+						{
+							$ie_version = 'ie9x';
+						}
+						// 7/8 were not yet quite to standards levels but getting there
+						elseif ( $browser_number >= 7 )
+						{
+							$ie_version = 'ie7x';
+						}
+						// then test for IE 5x mac, that's the most problematic IE out there
+						elseif ( strstr( $browser_user_agent, 'mac') )
+						{
+							$ie_version = 'ieMac';
+						}
+						// ie 5/6 are both very weak in standards compliance
+						elseif ( $browser_number >= 5 )
+						{
+							$ie_version = 'ie5x';
+						}
+						elseif ( ( $browser_number > 3 ) && ( $browser_number < 5 ) )
+						{
+							$b_dom_browser = false;
+							$ie_version = 'ie4';
+							// this depends on what you're using the script for, make sure this fits your needs
+							$b_safe_browser = true;
+						}
+						else
+						{
+							$ie_version = 'old';
+							$b_dom_browser = false;
+							$b_safe_browser = false;
+						}
+						break;
+					case 'op':
+						$browser_number = G::get_item_version( $browser_user_agent, $browser_name );
+						// opera is leaving version at 9.80 (or xx) for 10.x - see this for explanation
+						// http://dev.opera.com/articles/view/opera-ua-string-changes/
+						if ( strstr( $browser_number, '9.' ) && strstr( $browser_user_agent, 'version/' ) )
+						{
+							G::get_set_count( 'set', 0 );
+							$browser_number = G::get_item_version( $browser_user_agent, 'version/' );
+						}
+						
+						if ( $browser_number < 5 )// opera 4 wasn't very useable.
+						{
+							$b_safe_browser = false;
+						}
+						break;
+					/*
+					note: webkit returns always the webkit version number, not the specific user
+					agent version, ie, webkit 583, not chrome 0.3
+					*/
+					case 'webkit':
+						// note that this is the Webkit version number
+						$browser_number = G::get_item_version( $browser_user_agent, $browser_name );
+						// this is to pull out specific webkit versions, safari, google-chrome etc..
+						$j_count = count( $a_webkit_types );
+						for ( $j = 0; $j < $j_count; $j++ )
+						{
+							if ( strstr( $browser_user_agent, $a_webkit_types[$j] ) )
+							{
+								$webkit_type = $a_webkit_types[$j];
+								/*
+								and this is the webkit type version number, like: chrome 1.2
+								if omni web, we want the count 2, not default 1
+								*/
+								if ( $webkit_type == 'omniweb' )
+								{
+									G::get_set_count( 'set', 2 );
+								}
+								$webkit_type_number = G::get_item_version( $browser_user_agent, $webkit_type );
+								// epiphany hack
+								if ( $a_webkit_types[$j] == 'gtklauncher' )
+								{
+									$browser_name = 'epiphany';
+								}
+								else
+								{
+									$browser_name = $a_webkit_types[$j];
+								}
+								break;
+							}
+						}
+						break;
+					default:
+						$browser_number = G::get_item_version( $browser_user_agent, $browser_name );
+						break;
+				}
+				// the browser was id'ed
+				$b_success = true;
+				break;
+			}
+		}
+		
+		//assigns defaults if the browser was not found in the loop test
+		if ( !$b_success )
+		{
+			/*
+			this will return the first part of the browser string if the above id's failed
+			usually the first part of the browser string has the navigator useragent name/version in it.
+			This will usually correctly id the browser and the browser number if it didn't get
+			caught by the above routine.
+			If you want a '' to do a if browser == '' type test, just comment out all lines below
+			except for the last line, and uncomment the last line. If you want undefined values,
+			the browser_name is '', you can always test for that
+			*/
+			// delete this part if you want an unknown browser returned
+			$browser_name = substr( $browser_user_agent, 0, strcspn( $browser_user_agent , '();') );
+			// this extracts just the browser name from the string, if something usable was found
+			if ( $browser_name && preg_match( '/[^0-9][a-z]*-*\ *[a-z]*\ *[a-z]*/', $browser_name, $a_unhandled_browser ) )
+			{
+				$browser_name = $a_unhandled_browser[0];
+				
+				if ( $browser_name == 'blackberry' )
+				{
+					G::get_set_count( 'set', 0 );
+				}
+				$browser_number = G::get_item_version( $browser_user_agent, $browser_name );
+			}
+			else
+			{
+				$browser_name = 'NA';
+				$browser_number = 'NA';
+			}
+
+			// then uncomment this part
+			//$browser_name = '';//deletes the last array item in case the browser was not a match
+		}
+		// get os data, mac os x test requires browser/version information, this is a change from older scripts
+		if ( $b_os_test )
+		{
+			$a_os_data = G::get_os_data( $browser_user_agent, $browser_working, $browser_number );
+			$os_type = $a_os_data[0];// os name, abbreviated
+			$os_number = $a_os_data[1];// os number or version if available
+		}
+		/*
+		this ends the run through once if clause, set the boolean
+		to true so the function won't retest everything
+		*/
+		$b_repeat = true;
+		/*
+		pulls out primary version number from more complex string, like 7.5a,
+		use this for numeric version comparison
+		*/
+		if ( $browser_number && preg_match( '/[0-9]*\.*[0-9]*/', $browser_number, $a_browser_math_number ) )
+		{
+			$browser_math_number = $a_browser_math_number[0];
+			//print_r($a_browser_math_number);
+		}
+		if ( $b_mobile_test )
+		{
+			$mobile_test = G::check_is_mobile( $browser_user_agent );
+			if ( $mobile_test )
+			{
+				$a_mobile_data = G::get_mobile_data( $browser_user_agent );
+				$ua_type = 'mobile';
+			}
+		}
+	}
+	//$browser_number = $_SERVER["REMOTE_ADDR"];
+	/*
+	This is where you return values based on what parameter you used to call the function
+	$which_test is the passed parameter in the initial browser_detection('os') for example returns
+	the os version only.
+	
+	Update deprecated parameter names to new names
+	*/
+	switch ( $which_test )
+	{
+		case 'math_number':
+			$which_test = 'browser_math_number';
+			break;
+		case 'number':
+			$which_test = 'browser_number';
+			break;
+		case 'browser':
+			$which_test = 'browser_working';
+			break;
+		case 'moz_version':
+			$which_test = 'moz_data';
+			break;
+		case 'true_msie_version':
+			$which_test = 'true_ie_number';
+			break;
+		case 'type':
+			$which_test = 'ua_type';
+			break;
+		case 'webkit_version':
+			$which_test = 'webkit_data';
+			break;
+	}
+	/*
+	assemble these first so they can be included in full return data, using static variables
+	Note that there's no need to keep repacking these every time the script is called
+	*/
+	if ( !$a_moz_data )
+	{
+		$a_moz_data = array( $moz_type, $moz_number, $moz_rv, $moz_rv_full, $moz_release_date );
+	}
+	if ( !$a_webkit_data )
+	{
+		$a_webkit_data = array( $webkit_type, $webkit_type_number, $browser_number );
+	}
+	$run_time = G::script_time();
+	// then pack the primary data array
+	if ( !$a_full_assoc_data )
+	{
+		$a_full_assoc_data = array(
+			'browser_working' => $browser_working,
+			'browser_number' => $browser_number,
+			'ie_version' => $ie_version,
+			'dom' => $b_dom_browser,
+			'safe' => $b_safe_browser,
+			'os' => $os_type,
+			'os_number' => $os_number,
+			'browser_name' => $browser_name,
+			'ua_type' => $ua_type,
+			'browser_math_number' => $browser_math_number,
+			'moz_data' => $a_moz_data,
+			'webkit_data' => $a_webkit_data,
+			'mobile_test' => $mobile_test,
+			'mobile_data' => $a_mobile_data,
+			'true_ie_number' => $true_ie_number,
+			'run_time' => $run_time
+		);
+	}
+	// return parameters, either full data arrays, or by associative array index key
+	switch ( $which_test )
+	{
+		// returns all relevant browser information in an array with standard numberic indexes
+		case 'full':
+			$a_full_data = array(
+				$browser_working,
+				$browser_number,
+				$ie_version,
+				$b_dom_browser,
+				$b_safe_browser,
+				$os_type,
+				$os_number,
+				$browser_name,
+				$ua_type,
+				$browser_math_number,
+				$a_moz_data,
+				$a_webkit_data,
+				$mobile_test,
+				$a_mobile_data,
+				$true_ie_number,
+				$run_time
+			);
+			// print_r( $a_full_data );
+			return $a_full_data;
+			break;
+		// returns all relevant browser information in an associative array
+		case 'full_assoc':
+			return $a_full_assoc_data;
+			break;
+		default:
+			# check to see if the data is available, otherwise it's user typo of unsupported option
+			if ( isset( $a_full_assoc_data[$which_test] ) )
+			{
+				return $a_full_assoc_data[$which_test];
+			}
+			else
+			{
+				die( "You passed the browser detector an unsupported option for parameter 1: " . $which_test );
+			}
+			break;
+	}
+}
+
+// gets which os from the browser string
+function get_os_data ( $pv_browser_string, $pv_browser_name, $pv_version_number  )
+{
+	// initialize variables
+	$os_working_type = '';
+	$os_working_number = '';
+	/*
+	packs the os array. Use this order since some navigator user agents will put 'macintosh'
+	in the navigator user agent string which would make the nt test register true
+	*/
+	$a_mac = array( 'intel mac', 'ppc mac', 'mac68k' );// this is not used currently
+	// same logic, check in order to catch the os's in order, last is always default item
+	$a_unix_types = array( 'dragonfly', 'freebsd', 'openbsd', 'netbsd', 'bsd', 'unixware', 'solaris', 'sunos', 'sun4', 'sun5', 'suni86', 'sun', 'irix5', 'irix6', 'irix', 'hpux9', 'hpux10', 'hpux11', 'hpux', 'hp-ux', 'aix1', 'aix2', 'aix3', 'aix4', 'aix5', 'aix', 'sco', 'unixware', 'mpras', 'reliant', 'dec', 'sinix', 'unix' );
+	// only sometimes will you get a linux distro to id itself...
+	$a_linux_distros = array( 'ubuntu', 'kubuntu', 'xubuntu', 'mepis', 'xandros', 'linspire', 'winspire', 'jolicloud', 'sidux', 'kanotix', 'debian', 'opensuse', 'suse', 'fedora', 'redhat', 'slackware', 'slax', 'mandrake', 'mandriva', 'gentoo', 'sabayon', 'linux' );
+	$a_linux_process = array ( 'i386', 'i586', 'i686' );// not use currently
+	// note, order of os very important in os array, you will get failed ids if changed
+	$a_os_types = array( 'android', 'blackberry', 'iphone', 'palmos', 'palmsource', 'symbian', 'beos', 'os2', 'amiga', 'webtv', 'mac', 'nt', 'win', $a_unix_types, $a_linux_distros );
+	
+	//os tester
+	$i_count = count( $a_os_types );
+	for ( $i = 0; $i < $i_count; $i++ )
+	{
+		// unpacks os array, assigns to variable $a_os_working
+		$os_working_data = $a_os_types[$i];
+		/*
+		assign os to global os variable, os flag true on success
+		!strstr($pv_browser_string, "linux" ) corrects a linux detection bug
+		*/
+		if ( !is_array( $os_working_data ) && strstr( $pv_browser_string, $os_working_data ) && !strstr( $pv_browser_string, "linux" ) )
+		{
+			$os_working_type = $os_working_data;
+			
+			switch ( $os_working_type )
+			{
+				// most windows now uses: NT X.Y syntax
+				case 'nt':
+					if ( strstr( $pv_browser_string, 'nt 6.1' ) )// windows 7
+					{
+						$os_working_number = 6.1;
+					}
+					elseif ( strstr( $pv_browser_string, 'nt 6.0' ) )// windows vista/server 2008
+					{
+						$os_working_number = 6.0;
+					}
+					elseif ( strstr( $pv_browser_string, 'nt 5.2' ) )// windows server 2003
+					{
+						$os_working_number = 5.2;
+					}
+					elseif ( strstr( $pv_browser_string, 'nt 5.1' ) || strstr( $pv_browser_string, 'xp' ) )// windows xp
+					{
+						$os_working_number = 5.1;//
+					}
+					elseif ( strstr( $pv_browser_string, 'nt 5' ) || strstr( $pv_browser_string, '2000' ) )// windows 2000
+					{
+						$os_working_number = 5.0;
+					}
+					elseif ( strstr( $pv_browser_string, 'nt 4' ) )// nt 4
+					{
+						$os_working_number = 4;
+					}
+					elseif ( strstr( $pv_browser_string, 'nt 3' ) )// nt 4
+					{
+						$os_working_number = 3;
+					}
+					break;
+				case 'win':
+					if ( strstr( $pv_browser_string, 'vista' ) )// windows vista, for opera ID
+					{
+						$os_working_number = 6.0;
+						$os_working_type = 'nt';
+					}
+					elseif ( strstr( $pv_browser_string, 'xp' ) )// windows xp, for opera ID
+					{
+						$os_working_number = 5.1;
+						$os_working_type = 'nt';
+					}
+					elseif ( strstr( $pv_browser_string, '2003' ) )// windows server 2003, for opera ID
+					{
+						$os_working_number = 5.2;
+						$os_working_type = 'nt';
+					}
+					elseif ( strstr( $pv_browser_string, 'windows ce' ) )// windows CE
+					{
+						$os_working_number = 'ce';
+						$os_working_type = 'nt';
+					}
+					elseif ( strstr( $pv_browser_string, '95' ) )
+					{
+						$os_working_number = '95';
+					}
+					elseif ( ( strstr( $pv_browser_string, '9x 4.9' ) ) || ( strstr( $pv_browser_string, ' me' ) ) )
+					{
+						$os_working_number = 'me';
+					}
+					elseif ( strstr( $pv_browser_string, '98' ) )
+					{
+						$os_working_number = '98';
+					}
+					elseif ( strstr( $pv_browser_string, '2000' ) )// windows 2000, for opera ID
+					{
+						$os_working_number = 5.0;
+						$os_working_type = 'nt';
+					}
+					break;
+				case 'mac':
+					if ( strstr( $pv_browser_string, 'os x' ) )
+					{
+						// if it doesn't have a version number, it is os x;
+						if ( strstr( $pv_browser_string, 'os x ' ) )
+						{
+							// numbers are like: 10_2.4, others 10.2.4
+							$os_working_number = str_replace( '_', '.', G::get_item_version( $pv_browser_string, 'os x' ) );
+						}
+						else
+						{
+							$os_working_number = 10;
+						}
+					}
+					/*
+					this is a crude test for os x, since safari, camino, ie 5.2, & moz >= rv 1.3
+					are only made for os x
+					*/
+					elseif ( ( $pv_browser_name == 'saf' ) || ( $pv_browser_name == 'cam' ) ||
+						( ( $pv_browser_name == 'moz' ) && ( $pv_version_number >= 1.3 ) ) ||
+						( ( $pv_browser_name == 'ie' ) && ( $pv_version_number >= 5.2 ) ) )
+					{
+						$os_working_number = 10;
+					}
+					break;
+				case 'iphone':
+					$os_working_number = 10;
+					break;
+				default:
+					break;
+			}
+			break;
+		}
+		/*
+		check that it's an array, check it's the second to last item
+		in the main os array, the unix one that is
+		*/
+		elseif ( is_array( $os_working_data ) && ( $i == ( $i_count - 2 ) ) )
+		{
+			$j_count = count($os_working_data);
+			for ($j = 0; $j < $j_count; $j++)
+			{
+				if ( strstr( $pv_browser_string, $os_working_data[$j] ) )
+				{
+					$os_working_type = 'unix'; //if the os is in the unix array, it's unix, obviously...
+					$os_working_number = ( $os_working_data[$j] != 'unix' ) ? $os_working_data[$j] : '';// assign sub unix version from the unix array
+					break;
+				}
+			}
+		}
+		/*
+		check that it's an array, check it's the last item
+		in the main os array, the linux one that is
+		*/
+		elseif ( is_array( $os_working_data ) && ( $i == ( $i_count - 1 ) ) )
+		{
+			$j_count = count($os_working_data);
+			for ($j = 0; $j < $j_count; $j++)
+			{
+				if ( strstr( $pv_browser_string, $os_working_data[$j] ) )
+				{
+					$os_working_type = 'lin';
+					// assign linux distro from the linux array, there's a default
+					//search for 'lin', if it's that, set version to ''
+					$os_working_number = ( $os_working_data[$j] != 'linux' ) ? $os_working_data[$j] : '';
+					break;
+				}
+			}
+		}
+	}
+
+	// pack the os data array for return to main function
+	$a_os_data = array( $os_working_type, $os_working_number );
+
+	return $a_os_data;
+}
+
+/*
+Function Info:
+function returns browser number, gecko rv number, or gecko release date
+function get_item_version( $browser_user_agent, $search_string, $substring_length )
+$pv_extra_search='' allows us to set an additional search/exit loop parameter, but we
+only want this running when needed
+*/
+function get_item_version( $pv_browser_user_agent, $pv_search_string, $pv_b_break_last='', $pv_extra_search='' )
+{
+	// 12 is the longest that will be required, handles release dates: 20020323; 0.8.0+
+	$substring_length = 15;
+	$start_pos = 0; // set $start_pos to 0 for first iteration
+	//initialize browser number, will return '' if not found
+	$string_working_number = '';
+	/*
+	use the passed parameter for $pv_search_string
+	start the substring slice right after these moz search strings
+	there are some cases of double msie id's, first in string and then with then number
+	$start_pos = 0;
+	this test covers you for multiple occurrences of string, only with ie though
+	with for example google bot you want the first occurance returned, since that's where the
+	numbering happens
+	*/
+	for ( $i = 0; $i < 4; $i++ )
+	{
+		//start the search after the first string occurrence
+		if ( strpos( $pv_browser_user_agent, $pv_search_string, $start_pos ) !== false )
+		{
+			// update start position if position found
+			$start_pos = strpos( $pv_browser_user_agent, $pv_search_string, $start_pos ) + strlen( $pv_search_string );
+			/*
+			msie (and maybe other userAgents requires special handling because some apps inject
+			a second msie, usually at the beginning, custom modes allow breaking at first instance
+			if $pv_b_break_last $pv_extra_search conditions exist. Since we only want this test
+			to run if and only if we need it, it's triggered by caller passing these values.
+			*/
+			if ( !$pv_b_break_last || ( $pv_extra_search && strstr( $pv_browser_user_agent, $pv_extra_search ) ) )
+			{
+				break;
+			}
+		}
+		else
+		{
+			break;
+		}
+	}
+	/*
+	Handles things like extra omniweb/v456, gecko/, blackberry9700
+	also corrects for the omniweb 'v'
+	*/
+	$start_pos += G::get_set_count( 'get' );
+	$string_working_number = substr( $pv_browser_user_agent, $start_pos, $substring_length );
+
+	// Find the space, ;, or parentheses that ends the number
+	$string_working_number = substr( $string_working_number, 0, strcspn($string_working_number, ' );/') );
+
+	//make sure the returned value is actually the id number and not a string
+	// otherwise return ''
+	// strcspn( $string_working_number, '0123456789.') == strlen( $string_working_number)
+	//	if ( preg_match("/\\d/", $string_working_number) == 0 )
+ 	if ( !is_numeric( substr( $string_working_number, 0, 1 ) ) )
+	{
+		$string_working_number = '';
+	}
+	//$string_working_number = strrpos( $pv_browser_user_agent, $pv_search_string );
+	return $string_working_number;
+}
+
+function get_set_count( $pv_type, $pv_value='' )
+{
+	static $slice_increment;
+	$return_value = '';
+	switch ( $pv_type )
+	{
+		case 'get':
+			// set if unset, ie, first use. note that empty and isset are not good tests here
+			if ( is_null( $slice_increment ) )
+			{
+				$slice_increment = 1;
+			}
+			$return_value = $slice_increment;
+			$slice_increment = 1; // reset to default
+			return $return_value;
+			break;
+		case 'set':
+			$slice_increment = $pv_value;
+			break;
+	}
+}
+
+/*
+Special ID notes:
+Novarra-Vision is a Content Transformation Server (CTS)
+*/
+function check_is_mobile( $pv_browser_user_agent )
+{
+	$mobile_working_test = '';
+	/*
+	these will search for basic mobile hints, this should catch most of them, first check
+	known hand held device os, then check device names, then mobile browser names
+	This list is almost the same but not exactly as the 4 arrays in function below
+	*/
+	$a_mobile_search = array(
+	/*
+	Make sure to use only data here that always will be a mobile, so this list is not
+	identical to the list of get_mobile_data
+	*/
+	// os
+	'android', 'epoc', 'linux armv', 'palmos', 'palmsource', 'windows ce', 'windows phone os', 'symbianos', 'symbian os', 'symbian', 'webos',
+	// devices - ipod before iphone or fails
+	'benq', 'blackberry', 'danger hiptop', 'ddipocket', ' droid', 'ipad', 'ipod', 'iphone', 'kindle', 'lge-cx', 'lge-lx', 'lge-mx', 'lge vx', 'lge ', 'lge-', 'lg;lx', 'nintendo wii', 'nokia', 'palm', 'pdxgw', 'playstation', 'sagem', 'samsung', 'sec-sgh', 'sharp', 'sonyericsson', 'sprint', 'zune', 'j-phone', 'n410', 'mot 24', 'mot-', 'htc-', 'htc_', 'htc ', 'sec-', 'sie-m', 'sie-s', 'spv ', 'vodaphone', 'smartphone', 'armv', 'midp', 'mobilephone',
+	// browsers
+	'avantgo', 'blazer', 'elaine', 'eudoraweb', 'iemobile',  'minimo', 'mobile safari', 'mobileexplorer', 'opera mobi', 'opera mini', 'netfront', 'opwv', 'polaris', 'semc-browser', 'up.browser', 'webpro', 'wms pie', 'xiino',
+	// services - astel out of business
+	'astel',  'docomo',  'novarra-vision', 'portalmmm', 'reqwirelessweb', 'vodafone'
+	);
+
+	// then do basic mobile type search, this uses data from: get_mobile_data()
+	$j_count = count( $a_mobile_search );
+	for ($j = 0; $j < $j_count; $j++)
+	{
+		if ( strstr( $pv_browser_user_agent, $a_mobile_search[$j] ) )
+		{
+			$mobile_working_test = $a_mobile_search[$j];
+			break;
+		}
+	}
+	
+	return $mobile_working_test;
+}
+
+/*
+thanks to this page: http://www.zytrax.com/tech/web/mobile_ids.html
+for data used here
+*/
+function get_mobile_data( $pv_browser_user_agent )
+{
+	$mobile_browser = '';
+	$mobile_browser_number = '';
+	$mobile_device = '';
+	$mobile_device_number = '';
+	$mobile_os = ''; // will usually be null, sorry
+	$mobile_os_number = '';
+	$mobile_server = '';
+	$mobile_server_number = '';
+	
+	// browsers, show it as a handheld, but is not the os
+	$a_mobile_browser = array( 'avantgo', 'blazer', 'elaine', 'eudoraweb', 'iemobile',  'minimo', 'mobile safari', 'mobileexplorer', 'opera mobi', 'opera mini', 'netfront', 'opwv', 'polaris', 'semc-browser', 'up.browser', 'webpro', 'wms pie', 'xiino' );
+	/*
+	This goes from easiest to detect to hardest, so don't use this for output unless you
+	clean it up more is my advice.
+	Special Notes: do not include milestone in general mobile type test above, it's too generic
+	*/
+	$a_mobile_device = array( 'benq', 'blackberry', 'danger hiptop', 'ddipocket', ' droid', 'htc_dream', 'htc espresso', 'htc hero', 'htc halo', 'htc huangshan', 'htc legend', 'htc liberty', 'htc paradise', 'htc supersonic', 'htc tattoo', 'ipad', 'ipod', 'iphone', 'kindle', 'lge-cx', 'lge-lx', 'lge-mx', 'lge vx', 'lg;lx', 'nintendo wii', 'nokia', 'palm', 'pdxgw', 'playstation', 'sagem', 'samsung', 'sec-sgh', 'sharp', 'sonyericsson', 'sprint', 'zunehd', 'zune', 'j-phone', 'milestone', 'n410', 'mot 24', 'mot-', 'htc-', 'htc_',  'htc ', 'lge ', 'lge-', 'sec-', 'sie-m', 'sie-s', 'spv ', 'smartphone', 'armv', 'midp', 'mobilephone' );
+	/*
+	note: linux alone can't be searched for, and almost all linux devices are armv types
+	ipad 'cpu os' is how the real os number is handled
+	*/
+	$a_mobile_os = array( 'android', 'epoc', 'cpu os', 'iphone os', 'palmos', 'palmsource', 'windows phone os', 'windows ce', 'symbianos', 'symbian os', 'symbian', 'webos', 'linux armv'  );
+	
+	// sometimes there is just no other id for the unit that the CTS type service/server
+	$a_mobile_server = array( 'astel', 'docomo', 'novarra-vision', 'portalmmm', 'reqwirelessweb', 'vodafone' );
+
+	$k_count = count( $a_mobile_browser );
+	for ( $k = 0; $k < $k_count; $k++ )
+	{
+		if ( strstr( $pv_browser_user_agent, $a_mobile_browser[$k] ) )
+		{
+			$mobile_browser = $a_mobile_browser[$k];
+			// this may or may not work, highly unreliable because mobile ua strings are random
+			$mobile_browser_number = G::get_item_version( $pv_browser_user_agent, $mobile_browser );
+			break;
+		}
+	}
+	$k_count = count( $a_mobile_device );
+	for ( $k = 0; $k < $k_count; $k++ )
+	{
+		if ( strstr( $pv_browser_user_agent, $a_mobile_device[$k] ) )
+		{
+			$mobile_device = trim ( $a_mobile_device[$k], '-_' ); // but not space trims yet
+			if ( $mobile_device == 'blackberry' )
+			{
+				G::get_set_count( 'set', 0 );
+			}
+			$mobile_device_number = G::get_item_version( $pv_browser_user_agent, $mobile_device );
+			$mobile_device = trim( $mobile_device ); // some of the id search strings have white space
+			break;
+		}
+	}
+	$k_count = count( $a_mobile_os );
+	for ( $k = 0; $k < $k_count; $k++ )
+	{
+		if ( strstr( $pv_browser_user_agent, $a_mobile_os[$k] ) )
+		{
+			$mobile_os = $a_mobile_os[$k];
+			// this may or may not work, highly unreliable
+			$mobile_os_number = str_replace( '_', '.', G::get_item_version( $pv_browser_user_agent, $mobile_os ) );
+			break;
+		}
+	}
+	$k_count = count( $a_mobile_server );
+	for ( $k = 0; $k < $k_count; $k++ )
+	{
+		if ( strstr( $pv_browser_user_agent, $a_mobile_server[$k] ) )
+		{
+			$mobile_server = $a_mobile_server[$k];
+			// this may or may not work, highly unreliable
+			$mobile_server_number = G::get_item_version( $pv_browser_user_agent, $mobile_server );
+			break;
+		}
+	}
+	// just for cases where we know it's a mobile device already
+	if ( !$mobile_os && ( $mobile_browser || $mobile_device || $mobile_server ) && strstr( $pv_browser_user_agent, 'linux' ) )
+	{
+		$mobile_os = 'linux';
+		$mobile_os_number = G::get_item_version( $pv_browser_user_agent, 'linux' );
+	}
+
+	$a_mobile_data = array( $mobile_device, $mobile_browser, $mobile_browser_number, $mobile_os, $mobile_os_number, $mobile_server, $mobile_server_number, $mobile_device_number );
+	return $a_mobile_data;
+}
+
+// track total script execution time
+function script_time()
+{
+	static $script_time;
+	$elapsed_time = '';
+	/*
+	note that microtime(true) requires php 5 or greater for microtime(true)
+	*/
+	if ( sprintf("%01.1f", phpversion() ) >= 5 ) {
+		if ( is_null( $script_time) ) {
+			$script_time = microtime(true);
+		}
+		else {
+			// note: (string)$var is same as strval($var)
+			// $elapsed_time = (string)( microtime(true) - $script_time );
+			$elapsed_time = ( microtime(true) - $script_time );
+			$elapsed_time = sprintf("%01.8f", $elapsed_time );
+			$script_time = NULL; // can't unset a static variable
+			return $elapsed_time;
+		}
+	}
+}
 };
 
 /**
@@ -3260,12 +4360,12 @@ class G
  * @param  string $c default value null
  *
  * @return void
- */   
+ */
 function eprint($s = "", $c = null){
   if( G::isHttpRequest() ){
     if(isset($c)){
       echo "
$s
";
-    } else 
+    } else
       echo "
$s
";
   } else {
     if(isset($c)){
@@ -3281,7 +4381,7 @@ function eprint($s = "", $c = null){
           return;
         default: print "$s";
       }
-    } else 
+    } else
       print "$s";
   }
 }
@@ -3292,7 +4392,7 @@ function eprint($s = "", $c = null){
  * @param  string $s
  *
  * @return eprintln($s)
- */   
+ */
 function println($s){
   return eprintln($s);
 }
@@ -3304,12 +4404,12 @@ function println($s){
  * @param  string $c
  *
  * @return void
- */   
+ */
 function eprintln($s="", $c=null){
   if( G::isHttpRequest() ){
     if(isset($c)){
       echo "
$s
";
-    } else 
+    } else
       echo "
$s
";
   } else {
     if(isset($c) && (PHP_OS != 'WINNT')){
@@ -3327,6 +4427,7 @@ function eprintln($s="", $c=null){
     }
     print "$s\n";
   }
+  
 }
 
 function __($msgID , $lang = SYS_LANG, $data = null)
diff --git a/gulliver/system/class.headPublisher.php b/gulliver/system/class.headPublisher.php
index 790bc2784..9e40815e9 100644
--- a/gulliver/system/class.headPublisher.php
+++ b/gulliver/system/class.headPublisher.php
@@ -1,7 +1,7 @@
 \n";
     $head .= "  \n";
 //    $head .= "  \n";
-/*    
+/*
     if (isset ( $this->extJsLibrary ) && is_array ( $this->extJsLibrary )) {
       foreach ( $this->extJsLibrary as $file ) {
         $head .= "  \n";
       }
     }
- */   
+ */
     $head .= "  \n";
 
     //$head .= "  \n";
@@ -289,15 +289,15 @@ class headPublisher {
       //$this->extJsSkin = 'gtheme';
     }
     
-    $head .= $this->getExtJsStylesheets();
+    //$head .= $this->getExtJsStylesheets();
     $head .= $this->getExtJsScripts();
     $head .= $this->getExtJsVariablesScript();
       
     return $head;
   }
   
-  function getExtJsStylesheets(){
-    $script = "  \n";
+  function getExtJsStylesheets($skinName){
+    $script = "  \n";
 /*
     $script .= "  \n";
     $script .= "  \n";
@@ -311,14 +311,14 @@ class headPublisher {
     //new interactive css decorator
     $script .= "  \n";
     $script .= "  \n";
-*/    
+*/
     // Load external/plugin css
-    // NOTE is necesary to move this to decorator server      
-    $oPluginRegistry = & PMPluginRegistry::getSingleton ();
-    $registeredCss=$oPluginRegistry->getRegisteredCss();
-    foreach($registeredCss as $cssFile){
-      $script .= "  \n"; 
-    }
+    // NOTE is necesary to move this to decorator server
+    //$oPluginRegistry = & PMPluginRegistry::getSingleton ();
+    //$registeredCss=$oPluginRegistry->getRegisteredCss();
+    //foreach($registeredCss as $cssFile){
+    //  $script .= "  \n";
+    //}
     
     return $script;
   }
@@ -376,7 +376,7 @@ class headPublisher {
   
   /**
    * Function setExtSkin
-   * with this function we are using the ExtJs library, this library is not compatible with 
+   * with this function we are using the ExtJs library, this library is not compatible with
    * previous libraries, for that reason oHeadPublisher will clear previous libraries like maborak
    * we need to check if we need the language file
    *
@@ -431,7 +431,7 @@ class headPublisher {
       $cacheName = str_replace ( '/', '_', $filename );
       $cacheFilename = PATH_C . 'ExtJs' . PATH_SEP . $cacheName . '.js';
       file_put_contents ( $cacheFilename, file_get_contents ( $jsFilename ) );
-    } 
+    }
     else {
       $cacheName = md5 ( $mtime . $jsFilename );
       $cacheFilename = PATH_C . 'ExtJs' . PATH_SEP . $cacheName . '.js';
@@ -500,7 +500,7 @@ class headPublisher {
     if (isset ( $this->extJsContent ) && is_array ( $this->extJsContent )) {
       foreach ( $this->extJsContent as $key => $file ) {
         $sPath = PATH_TPL;
-        //if the template  file doesn't exists, then try with the plugins folders    	
+        //if the template  file doesn't exists, then try with the plugins folders
         if (! is_file ( $sPath . $file . ".html" )) {
           $aux = explode ( PATH_SEP, $file );
           //check if G_PLUGIN_CLASS is defined, because publisher can be called without an environment
diff --git a/workflow/engine/config/paths.php b/workflow/engine/config/paths.php
index 1c30e348a..21e978480 100644
--- a/workflow/engine/config/paths.php
+++ b/workflow/engine/config/paths.php
@@ -1,10 +1,10 @@
 .
- * 
- * For more information, contact Colosa Inc, 2566 Le Jeune Rd., 
+ *
+ * For more information, contact Colosa Inc, 2566 Le Jeune Rd.,
  * Coral Gables, FL, 33134, USA, or email info@colosa.com.
- * 
+ *
  */
 
 //***************** System Directories & Paths **************************
@@ -36,13 +36,14 @@
   define( 'PATH_THIRDPARTY',    PATH_GULLIVER_HOME . 'thirdparty' . PATH_SEP );
 
   define( 'PATH_RBAC',          PATH_RBAC_HOME .     'engine'  . PATH_SEP . 'classes' . PATH_SEP );  //to enable rbac version 2
-  define( 'PATH_RBAC_CORE',     PATH_RBAC_HOME .     'engine'  . PATH_SEP );  
+  define( 'PATH_RBAC_CORE',     PATH_RBAC_HOME .     'engine'  . PATH_SEP );
 
   define( 'PATH_HTML',          PATH_HOME .          'public_html' . PATH_SEP );
 
 //***************** PM Paths CORE **************************
   define( 'PATH_CORE',        PATH_HOME . 'engine'       . PATH_SEP );
   define( 'PATH_SKINS',       PATH_CORE . 'skins'        . PATH_SEP );
+  define( 'PATH_SKIN_ENGINE', PATH_CORE . 'skinEngine'   . PATH_SEP );
   define( 'PATH_METHODS',     PATH_CORE . 'methods'      . PATH_SEP );
   define( 'PATH_XMLFORM',     PATH_CORE . 'xmlform'      . PATH_SEP );
   define( 'PATH_PLUGINS',     PATH_CORE . 'plugins'      . PATH_SEP  );
@@ -80,6 +81,8 @@
     require_once ( FILE_PATHS_INSTALLED );
     
     define( 'PATH_LANGUAGECONT', PATH_DATA . "META-INF" . PATH_SEP );
+    
+    define( 'PATH_CUSTOM_SKINS',PATH_DATA . 'skins'   . PATH_SEP );
 
     // TODO: This path defines where to save temporal data, similar to $_SESSION.
     define( 'PATH_TEMPORAL', PATH_C . 'dynEditor/');
diff --git a/workflow/engine/methods/setup/skin_Ajax.php b/workflow/engine/methods/setup/skin_Ajax.php
new file mode 100644
index 000000000..989ef1ddd
--- /dev/null
+++ b/workflow/engine/methods/setup/skin_Ajax.php
@@ -0,0 +1,44 @@
+aConfig = $config;
+    $c->saveConfig('calendarList', 'pageSize','',$_SESSION['USER_LOGGED']);
+    echo '{success: true}';
+}
+function skinList(){
+    $skinListArray=array();
+    $customSkins=glob(PATH_CUSTOM_SKINS."*");
+    foreach($customSkins as $skin){
+        if(is_dir($skin)){
+            $res['CALENDAR_UID']=$skin;
+            $res['CALENDAR_NAME']=basename($skin);
+            
+            $skinListArray['cals'][]=$res;
+        }
+    }
+    print_r(G::json_encode($skinListArray));
+}
\ No newline at end of file
diff --git a/workflow/engine/methods/setup/skinsList.php b/workflow/engine/methods/setup/skinsList.php
index e70053252..3a2a2fa1e 100755
--- a/workflow/engine/methods/setup/skinsList.php
+++ b/workflow/engine/methods/setup/skinsList.php
@@ -22,6 +22,33 @@
  * Coral Gables, FL, 33134, USA, or email info@colosa.com.
  *
  */
+
+if($RBAC->userCanAccess('PM_SETUP') != 1 && $RBAC->userCanAccess('PM_SETUP_ADVANCE') != 1){
+  G::SendTemporalMessage('ID_USER_HAVENT_RIGHTS_PAGE', 'error', 'labels');
+  //G::header('location: ../login/login');
+  die;
+}
+
+$G_MAIN_MENU = 'processmaker';
+$G_SUB_MENU = 'setup';
+$G_ID_MENU_SELECTED = 'SETUP';
+$G_ID_SUB_MENU_SELECTED = 'CALENDAR';
+
+$G_PUBLISH = new Publisher;
+
+G::LoadClass('configuration');
+$c = new Configurations();
+$configPage = $c->getConfiguration('skinList', 'pageSize','',$_SESSION['USER_LOGGED']);
+$Config['pageSize'] = isset($configPage['pageSize']) ? $configPage['pageSize'] : 20;
+
+$oHeadPublisher =& headPublisher::getSingleton();
+$oHeadPublisher->addExtJsScript('setup/skinList', false);    //adding a javascript file .js
+$oHeadPublisher->addContent('setup/skinList'); //adding a html file  .html.
+$oHeadPublisher->assign('CONFIG', $Config);
+
+G::RenderPage('publish', 'extJs');
+die;
+
 global $RBAC;
 $access = $RBAC->userCanAccess('PM_SETUP');
 if( $access != 1 ){
@@ -41,9 +68,9 @@ if( $access != 1 ){
       G::SendTemporalMessage('ID_USER_HAVENT_RIGHTS_PAGE', 'error', 'labels');
       G::header('location: ../login/login');
       die;
-    break;    
+    break;
   }
-}  
+}
   // lets display the items
   $items[] = array ( 'id' => 'char', 'title' => 'char', 'type' => 'char', 'creator' => 'char' ,
                    'modifiedBy' => 'char', 'filename' => 'char', 'size' => 'char', 'mime' => 'char');
@@ -52,6 +79,7 @@ if( $access != 1 ){
   $aFiles = array ();
   if ($handle = opendir( PATH_SKINS  )) {
     while ( false !== ($file = readdir($handle))) {
+        G::pr($file);
       $filename = substr ( $file,0, strrpos($file, '.'));
 
       // list of no complete skins
@@ -88,14 +116,14 @@ if( $access != 1 ){
       
       $linkPackValue = G::LoadTranslation('ID_EXPORT') ;
       $link = 'skinsExport?id=' . $key ;
-      $items[] = array ( 
-                 'id'            => count($items), 
-                 'name'          => $key, 
+      $items[] = array (
+                 'id'            => count($items),
+                 'name'          => $key,
                  'filename'      => $key,
                  'description'   => $description,
                  'version'       => $version,
                  'url'           => $link,
-                 'linkPackValue' => $linkPackValue 
+                 'linkPackValue' => $linkPackValue
                  );
     }
     $folders['items'] = $items;
diff --git a/workflow/engine/skinEngine/base/baseCss/ext-all-notheme.css b/workflow/engine/skinEngine/base/baseCss/ext-all-notheme.css
new file mode 100755
index 000000000..2dc750d1a
--- /dev/null
+++ b/workflow/engine/skinEngine/base/baseCss/ext-all-notheme.css
@@ -0,0 +1,5150 @@
+/*!
+ * Ext JS Library 3.2.1
+ * Copyright(c) 2006-2010 Ext JS, Inc.
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
+html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}img,body,html{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}.ext-el-mask {
+    z-index: 100;
+    position: absolute;
+    top:0;
+    left:0;
+    -moz-opacity: 0.5;
+    opacity: .50;
+    filter: alpha(opacity=50);
+    width: 100%;
+    height: 100%;
+    zoom: 1;
+}
+
+.ext-el-mask-msg {
+    z-index: 20001;
+    position: absolute;
+    top: 0;
+    left: 0;
+    border:1px solid;
+    background:repeat-x 0 -16px;
+    padding:2px;
+}
+
+.ext-el-mask-msg div {
+    padding:5px 10px 5px 10px;
+    border:1px solid;
+    cursor:wait;
+}
+
+.ext-shim {
+    position:absolute;
+    visibility:hidden;
+    left:0;
+    top:0;
+    overflow:hidden;
+}
+
+.ext-ie .ext-shim {
+    filter: alpha(opacity=0);
+}
+
+.ext-ie6 .ext-shim {
+    margin-left: 5px;
+    margin-top: 3px;
+}
+
+.x-mask-loading div {
+    padding:5px 10px 5px 25px;
+    background:no-repeat 5px 5px;
+    line-height:16px;
+}
+
+/* class for hiding elements without using display:none */
+.x-hidden, .x-hide-offsets {
+    position:absolute !important;
+    left:-10000px;
+    top:-10000px;
+    visibility:hidden;
+}
+
+.x-hide-display {
+    display:none !important;
+}
+
+.x-hide-visibility {
+    visibility:hidden !important;
+}
+
+.x-masked {
+    overflow: hidden !important;
+}
+.x-masked-relative {
+    position: relative !important;
+}
+
+.x-masked select, .x-masked object, .x-masked embed {
+    visibility: hidden;
+}
+
+.x-layer {
+    visibility: hidden;
+}
+
+.x-unselectable, .x-unselectable * {
+    -moz-user-select: none;
+    -khtml-user-select: none;
+    -webkit-user-select:ignore;
+}
+
+.x-repaint {
+    zoom: 1;
+    background-color: transparent;
+    -moz-outline: none;
+    outline: none;
+}
+
+.x-item-disabled {
+    cursor: default;
+    opacity: .6;
+    -moz-opacity: .6;
+    filter: alpha(opacity=60);
+}
+
+.x-item-disabled * {
+    cursor: default !important;
+}
+
+.x-form-radio-group .x-item-disabled {
+    filter: none;
+}
+
+.x-splitbar-proxy {
+    position: absolute;
+    visibility: hidden;
+    z-index: 20001;
+    zoom: 1;
+    line-height: 1px;
+    font-size: 1px;
+    overflow: hidden;
+}
+
+.x-splitbar-h, .x-splitbar-proxy-h {
+    cursor: e-resize;
+    cursor: col-resize;
+}
+
+.x-splitbar-v, .x-splitbar-proxy-v {
+    cursor: s-resize;
+    cursor: row-resize;
+}
+
+.x-color-palette {
+    width: 150px;
+    height: 92px;
+    cursor: pointer;
+}
+
+.x-color-palette a {
+    border: 1px solid;
+    float: left;
+    padding: 2px;
+    text-decoration: none;
+    -moz-outline: 0 none;
+    outline: 0 none;
+    cursor: pointer;
+}
+
+.x-color-palette a:hover, .x-color-palette a.x-color-palette-sel {
+    border: 1px solid;
+}
+
+.x-color-palette em {
+    display: block;
+    border: 1px solid;
+}
+
+.x-color-palette em span {
+    cursor: pointer;
+    display: block;
+    height: 10px;
+    line-height: 10px;
+    width: 10px;
+}
+
+.x-ie-shadow {
+    display: none;
+    position: absolute;
+    overflow: hidden;
+    left:0;
+    top:0;
+    zoom:1;
+}
+
+.x-shadow {
+    display: none;
+    position: absolute;
+    overflow: hidden;
+    left:0;
+    top:0;
+}
+
+.x-shadow * {
+    overflow: hidden;
+}
+
+.x-shadow * {
+    padding: 0;
+    border: 0;
+    margin: 0;
+    clear: none;
+    zoom: 1;
+}
+
+/* top  bottom */
+.x-shadow .xstc, .x-shadow .xsbc {
+    height: 6px;
+    float: left;
+}
+
+/* corners */
+.x-shadow .xstl, .x-shadow .xstr, .x-shadow .xsbl, .x-shadow .xsbr {
+    width: 6px;
+    height: 6px;
+    float: left;
+}
+
+/* sides */
+.x-shadow .xsc {
+    width: 100%;
+}
+
+.x-shadow .xsml, .x-shadow .xsmr {
+    width: 6px;
+    float: left;
+    height: 100%;
+}
+
+.x-shadow .xsmc {
+    float: left;
+    height: 100%;
+    background: transparent;
+}
+
+.x-shadow .xst, .x-shadow .xsb {
+    height: 6px;
+    overflow: hidden;
+    width: 100%;
+}
+
+.x-shadow .xsml {
+    background: transparent repeat-y 0 0;
+}
+
+.x-shadow .xsmr {
+    background: transparent repeat-y -6px 0;
+}
+
+.x-shadow .xstl {
+    background: transparent no-repeat 0 0;
+}
+
+.x-shadow .xstc {
+    background: transparent repeat-x 0 -30px;
+}
+
+.x-shadow .xstr {
+    background: transparent repeat-x 0 -18px;
+}
+
+.x-shadow .xsbl {
+    background: transparent no-repeat 0 -12px;
+}
+
+.x-shadow .xsbc {
+    background: transparent repeat-x 0 -36px;
+}
+
+.x-shadow .xsbr {
+    background: transparent repeat-x 0 -6px;
+}
+
+.loading-indicator {
+    background: no-repeat left;
+    padding-left: 20px;
+    line-height: 16px;
+    margin: 3px;
+}
+
+.x-text-resize {
+    position: absolute;
+    left: -1000px;
+    top: -1000px;
+    visibility: hidden;
+    zoom: 1;
+}
+
+.x-drag-overlay {
+    width: 100%;
+    height: 100%;
+    display: none;
+    position: absolute;
+    left: 0;
+    top: 0;
+    background-image:url(../images/default/s.gif);
+    z-index: 20000;
+}
+
+.x-clear {
+    clear:both;
+    height:0;
+    overflow:hidden;
+    line-height:0;
+    font-size:0;
+}
+
+.x-spotlight {
+    z-index: 8999;
+    position: absolute;
+    top:0;
+    left:0;
+    -moz-opacity: 0.5;
+    opacity: .50;
+    filter: alpha(opacity=50);
+    width:0;
+    height:0;
+    zoom: 1;
+}
+
+#x-history-frame {
+    position:absolute;
+    top:-1px;
+    left:0;
+	width:1px;
+    height:1px;
+    visibility:hidden;
+}
+
+#x-history-field {
+    position:absolute;
+    top:0;
+    left:-1px;
+	width:1px;
+    height:1px;
+    visibility:hidden;
+}
+.x-resizable-handle {
+    position:absolute;
+    z-index:100;
+    /* ie needs these */
+    font-size:1px;
+    line-height:6px;
+    overflow:hidden;
+	filter:alpha(opacity=0);
+	opacity:0;
+	zoom:1;
+}
+
+.x-resizable-handle-east{
+    width:6px;
+    cursor:e-resize;
+    right:0;
+    top:0;
+    height:100%;
+}
+
+.ext-ie .x-resizable-handle-east {
+    margin-right:-1px; /*IE rounding error*/
+}
+
+.x-resizable-handle-south{
+    width:100%;
+    cursor:s-resize;
+    left:0;
+    bottom:0;
+    height:6px;
+}
+
+.ext-ie .x-resizable-handle-south {
+    margin-bottom:-1px; /*IE rounding error*/
+}
+
+.x-resizable-handle-west{
+    width:6px;
+    cursor:w-resize;
+    left:0;
+    top:0;
+    height:100%;
+}
+
+.x-resizable-handle-north{
+    width:100%;
+    cursor:n-resize;
+    left:0;
+    top:0;
+    height:6px;
+}
+
+.x-resizable-handle-southeast{
+    width:6px;
+    cursor:se-resize;
+    right:0;
+    bottom:0;
+    height:6px;
+    z-index:101;
+}
+
+.x-resizable-handle-northwest{
+    width:6px;
+    cursor:nw-resize;
+    left:0;
+    top:0;
+    height:6px;
+    z-index:101;
+}
+
+.x-resizable-handle-northeast{
+    width:6px;
+    cursor:ne-resize;
+    right:0;
+    top:0;
+    height:6px;
+    z-index:101;
+}
+
+.x-resizable-handle-southwest{
+    width:6px;
+    cursor:sw-resize;
+    left:0;
+    bottom:0;
+    height:6px;
+    z-index:101;
+}
+
+.x-resizable-over .x-resizable-handle, .x-resizable-pinned .x-resizable-handle{
+    filter:alpha(opacity=100);
+	opacity:1;
+}
+
+.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-position: left;
+}
+
+.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-position: top;
+}
+
+.x-resizable-over .x-resizable-handle-southeast, .x-resizable-pinned .x-resizable-handle-southeast{
+    background-position: top left;
+}
+
+.x-resizable-over .x-resizable-handle-northwest, .x-resizable-pinned .x-resizable-handle-northwest{
+    background-position:bottom right;
+}
+
+.x-resizable-over .x-resizable-handle-northeast, .x-resizable-pinned .x-resizable-handle-northeast{
+    background-position: bottom left;
+}
+
+.x-resizable-over .x-resizable-handle-southwest, .x-resizable-pinned .x-resizable-handle-southwest{
+    background-position: top right;
+}
+
+.x-resizable-proxy{
+    border: 1px dashed;
+    position:absolute;
+    overflow:hidden;
+    display:none;
+	left:0;
+    top:0;
+    z-index:50000;
+}
+
+.x-resizable-overlay{
+    width:100%;
+	height:100%;
+	display:none;
+	position:absolute;
+	left:0;
+	top:0;
+	z-index:200000;
+	-moz-opacity: 0;
+    opacity:0;
+    filter: alpha(opacity=0);
+}
+.x-tab-panel {
+    overflow:hidden;
+}
+
+.x-tab-panel-header, .x-tab-panel-footer {
+	border: 1px solid;
+    overflow:hidden;
+    zoom:1;
+}
+
+.x-tab-panel-header {
+	border: 1px solid;
+	padding-bottom: 2px;
+}
+
+.x-tab-panel-footer {
+	border: 1px solid;
+	padding-top: 2px;
+}
+
+.x-tab-strip-wrap {
+	width:100%;
+    overflow:hidden;
+    position:relative;
+    zoom:1;
+}
+
+ul.x-tab-strip {
+	display:block;
+    width:5000px;
+    zoom:1;
+}
+
+ul.x-tab-strip-top{
+	padding-top: 1px;
+	background: repeat-x bottom;
+	border-bottom: 1px solid;
+}
+
+ul.x-tab-strip-bottom{
+	padding-bottom: 1px;
+	background: repeat-x top;
+	border-top: 1px solid;
+	border-bottom: 0 none;
+}
+
+.x-tab-panel-header-plain .x-tab-strip-top {
+    background:transparent !important;
+    padding-top:0 !important;
+}
+
+.x-tab-panel-header-plain {
+    background:transparent !important;
+    border-width:0 !important;
+    padding-bottom:0 !important;
+}
+
+.x-tab-panel-header-plain .x-tab-strip-spacer,
+.x-tab-panel-footer-plain .x-tab-strip-spacer {
+    border:1px solid;
+    height:2px;
+    font-size:1px;
+    line-height:1px;
+}
+
+.x-tab-panel-header-plain .x-tab-strip-spacer {
+    border-top: 0 none;
+}
+
+.x-tab-panel-footer-plain .x-tab-strip-spacer {
+    border-bottom: 0 none;
+}
+
+.x-tab-panel-footer-plain .x-tab-strip-bottom {
+    background:transparent !important;
+    padding-bottom:0 !important;
+}
+
+.x-tab-panel-footer-plain {
+    background:transparent !important;
+    border-width:0 !important;
+    padding-top:0 !important;
+}
+
+.ext-border-box .x-tab-panel-header-plain .x-tab-strip-spacer,
+.ext-border-box .x-tab-panel-footer-plain .x-tab-strip-spacer {
+    height:3px;
+}
+
+ul.x-tab-strip li {
+    float:left;
+    margin-left:2px;
+}
+
+ul.x-tab-strip li.x-tab-edge {
+    float:left;
+    margin:0 !important;
+    padding:0 !important;
+    border:0 none !important;
+    font-size:1px !important;
+    line-height:1px !important;
+    overflow:hidden;
+    zoom:1;
+    background:transparent !important;
+    width:1px;
+}
+
+.x-tab-strip a, .x-tab-strip span, .x-tab-strip em {
+	display:block;
+}
+
+.x-tab-strip a {
+	text-decoration:none !important;
+	-moz-outline: none;
+	outline: none;
+	cursor:pointer;
+}
+
+.x-tab-strip-inner {
+    overflow:hidden;
+	text-overflow: ellipsis;
+}
+
+.x-tab-strip span.x-tab-strip-text {
+	white-space: nowrap;
+	cursor:pointer;
+    padding:4px 0;
+}
+
+.x-tab-strip-top .x-tab-with-icon .x-tab-right {
+    padding-left:6px;
+}
+
+.x-tab-strip .x-tab-with-icon span.x-tab-strip-text {
+	padding-left:20px;
+    background-position: 0 3px;
+    background-repeat: no-repeat;
+}
+
+.x-tab-strip-active, .x-tab-strip-active a.x-tab-right {
+    cursor:default;
+}
+
+.x-tab-strip-active span.x-tab-strip-text {
+	cursor:default;
+}
+
+.x-tab-strip-disabled .x-tabs-text {
+	cursor:default;
+}
+
+.x-tab-panel-body {
+    overflow:hidden;
+}
+
+.x-tab-panel-bwrap {
+    overflow:hidden;
+}
+
+.ext-ie .x-tab-strip .x-tab-right {
+    position:relative;
+}
+
+.x-tab-strip-top .x-tab-strip-active .x-tab-right {
+    margin-bottom:-1px;
+}
+
+/*
+ * Horrible hack for IE8 in quirks mode
+ */
+.ext-ie8 ul.x-tab-strip li {
+    position: relative;
+}
+.ext-ie8 .x-tab-strip .x-tab-right{
+    margin-bottom: 0 !important;
+    top: 1px;
+}
+.ext-ie8 ul.x-tab-strip-top {
+    padding-top: 0;
+}
+.ext-ie8 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
+    top:4px;
+}
+.ext-ie8 .x-tab-strip-bottom .x-tab-right{
+    top:0;
+}
+
+
+.x-tab-strip-top .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
+    padding-bottom:5px;
+}
+
+.x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
+    margin-top:-1px;
+}
+
+.x-tab-strip-bottom .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
+    padding-top:5px;
+}
+
+.x-tab-strip-top .x-tab-right {
+	background: transparent no-repeat 0 -51px;
+    padding-left:10px;
+}
+
+.x-tab-strip-top .x-tab-left {
+	background: transparent no-repeat right -351px;
+    padding-right:10px;
+}
+
+.x-tab-strip-top .x-tab-strip-inner {
+	background: transparent repeat-x 0 -201px;
+}
+
+.x-tab-strip-top .x-tab-strip-over .x-tab-right {
+	 background-position:0 -101px;
+}
+
+.x-tab-strip-top .x-tab-strip-over .x-tab-left {
+	 background-position:right -401px;
+}
+
+.x-tab-strip-top .x-tab-strip-over .x-tab-strip-inner {
+	 background-position:0 -251px;
+}
+
+.x-tab-strip-top .x-tab-strip-active .x-tab-right {
+	background-position: 0 0;
+}
+
+.x-tab-strip-top .x-tab-strip-active .x-tab-left {
+	background-position: right -301px;
+}
+
+.x-tab-strip-top .x-tab-strip-active .x-tab-strip-inner {
+	background-position: 0 -151px;
+}
+
+.x-tab-strip-bottom .x-tab-right {
+	background: no-repeat bottom right;
+}
+
+.x-tab-strip-bottom .x-tab-left {
+	background: no-repeat bottom left;
+}
+
+.x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
+	background: no-repeat bottom right;
+}
+
+.x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
+	background: no-repeat bottom left;
+}
+
+.x-tab-strip-bottom .x-tab-left {
+    margin-right: 3px;
+    padding:0 10px;
+}
+
+.x-tab-strip-bottom .x-tab-right {
+    padding:0;
+}
+
+.x-tab-strip .x-tab-strip-close {
+    display:none;
+}
+
+.x-tab-strip-closable {
+    position:relative;
+}
+
+.x-tab-strip-closable .x-tab-left {
+    padding-right:19px;
+}
+
+.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
+    opacity:.6;
+    -moz-opacity:.6;
+    background-repeat:no-repeat;
+    display:block;
+	width:11px;
+    height:11px;
+    position:absolute;
+    top:3px;
+    right:3px;
+    cursor:pointer;
+    z-index:2;
+}
+
+.x-tab-strip .x-tab-strip-active a.x-tab-strip-close {
+    opacity:.8;
+    -moz-opacity:.8;
+}
+.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{
+    opacity:1;
+    -moz-opacity:1;
+}
+
+.x-tab-panel-body {
+    border: 1px solid;
+}
+
+.x-tab-panel-body-top {
+    border-top: 0 none;
+}
+
+.x-tab-panel-body-bottom {
+    border-bottom: 0 none;
+}
+
+.x-tab-scroller-left {
+    background: transparent no-repeat -18px 0;
+    border-bottom: 1px solid;
+    width:18px;
+    position:absolute;
+    left:0;
+    top:0;
+    z-index:10;
+    cursor:pointer;
+}
+.x-tab-scroller-left-over {
+    background-position: 0 0;
+}
+
+.x-tab-scroller-left-disabled {
+    background-position: -18px 0;
+    opacity:.5;
+    -moz-opacity:.5;
+    filter:alpha(opacity=50);
+    cursor:default;
+}
+
+.x-tab-scroller-right {
+    background: transparent no-repeat 0 0;
+    border-bottom: 1px solid;
+    width:18px;
+    position:absolute;
+    right:0;
+    top:0;
+    z-index:10;
+    cursor:pointer;
+}
+
+.x-tab-scroller-right-over {
+    background-position: -18px 0;
+}
+
+.x-tab-scroller-right-disabled {
+    background-position: 0 0;
+    opacity:.5;
+    -moz-opacity:.5;
+    filter:alpha(opacity=50);
+    cursor:default;
+}
+
+.x-tab-scrolling-bottom .x-tab-scroller-left, .x-tab-scrolling-bottom .x-tab-scroller-right{
+    margin-top: 1px;
+}
+
+.x-tab-scrolling .x-tab-strip-wrap {
+    margin-left:18px;
+    margin-right:18px;
+}
+
+.x-tab-scrolling {
+    position:relative;    
+}
+
+.x-tab-panel-bbar .x-toolbar {
+    border:1px solid;
+    border-top:0 none;
+    overflow:hidden;
+    padding:2px;
+}
+
+.x-tab-panel-tbar .x-toolbar {
+    border:1px solid;
+    border-top:0 none;
+    overflow:hidden;
+    padding:2px;
+}/* all fields */
+.x-form-field{
+    margin: 0 0 0 0;
+}
+
+.ext-webkit *:focus{
+    outline: none !important;
+}
+
+/* ---- text fields ---- */
+.x-form-text, textarea.x-form-field{
+    padding:1px 3px;
+    background:repeat-x 0 0;
+    border:1px solid;
+}
+
+textarea.x-form-field {
+    padding:2px 3px;
+}
+
+.x-form-text, .ext-ie .x-form-file {
+    height:22px;
+    line-height:18px;
+    vertical-align:middle;
+}
+
+.ext-ie6 .x-form-text, .ext-ie7 .x-form-text {
+    margin:-1px 0; /* ie bogus margin bug */
+    height:22px; /* ie quirks */
+    line-height:18px;
+}
+
+.ext-ie6 textarea.x-form-field, .ext-ie7 textarea.x-form-field {
+    margin:-1px 0; /* ie bogus margin bug */
+}
+
+.ext-strict .x-form-text {
+    height:18px;
+}
+
+.ext-safari.ext-mac textarea.x-form-field {
+    margin-bottom:-2px; /* another bogus margin bug, safari/mac only */
+}
+
+.ext-strict .ext-ie8 .x-form-text, .ext-strict .ext-ie8 textarea.x-form-field {
+    margin-bottom: 1px;
+}
+
+.ext-gecko .x-form-text , .ext-ie8 .x-form-text {
+    padding-top:2px; /* FF won't center the text vertically */
+    padding-bottom:0;
+}
+
+.ext-ie6 .x-form-composite .x-form-text.x-box-item, .ext-ie7 .x-form-composite .x-form-text.x-box-item {
+    margin: 0 !important; /* clear ie bogus margin bug fix */
+}
+
+textarea {
+    resize: none;  /* Disable browser resizable textarea */
+}
+
+/* select boxes */
+.x-form-select-one {
+    height:20px;
+    line-height:18px;
+    vertical-align:middle;
+    border: 1px solid;
+}
+
+/* multi select boxes */
+
+/* --- TODO --- */
+
+/* 2.0.2 style */
+.x-form-check-wrap {
+    line-height:18px;
+    height: auto;
+}
+
+.ext-ie .x-form-check-wrap input {
+    width:15px;
+    height:15px;
+}
+
+.x-form-check-wrap input{
+    vertical-align: bottom;
+}
+
+.x-editor .x-form-check-wrap {
+    padding:3px;
+}
+
+.x-editor .x-form-checkbox {
+    height:13px;
+}
+
+.x-form-check-group-label {
+    border-bottom: 1px solid;
+    margin-bottom: 5px;
+    padding-left: 3px !important;
+    float: none !important;
+}
+
+/* wrapped fields and triggers */
+.x-form-field-wrap .x-form-trigger{
+    width:17px;
+    height:21px;
+    border:0;
+    background:transparent no-repeat 0 0;
+    cursor:pointer;
+    border-bottom: 1px solid;
+    position:absolute;
+    top:0;
+}
+
+.x-form-field-wrap .x-form-date-trigger, .x-form-field-wrap .x-form-clear-trigger, .x-form-field-wrap .x-form-search-trigger{
+    cursor:pointer;
+}
+
+.x-form-field-wrap .x-form-twin-triggers .x-form-trigger{
+    position:static;
+    top:auto;
+    vertical-align:top;
+}
+
+.x-form-field-wrap {
+    position:relative;
+    left:0;top:0;
+    text-align: left;
+    zoom:1;
+    white-space: nowrap;
+}
+
+.ext-strict .ext-ie8 .x-toolbar-cell .x-form-field-trigger-wrap .x-form-trigger {
+    right: 0; /* IE8 Strict mode trigger bug */
+}
+
+.x-form-field-wrap .x-form-trigger-over{
+    background-position:-17px 0;
+}
+
+.x-form-field-wrap .x-form-trigger-click{
+    background-position:-34px 0;
+}
+
+.x-trigger-wrap-focus .x-form-trigger{
+    background-position:-51px 0;
+}
+
+.x-trigger-wrap-focus .x-form-trigger-over{
+    background-position:-68px 0;
+}
+
+.x-trigger-wrap-focus .x-form-trigger-click{
+    background-position:-85px 0;
+}
+
+.x-trigger-wrap-focus .x-form-trigger{
+    border-bottom: 1px solid;
+}
+
+.x-item-disabled .x-form-trigger-over{
+    background-position:0 0 !important;
+    border-bottom: 1px solid;
+}
+
+.x-item-disabled .x-form-trigger-click{
+    background-position:0 0 !important;
+    border-bottom: 1px solid;
+}
+
+.x-trigger-noedit{
+    cursor:pointer;
+}
+
+/* field focus style */
+.x-form-focus, textarea.x-form-focus{
+    border: 1px solid;
+}
+
+/* invalid fields */
+.x-form-invalid, textarea.x-form-invalid{
+    background:repeat-x bottom;
+    border: 1px solid;
+}
+
+.x-form-inner-invalid, textarea.x-form-inner-invalid{
+    background:repeat-x bottom;
+}
+
+/* editors */
+.x-editor {
+    visibility:hidden;
+    padding:0;
+    margin:0;
+}
+
+.x-form-grow-sizer {
+    left: -10000px;
+    padding: 8px 3px;
+    position: absolute;
+    visibility:hidden;
+    top: -10000px;
+    white-space: pre-wrap;
+    white-space: -moz-pre-wrap;
+    white-space: -pre-wrap;
+    white-space: -o-pre-wrap;
+    word-wrap: break-word;
+    zoom:1;
+}
+
+.x-form-grow-sizer p {
+    margin:0 !important;
+    border:0 none !important;
+    padding:0 !important;
+}
+
+/* Form Items CSS */
+
+.x-form-item {
+    display:block;
+    margin-bottom:4px;
+    zoom:1;
+}
+
+.x-form-item label.x-form-item-label {
+    display:block;
+    float:left;
+    width:100px;
+    padding:3px;
+    padding-left:0;
+    clear:left;
+    z-index:2;
+    position:relative;
+}
+
+.x-form-element {
+    padding-left:105px;
+    position:relative;
+}
+
+.x-form-invalid-msg {
+    padding:2px;
+    padding-left:18px;
+    background: transparent no-repeat 0 2px;
+    line-height:16px;
+    width:200px;
+}
+
+.x-form-label-left label.x-form-item-label {
+   text-align:left;
+}
+
+.x-form-label-right label.x-form-item-label {
+   text-align:right;
+}
+
+.x-form-label-top .x-form-item label.x-form-item-label {
+    width:auto;
+    float:none;
+    clear:none;
+    display:inline;
+    margin-bottom:4px;
+    position:static;
+}
+
+.x-form-label-top .x-form-element {
+    padding-left:0;
+    padding-top:4px;
+}
+
+.x-form-label-top .x-form-item {
+    padding-bottom:4px;
+}
+
+/* Editor small font for grid, toolbar and tree */
+.x-small-editor .x-form-text {
+    height:20px;
+    line-height:16px;
+    vertical-align:middle;
+}
+
+.ext-ie6 .x-small-editor .x-form-text, .ext-ie7 .x-small-editor .x-form-text {
+    margin-top:-1px !important; /* ie bogus margin bug */
+    margin-bottom:-1px !important;
+    height:20px !important; /* ie quirks */
+    line-height:16px !important;
+}
+
+.ext-strict .x-small-editor .x-form-text {
+    height:16px !important;
+}
+
+.ext-ie6 .x-small-editor .x-form-text, .ext-ie7 .x-small-editor .x-form-text {
+    height:20px;
+    line-height:16px;
+}
+
+.ext-border-box .x-small-editor .x-form-text {
+    height:20px;
+}
+
+.x-small-editor .x-form-select-one {
+    height:20px;
+    line-height:16px;
+    vertical-align:middle;
+}
+
+.x-small-editor .x-form-num-field {
+    text-align:right;
+}
+
+.x-small-editor .x-form-field-wrap .x-form-trigger{
+    height:19px;
+}
+
+.ext-webkit .x-small-editor .x-form-text{padding-top:3px;font-size:100%;}
+
+.x-form-clear {
+    clear:both;
+    height:0;
+    overflow:hidden;
+    line-height:0;
+    font-size:0;
+}
+.x-form-clear-left {
+    clear:left;
+    height:0;
+    overflow:hidden;
+    line-height:0;
+    font-size:0;
+}
+
+.ext-ie6 .x-form-check-wrap input, .ext-border-box .x-form-check-wrap input{
+   margin-top: 3px;
+}
+
+.x-form-cb-label {
+    position: relative;
+    margin-left:4px;
+    top: 2px;
+}
+
+.ext-ie .x-form-cb-label{
+    top: 1px;
+}
+
+.ext-ie6 .x-form-cb-label, .ext-border-box .x-form-cb-label{
+    top: 3px;
+}
+
+.x-form-display-field{
+    padding-top: 2px;
+}
+
+.ext-gecko .x-form-display-field, .ext-strict .ext-ie7 .x-form-display-field{
+    padding-top: 1px;
+}
+
+.ext-ie .x-form-display-field{
+    padding-top: 3px;
+}
+
+.ext-strict .ext-ie8 .x-form-display-field{
+    padding-top: 0;
+}
+
+.x-form-column {
+    float:left;
+    padding:0;
+    margin:0;
+    width:48%;
+    overflow:hidden;
+    zoom:1;
+}
+
+/* buttons */
+.x-form .x-form-btns-ct .x-btn{
+    float:right;
+    clear:none;
+}
+
+.x-form .x-form-btns-ct .x-form-btns td {
+    border:0;
+    padding:0;
+}
+
+.x-form .x-form-btns-ct .x-form-btns-right table{
+    float:right;
+    clear:none;
+}
+
+.x-form .x-form-btns-ct .x-form-btns-left table{
+    float:left;
+    clear:none;
+}
+
+.x-form .x-form-btns-ct .x-form-btns-center{
+    text-align:center; /*ie*/
+}
+
+.x-form .x-form-btns-ct .x-form-btns-center table{
+    margin:0 auto; /*everyone else*/
+}
+
+.x-form .x-form-btns-ct table td.x-form-btn-td{
+    padding:3px;
+}
+
+.x-form .x-form-btns-ct .x-btn-focus .x-btn-left{
+    background-position:0 -147px;
+}
+
+.x-form .x-form-btns-ct .x-btn-focus .x-btn-right{
+    background-position:0 -168px;
+}
+
+.x-form .x-form-btns-ct .x-btn-focus .x-btn-center{
+    background-position:0 -189px;
+}
+
+.x-form .x-form-btns-ct .x-btn-click .x-btn-center{
+    background-position:0 -126px;
+}
+
+.x-form .x-form-btns-ct .x-btn-click  .x-btn-right{
+    background-position:0 -84px;
+}
+
+.x-form .x-form-btns-ct .x-btn-click .x-btn-left{
+    background-position:0 -63px;
+}
+
+.x-form-invalid-icon {
+    width:16px;
+    height:18px;
+    visibility:hidden;
+    position:absolute;
+    left:0;
+    top:0;
+    display:block;
+    background:transparent no-repeat 0 2px;
+}
+
+/* fieldsets */
+.x-fieldset {
+    border:1px solid;
+    padding:10px;
+    margin-bottom:10px;
+    display:block; /* preserve margins in IE */
+}
+
+/* make top of checkbox/tools visible in webkit */
+.ext-webkit .x-fieldset-header {
+    padding-top: 1px;
+}
+
+.ext-ie .x-fieldset legend {
+    margin-bottom:10px;
+}
+
+.ext-ie .x-fieldset {
+    padding-top: 0;
+    padding-bottom:10px;
+}
+
+.x-fieldset legend .x-tool-toggle {
+    margin-right:3px;
+    margin-left:0;
+    float:left !important;
+}
+
+.x-fieldset legend input {
+    margin-right:3px;
+    float:left !important;
+    height:13px;
+    width:13px;
+}
+
+fieldset.x-panel-collapsed {
+    padding-bottom:0 !important;
+    border-width: 1px 1px 0 1px !important;
+    border-left-color: transparent;
+    border-right-color: transparent;
+}
+
+.ext-ie6 fieldset.x-panel-collapsed{
+    padding-bottom:0 !important;
+    border-width: 1px 0 0 0 !important;
+    margin-left: 1px;
+    margin-right: 1px;
+}
+
+fieldset.x-panel-collapsed .x-fieldset-bwrap {
+    visibility:hidden;
+    position:absolute;
+    left:-1000px;
+    top:-1000px;
+}
+
+.ext-ie .x-fieldset-bwrap {
+    zoom:1;
+}
+
+.x-fieldset-noborder {
+    border:0px none transparent;
+}
+
+.x-fieldset-noborder legend {
+    margin-left:-3px;
+}
+
+/* IE legend positioning bug */
+.ext-ie .x-fieldset-noborder legend {
+    position: relative;
+    margin-bottom:23px;
+}
+.ext-ie .x-fieldset-noborder legend span {
+    position: absolute;
+    left:16px;
+}
+
+.ext-gecko .x-window-body .x-form-item {
+    -moz-outline: none;
+    outline: none;
+    overflow: auto;
+}
+
+.ext-gecko .x-form-item {
+    -moz-outline: none;
+    outline: none;
+}
+
+.x-hide-label label.x-form-item-label {
+     display:none;
+}
+
+.x-hide-label .x-form-element {
+     padding-left: 0 !important;
+}
+
+.x-form-label-top .x-hide-label label.x-form-item-label{
+    display: none;
+}
+
+.x-fieldset {
+    overflow:hidden;
+}
+
+.x-fieldset-bwrap {
+    overflow:hidden;
+    zoom:1;
+}
+
+.x-fieldset-body {
+    overflow:hidden;
+}
+.x-btn{
+	cursor:pointer;
+	white-space: nowrap;
+}
+
+.x-btn button{
+    border:0 none;
+    background:transparent;
+    padding-left:3px;
+    padding-right:3px;
+    cursor:pointer;
+    margin:0;
+    overflow:visible;
+    width:auto;
+    -moz-outline:0 none;
+    outline:0 none;
+}
+
+* html .ext-ie .x-btn button {
+    width:1px;
+}
+
+.ext-gecko .x-btn button, .ext-webkit .x-btn button {
+    padding-left:0;
+    padding-right:0;
+}
+
+.ext-gecko .x-btn button::-moz-focus-inner {
+    padding:0;
+}
+
+.ext-ie .x-btn button {
+    padding-top:2px;
+}
+
+.x-btn td {
+    padding:0 !important;
+}
+
+.x-btn-text {
+    cursor:pointer;
+	white-space: nowrap;
+    padding:0;
+}
+
+/* icon placement and sizing styles */
+
+/* Only text */
+.x-btn-noicon .x-btn-small .x-btn-text{
+	height: 16px;
+}
+
+.x-btn-noicon .x-btn-medium .x-btn-text{
+    height: 24px;
+}
+
+.x-btn-noicon .x-btn-large .x-btn-text{
+    height: 32px;
+}
+
+/* Only icons */
+.x-btn-icon .x-btn-text{
+    background-position: center;
+	background-repeat: no-repeat;
+}
+
+.x-btn-icon .x-btn-small .x-btn-text{
+	height: 16px;
+	width: 16px;
+}
+
+.x-btn-icon .x-btn-medium .x-btn-text{
+    height: 24px;
+	width: 24px;
+}
+
+.x-btn-icon .x-btn-large .x-btn-text{
+    height: 32px;
+	width: 32px;
+}
+
+/* Icons and text */
+/* left */
+.x-btn-text-icon .x-btn-icon-small-left .x-btn-text{
+    background-position: 0 center;
+	background-repeat: no-repeat;
+    padding-left:18px;
+    height:16px;
+}
+
+.x-btn-text-icon .x-btn-icon-medium-left .x-btn-text{
+    background-position: 0 center;
+	background-repeat: no-repeat;
+    padding-left:26px;
+    height:24px;
+}
+
+.x-btn-text-icon .x-btn-icon-large-left .x-btn-text{
+    background-position: 0 center;
+	background-repeat: no-repeat;
+    padding-left:34px;
+    height:32px;
+}
+
+/* top */
+.x-btn-text-icon .x-btn-icon-small-top .x-btn-text{
+    background-position: center 0;
+	background-repeat: no-repeat;
+    padding-top:18px;
+}
+
+.x-btn-text-icon .x-btn-icon-medium-top .x-btn-text{
+    background-position: center 0;
+	background-repeat: no-repeat;
+    padding-top:26px;
+}
+
+.x-btn-text-icon .x-btn-icon-large-top .x-btn-text{
+    background-position: center 0;
+	background-repeat: no-repeat;
+    padding-top:34px;
+}
+
+/* right */
+.x-btn-text-icon .x-btn-icon-small-right .x-btn-text{
+    background-position: right center;
+	background-repeat: no-repeat;
+    padding-right:18px;
+    height:16px;
+}
+
+.x-btn-text-icon .x-btn-icon-medium-right .x-btn-text{
+    background-position: right center;
+	background-repeat: no-repeat;
+    padding-right:26px;
+    height:24px;
+}
+
+.x-btn-text-icon .x-btn-icon-large-right .x-btn-text{
+    background-position: right center;
+	background-repeat: no-repeat;
+    padding-right:34px;
+    height:32px;
+}
+
+/* bottom */
+.x-btn-text-icon .x-btn-icon-small-bottom .x-btn-text{
+    background-position: center bottom;
+	background-repeat: no-repeat;
+    padding-bottom:18px;
+}
+
+.x-btn-text-icon .x-btn-icon-medium-bottom .x-btn-text{
+    background-position: center bottom;
+	background-repeat: no-repeat;
+    padding-bottom:26px;
+}
+
+.x-btn-text-icon .x-btn-icon-large-bottom .x-btn-text{
+    background-position: center bottom;
+	background-repeat: no-repeat;
+    padding-bottom:34px;
+}
+
+/* background positioning */
+.x-btn-tr i, .x-btn-tl i, .x-btn-mr i, .x-btn-ml i, .x-btn-br i, .x-btn-bl i{
+	font-size:1px;
+    line-height:1px;
+    width:3px;
+    display:block;
+    overflow:hidden;
+}
+
+.x-btn-tr i, .x-btn-tl i, .x-btn-br i, .x-btn-bl i{
+	height:3px;
+}
+
+.x-btn-tl{
+	width:3px;
+	height:3px;
+	background:no-repeat 0 0;
+}
+.x-btn-tr{
+	width:3px;
+	height:3px;
+	background:no-repeat -3px 0;
+}
+.x-btn-tc{
+	height:3px;
+	background:repeat-x 0 -6px;
+}
+
+.x-btn-ml{
+	width:3px;
+	background:no-repeat 0 -24px;
+}
+.x-btn-mr{
+	width:3px;
+	background:no-repeat -3px -24px;
+}
+
+.x-btn-mc{
+	background:repeat-x 0 -1096px;
+    vertical-align: middle;
+	text-align:center;
+	padding:0 5px;
+	cursor:pointer;
+	white-space:nowrap;
+}
+
+/* Fixes an issue with the button height */
+.ext-strict .ext-ie6 .x-btn-mc, .ext-strict .ext-ie7 .x-btn-mc {
+    height: 100%;
+}
+
+.x-btn-bl{
+	width:3px;
+	height:3px;
+	background:no-repeat 0 -3px;
+}
+
+.x-btn-br{
+	width:3px;
+	height:3px;
+	background:no-repeat -3px -3px;
+}
+
+.x-btn-bc{
+	height:3px;
+	background:repeat-x 0 -15px;
+}
+
+.x-btn-over .x-btn-tl{
+	background-position: -6px 0;
+}
+
+.x-btn-over .x-btn-tr{
+	background-position: -9px 0;
+}
+
+.x-btn-over .x-btn-tc{
+	background-position: 0 -9px;
+}
+
+.x-btn-over .x-btn-ml{
+	background-position: -6px -24px;
+}
+
+.x-btn-over .x-btn-mr{
+	background-position: -9px -24px;
+}
+
+.x-btn-over .x-btn-mc{
+	background-position: 0 -2168px;
+}
+
+.x-btn-over .x-btn-bl{
+	background-position: -6px -3px;
+}
+
+.x-btn-over .x-btn-br{
+	background-position: -9px -3px;
+}
+
+.x-btn-over .x-btn-bc{
+	background-position: 0 -18px;
+}
+
+.x-btn-click .x-btn-tl, .x-btn-menu-active .x-btn-tl, .x-btn-pressed .x-btn-tl{
+	background-position: -12px 0;
+}
+
+.x-btn-click .x-btn-tr, .x-btn-menu-active .x-btn-tr, .x-btn-pressed .x-btn-tr{
+	background-position: -15px 0;
+}
+
+.x-btn-click .x-btn-tc, .x-btn-menu-active .x-btn-tc, .x-btn-pressed .x-btn-tc{
+	background-position: 0 -12px;
+}
+
+.x-btn-click .x-btn-ml, .x-btn-menu-active .x-btn-ml, .x-btn-pressed .x-btn-ml{
+	background-position: -12px -24px;
+}
+
+.x-btn-click .x-btn-mr, .x-btn-menu-active .x-btn-mr, .x-btn-pressed .x-btn-mr{
+	background-position: -15px -24px;
+}
+
+.x-btn-click .x-btn-mc, .x-btn-menu-active .x-btn-mc, .x-btn-pressed .x-btn-mc{
+	background-position: 0 -3240px;
+}
+
+.x-btn-click .x-btn-bl, .x-btn-menu-active .x-btn-bl, .x-btn-pressed .x-btn-bl{
+	background-position: -12px -3px;
+}
+
+.x-btn-click .x-btn-br, .x-btn-menu-active .x-btn-br, .x-btn-pressed .x-btn-br{
+	background-position: -15px -3px;
+}
+
+.x-btn-click .x-btn-bc, .x-btn-menu-active .x-btn-bc, .x-btn-pressed .x-btn-bc{
+	background-position: 0 -21px;
+}
+
+.x-btn-disabled *{
+	cursor:default !important;
+}
+
+
+/* With a menu arrow */
+/* right */
+.x-btn-mc em.x-btn-arrow {
+    display:block;
+    background:transparent no-repeat right center;
+	padding-right:10px;
+}
+
+.x-btn-mc em.x-btn-split {
+    display:block;
+    background:transparent no-repeat right center;
+	padding-right:14px;
+}
+
+/* bottom */
+.x-btn-mc em.x-btn-arrow-bottom {
+    display:block;
+    background:transparent no-repeat center bottom;
+	padding-bottom:14px;
+}
+
+.x-btn-mc em.x-btn-split-bottom {
+    display:block;
+    background:transparent no-repeat center bottom;
+	padding-bottom:14px;
+}
+
+/* height adjustment class */
+.x-btn-as-arrow .x-btn-mc em {
+    display:block;
+    background:transparent;
+	padding-bottom:14px;
+}
+
+/* groups */
+.x-btn-group {
+    padding:1px;
+}
+
+.x-btn-group-header {
+    padding:2px;
+    text-align:center;
+}
+
+.x-btn-group-tc {
+	background: transparent repeat-x 0 0;
+	overflow:hidden;
+}
+
+.x-btn-group-tl {
+	background: transparent no-repeat 0 0;
+	padding-left:3px;
+    zoom:1;
+}
+
+.x-btn-group-tr {
+	background: transparent no-repeat right 0;
+	zoom:1;
+    padding-right:3px;
+}
+
+.x-btn-group-bc {
+	background: transparent repeat-x 0 bottom;
+    zoom:1;
+}
+
+.x-btn-group-bc .x-panel-footer {
+    zoom:1;
+}
+
+.x-btn-group-bl {
+	background: transparent no-repeat 0 bottom;
+	padding-left:3px;
+    zoom:1;
+}
+
+.x-btn-group-br {
+	background: transparent no-repeat right bottom;
+	padding-right:3px;
+    zoom:1;
+}
+
+.x-btn-group-mc {
+    border:0 none;
+    padding:1px 0 0 0;
+    margin:0;
+}
+
+.x-btn-group-mc .x-btn-group-body {
+    background:transparent;
+    border: 0 none;
+}
+
+.x-btn-group-ml {
+	background: transparent repeat-y 0 0;
+	padding-left:3px;
+    zoom:1;
+}
+
+.x-btn-group-mr {
+	background: transparent repeat-y right 0;
+	padding-right:3px;
+    zoom:1;
+}
+
+.x-btn-group-bc .x-btn-group-footer {
+    padding-bottom:6px;
+}
+
+.x-panel-nofooter .x-btn-group-bc {
+	height:3px;
+    font-size:0;
+    line-height:0;
+}
+
+.x-btn-group-bwrap {
+    overflow:hidden;
+    zoom:1;
+}
+
+.x-btn-group-body {
+    overflow:hidden;
+    zoom:1;
+}
+
+.x-btn-group-notitle .x-btn-group-tc {
+	background: transparent repeat-x 0 0;
+	overflow:hidden;
+    height:2px;
+}.x-toolbar{
+    border-style:solid;
+    border-width:0 0 1px 0;
+    display: block;
+	padding:2px;
+    background:repeat-x top left;
+    position:relative;
+    left:0;
+    top:0;
+    zoom:1;
+    overflow:hidden;
+}
+
+.x-toolbar-left {
+    width: 100%;
+}
+
+.x-toolbar .x-item-disabled .x-btn-icon {
+    opacity: .35;
+    -moz-opacity: .35;
+    filter: alpha(opacity=35);
+}
+
+.x-toolbar td {
+	vertical-align:middle;
+}
+
+.x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{
+	white-space: nowrap;
+}
+
+.x-toolbar .x-item-disabled {
+	cursor:default;
+	opacity:.6;
+	-moz-opacity:.6;
+	filter:alpha(opacity=60);
+}
+
+.x-toolbar .x-item-disabled * {
+	cursor:default;
+}
+
+.x-toolbar .x-toolbar-cell {
+    vertical-align:middle;
+}
+
+.x-toolbar .x-btn-tl, .x-toolbar .x-btn-tr, .x-toolbar .x-btn-tc, .x-toolbar .x-btn-ml, .x-toolbar .x-btn-mr,
+.x-toolbar .x-btn-mc, .x-toolbar .x-btn-bl, .x-toolbar .x-btn-br, .x-toolbar .x-btn-bc
+{
+	background-position: 500px 500px;
+}
+
+/* These rules are duplicated from button.css to give priority of x-toolbar rules above */
+.x-toolbar .x-btn-over .x-btn-tl{
+	background-position: -6px 0;
+}
+
+.x-toolbar .x-btn-over .x-btn-tr{
+	background-position: -9px 0;
+}
+
+.x-toolbar .x-btn-over .x-btn-tc{
+	background-position: 0 -9px;
+}
+
+.x-toolbar .x-btn-over .x-btn-ml{
+	background-position: -6px -24px;
+}
+
+.x-toolbar .x-btn-over .x-btn-mr{
+	background-position: -9px -24px;
+}
+
+.x-toolbar .x-btn-over .x-btn-mc{
+	background-position: 0 -2168px;
+}
+
+.x-toolbar .x-btn-over .x-btn-bl{
+	background-position: -6px -3px;
+}
+
+.x-toolbar .x-btn-over .x-btn-br{
+	background-position: -9px -3px;
+}
+
+.x-toolbar .x-btn-over .x-btn-bc{
+	background-position: 0 -18px;
+}
+
+.x-toolbar .x-btn-click .x-btn-tl, .x-toolbar .x-btn-menu-active .x-btn-tl, .x-toolbar .x-btn-pressed .x-btn-tl{
+	background-position: -12px 0;
+}
+
+.x-toolbar .x-btn-click .x-btn-tr, .x-toolbar .x-btn-menu-active .x-btn-tr, .x-toolbar .x-btn-pressed .x-btn-tr{
+	background-position: -15px 0;
+}
+
+.x-toolbar .x-btn-click .x-btn-tc, .x-toolbar .x-btn-menu-active .x-btn-tc, .x-toolbar .x-btn-pressed .x-btn-tc{
+	background-position: 0 -12px;
+}
+
+.x-toolbar .x-btn-click .x-btn-ml, .x-toolbar .x-btn-menu-active .x-btn-ml, .x-toolbar .x-btn-pressed .x-btn-ml{
+	background-position: -12px -24px;
+}
+
+.x-toolbar .x-btn-click .x-btn-mr, .x-toolbar .x-btn-menu-active .x-btn-mr, .x-toolbar .x-btn-pressed .x-btn-mr{
+	background-position: -15px -24px;
+}
+
+.x-toolbar .x-btn-click .x-btn-mc, .x-toolbar .x-btn-menu-active .x-btn-mc, .x-toolbar .x-btn-pressed .x-btn-mc{
+	background-position: 0 -3240px;
+}
+
+.x-toolbar .x-btn-click .x-btn-bl, .x-toolbar .x-btn-menu-active .x-btn-bl, .x-toolbar .x-btn-pressed .x-btn-bl{
+	background-position: -12px -3px;
+}
+
+.x-toolbar .x-btn-click .x-btn-br, .x-toolbar .x-btn-menu-active .x-btn-br, .x-toolbar .x-btn-pressed .x-btn-br{
+	background-position: -15px -3px;
+}
+
+.x-toolbar .x-btn-click .x-btn-bc, .x-toolbar .x-btn-menu-active .x-btn-bc, .x-toolbar .x-btn-pressed .x-btn-bc{
+	background-position: 0 -21px;
+}
+
+.x-toolbar div.xtb-text{
+    padding:2px 2px 0;
+    line-height:16px;
+    display:block;
+}
+
+.x-toolbar .xtb-sep {
+	background-position: center;
+	background-repeat: no-repeat;
+	display: block;
+	font-size: 1px;
+	height: 16px;
+	width:4px;
+	overflow: hidden;
+	cursor:default;
+	margin: 0 2px 0;
+	border:0;
+}
+
+.x-toolbar .xtb-spacer {
+    width:2px;
+}
+
+/* Paging Toolbar */
+.x-tbar-page-number{
+	width:30px;
+	height:14px;
+}
+
+.ext-ie .x-tbar-page-number{
+    margin-top: 2px;
+}
+
+.x-paging-info {
+    position:absolute;
+    top:5px;
+    right: 8px;
+}
+
+/* floating */
+.x-toolbar-ct {
+    width:100%;
+}
+
+.x-toolbar-right td {
+    text-align: center;
+}
+
+.x-panel-tbar, .x-panel-bbar, .x-window-tbar, .x-window-bbar, .x-tab-panel-tbar, .x-tab-panel-bbar, .x-plain-tbar, .x-plain-bbar {
+    overflow:hidden;
+    zoom:1;
+}
+
+.x-toolbar-more .x-btn-small .x-btn-text{
+	height: 16px;
+	width: 12px;
+}
+
+.x-toolbar-more em.x-btn-arrow {
+    display:inline;
+    background:transparent;
+	padding-right:0;
+}
+
+.x-toolbar-more .x-btn-mc em.x-btn-arrow {
+    background-image: none;
+}
+
+div.x-toolbar-no-items {
+    color:gray !important;
+    padding:5px 10px !important;
+}
+
+/* fix ie toolbar form items */
+.ext-border-box .x-toolbar-cell .x-form-text {
+    margin-bottom:-1px !important;
+}
+
+.ext-border-box .x-toolbar-cell .x-form-field-wrap .x-form-text {
+    margin:0 !important;
+}
+
+.ext-ie .x-toolbar-cell .x-form-field-wrap {
+    height:21px;
+}
+
+.ext-ie .x-toolbar-cell .x-form-text {
+    position:relative;
+    top:-1px;
+}
+
+.ext-strict .ext-ie8 .x-toolbar-cell .x-form-field-trigger-wrap .x-form-text, .ext-strict .ext-ie .x-toolbar-cell .x-form-text {
+    top: 0px;
+}
+
+.x-toolbar-right td .x-form-field-trigger-wrap{
+    text-align: left;
+}
+
+.x-toolbar-cell .x-form-checkbox, .x-toolbar-cell .x-form-radio{
+    margin-top: 5px;
+}
+
+.x-toolbar-cell .x-form-cb-label{
+    vertical-align: bottom;
+    top: 1px;
+}
+
+.ext-ie .x-toolbar-cell .x-form-checkbox, .ext-ie .x-toolbar-cell .x-form-radio{
+    margin-top: 4px;
+}
+
+.ext-ie .x-toolbar-cell .x-form-cb-label{
+    top: 0;
+}
+/* Grid3 styles */
+.x-grid3 {
+	position:relative;
+	overflow:hidden;
+}
+
+.x-grid-panel .x-panel-body {
+    overflow:hidden !important;
+}
+
+.x-grid-panel .x-panel-mc .x-panel-body {
+    border:1px solid;
+}
+
+.x-grid3 table {
+    table-layout:fixed;
+}
+
+.x-grid3-viewport{
+	overflow:hidden;
+}
+
+.x-grid3-hd-row td, .x-grid3-row td, .x-grid3-summary-row td{
+    -moz-outline: none;
+    outline: none;
+	-moz-user-focus: normal;
+}
+
+.x-grid3-row td, .x-grid3-summary-row td {
+    line-height:13px;
+    vertical-align: top;
+	padding-left:1px;
+    padding-right:1px;
+    -moz-user-select: none;
+    -khtml-user-select:none;
+    -webkit-user-select:ignore;
+}
+
+.x-grid3-cell{
+    -moz-user-select: none;
+    -khtml-user-select:none;
+    -webkit-user-select:ignore;
+}
+
+.x-grid3-hd-row td {
+    line-height:15px;
+    vertical-align:middle;
+    border-left:1px solid;
+    border-right:1px solid;
+}
+
+.x-grid3-hd-row .x-grid3-marker-hd {
+    padding:3px;
+}
+
+.x-grid3-row .x-grid3-marker {
+    padding:3px;
+}
+
+.x-grid3-cell-inner, .x-grid3-hd-inner{
+	overflow:hidden;
+	-o-text-overflow: ellipsis;
+	text-overflow: ellipsis;
+    padding:3px 3px 3px 5px;
+    white-space: nowrap;
+}
+
+.x-grid3-hd-inner {
+    position:relative;
+	cursor:inherit;
+	padding:4px 3px 4px 5px;
+}
+
+.x-grid3-row-body {
+    white-space:normal;
+}
+
+.x-grid3-body-cell {
+    -moz-outline:0 none;
+    outline:0 none;
+}
+
+/* IE Quirks to clip */
+.ext-ie .x-grid3-cell-inner, .ext-ie .x-grid3-hd-inner{
+	width:100%;
+}
+
+/* reverse above in strict mode */
+.ext-strict .x-grid3-cell-inner, .ext-strict .x-grid3-hd-inner{
+	width:auto;
+}
+
+.x-grid-row-loading {
+    background: no-repeat center center;
+}
+
+.x-grid-page {
+    overflow:hidden;
+}
+
+.x-grid3-row {
+	cursor: default;
+    border: 1px solid;
+    width:100%;
+}
+
+.x-grid3-row-over {
+	border:1px solid;
+    background: repeat-x left top;
+}
+
+.x-grid3-resize-proxy {
+	width:1px;
+    left:0;
+	cursor: e-resize;
+	cursor: col-resize;
+	position:absolute;
+	top:0;
+	height:100px;
+	overflow:hidden;
+	visibility:hidden;
+	border:0 none;
+	z-index:7;
+}
+
+.x-grid3-resize-marker {
+	width:1px;
+	left:0;
+	position:absolute;
+	top:0;
+	height:100px;
+	overflow:hidden;
+	visibility:hidden;
+	border:0 none;
+	z-index:7;
+}
+
+.x-grid3-focus {
+	position:absolute;
+	left:0;
+	top:0;
+	width:1px;
+	height:1px;
+    line-height:1px;
+    font-size:1px;
+    -moz-outline:0 none;
+    outline:0 none;
+    -moz-user-select: text;
+    -khtml-user-select: text;
+    -webkit-user-select:ignore;
+}
+
+/* header styles */
+.x-grid3-header{
+	background: repeat-x 0 bottom;
+	cursor:default;
+    zoom:1;
+    padding:1px 0 0 0;
+}
+
+.x-grid3-header-pop {
+    border-left:1px solid;
+    float:right;
+    clear:none;
+}
+
+.x-grid3-header-pop-inner {
+    border-left:1px solid;
+    width:14px;
+    height:19px;
+    background: transparent no-repeat center center;
+}
+
+.ext-ie .x-grid3-header-pop-inner {
+    width:15px;
+}
+
+.ext-strict .x-grid3-header-pop-inner {
+    width:14px; 
+}
+
+.x-grid3-header-inner {
+    overflow:hidden;
+    zoom:1;
+    float:left;
+}
+
+.x-grid3-header-offset {
+    padding-left:1px;
+    text-align: left;
+}
+
+td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open {
+    border-left:1px solid;
+    border-right:1px solid;
+}
+
+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: repeat-x left bottom;
+
+}
+
+.x-grid3-sort-icon{
+	background-repeat: no-repeat;
+	display: none;
+	height: 4px;
+	width: 13px;
+	margin-left:3px;
+	vertical-align: middle;
+}
+
+.sort-asc .x-grid3-sort-icon, .sort-desc .x-grid3-sort-icon {
+	display: inline;
+}
+
+/* Header position fixes for IE strict mode */
+.ext-strict .ext-ie .x-grid3-header-inner, .ext-strict .ext-ie6 .x-grid3-hd {
+    position:relative;
+}
+
+.ext-strict .ext-ie6 .x-grid3-hd-inner{
+    position:static;
+}
+
+/* Body Styles */
+.x-grid3-body {
+	zoom:1;
+}
+
+.x-grid3-scroller {
+	overflow:auto;
+    zoom:1;
+    position:relative;
+}
+
+.x-grid3-cell-text, .x-grid3-hd-text {
+	display: block;
+	padding: 3px 5px 3px 5px;
+	-moz-user-select: none;
+	-khtml-user-select: none;
+    -webkit-user-select:ignore;
+}
+
+.x-grid3-split {
+	background-position: center;
+	background-repeat: no-repeat;
+	cursor: e-resize;
+	cursor: col-resize;
+	display: block;
+	font-size: 1px;
+	height: 16px;
+	overflow: hidden;
+	position: absolute;
+	top: 2px;
+	width: 6px;
+	z-index: 3;
+}
+
+/* Column Reorder DD */
+.x-dd-drag-proxy .x-grid3-hd-inner{
+	background: repeat-x left bottom;
+	width:120px;
+	padding:3px;
+	border:1px solid;
+	overflow:hidden;
+}
+
+.col-move-top, .col-move-bottom{
+	width:9px;
+	height:9px;
+	position:absolute;
+	top:0;
+	line-height:1px;
+	font-size:1px;
+	overflow:hidden;
+	visibility:hidden;
+	z-index:20000;
+    background:transparent no-repeat left top;
+}
+
+/* Selection Styles */
+.x-grid3-row-selected {
+	border:1px dotted;
+}
+
+.x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{
+    background: repeat-x 0 bottom !important;
+    vertical-align:middle !important;
+    padding:0;
+    border-top:1px solid;
+    border-bottom:none !important;
+    border-right:1px solid !important;
+    text-align:center;
+}
+
+.x-grid3-locked td.x-grid3-row-marker div, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{
+    padding:0 4px;
+    text-align:center;
+}
+
+/* dirty cells */
+.x-grid3-dirty-cell {
+    background: transparent no-repeat 0 0;
+}
+
+/* Grid Toolbars */
+.x-grid3-topbar, .x-grid3-bottombar{
+    overflow:hidden;
+	display:none;
+	zoom:1;
+    position:relative;
+}
+
+.x-grid3-topbar .x-toolbar{
+	border-right:0 none;
+}
+
+.x-grid3-bottombar .x-toolbar{
+	border-right:0 none;
+	border-bottom:0 none;
+	border-top:1px solid;
+}
+
+/* Props Grid Styles */
+.x-props-grid .x-grid3-cell{
+	padding:1px;
+}
+
+.x-props-grid .x-grid3-td-name .x-grid3-cell-inner{
+	background:transparent repeat-y -16px !important;
+    padding-left:12px;
+}
+
+.x-props-grid .x-grid3-body .x-grid3-td-name{
+    padding:1px;
+    padding-right:0;
+    border:0 none;
+    border-right:1px solid;
+}
+
+/* dd */
+.x-grid3-col-dd {
+    border:0 none;
+    padding:0;
+    background:transparent;
+}
+
+.x-dd-drag-ghost .x-grid3-dd-wrap {
+    padding:1px 3px 3px 1px;
+}
+
+.x-grid3-hd {
+    -moz-user-select:none;
+    -khtml-user-select:none;
+    -webkit-user-select:ignore;
+}
+
+.x-grid3-hd-btn {
+    display:none;
+    position:absolute;
+    width:14px;
+    background:no-repeat left center;
+    right:0;
+    top:0;
+    z-index:2;
+	cursor:pointer;
+}
+
+.x-grid3-hd-over .x-grid3-hd-btn, .x-grid3-hd-menu-open .x-grid3-hd-btn {
+    display:block;
+}
+
+a.x-grid3-hd-btn:hover {
+    background-position:-14px center;
+}
+
+/* Expanders */
+.x-grid3-body .x-grid3-td-expander {
+    background:transparent repeat-y right;
+}
+
+.x-grid3-body .x-grid3-td-expander .x-grid3-cell-inner {
+    padding:0 !important;
+    height:100%;
+}
+
+.x-grid3-row-expander {
+    width:100%;
+    height:18px;
+    background-position:4px 2px;
+    background-repeat:no-repeat;
+    background-color:transparent;
+}
+
+.x-grid3-row-collapsed .x-grid3-row-expander {
+    background-position:4px 2px;
+}
+
+.x-grid3-row-expanded .x-grid3-row-expander {
+    background-position:-21px 2px;
+}
+
+.x-grid3-row-collapsed .x-grid3-row-body {
+    display:none !important;
+}
+
+.x-grid3-row-expanded .x-grid3-row-body {
+    display:block !important;
+}
+
+/* Checkers */
+.x-grid3-body .x-grid3-td-checker {
+    background:transparent repeat-y right;
+}
+
+.x-grid3-body .x-grid3-td-checker .x-grid3-cell-inner, .x-grid3-header .x-grid3-td-checker .x-grid3-hd-inner {
+    padding:0 !important;
+    height:100%;
+}
+
+.x-grid3-row-checker, .x-grid3-hd-checker {
+    width:100%;
+    height:18px;
+    background-position:2px 2px;
+    background-repeat:no-repeat;
+    background-color:transparent;
+}
+
+.x-grid3-row .x-grid3-row-checker {
+    background-position:2px 2px;
+}
+
+.x-grid3-row-selected .x-grid3-row-checker, .x-grid3-hd-checker-on .x-grid3-hd-checker,.x-grid3-row-checked .x-grid3-row-checker {
+    background-position:-23px 2px;
+}
+
+.x-grid3-hd-checker {
+    background-position:2px 1px;
+}
+
+.ext-border-box .x-grid3-hd-checker {
+    background-position:2px 3px;
+}
+
+.x-grid3-hd-checker-on .x-grid3-hd-checker {
+    background-position:-23px 1px;
+}
+
+.ext-border-box .x-grid3-hd-checker-on .x-grid3-hd-checker {
+    background-position:-23px 3px;
+}
+
+/* Numberer */
+.x-grid3-body .x-grid3-td-numberer {
+    background:transparent repeat-y right;
+}
+
+.x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner {
+    padding:3px 5px 0 0 !important;
+    text-align:right;
+}
+
+/* Row Icon */
+
+.x-grid3-body .x-grid3-td-row-icon {
+    background:transparent repeat-y right;
+    vertical-align:top;
+    text-align:center;
+}
+
+.x-grid3-body .x-grid3-td-row-icon .x-grid3-cell-inner {
+    padding:0 !important;
+    background-position:center center;
+    background-repeat:no-repeat;
+    width:16px;
+    height:16px;
+    margin-left:2px;
+    margin-top:3px;
+}
+
+/* All specials */
+.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:transparent repeat-y right;
+}
+
+.x-grid3-body .x-grid3-check-col-td .x-grid3-cell-inner {
+    padding: 1px 0 0 0 !important;
+}
+
+.x-grid3-check-col {
+    width:100%;
+    height:16px;
+    background-position:center center;
+    background-repeat:no-repeat;
+    background-color:transparent;
+}
+
+.x-grid3-check-col-on {
+    width:100%;
+    height:16px;
+    background-position:center center;
+    background-repeat:no-repeat;
+    background-color:transparent;
+}
+
+/* Grouping classes */
+.x-grid-group, .x-grid-group-body, .x-grid-group-hd {
+    zoom:1;
+}
+
+.x-grid-group-hd {
+    border-bottom: 2px solid;
+    cursor:pointer;
+    padding-top:6px;
+}
+
+.x-grid-group-hd div.x-grid-group-title {
+    background:transparent no-repeat 3px 3px;
+    padding:4px 4px 4px 17px;
+}
+
+.x-grid-group-collapsed .x-grid-group-body {
+    display:none;
+}
+
+.ext-ie6 .x-grid3 .x-editor .x-form-text, .ext-ie7 .x-grid3 .x-editor .x-form-text {
+    position:relative;
+    top:-1px;
+}
+
+.ext-ie .x-props-grid .x-editor .x-form-text {
+    position:static;
+    top:0;
+}
+
+.x-grid-empty {
+    padding:10px;
+}
+
+/* fix floating toolbar issue */
+.ext-ie7 .x-grid-panel .x-panel-bbar {
+    position:relative;
+}
+
+
+/* Reset position to static when Grid Panel has been framed */
+/* to resolve 'snapping' from top to bottom behavior. */
+/* @forumThread 86656 */
+.ext-ie7 .x-grid-panel .x-panel-mc .x-panel-bbar {
+    position: static;
+}
+
+.ext-ie6 .x-grid3-header {
+    position: relative;
+}
+
+/* Fix WebKit bug in Grids */
+.ext-webkit .x-grid-panel .x-panel-bwrap{
+    -webkit-user-select:none;
+}
+.ext-webkit .x-tbar-page-number{
+    -webkit-user-select:ignore;
+}
+/* end*/
+
+/* column lines */
+.x-grid-with-col-lines .x-grid3-row td.x-grid3-cell {
+    padding-right:0;
+    border-right:1px solid;
+}
+.x-dd-drag-proxy{
+	position:absolute;
+	left:0;
+    top:0;
+	visibility:hidden;
+	z-index:15000;
+}
+
+.x-dd-drag-ghost{
+	-moz-opacity: 0.85;
+    opacity:.85;
+    filter: alpha(opacity=85);
+    border: 1px solid;
+	padding:3px;
+	padding-left:20px;
+	white-space:nowrap;
+}
+
+.x-dd-drag-repair .x-dd-drag-ghost{
+	-moz-opacity: 0.4;
+    opacity:.4;
+    filter: alpha(opacity=40);
+	border:0 none;
+	padding:0;
+	background-color:transparent;
+}
+
+.x-dd-drag-repair .x-dd-drop-icon{
+	visibility:hidden;
+}
+
+.x-dd-drop-icon{
+    position:absolute;
+	top:3px;
+	left:3px;
+	display:block;
+	width:16px;
+	height:16px;
+	background-color:transparent;
+	background-position: center;
+	background-repeat: no-repeat;
+	z-index:1;
+}
+
+.x-view-selector {
+    position:absolute;
+    left:0;
+    top:0;
+    width:0;
+    border:1px dotted;
+	opacity: .5;
+    -moz-opacity: .5;
+    filter:alpha(opacity=50);
+    zoom:1;
+}.ext-strict .ext-ie .x-tree .x-panel-bwrap{
+    position:relative;
+    overflow:hidden;
+}
+
+.x-tree-icon, .x-tree-ec-icon, .x-tree-elbow-line, .x-tree-elbow, .x-tree-elbow-end, .x-tree-elbow-plus, .x-tree-elbow-minus, .x-tree-elbow-end-plus, .x-tree-elbow-end-minus{
+	border: 0 none;
+	height: 18px;
+	margin: 0;
+	padding: 0;
+	vertical-align: top;
+	width: 16px;
+    background-repeat: no-repeat;
+}
+
+.x-tree-node-collapsed .x-tree-node-icon, .x-tree-node-expanded .x-tree-node-icon, .x-tree-node-leaf .x-tree-node-icon{
+	border: 0 none;
+	height: 18px;
+	margin: 0;
+	padding: 0;
+	vertical-align: top;
+	width: 16px;
+	background-position:center;
+    background-repeat: no-repeat;
+}
+
+.ext-ie .x-tree-node-indent img, .ext-ie .x-tree-node-icon, .ext-ie .x-tree-ec-icon {
+    vertical-align: middle !important;
+}
+
+.ext-strict .ext-ie8 .x-tree-node-indent img, .ext-strict .ext-ie8 .x-tree-node-icon, .ext-strict .ext-ie8 .x-tree-ec-icon {
+    vertical-align: top !important;
+}
+
+/* checkboxes */
+
+input.x-tree-node-cb {
+    margin-left:1px;
+    height: 19px;
+	vertical-align: bottom;
+}
+
+.ext-ie input.x-tree-node-cb {
+    margin-left:0;
+    margin-top: 1px;
+    width: 16px;
+    height: 16px;
+    vertical-align: middle;
+}
+
+.ext-strict .ext-ie8 input.x-tree-node-cb{
+    margin: 1px 1px;
+    height: 14px;
+    vertical-align: bottom;
+}
+
+.ext-strict .ext-ie8 input.x-tree-node-cb + a{
+    vertical-align: bottom;
+}
+
+.ext-opera input.x-tree-node-cb {
+    height: 14px;
+    vertical-align: middle;
+}
+
+.x-tree-noicon .x-tree-node-icon{
+	width:0; height:0;
+}
+
+/* No line styles */
+.x-tree-no-lines .x-tree-elbow{
+	background:transparent;
+}
+
+.x-tree-no-lines .x-tree-elbow-end{
+	background:transparent;
+}
+
+.x-tree-no-lines .x-tree-elbow-line{
+	background:transparent;
+}
+
+/* Arrows */
+.x-tree-arrows .x-tree-elbow{
+	background:transparent;
+}
+
+.x-tree-arrows .x-tree-elbow-plus{
+    background:transparent no-repeat 0 0;
+}
+
+.x-tree-arrows .x-tree-elbow-minus{
+    background:transparent no-repeat -16px 0;
+}
+
+.x-tree-arrows .x-tree-elbow-end{
+	background:transparent;
+}
+
+.x-tree-arrows .x-tree-elbow-end-plus{
+    background:transparent no-repeat 0 0;
+}
+
+.x-tree-arrows .x-tree-elbow-end-minus{
+    background:transparent no-repeat -16px 0;
+}
+
+.x-tree-arrows .x-tree-elbow-line{
+	background:transparent;
+}
+
+.x-tree-arrows .x-tree-ec-over .x-tree-elbow-plus{
+    background-position:-32px 0;
+}
+
+.x-tree-arrows .x-tree-ec-over .x-tree-elbow-minus{
+    background-position:-48px 0;
+}
+
+.x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-plus{
+    background-position:-32px 0;
+}
+
+.x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-minus{
+    background-position:-48px 0;
+}
+
+.x-tree-elbow-plus, .x-tree-elbow-minus, .x-tree-elbow-end-plus, .x-tree-elbow-end-minus{
+	cursor:pointer;
+}
+
+.ext-ie ul.x-tree-node-ct{
+    font-size:0;
+    line-height:0;
+    zoom:1;
+}
+
+.x-tree-node{
+	white-space: nowrap;
+}
+
+.x-tree-node-el {
+    line-height:18px;
+    cursor:pointer;
+}
+
+.x-tree-node a, .x-dd-drag-ghost a{
+	text-decoration:none;
+	-khtml-user-select:none;
+	-moz-user-select:none;
+    -webkit-user-select:ignore;
+    -kthml-user-focus:normal;
+    -moz-user-focus:normal;
+    -moz-outline: 0 none;
+    outline:0 none;
+}
+
+.x-tree-node a span, .x-dd-drag-ghost a span{
+	text-decoration:none;
+	padding:1px 3px 1px 2px;
+}
+
+.x-tree-node .x-tree-node-disabled .x-tree-node-icon{
+	-moz-opacity: 0.5;
+   opacity:.5;
+   filter: alpha(opacity=50);
+}
+
+.x-tree-node .x-tree-node-inline-icon{
+	background:transparent;
+}
+
+.x-tree-node a:hover, .x-dd-drag-ghost a:hover{
+	text-decoration:none;
+}
+
+.x-tree-node div.x-tree-drag-insert-below{
+ 	 border-bottom:1px dotted;
+}
+
+.x-tree-node div.x-tree-drag-insert-above{
+	 border-top:1px dotted;
+}
+
+.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below{
+ 	 border-bottom:0 none;
+}
+
+.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above{
+	 border-top:0 none;
+}
+
+.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a{
+ 	 border-bottom:2px solid;
+}
+
+.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a{
+	 border-top:2px solid;
+}
+
+.x-tree-node .x-tree-drag-append a span{
+	 border:1px dotted;
+}
+
+.x-dd-drag-ghost .x-tree-node-indent, .x-dd-drag-ghost .x-tree-ec-icon{
+	display:none !important;
+}
+
+/* Fix for ie rootVisible:false issue */
+.x-tree-root-ct {
+    zoom:1;
+}
+.x-date-picker {
+    border: 1px solid;
+    border-top:0 none;
+	position:relative;
+}
+
+.x-date-picker a {
+    -moz-outline:0 none;
+    outline:0 none;
+}
+
+.x-date-inner, .x-date-inner td, .x-date-inner th{
+    border-collapse:separate;
+}
+
+.x-date-middle,.x-date-left,.x-date-right {
+	background: repeat-x 0 -83px;
+	overflow:hidden;
+}
+
+.x-date-middle .x-btn-tc,.x-date-middle .x-btn-tl,.x-date-middle .x-btn-tr,
+.x-date-middle .x-btn-mc,.x-date-middle .x-btn-ml,.x-date-middle .x-btn-mr,
+.x-date-middle .x-btn-bc,.x-date-middle .x-btn-bl,.x-date-middle .x-btn-br{
+	background:transparent !important;
+    vertical-align:middle;
+}
+
+.x-date-middle .x-btn-mc em.x-btn-arrow {
+    background:transparent no-repeat right 0;
+}
+
+.x-date-right, .x-date-left {
+    width:18px;
+}
+
+.x-date-right{
+    text-align:right;
+}
+
+.x-date-middle {
+    padding-top:2px;
+    padding-bottom:2px;
+    width:130px; /* FF3 */
+}
+
+.x-date-right a, .x-date-left a{
+    display:block;
+    width:16px;
+	height:16px;
+	background-position: center;
+	background-repeat: no-repeat;
+	cursor:pointer;
+    -moz-opacity: 0.6;
+    opacity:.6;
+    filter: alpha(opacity=60);
+}
+
+.x-date-right a:hover, .x-date-left a:hover{
+    -moz-opacity: 1;
+    opacity:1;
+    filter: alpha(opacity=100);
+}
+
+.x-item-disabled .x-date-right a:hover, .x-item-disabled .x-date-left a:hover{
+    -moz-opacity: 0.6;
+    opacity:.6;
+    filter: alpha(opacity=60);
+}
+
+.x-date-right a {
+    margin-right:2px;
+    text-decoration:none !important;
+}
+
+.x-date-left a{
+    margin-left:2px;
+    text-decoration:none !important;
+}
+
+table.x-date-inner {
+    width: 100%;
+    table-layout:fixed;
+}
+
+.ext-webkit table.x-date-inner{
+    /* Fix for webkit browsers */
+    width: 175px;
+}
+
+
+.x-date-inner th {
+    width:25px;
+}
+
+.x-date-inner th {
+    background: repeat-x left top;
+    text-align:right !important;
+	border-bottom: 1px solid;
+	cursor:default;
+    padding:0;
+    border-collapse:separate;
+}
+
+.x-date-inner th span {
+    display:block;
+    padding:2px;
+    padding-right:7px;
+}
+
+.x-date-inner td {
+    border: 1px solid;
+	text-align:right;
+    padding:0;
+}
+
+.x-date-inner a {
+    padding:2px 5px;
+    display:block;
+	text-decoration:none;
+    text-align:right;
+    zoom:1;
+}
+
+.x-date-inner .x-date-active{
+	cursor:pointer;
+	color:black;
+}
+
+.x-date-inner .x-date-selected a{
+	background: repeat-x left top;
+	border:1px solid;
+    padding:1px 4px;
+}
+
+.x-date-inner .x-date-today a{
+	border: 1px solid;
+    padding:1px 4px;
+}
+
+.x-date-inner .x-date-prevday a,.x-date-inner .x-date-nextday a {
+    text-decoration:none !important;
+}
+
+.x-date-bottom {
+    padding:4px;
+    border-top: 1px solid;
+    background: repeat-x left top;
+}
+
+.x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover{
+    text-decoration:none !important;
+}
+
+.x-item-disabled .x-date-inner a:hover{
+    background: none;
+}
+
+.x-date-inner .x-date-disabled a {
+	cursor:default;
+}
+
+.x-date-menu .x-menu-item {
+	padding:1px 24px 1px 4px;
+	white-space: nowrap;
+}
+
+.x-date-menu .x-menu-item .x-menu-item-icon {
+    width:10px;
+    height:10px;
+    margin-right:5px;
+    background-position:center -4px !important;
+}
+
+.x-date-mp {
+	position:absolute;
+	left:0;
+	top:0;
+	display:none;
+}
+
+.x-date-mp td {
+    padding:2px;
+	font:normal 11px arial, helvetica,tahoma,sans-serif;
+}
+
+td.x-date-mp-month,td.x-date-mp-year,td.x-date-mp-ybtn {
+    border: 0 none;
+	text-align:center;
+	vertical-align: middle;
+	width:25%;
+}
+
+.x-date-mp-ok {
+	margin-right:3px;
+}
+
+.x-date-mp-btns button {
+	text-decoration:none;
+	text-align:center;
+	text-decoration:none !important;
+	border:1px solid;
+	padding:1px 3px 1px;
+	cursor:pointer;
+}
+
+.x-date-mp-btns {
+	background: repeat-x left top;
+}
+
+.x-date-mp-btns td {
+	border-top: 1px solid;
+    text-align:center;
+}
+
+td.x-date-mp-month a,td.x-date-mp-year a {
+	display:block;
+	padding:2px 4px;
+	text-decoration:none;
+	text-align:center;
+}
+
+td.x-date-mp-month a:hover,td.x-date-mp-year a:hover {
+	text-decoration:none;
+	cursor:pointer;
+}
+
+td.x-date-mp-sel a {
+	padding:1px 3px;
+	background: repeat-x left top;
+	border:1px solid;
+}
+
+.x-date-mp-ybtn a {
+    overflow:hidden;
+    width:15px;
+    height:15px;
+    cursor:pointer;
+    background:transparent no-repeat;
+    display:block;
+    margin:0 auto;
+}
+
+.x-date-mp-ybtn a.x-date-mp-next {
+    background-position:0 -120px;
+}
+
+.x-date-mp-ybtn a.x-date-mp-next:hover {
+    background-position:-15px -120px;
+}
+
+.x-date-mp-ybtn a.x-date-mp-prev {
+    background-position:0 -105px;
+}
+
+.x-date-mp-ybtn a.x-date-mp-prev:hover {
+    background-position:-15px -105px;
+}
+
+.x-date-mp-ybtn {
+   text-align:center;
+}
+
+td.x-date-mp-sep {
+   border-right:1px solid;
+}.x-tip{
+	position: absolute;
+	top: 0;
+    left:0;
+    visibility: hidden;
+	z-index: 20002;
+    border:0 none;
+}
+
+.x-tip .x-tip-close{
+	height: 15px;
+	float:right;
+	width: 15px;
+    margin:0 0 2px 2px;
+    cursor:pointer;
+    display:none;
+}
+
+.x-tip .x-tip-tc {
+	background: transparent no-repeat 0 -62px;
+	padding-top:3px;
+    overflow:hidden;
+    zoom:1;
+}
+
+.x-tip .x-tip-tl {
+	background: transparent no-repeat 0 0;
+	padding-left:6px;
+    overflow:hidden;
+    zoom:1;
+}
+
+.x-tip .x-tip-tr {
+	background: transparent no-repeat right 0;
+	padding-right:6px;
+    overflow:hidden;
+    zoom:1;
+}
+
+.x-tip .x-tip-bc {
+	background: transparent no-repeat 0 -121px;
+	height:3px;
+    overflow:hidden;
+}
+
+.x-tip .x-tip-bl {
+	background: transparent no-repeat 0 -59px;
+	padding-left:6px;
+    zoom:1;
+}
+
+.x-tip .x-tip-br {
+	background: transparent no-repeat right -59px;
+	padding-right:6px;
+    zoom:1;
+}
+
+.x-tip .x-tip-mc {
+    border:0 none;
+}
+
+.x-tip .x-tip-ml {
+	background: no-repeat 0 -124px;
+	padding-left:6px;
+    zoom:1;
+}
+
+.x-tip .x-tip-mr {
+	background: transparent no-repeat right -124px;
+	padding-right:6px;
+    zoom:1;
+}
+
+.ext-ie .x-tip .x-tip-header,.ext-ie .x-tip .x-tip-tc {
+    font-size:0;
+    line-height:0;
+}
+
+.ext-border-box .x-tip .x-tip-header, .ext-border-box .x-tip .x-tip-tc{
+    line-height: 1px;
+}
+
+.x-tip .x-tip-header-text {
+    padding:0;
+    margin:0 0 2px 0;
+}
+
+.x-tip .x-tip-body {
+    margin:0 !important;
+    line-height:14px;
+    padding:0;
+}
+
+.x-tip .x-tip-body .loading-indicator {
+    margin:0;
+}
+
+.x-tip-draggable .x-tip-header,.x-tip-draggable .x-tip-header-text {
+    cursor:move;
+}
+
+.x-form-invalid-tip .x-tip-tc {
+	background: repeat-x 0 -12px;
+    padding-top:6px;
+}
+
+.x-form-invalid-tip .x-tip-bc {
+	background: repeat-x 0 -18px;
+    height:6px;
+}
+
+.x-form-invalid-tip .x-tip-bl {
+	background: no-repeat 0 -6px;
+}
+
+.x-form-invalid-tip .x-tip-br {
+	background: no-repeat right -6px;
+}
+
+.x-form-invalid-tip .x-tip-body {
+    padding:2px;
+}
+
+.x-form-invalid-tip .x-tip-body {
+    padding-left:24px;
+    background:transparent no-repeat 2px 2px;
+}
+
+.x-tip-anchor {
+    position: absolute;
+    width: 9px;
+    height: 10px;
+    overflow:hidden;
+    background: transparent no-repeat 0 0;
+    zoom:1;
+}
+.x-tip-anchor-bottom {
+    background-position: -9px 0;
+}
+.x-tip-anchor-right {
+    background-position: -18px 0;
+    width: 10px;
+}
+.x-tip-anchor-left {
+    background-position: -28px 0;
+    width: 10px;
+}.x-menu {
+	z-index: 15000;
+	zoom: 1;
+	background: repeat-y;
+}
+
+.x-menu-floating{
+    border: 1px solid;
+}
+
+.x-menu a {
+    text-decoration: none !important;
+}
+
+.ext-ie .x-menu {
+    zoom:1;
+    overflow:hidden;
+}
+
+.x-menu-list{
+    padding: 2px;
+	background:transparent;
+	border:0 none;
+    overflow:hidden;
+    overflow-y: hidden;
+}
+
+.ext-strict .ext-ie .x-menu-list{
+    position: relative;
+}
+
+.x-menu li{
+	line-height:100%;
+}
+
+.x-menu li.x-menu-sep-li{
+	font-size:1px;
+	line-height:1px;
+}
+
+.x-menu-list-item{
+    white-space: nowrap;
+	display:block;
+	padding:1px;
+}
+
+.x-menu-item{
+    -moz-user-select: none;
+    -khtml-user-select:none;
+    -webkit-user-select:ignore;
+}
+
+.x-menu-item-arrow{
+	background:transparent no-repeat right;
+}
+
+.x-menu-sep {
+	display:block;
+	font-size:1px;
+	line-height:1px;
+	margin: 2px 3px;
+	border-bottom:1px solid;
+    overflow:hidden;
+}
+
+.x-menu-focus {
+	position:absolute;
+	left:-1px;
+	top:-1px;
+	width:1px;
+	height:1px;
+    line-height:1px;
+    font-size:1px;
+    -moz-outline:0 none;
+    outline:0 none;
+    -moz-user-select: none;
+    -khtml-user-select:none;
+    -webkit-user-select:ignore;
+    overflow:hidden;
+    display:block;
+}
+
+a.x-menu-item {
+    cursor: pointer;
+    display: block;
+    line-height: 16px;
+    outline-color: -moz-use-text-color;
+    outline-style: none;
+    outline-width: 0;
+    padding: 3px 21px 3px 27px;
+    position: relative;
+    text-decoration: none;
+    white-space: nowrap;
+}
+
+.x-menu-item-active {
+    background-repeat: repeat-x;
+    background-position: left bottom;
+    border-style:solid;
+    border-width: 1px 0;
+    margin:0 1px;
+	padding: 0;
+}
+
+.x-menu-item-active a.x-menu-item {
+    border-style:solid;
+    border-width:0 1px;
+    margin:0 -1px;
+}
+
+.x-menu-item-icon {
+	border: 0 none;
+	height: 16px;
+	padding: 0;
+	vertical-align: top;
+	width: 16px;
+	position: absolute;
+    left: 3px;
+    top: 3px;
+    margin: 0;
+    background-position:center;
+}
+
+.ext-ie .x-menu-item-icon {
+    left: -24px;
+}
+.ext-strict .x-menu-item-icon {
+    left: 3px;
+}
+
+.ext-ie6 .x-menu-item-icon {
+    left: -24px;
+}
+
+.ext-ie .x-menu-item-icon {
+    vertical-align: middle;
+}
+
+.x-menu-check-item .x-menu-item-icon{
+	background: transparent no-repeat center;
+}
+
+.x-menu-group-item .x-menu-item-icon{
+	background: transparent;
+}
+
+.x-menu-item-checked .x-menu-group-item .x-menu-item-icon{
+    background: transparent no-repeat center;
+}
+
+.x-date-menu .x-menu-list{
+    padding: 0;
+}
+
+.x-menu-date-item{
+	padding:0;
+}
+
+.x-menu .x-color-palette, .x-menu .x-date-picker{
+    margin-left: 26px;
+	margin-right:4px;
+}
+
+.x-menu .x-date-picker{
+    border:1px solid;
+    margin-top:2px;
+    margin-bottom:2px;
+}
+
+.x-menu-plain .x-color-palette, .x-menu-plain .x-date-picker{
+	 margin: 0;
+	 border: 0 none;
+}
+
+.x-date-menu {
+   padding:0 !important;
+}
+
+/*
+ * fixes separator visibility problem in IE 6
+ */
+.ext-strict .ext-ie6 .x-menu-sep-li {
+    padding: 3px 4px;
+}
+.ext-strict .ext-ie6 .x-menu-sep {
+    margin: 0;
+    height: 1px;
+}
+
+/*
+ * Ugly mess to remove the white border under the picker
+ */
+.ext-ie .x-date-menu{
+    height: 199px;
+}
+
+.ext-strict .ext-ie .x-date-menu, .ext-border-box .ext-ie8 .x-date-menu{
+    height: 197px;
+}
+
+.ext-strict .ext-ie7 .x-date-menu{
+    height: 195px;
+}
+
+.ext-strict .ext-ie8 .x-date-menu{
+    height: auto;
+}
+
+.x-cycle-menu .x-menu-item-checked {
+    border:1px dotted !important;
+	padding:0;
+}
+
+.x-menu .x-menu-scroller {
+    width: 100%;
+	background-repeat:no-repeat;
+	background-position:center;
+	height:8px;
+    line-height: 8px;
+	cursor:pointer;
+    margin: 0;
+    padding: 0;
+}
+
+.x-menu .x-menu-scroller-active{
+    height: 6px;
+    line-height: 6px;
+}
+
+.x-menu-list-item-indent{
+    padding-left: 27px;
+}/*
+ Creates rounded, raised boxes like on the Ext website - the markup isn't pretty:
+  

+        

+        

+            
YOUR TITLE HERE (optional)

+            
YOUR CONTENT HERE

+        

+        

+    

+ */
+
+.x-box-tl {
+	background: transparent no-repeat 0 0;
+    zoom:1;
+}
+
+.x-box-tc {
+	height: 8px;
+	background: transparent repeat-x 0 0;
+	overflow: hidden;
+}
+
+.x-box-tr {
+	background: transparent no-repeat right -8px;
+}
+
+.x-box-ml {
+	background: transparent repeat-y 0;
+	padding-left: 4px;
+	overflow: hidden;
+    zoom:1;
+}
+
+.x-box-mc {
+	background: repeat-x 0 -16px;
+	padding: 4px 10px;
+}
+
+.x-box-mc h3 {
+	margin: 0 0 4px 0;
+    zoom:1;
+}
+
+.x-box-mr {
+	background: transparent repeat-y right;
+	padding-right: 4px;
+	overflow: hidden;
+}
+
+.x-box-bl {
+	background: transparent no-repeat 0 -16px;
+    zoom:1;
+}
+
+.x-box-bc {
+	background: transparent repeat-x 0 -8px;
+	height: 8px;
+	overflow: hidden;
+}
+
+.x-box-br {
+	background: transparent no-repeat right -24px;
+}
+
+.x-box-tl, .x-box-bl {
+	padding-left: 8px;
+	overflow: hidden;
+}
+
+.x-box-tr, .x-box-br {
+	padding-right: 8px;
+	overflow: hidden;
+}.x-combo-list {
+    border:1px solid;
+    zoom:1;
+    overflow:hidden;
+}
+
+.x-combo-list-inner {
+    overflow:auto;
+    position:relative; /* for calculating scroll offsets */
+    zoom:1;
+    overflow-x:hidden;
+}
+
+.x-combo-list-hd {
+    border-bottom:1px solid;
+    padding:3px;
+}
+
+.x-resizable-pinned .x-combo-list-inner {
+    border-bottom:1px solid;
+}
+
+.x-combo-list-item {
+    padding:2px;
+    border:1px solid;
+    white-space: nowrap;
+    overflow:hidden;
+    text-overflow: ellipsis;
+}
+
+.x-combo-list .x-combo-selected{
+	border:1px dotted !important;
+    cursor:pointer;
+}
+
+.x-combo-list .x-toolbar {
+    border-top:1px solid;
+    border-bottom:0 none;
+}.x-panel {
+    border-style: solid;
+    border-width:0;
+}
+
+.x-panel-header {
+    overflow:hidden;
+    zoom:1;
+    padding:5px 3px 4px 5px;
+    border:1px solid;
+    line-height: 15px;
+    background: transparent repeat-x 0 -1px;
+}
+
+.x-panel-body {
+    border:1px solid;
+    border-top:0 none;
+    overflow:hidden;
+    position: relative; /* added for item scroll positioning */
+}
+
+.x-panel-bbar .x-toolbar, .x-panel-tbar .x-toolbar {
+    border:1px solid;
+    border-top:0 none;
+    overflow:hidden;
+    padding:2px;
+}
+
+.x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {
+    border-top:1px solid;
+    border-bottom: 0 none;
+}
+
+.x-panel-body-noheader, .x-panel-mc .x-panel-body {
+    border-top:1px solid;
+}
+
+.x-panel-header {
+    overflow:hidden;
+    zoom:1;
+}
+
+.x-panel-tl .x-panel-header {
+    padding:5px 0 4px 0;
+    border:0 none;
+    background:transparent;
+}
+
+.x-panel-tl .x-panel-icon, .x-window-tl .x-panel-icon {
+    padding-left:20px !important;
+    background-repeat:no-repeat;
+    background-position:0 4px;
+    zoom:1;
+}
+
+.x-panel-inline-icon {
+    width:16px;
+	height:16px;
+    background-repeat:no-repeat;
+    background-position:0 0;
+	vertical-align:middle;
+	margin-right:4px;
+	margin-top:-1px;
+	margin-bottom:-1px;
+}
+
+.x-panel-tc {
+	background: transparent repeat-x 0 0;
+	overflow:hidden;
+}
+
+/* fix ie7 strict mode bug */
+.ext-strict .ext-ie7 .x-panel-tc {
+    overflow: visible;
+}
+
+.x-panel-tl {
+	background: transparent no-repeat 0 0;
+	padding-left:6px;
+    zoom:1;
+    border-bottom:1px solid;
+}
+
+.x-panel-tr {
+	background: transparent no-repeat right 0;
+	zoom:1;
+    padding-right:6px;
+}
+
+.x-panel-bc {
+	background: transparent repeat-x 0 bottom;
+    zoom:1;
+}
+
+.x-panel-bc .x-panel-footer {
+    zoom:1;
+}
+
+.x-panel-bl {
+	background: transparent no-repeat 0 bottom;
+	padding-left:6px;
+    zoom:1;
+}
+
+.x-panel-br {
+	background: transparent no-repeat right bottom;
+	padding-right:6px;
+    zoom:1;
+}
+
+.x-panel-mc {
+    border:0 none;
+    padding:0;
+    margin:0;
+    padding-top:6px;
+}
+
+.x-panel-mc .x-panel-body {
+    background:transparent;
+    border: 0 none;
+}
+
+.x-panel-ml {
+	background: repeat-y 0 0;
+	padding-left:6px;
+    zoom:1;
+}
+
+.x-panel-mr {
+	background: transparent repeat-y right 0;
+	padding-right:6px;
+    zoom:1;
+}
+
+.x-panel-bc .x-panel-footer {
+    padding-bottom:6px;
+}
+
+.x-panel-nofooter .x-panel-bc, .x-panel-nofooter .x-window-bc {
+	height:6px;
+    font-size:0;
+    line-height:0;
+}
+
+.x-panel-bwrap {
+    overflow:hidden;
+    zoom:1;
+    left:0;
+    top:0;
+}
+.x-panel-body {
+    overflow:hidden;
+    zoom:1;
+}
+
+.x-panel-collapsed .x-resizable-handle{
+    display:none;
+}
+
+.ext-gecko .x-panel-animated div {
+    overflow:hidden !important;
+}
+
+/* Plain */
+.x-plain-body {
+    overflow:hidden;
+}
+
+.x-plain-bbar .x-toolbar {
+    overflow:hidden;
+    padding:2px;
+}
+
+.x-plain-tbar .x-toolbar {
+    overflow:hidden;
+    padding:2px;
+}
+
+.x-plain-bwrap {
+    overflow:hidden;
+    zoom:1;
+}
+
+.x-plain {
+    overflow:hidden;
+}
+
+/* Tools */
+.x-tool {
+    overflow:hidden;
+    width:15px;
+    height:15px;
+    float:right;
+    cursor:pointer;
+    background:transparent no-repeat;
+    margin-left:2px;
+}
+
+/* expand / collapse tools */
+.x-tool-toggle {
+    background-position:0 -60px;
+}
+
+.x-tool-toggle-over {
+    background-position:-15px -60px;
+}
+
+.x-panel-collapsed .x-tool-toggle {
+    background-position:0 -75px;
+}
+
+.x-panel-collapsed .x-tool-toggle-over {
+    background-position:-15px -75px;
+}
+
+
+.x-tool-close {
+    background-position:0 -0;
+}
+
+.x-tool-close-over {
+    background-position:-15px 0;
+}
+
+.x-tool-minimize {
+    background-position:0 -15px;
+}
+
+.x-tool-minimize-over {
+    background-position:-15px -15px;
+}
+
+.x-tool-maximize {
+    background-position:0 -30px;
+}
+
+.x-tool-maximize-over {
+    background-position:-15px -30px;
+}
+
+.x-tool-restore {
+    background-position:0 -45px;
+}
+
+.x-tool-restore-over {
+    background-position:-15px -45px;
+}
+
+.x-tool-gear {
+    background-position:0 -90px;
+}
+
+.x-tool-gear-over {
+    background-position:-15px -90px;
+}
+
+.x-tool-pin {
+    background-position:0 -135px;
+}
+
+.x-tool-pin-over {
+    background-position:-15px -135px;
+}
+
+.x-tool-unpin {
+    background-position:0 -150px;
+}
+
+.x-tool-unpin-over {
+    background-position:-15px -150px;
+}
+
+.x-tool-right {
+    background-position:0 -165px;
+}
+
+.x-tool-right-over {
+    background-position:-15px -165px;
+}
+
+.x-tool-left {
+    background-position:0 -180px;
+}
+
+.x-tool-left-over {
+    background-position:-15px -180px;
+}
+
+.x-tool-up {
+    background-position:0 -210px;
+}
+
+.x-tool-up-over {
+    background-position:-15px -210px;
+}
+
+.x-tool-down {
+    background-position:0 -195px;
+}
+
+.x-tool-down-over {
+    background-position:-15px -195px;
+}
+
+.x-tool-refresh {
+    background-position:0 -225px;
+}
+
+.x-tool-refresh-over {
+    background-position:-15px -225px;
+}
+
+.x-tool-minus {
+    background-position:0 -255px;
+}
+
+.x-tool-minus-over {
+    background-position:-15px -255px;
+}
+
+.x-tool-plus {
+    background-position:0 -240px;
+}
+
+.x-tool-plus-over {
+    background-position:-15px -240px;
+}
+
+.x-tool-search {
+    background-position:0 -270px;
+}
+
+.x-tool-search-over {
+    background-position:-15px -270px;
+}
+
+.x-tool-save {
+    background-position:0 -285px;
+}
+
+.x-tool-save-over {
+    background-position:-15px -285px;
+}
+
+.x-tool-help {
+    background-position:0 -300px;
+}
+
+.x-tool-help-over {
+    background-position:-15px -300px;
+}
+
+.x-tool-print {
+    background-position:0 -315px;
+}
+
+.x-tool-print-over {
+    background-position:-15px -315px;
+}
+
+/* Ghosting */
+.x-panel-ghost {
+    z-index:12000;
+    overflow:hidden;
+    position:absolute;
+    left:0;top:0;
+    opacity:.65;
+    -moz-opacity:.65;
+    filter:alpha(opacity=65);
+}
+
+.x-panel-ghost ul {
+    margin:0;
+    padding:0;
+    overflow:hidden;
+    font-size:0;
+    line-height:0;
+    border:1px solid;
+    border-top:0 none;
+    display:block;
+}
+
+.x-panel-ghost * {
+    cursor:move !important;
+}
+
+.x-panel-dd-spacer {
+    border:2px dashed;
+}
+
+/* Buttons */
+.x-panel-btns {
+    padding:5px;
+    overflow:hidden;
+}
+
+.x-panel-btns td.x-toolbar-cell{
+	padding:3px;
+}
+
+.x-panel-btns .x-btn-focus .x-btn-left{
+	background-position:0 -147px;
+}
+
+.x-panel-btns .x-btn-focus .x-btn-right{
+	background-position:0 -168px;
+}
+
+.x-panel-btns .x-btn-focus .x-btn-center{
+	background-position:0 -189px;
+}
+
+.x-panel-btns .x-btn-over .x-btn-left{
+	background-position:0 -63px;
+}
+
+.x-panel-btns .x-btn-over .x-btn-right{
+	background-position:0 -84px;
+}
+
+.x-panel-btns .x-btn-over .x-btn-center{
+	background-position:0 -105px;
+}
+
+.x-panel-btns .x-btn-click .x-btn-center{
+	background-position:0 -126px;
+}
+
+.x-panel-btns .x-btn-click  .x-btn-right{
+	background-position:0 -84px;
+}
+
+.x-panel-btns .x-btn-click .x-btn-left{
+	background-position:0 -63px;
+}
+
+.x-panel-fbar td,.x-panel-fbar span,.x-panel-fbar input,.x-panel-fbar div,.x-panel-fbar select,.x-panel-fbar label{
+	white-space: nowrap;
+}
+/**
+ * W3C Suggested Default style sheet for HTML 4
+ * http://www.w3.org/TR/CSS21/sample.html
+ *
+ * Resets for Ext.Panel @cfg normal: true
+ */
+.x-panel-reset .x-panel-body html,
+.x-panel-reset .x-panel-body address,
+.x-panel-reset .x-panel-body blockquote,
+.x-panel-reset .x-panel-body body,
+.x-panel-reset .x-panel-body dd,
+.x-panel-reset .x-panel-body div,
+.x-panel-reset .x-panel-body dl,
+.x-panel-reset .x-panel-body dt,
+.x-panel-reset .x-panel-body fieldset,
+.x-panel-reset .x-panel-body form,
+.x-panel-reset .x-panel-body frame, frameset,
+.x-panel-reset .x-panel-body h1,
+.x-panel-reset .x-panel-body h2,
+.x-panel-reset .x-panel-body h3,
+.x-panel-reset .x-panel-body h4,
+.x-panel-reset .x-panel-body h5,
+.x-panel-reset .x-panel-body h6,
+.x-panel-reset .x-panel-body noframes,
+.x-panel-reset .x-panel-body ol,
+.x-panel-reset .x-panel-body p,
+.x-panel-reset .x-panel-body ul,
+.x-panel-reset .x-panel-body center,
+.x-panel-reset .x-panel-body dir,
+.x-panel-reset .x-panel-body hr,
+.x-panel-reset .x-panel-body menu,
+.x-panel-reset .x-panel-body pre 			  { display: block }
+.x-panel-reset .x-panel-body li              { display: list-item }
+.x-panel-reset .x-panel-body head            { display: none }
+.x-panel-reset .x-panel-body table           { display: table }
+.x-panel-reset .x-panel-body tr              { display: table-row }
+.x-panel-reset .x-panel-body thead           { display: table-header-group }
+.x-panel-reset .x-panel-body tbody           { display: table-row-group }
+.x-panel-reset .x-panel-body tfoot           { display: table-footer-group }
+.x-panel-reset .x-panel-body col             { display: table-column }
+.x-panel-reset .x-panel-body colgroup        { display: table-column-group }
+.x-panel-reset .x-panel-body td,
+.x-panel-reset .x-panel-body th 	          { display: table-cell }
+.x-panel-reset .x-panel-body caption         { display: table-caption }
+.x-panel-reset .x-panel-body th              { font-weight: bolder; text-align: center }
+.x-panel-reset .x-panel-body caption         { text-align: center }
+.x-panel-reset .x-panel-body body            { margin: 8px }
+.x-panel-reset .x-panel-body h1              { font-size: 2em; margin: .67em 0 }
+.x-panel-reset .x-panel-body h2              { font-size: 1.5em; margin: .75em 0 }
+.x-panel-reset .x-panel-body h3              { font-size: 1.17em; margin: .83em 0 }
+.x-panel-reset .x-panel-body h4,
+.x-panel-reset .x-panel-body p,
+.x-panel-reset .x-panel-body blockquote,
+.x-panel-reset .x-panel-body ul,
+.x-panel-reset .x-panel-body fieldset,
+.x-panel-reset .x-panel-body form,
+.x-panel-reset .x-panel-body ol,
+.x-panel-reset .x-panel-body dl,
+.x-panel-reset .x-panel-body dir,
+.x-panel-reset .x-panel-body menu            { margin: 1.12em 0 }
+.x-panel-reset .x-panel-body h5              { font-size: .83em; margin: 1.5em 0 }
+.x-panel-reset .x-panel-body h6              { font-size: .75em; margin: 1.67em 0 }
+.x-panel-reset .x-panel-body h1,
+.x-panel-reset .x-panel-body h2,
+.x-panel-reset .x-panel-body h3,
+.x-panel-reset .x-panel-body h4,
+.x-panel-reset .x-panel-body h5,
+.x-panel-reset .x-panel-body h6,
+.x-panel-reset .x-panel-body b,
+.x-panel-reset .x-panel-body strong          { font-weight: bolder }
+.x-panel-reset .x-panel-body blockquote      { margin-left: 40px; margin-right: 40px }
+.x-panel-reset .x-panel-body i,
+.x-panel-reset .x-panel-body cite,
+.x-panel-reset .x-panel-body em,
+.x-panel-reset .x-panel-body var,
+.x-panel-reset .x-panel-body address    	  { font-style: italic }
+.x-panel-reset .x-panel-body pre,
+.x-panel-reset .x-panel-body tt,
+.x-panel-reset .x-panel-body code,
+.x-panel-reset .x-panel-body kbd,
+.x-panel-reset .x-panel-body samp       	  { font-family: monospace }
+.x-panel-reset .x-panel-body pre             { white-space: pre }
+.x-panel-reset .x-panel-body button,
+.x-panel-reset .x-panel-body textarea,
+.x-panel-reset .x-panel-body input,
+.x-panel-reset .x-panel-body select   		  { display: inline-block }
+.x-panel-reset .x-panel-body big             { font-size: 1.17em }
+.x-panel-reset .x-panel-body small,
+.x-panel-reset .x-panel-body sub,
+.x-panel-reset .x-panel-body sup 			  { font-size: .83em }
+.x-panel-reset .x-panel-body sub             { vertical-align: sub }
+.x-panel-reset .x-panel-body sup             { vertical-align: super }
+.x-panel-reset .x-panel-body table           { border-spacing: 2px; }
+.x-panel-reset .x-panel-body thead,
+.x-panel-reset .x-panel-body tbody,
+.x-panel-reset .x-panel-body tfoot           { vertical-align: middle }
+.x-panel-reset .x-panel-body td,
+.x-panel-reset .x-panel-body th          	  { vertical-align: inherit }
+.x-panel-reset .x-panel-body s,
+.x-panel-reset .x-panel-body strike,
+.x-panel-reset .x-panel-body del  			  { text-decoration: line-through }
+.x-panel-reset .x-panel-body hr              { border: 1px inset }
+.x-panel-reset .x-panel-body ol,
+.x-panel-reset .x-panel-body ul,
+.x-panel-reset .x-panel-body dir,
+.x-panel-reset .x-panel-body menu,
+.x-panel-reset .x-panel-body dd        	  { margin-left: 40px }
+.x-panel-reset .x-panel-body ul, .x-panel-reset .x-panel-body menu, .x-panel-reset .x-panel-body dir { list-style-type: disc;}
+.x-panel-reset .x-panel-body ol              { list-style-type: decimal }
+.x-panel-reset .x-panel-body ol ul,
+.x-panel-reset .x-panel-body ul ol,
+.x-panel-reset .x-panel-body ul ul,
+.x-panel-reset .x-panel-body ol ol    		  { margin-top: 0; margin-bottom: 0 }
+.x-panel-reset .x-panel-body u,
+.x-panel-reset .x-panel-body ins          	  { text-decoration: underline }
+.x-panel-reset .x-panel-body br:before       { content: "\A" }
+.x-panel-reset .x-panel-body :before, .x-panel-reset .x-panel-body :after { white-space: pre-line }
+.x-panel-reset .x-panel-body center          { text-align: center }
+.x-panel-reset .x-panel-body :link, .x-panel-reset .x-panel-body :visited { text-decoration: underline }
+.x-panel-reset .x-panel-body :focus          { outline: invert dotted thin }
+
+/* Begin bidirectionality settings (do not change) */
+.x-panel-reset .x-panel-body BDO[DIR="ltr"]  { direction: ltr; unicode-bidi: bidi-override }
+.x-panel-reset .x-panel-body BDO[DIR="rtl"]  { direction: rtl; unicode-bidi: bidi-override }
+.x-window {
+    zoom:1;
+}
+
+.x-window .x-window-handle {
+    opacity:0;
+    -moz-opacity:0;
+    filter:alpha(opacity=0);
+}
+
+.x-window-proxy {
+    border:1px solid;
+    z-index:12000;
+    overflow:hidden;
+    position:absolute;
+    left:0;top:0;
+    display:none;
+    opacity:.5;
+    -moz-opacity:.5;
+    filter:alpha(opacity=50);
+}
+
+.x-window-header {
+    overflow:hidden;
+    zoom:1;
+}
+
+.x-window-bwrap {
+    z-index:1;
+    position:relative;
+    zoom:1;
+    left:0;top:0;
+}
+
+.x-window-tl .x-window-header {
+    padding:5px 0 4px 0;
+}
+
+.x-window-header-text {
+    cursor:pointer;
+}
+
+.x-window-tc {
+	background: transparent repeat-x 0 0;
+	overflow:hidden;
+    zoom:1;
+}
+
+.x-window-tl {
+	background: transparent no-repeat 0 0;
+	padding-left:6px;
+    zoom:1;
+    z-index:1;
+    position:relative;
+}
+
+.x-window-tr {
+	background: transparent no-repeat right 0;
+	padding-right:6px;
+}
+
+.x-window-bc {
+	background: transparent repeat-x 0 bottom;
+    zoom:1;
+}
+
+.x-window-bc .x-window-footer {
+    padding-bottom:6px;
+    zoom:1;
+    font-size:0;
+    line-height:0;
+}
+
+.x-window-bl {
+	background: transparent no-repeat 0 bottom;
+	padding-left:6px;
+    zoom:1;
+}
+
+.x-window-br {
+	background: transparent no-repeat right bottom;
+	padding-right:6px;
+    zoom:1;
+}
+
+.x-window-mc {
+    border:1px solid;
+    padding:0;
+    margin:0;
+}
+
+.x-window-ml {
+	background: transparent repeat-y 0 0;
+	padding-left:6px;
+    zoom:1;
+}
+
+.x-window-mr {
+	background: transparent repeat-y right 0;
+	padding-right:6px;
+    zoom:1;
+}
+
+.x-window-body {
+    overflow:hidden;
+}
+
+.x-window-bwrap {
+    overflow:hidden;
+}
+
+.x-window-maximized .x-window-bl, .x-window-maximized .x-window-br,
+    .x-window-maximized .x-window-ml, .x-window-maximized .x-window-mr,
+    .x-window-maximized .x-window-tl, .x-window-maximized .x-window-tr {
+    padding:0;
+}
+
+.x-window-maximized .x-window-footer {
+    padding-bottom:0;
+}
+
+.x-window-maximized .x-window-tc {
+    padding-left:3px;
+    padding-right:3px;
+}
+
+.x-window-maximized .x-window-mc {
+    border-left:0 none;
+    border-right:0 none;
+}
+
+.x-window-tbar .x-toolbar, .x-window-bbar .x-toolbar {
+    border-left:0 none;
+    border-right: 0 none;
+}
+
+.x-window-bbar .x-toolbar {
+    border-top:1px solid;
+    border-bottom:0 none;
+}
+
+.x-window-draggable, .x-window-draggable .x-window-header-text {
+    cursor:move;
+}
+
+.x-window-maximized .x-window-draggable, .x-window-maximized .x-window-draggable .x-window-header-text {
+    cursor:default;
+}
+
+.x-window-body {
+    background:transparent;
+}
+
+.x-panel-ghost .x-window-tl {
+    border-bottom:1px solid;
+}
+
+.x-panel-collapsed .x-window-tl {
+    border-bottom:1px solid;
+}
+
+.x-window-maximized-ct {
+    overflow:hidden;
+}
+
+.x-window-maximized .x-window-handle {
+    display:none;
+}
+
+.x-window-sizing-ghost ul {
+    border:0 none !important;
+}
+
+.x-dlg-focus{
+	-moz-outline:0 none;
+	outline:0 none;
+	width:0;
+	height:0;
+	overflow:hidden;
+	position:absolute;
+	top:0;
+	left:0;
+}
+
+.ext-webkit .x-dlg-focus{
+    width: 1px;
+    height: 1px;
+}
+
+.x-dlg-mask{
+    z-index:10000;
+    display:none;
+    position:absolute;
+    top:0;
+    left:0;
+    -moz-opacity: 0.5;
+    opacity:.50;
+    filter: alpha(opacity=50);
+}
+
+body.ext-ie6.x-body-masked select {
+	visibility:hidden;
+}
+
+body.ext-ie6.x-body-masked .x-window select {
+	visibility:visible;
+}
+
+.x-window-plain .x-window-mc {
+    border: 1px solid;
+}
+
+.x-window-plain .x-window-body {
+    border: 1px solid;
+    background:transparent !important;
+}.x-html-editor-wrap {
+    border:1px solid;
+}
+
+.x-html-editor-tb .x-btn-text {
+    background:transparent no-repeat;
+}
+
+.x-html-editor-tb .x-edit-bold, .x-menu-item img.x-edit-bold {
+    background-position:0 0;
+    background-image:url(../images/default/editor/tb-sprite.gif);    
+}
+
+.x-html-editor-tb .x-edit-italic, .x-menu-item img.x-edit-italic {
+    background-position:-16px 0;
+    background-image:url(../images/default/editor/tb-sprite.gif);
+}
+
+.x-html-editor-tb .x-edit-underline, .x-menu-item img.x-edit-underline {
+    background-position:-32px 0;
+    background-image:url(../images/default/editor/tb-sprite.gif);
+}
+
+.x-html-editor-tb .x-edit-forecolor, .x-menu-item img.x-edit-forecolor {
+    background-position:-160px 0;
+    background-image:url(../images/default/editor/tb-sprite.gif);
+}
+
+.x-html-editor-tb .x-edit-backcolor, .x-menu-item img.x-edit-backcolor {
+    background-position:-176px 0;
+    background-image:url(../images/default/editor/tb-sprite.gif);
+}
+
+.x-html-editor-tb .x-edit-justifyleft, .x-menu-item img.x-edit-justifyleft {
+    background-position:-112px 0;
+    background-image:url(../images/default/editor/tb-sprite.gif);
+}
+
+.x-html-editor-tb .x-edit-justifycenter, .x-menu-item img.x-edit-justifycenter {
+    background-position:-128px 0;
+    background-image:url(../images/default/editor/tb-sprite.gif);
+}
+
+.x-html-editor-tb .x-edit-justifyright, .x-menu-item img.x-edit-justifyright {
+    background-position:-144px 0;
+    background-image:url(../images/default/editor/tb-sprite.gif);
+}
+
+.x-html-editor-tb .x-edit-insertorderedlist, .x-menu-item img.x-edit-insertorderedlist {
+    background-position:-80px 0;
+    background-image:url(../images/default/editor/tb-sprite.gif);
+}
+
+.x-html-editor-tb .x-edit-insertunorderedlist, .x-menu-item img.x-edit-insertunorderedlist {
+    background-position:-96px 0;
+    background-image:url(../images/default/editor/tb-sprite.gif);
+}
+
+.x-html-editor-tb .x-edit-increasefontsize, .x-menu-item img.x-edit-increasefontsize {
+    background-position:-48px 0;
+    background-image:url(../images/default/editor/tb-sprite.gif);
+}
+
+.x-html-editor-tb .x-edit-decreasefontsize, .x-menu-item img.x-edit-decreasefontsize {
+    background-position:-64px 0;
+    background-image:url(../images/default/editor/tb-sprite.gif);
+}
+
+.x-html-editor-tb .x-edit-sourceedit, .x-menu-item img.x-edit-sourceedit {
+    background-position:-192px 0;
+    background-image:url(../images/default/editor/tb-sprite.gif);
+}
+
+.x-html-editor-tb .x-edit-createlink, .x-menu-item img.x-edit-createlink {
+    background-position:-208px 0;
+    background-image:url(../images/default/editor/tb-sprite.gif);
+}
+
+.x-html-editor-tip .x-tip-bd .x-tip-bd-inner {
+    padding:5px;
+    padding-bottom:1px;
+}
+
+.x-html-editor-tb .x-toolbar {
+    position:static !important;
+}.x-panel-noborder .x-panel-body-noborder {
+    border-width:0;
+}
+
+.x-panel-noborder .x-panel-header-noborder {
+    border-width:0 0 1px;
+    border-style:solid;
+}
+
+.x-panel-noborder .x-panel-tbar-noborder .x-toolbar {
+    border-width:0 0 1px;
+    border-style:solid;
+}
+
+.x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
+    border-width:1px 0 0 0;
+    border-style:solid;
+}
+
+.x-window-noborder .x-window-mc {
+    border-width:0;
+}
+
+.x-window-plain .x-window-body-noborder {
+    border-width:0;
+}
+
+.x-tab-panel-noborder .x-tab-panel-body-noborder {
+	border-width:0;
+}
+
+.x-tab-panel-noborder .x-tab-panel-header-noborder {
+    border-width: 0 0 1px 0;
+}
+
+.x-tab-panel-noborder .x-tab-panel-footer-noborder {
+    border-width: 1px 0 0 0;
+}
+
+.x-tab-panel-bbar-noborder .x-toolbar {
+    border-width: 1px 0 0 0;
+    border-style:solid;
+}
+
+.x-tab-panel-tbar-noborder .x-toolbar {
+    border-width:0 0 1px;
+    border-style:solid;
+}.x-border-layout-ct {
+    position: relative;
+}
+
+.x-border-panel {
+    position:absolute;
+    left:0;
+    top:0;
+}
+
+.x-tool-collapse-south {
+    background-position:0 -195px;
+}
+
+.x-tool-collapse-south-over {
+    background-position:-15px -195px;
+}
+
+.x-tool-collapse-north {
+    background-position:0 -210px;
+}
+
+.x-tool-collapse-north-over {
+    background-position:-15px -210px;
+}
+
+.x-tool-collapse-west {
+    background-position:0 -180px;
+}
+
+.x-tool-collapse-west-over {
+    background-position:-15px -180px;
+}
+
+.x-tool-collapse-east {
+    background-position:0 -165px;
+}
+
+.x-tool-collapse-east-over {
+    background-position:-15px -165px;
+}
+
+.x-tool-expand-south {
+    background-position:0 -210px;
+}
+
+.x-tool-expand-south-over {
+    background-position:-15px -210px;
+}
+
+.x-tool-expand-north {
+    background-position:0 -195px;
+}
+.x-tool-expand-north-over {
+    background-position:-15px -195px;
+}
+
+.x-tool-expand-west {
+    background-position:0 -165px;
+}
+
+.x-tool-expand-west-over {
+    background-position:-15px -165px;
+}
+
+.x-tool-expand-east {
+    background-position:0 -180px;
+}
+
+.x-tool-expand-east-over {
+    background-position:-15px -180px;
+}
+
+.x-tool-expand-north, .x-tool-expand-south {
+    float:right;
+    margin:3px;
+}
+
+.x-tool-expand-east, .x-tool-expand-west {
+    float:none;
+    margin:3px auto;
+}
+
+.x-accordion-hd .x-tool-toggle {
+    background-position:0 -255px;
+}
+
+.x-accordion-hd .x-tool-toggle-over {
+    background-position:-15px -255px;
+}
+
+.x-panel-collapsed .x-accordion-hd .x-tool-toggle {
+    background-position:0 -240px;
+}
+
+.x-panel-collapsed .x-accordion-hd .x-tool-toggle-over {
+    background-position:-15px -240px;
+}
+
+.x-accordion-hd {
+	padding-top:4px;
+	padding-bottom:3px;
+	border-top:0 none;
+    background: transparent repeat-x 0 -9px;
+}
+
+.x-layout-collapsed{
+    position:absolute;
+    left:-10000px;
+    top:-10000px;
+    visibility:hidden;
+    width:20px;
+    height:20px;
+    overflow:hidden;
+	border:1px solid;
+	z-index:20;
+}
+
+.ext-border-box .x-layout-collapsed{
+    width:22px;
+    height:22px;
+}
+
+.x-layout-collapsed-over{
+    cursor:pointer;
+}
+
+.x-layout-collapsed-west .x-layout-collapsed-tools, .x-layout-collapsed-east .x-layout-collapsed-tools{
+	position:absolute;
+    top:0;
+    left:0;
+    width:20px;
+    height:20px;
+}
+
+
+.x-layout-split{
+    position:absolute;
+    height:5px;
+    width:5px;
+    line-height:1px;
+    font-size:1px;
+    z-index:3;
+    background-color:transparent;
+}
+
+/* IE6 strict won't drag w/out a color */
+.ext-strict .ext-ie6 .x-layout-split{
+    background-color: #fff !important;
+    filter: alpha(opacity=1);
+}
+
+.x-layout-split-h{
+    background-image:url(../images/default/s.gif);
+    background-position: left;
+}
+
+.x-layout-split-v{
+    background-image:url(../images/default/s.gif);
+    background-position: top;
+}
+
+.x-column-layout-ct {
+    overflow:hidden;
+    zoom:1;
+}
+
+.x-column {
+    float:left;
+    padding:0;
+    margin:0;
+    overflow:hidden;
+    zoom:1;
+}
+
+.x-column-inner {
+    overflow:hidden;
+    zoom:1;
+}
+
+/* mini mode */
+.x-layout-mini {
+    position:absolute;
+    top:0;
+    left:0;
+    display:block;
+    width:5px;
+    height:35px;
+    cursor:pointer;
+    opacity:.5;
+    -moz-opacity:.5;
+    filter:alpha(opacity=50);
+}
+
+.x-layout-mini-over, .x-layout-collapsed-over .x-layout-mini{
+    opacity:1;
+    -moz-opacity:1;
+    filter:none;
+}
+
+.x-layout-split-west .x-layout-mini {
+    top:48%;
+}
+
+.x-layout-split-east .x-layout-mini {
+    top:48%;
+}
+
+.x-layout-split-north .x-layout-mini {
+    left:48%;
+    height:5px;
+    width:35px;
+}
+
+.x-layout-split-south .x-layout-mini {
+    left:48%;
+    height:5px;
+    width:35px;
+}
+
+.x-layout-cmini-west .x-layout-mini {
+    top:48%;
+}
+
+.x-layout-cmini-east .x-layout-mini {
+    top:48%;
+}
+
+.x-layout-cmini-north .x-layout-mini {
+    left:48%;
+    height:5px;
+    width:35px;
+}
+
+.x-layout-cmini-south .x-layout-mini {
+    left:48%;
+    height:5px;
+    width:35px;
+}
+
+.x-layout-cmini-west, .x-layout-cmini-east {
+    border:0 none;
+    width:5px !important;
+    padding:0;
+    background:transparent;
+}
+
+.x-layout-cmini-north, .x-layout-cmini-south {
+    border:0 none;
+    height:5px !important;
+    padding:0;
+    background:transparent;
+}
+
+.x-viewport, .x-viewport body {
+    margin: 0;
+    padding: 0;
+    border: 0 none;
+    overflow: hidden;
+    height: 100%;
+}
+
+.x-abs-layout-item {
+    position:absolute;
+    left:0;
+    top:0;
+}
+
+.ext-ie input.x-abs-layout-item, .ext-ie textarea.x-abs-layout-item {
+    margin:0;
+}
+
+.x-box-layout-ct {
+    overflow:hidden;
+    zoom:1;
+}
+
+.x-box-inner {
+    overflow:hidden;
+    zoom:1;
+    position:relative;
+    left:0;
+    top:0;
+}
+
+.x-box-item {
+    position:absolute;
+    left:0;
+    top:0;
+}.x-progress-wrap {
+    border:1px solid;
+    overflow:hidden;
+}
+
+.x-progress-inner {
+    height:18px;
+    background:repeat-x;
+    position:relative;
+}
+
+.x-progress-bar {
+    height:18px;
+    float:left;
+    width:0;
+    background: repeat-x left center;
+    border-top:1px solid;
+    border-bottom:1px solid;
+    border-right:1px solid;
+}
+
+.x-progress-text {
+    padding:1px 5px;
+    overflow:hidden;
+    position:absolute;
+    left:0;
+    text-align:center;
+}
+
+.x-progress-text-back {
+    line-height:16px;
+}
+
+.ext-ie .x-progress-text-back {
+    line-height:15px;
+}
+
+.ext-strict .ext-ie7 .x-progress-text-back{
+    width: 100%;
+}
+.x-list-header{
+	background: repeat-x 0 bottom;
+	cursor:default;
+    zoom:1;
+    height:22px;
+}
+
+.x-list-header-inner div {
+    display:block;
+    float:left;
+    overflow:hidden;
+	-o-text-overflow: ellipsis;
+	text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+.x-list-header-inner div em {
+    display:block;
+    border-left:1px solid;
+    padding:4px 4px;
+    overflow:hidden;
+    -moz-user-select: none;
+    -khtml-user-select: none;
+    line-height:14px;
+}
+
+.x-list-body {
+    overflow:auto;
+    overflow-x:hidden;
+    overflow-y:auto;
+    zoom:1;
+    float: left;
+    width: 100%;
+}
+
+.x-list-body dl {
+    zoom:1;
+}
+
+.x-list-body dt {
+    display:block;
+    float:left;
+    overflow:hidden;
+	-o-text-overflow: ellipsis;
+	text-overflow: ellipsis;
+    white-space: nowrap;
+    cursor:pointer;
+    zoom:1;
+}
+
+.x-list-body dt em {
+    display:block;
+    padding:3px 4px;
+    overflow:hidden;
+    -moz-user-select: none;
+    -khtml-user-select: none;
+}
+
+.x-list-resizer {
+    border-left:1px solid;
+    border-right:1px solid;
+    position:absolute;
+    left:0;
+    top:0;
+}
+
+.x-list-header-inner em.sort-asc {
+    background: transparent no-repeat center 0;
+    border-style:solid;
+    border-width: 0 1px 1px;
+    padding-bottom:3px;
+}
+
+.x-list-header-inner em.sort-desc {
+    background: transparent no-repeat center -23px;
+    border-style:solid;
+    border-width: 0 1px 1px;
+    padding-bottom:3px;
+}
+
+/* Shared styles */
+.x-slider {
+    zoom:1;
+}
+
+.x-slider-inner {
+    position:relative;
+    left:0;
+    top:0;
+    overflow:visible;
+    zoom:1;
+}
+
+.x-slider-focus {
+	position:absolute;
+	left:0;
+	top:0;
+	width:1px;
+	height:1px;
+    line-height:1px;
+    font-size:1px;
+    -moz-outline:0 none;
+    outline:0 none;
+    -moz-user-select: none;
+    -khtml-user-select:none;
+    -webkit-user-select:ignore;
+	display:block;
+	overflow:hidden;  
+}
+
+/* Horizontal styles */
+.x-slider-horz {
+    padding-left:7px;
+    background:transparent no-repeat 0 -22px;
+}
+
+.x-slider-horz .x-slider-end {
+    padding-right:7px;
+    zoom:1;
+    background:transparent no-repeat right -44px;
+}
+
+.x-slider-horz .x-slider-inner {
+    background:transparent repeat-x 0 0;
+    height:22px;
+}
+
+.x-slider-horz .x-slider-thumb {
+    width:14px;
+    height:15px;
+    position:absolute;
+    left:0;
+    top:3px;
+    background:transparent no-repeat 0 0;
+}
+
+.x-slider-horz .x-slider-thumb-over {
+    background-position: -14px -15px;
+}
+
+.x-slider-horz .x-slider-thumb-drag {
+    background-position: -28px -30px;
+}
+
+/* Vertical styles */
+.x-slider-vert {
+    padding-top:7px;
+    background:transparent no-repeat -44px 0;
+    width:22px;
+}
+
+.x-slider-vert .x-slider-end {
+    padding-bottom:7px;
+    zoom:1;
+    background:transparent no-repeat -22px bottom;
+}
+
+.x-slider-vert .x-slider-inner {
+    background:transparent repeat-y 0 0;
+}
+
+.x-slider-vert .x-slider-thumb {
+    width:15px;
+    height:14px;
+    position:absolute;
+    left:3px;
+    bottom:0;
+    background:transparent no-repeat 0 0;
+}
+
+.x-slider-vert .x-slider-thumb-over {
+    background-position: -15px -14px;
+}
+
+.x-slider-vert .x-slider-thumb-drag {
+    background-position: -30px -28px;
+}.x-window-dlg .x-window-body {
+    border:0 none !important;
+    padding:5px 10px;
+    overflow:hidden !important;
+}
+
+.x-window-dlg .x-window-mc {
+    border:0 none !important;
+}
+
+.x-window-dlg .ext-mb-input {
+    margin-top:4px;
+    width:95%;
+}
+
+.x-window-dlg .ext-mb-textarea {
+    margin-top:4px;
+}
+
+.x-window-dlg .x-progress-wrap {
+    margin-top:4px;
+}
+
+.ext-ie .x-window-dlg .x-progress-wrap {
+    margin-top:6px;
+}
+
+.x-window-dlg .x-msg-box-wait {
+    background:transparent no-repeat left;
+    display:block;
+    width:300px;
+    padding-left:18px;
+    line-height:18px;
+}
+
+.x-window-dlg .ext-mb-icon {
+    float:left;
+    width:47px;
+    height:32px;
+}
+
+.ext-ie .x-window-dlg .ext-mb-icon {
+    width:44px; /* 3px IE margin issue */
+}
+
+.x-window-dlg .x-dlg-icon .ext-mb-content{
+    zoom: 1; margin-left: 47px;
+}
+
+.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:transparent no-repeat top left;
+}
+
+.ext-gecko2 .ext-mb-fix-cursor {
+    overflow:auto;
+}
\ No newline at end of file
diff --git a/workflow/engine/skinEngine/base/baseCss/ext-all.css b/workflow/engine/skinEngine/base/baseCss/ext-all.css
new file mode 100755
index 000000000..d299984e1
--- /dev/null
+++ b/workflow/engine/skinEngine/base/baseCss/ext-all.css
@@ -0,0 +1,6789 @@
+/*!
+ * Ext JS Library 3.2.1
+ * Copyright(c) 2006-2010 Ext JS, Inc.
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
+html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}img,body,html{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}.ext-el-mask {
+    z-index: 100;
+    position: absolute;
+    top:0;
+    left:0;
+    -moz-opacity: 0.5;
+    opacity: .50;
+    filter: alpha(opacity=50);
+    width: 100%;
+    height: 100%;
+    zoom: 1;
+}
+
+.ext-el-mask-msg {
+    z-index: 20001;
+    position: absolute;
+    top: 0;
+    left: 0;
+    border:1px solid;
+    background:repeat-x 0 -16px;
+    padding:2px;
+}
+
+.ext-el-mask-msg div {
+    padding:5px 10px 5px 10px;
+    border:1px solid;
+    cursor:wait;
+}
+
+.ext-shim {
+    position:absolute;
+    visibility:hidden;
+    left:0;
+    top:0;
+    overflow:hidden;
+}
+
+.ext-ie .ext-shim {
+    filter: alpha(opacity=0);
+}
+
+.ext-ie6 .ext-shim {
+    margin-left: 5px;
+    margin-top: 3px;
+}
+
+.x-mask-loading div {
+    padding:5px 10px 5px 25px;
+    background:no-repeat 5px 5px;
+    line-height:16px;
+}
+
+/* class for hiding elements without using display:none */
+.x-hidden, .x-hide-offsets {
+    position:absolute !important;
+    left:-10000px;
+    top:-10000px;
+    visibility:hidden;
+}
+
+.x-hide-display {
+    display:none !important;
+}
+
+.x-hide-visibility {
+    visibility:hidden !important;
+}
+
+.x-masked {
+    overflow: hidden !important;
+}
+.x-masked-relative {
+    position: relative !important;
+}
+
+.x-masked select, .x-masked object, .x-masked embed {
+    visibility: hidden;
+}
+
+.x-layer {
+    visibility: hidden;
+}
+
+.x-unselectable, .x-unselectable * {
+    -moz-user-select: none;
+    -khtml-user-select: none;
+    -webkit-user-select:ignore;
+}
+
+.x-repaint {
+    zoom: 1;
+    background-color: transparent;
+    -moz-outline: none;
+    outline: none;
+}
+
+.x-item-disabled {
+    cursor: default;
+    opacity: .6;
+    -moz-opacity: .6;
+    filter: alpha(opacity=60);
+}
+
+.x-item-disabled * {
+    cursor: default !important;
+}
+
+.x-form-radio-group .x-item-disabled {
+    filter: none;
+}
+
+.x-splitbar-proxy {
+    position: absolute;
+    visibility: hidden;
+    z-index: 20001;
+    zoom: 1;
+    line-height: 1px;
+    font-size: 1px;
+    overflow: hidden;
+}
+
+.x-splitbar-h, .x-splitbar-proxy-h {
+    cursor: e-resize;
+    cursor: col-resize;
+}
+
+.x-splitbar-v, .x-splitbar-proxy-v {
+    cursor: s-resize;
+    cursor: row-resize;
+}
+
+.x-color-palette {
+    width: 150px;
+    height: 92px;
+    cursor: pointer;
+}
+
+.x-color-palette a {
+    border: 1px solid;
+    float: left;
+    padding: 2px;
+    text-decoration: none;
+    -moz-outline: 0 none;
+    outline: 0 none;
+    cursor: pointer;
+}
+
+.x-color-palette a:hover, .x-color-palette a.x-color-palette-sel {
+    border: 1px solid;
+}
+
+.x-color-palette em {
+    display: block;
+    border: 1px solid;
+}
+
+.x-color-palette em span {
+    cursor: pointer;
+    display: block;
+    height: 10px;
+    line-height: 10px;
+    width: 10px;
+}
+
+.x-ie-shadow {
+    display: none;
+    position: absolute;
+    overflow: hidden;
+    left:0;
+    top:0;
+    zoom:1;
+}
+
+.x-shadow {
+    display: none;
+    position: absolute;
+    overflow: hidden;
+    left:0;
+    top:0;
+}
+
+.x-shadow * {
+    overflow: hidden;
+}
+
+.x-shadow * {
+    padding: 0;
+    border: 0;
+    margin: 0;
+    clear: none;
+    zoom: 1;
+}
+
+/* top  bottom */
+.x-shadow .xstc, .x-shadow .xsbc {
+    height: 6px;
+    float: left;
+}
+
+/* corners */
+.x-shadow .xstl, .x-shadow .xstr, .x-shadow .xsbl, .x-shadow .xsbr {
+    width: 6px;
+    height: 6px;
+    float: left;
+}
+
+/* sides */
+.x-shadow .xsc {
+    width: 100%;
+}
+
+.x-shadow .xsml, .x-shadow .xsmr {
+    width: 6px;
+    float: left;
+    height: 100%;
+}
+
+.x-shadow .xsmc {
+    float: left;
+    height: 100%;
+    background: transparent;
+}
+
+.x-shadow .xst, .x-shadow .xsb {
+    height: 6px;
+    overflow: hidden;
+    width: 100%;
+}
+
+.x-shadow .xsml {
+    background: transparent repeat-y 0 0;
+}
+
+.x-shadow .xsmr {
+    background: transparent repeat-y -6px 0;
+}
+
+.x-shadow .xstl {
+    background: transparent no-repeat 0 0;
+}
+
+.x-shadow .xstc {
+    background: transparent repeat-x 0 -30px;
+}
+
+.x-shadow .xstr {
+    background: transparent repeat-x 0 -18px;
+}
+
+.x-shadow .xsbl {
+    background: transparent no-repeat 0 -12px;
+}
+
+.x-shadow .xsbc {
+    background: transparent repeat-x 0 -36px;
+}
+
+.x-shadow .xsbr {
+    background: transparent repeat-x 0 -6px;
+}
+
+.loading-indicator {
+    background: no-repeat left;
+    padding-left: 20px;
+    line-height: 16px;
+    margin: 3px;
+}
+
+.x-text-resize {
+    position: absolute;
+    left: -1000px;
+    top: -1000px;
+    visibility: hidden;
+    zoom: 1;
+}
+
+.x-drag-overlay {
+    width: 100%;
+    height: 100%;
+    display: none;
+    position: absolute;
+    left: 0;
+    top: 0;
+    background-image:url(images/default/s.gif);
+    z-index: 20000;
+}
+
+.x-clear {
+    clear:both;
+    height:0;
+    overflow:hidden;
+    line-height:0;
+    font-size:0;
+}
+
+.x-spotlight {
+    z-index: 8999;
+    position: absolute;
+    top:0;
+    left:0;
+    -moz-opacity: 0.5;
+    opacity: .50;
+    filter: alpha(opacity=50);
+    width:0;
+    height:0;
+    zoom: 1;
+}
+
+#x-history-frame {
+    position:absolute;
+    top:-1px;
+    left:0;
+	width:1px;
+    height:1px;
+    visibility:hidden;
+}
+
+#x-history-field {
+    position:absolute;
+    top:0;
+    left:-1px;
+	width:1px;
+    height:1px;
+    visibility:hidden;
+}
+.x-resizable-handle {
+    position:absolute;
+    z-index:100;
+    /* ie needs these */
+    font-size:1px;
+    line-height:6px;
+    overflow:hidden;
+	filter:alpha(opacity=0);
+	opacity:0;
+	zoom:1;
+}
+
+.x-resizable-handle-east{
+    width:6px;
+    cursor:e-resize;
+    right:0;
+    top:0;
+    height:100%;
+}
+
+.ext-ie .x-resizable-handle-east {
+    margin-right:-1px; /*IE rounding error*/
+}
+
+.x-resizable-handle-south{
+    width:100%;
+    cursor:s-resize;
+    left:0;
+    bottom:0;
+    height:6px;
+}
+
+.ext-ie .x-resizable-handle-south {
+    margin-bottom:-1px; /*IE rounding error*/
+}
+
+.x-resizable-handle-west{
+    width:6px;
+    cursor:w-resize;
+    left:0;
+    top:0;
+    height:100%;
+}
+
+.x-resizable-handle-north{
+    width:100%;
+    cursor:n-resize;
+    left:0;
+    top:0;
+    height:6px;
+}
+
+.x-resizable-handle-southeast{
+    width:6px;
+    cursor:se-resize;
+    right:0;
+    bottom:0;
+    height:6px;
+    z-index:101;
+}
+
+.x-resizable-handle-northwest{
+    width:6px;
+    cursor:nw-resize;
+    left:0;
+    top:0;
+    height:6px;
+    z-index:101;
+}
+
+.x-resizable-handle-northeast{
+    width:6px;
+    cursor:ne-resize;
+    right:0;
+    top:0;
+    height:6px;
+    z-index:101;
+}
+
+.x-resizable-handle-southwest{
+    width:6px;
+    cursor:sw-resize;
+    left:0;
+    bottom:0;
+    height:6px;
+    z-index:101;
+}
+
+.x-resizable-over .x-resizable-handle, .x-resizable-pinned .x-resizable-handle{
+    filter:alpha(opacity=100);
+	opacity:1;
+}
+
+.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-position: left;
+}
+
+.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-position: top;
+}
+
+.x-resizable-over .x-resizable-handle-southeast, .x-resizable-pinned .x-resizable-handle-southeast{
+    background-position: top left;
+}
+
+.x-resizable-over .x-resizable-handle-northwest, .x-resizable-pinned .x-resizable-handle-northwest{
+    background-position:bottom right;
+}
+
+.x-resizable-over .x-resizable-handle-northeast, .x-resizable-pinned .x-resizable-handle-northeast{
+    background-position: bottom left;
+}
+
+.x-resizable-over .x-resizable-handle-southwest, .x-resizable-pinned .x-resizable-handle-southwest{
+    background-position: top right;
+}
+
+.x-resizable-proxy{
+    border: 1px dashed;
+    position:absolute;
+    overflow:hidden;
+    display:none;
+	left:0;
+    top:0;
+    z-index:50000;
+}
+
+.x-resizable-overlay{
+    width:100%;
+	height:100%;
+	display:none;
+	position:absolute;
+	left:0;
+	top:0;
+	z-index:200000;
+	-moz-opacity: 0;
+    opacity:0;
+    filter: alpha(opacity=0);
+}
+.x-tab-panel {
+    overflow:hidden;
+}
+
+.x-tab-panel-header, .x-tab-panel-footer {
+	border: 1px solid;
+    overflow:hidden;
+    zoom:1;
+}
+
+.x-tab-panel-header {
+	border: 1px solid;
+	padding-bottom: 2px;
+}
+
+.x-tab-panel-footer {
+	border: 1px solid;
+	padding-top: 2px;
+}
+
+.x-tab-strip-wrap {
+	width:100%;
+    overflow:hidden;
+    position:relative;
+    zoom:1;
+}
+
+ul.x-tab-strip {
+	display:block;
+    width:5000px;
+    zoom:1;
+}
+
+ul.x-tab-strip-top{
+	padding-top: 1px;
+	background: repeat-x bottom;
+	border-bottom: 1px solid;
+}
+
+ul.x-tab-strip-bottom{
+	padding-bottom: 1px;
+	background: repeat-x top;
+	border-top: 1px solid;
+	border-bottom: 0 none;
+}
+
+.x-tab-panel-header-plain .x-tab-strip-top {
+    background:transparent !important;
+    padding-top:0 !important;
+}
+
+.x-tab-panel-header-plain {
+    background:transparent !important;
+    border-width:0 !important;
+    padding-bottom:0 !important;
+}
+
+.x-tab-panel-header-plain .x-tab-strip-spacer,
+.x-tab-panel-footer-plain .x-tab-strip-spacer {
+    border:1px solid;
+    height:2px;
+    font-size:1px;
+    line-height:1px;
+}
+
+.x-tab-panel-header-plain .x-tab-strip-spacer {
+    border-top: 0 none;
+}
+
+.x-tab-panel-footer-plain .x-tab-strip-spacer {
+    border-bottom: 0 none;
+}
+
+.x-tab-panel-footer-plain .x-tab-strip-bottom {
+    background:transparent !important;
+    padding-bottom:0 !important;
+}
+
+.x-tab-panel-footer-plain {
+    background:transparent !important;
+    border-width:0 !important;
+    padding-top:0 !important;
+}
+
+.ext-border-box .x-tab-panel-header-plain .x-tab-strip-spacer,
+.ext-border-box .x-tab-panel-footer-plain .x-tab-strip-spacer {
+    height:3px;
+}
+
+ul.x-tab-strip li {
+    float:left;
+    margin-left:2px;
+}
+
+ul.x-tab-strip li.x-tab-edge {
+    float:left;
+    margin:0 !important;
+    padding:0 !important;
+    border:0 none !important;
+    font-size:1px !important;
+    line-height:1px !important;
+    overflow:hidden;
+    zoom:1;
+    background:transparent !important;
+    width:1px;
+}
+
+.x-tab-strip a, .x-tab-strip span, .x-tab-strip em {
+	display:block;
+}
+
+.x-tab-strip a {
+	text-decoration:none !important;
+	-moz-outline: none;
+	outline: none;
+	cursor:pointer;
+}
+
+.x-tab-strip-inner {
+    overflow:hidden;
+	text-overflow: ellipsis;
+}
+
+.x-tab-strip span.x-tab-strip-text {
+	white-space: nowrap;
+	cursor:pointer;
+    padding:4px 0;
+}
+
+.x-tab-strip-top .x-tab-with-icon .x-tab-right {
+    padding-left:6px;
+}
+
+.x-tab-strip .x-tab-with-icon span.x-tab-strip-text {
+	padding-left:20px;
+    background-position: 0 3px;
+    background-repeat: no-repeat;
+}
+
+.x-tab-strip-active, .x-tab-strip-active a.x-tab-right {
+    cursor:default;
+}
+
+.x-tab-strip-active span.x-tab-strip-text {
+	cursor:default;
+}
+
+.x-tab-strip-disabled .x-tabs-text {
+	cursor:default;
+}
+
+.x-tab-panel-body {
+    overflow:hidden;
+}
+
+.x-tab-panel-bwrap {
+    overflow:hidden;
+}
+
+.ext-ie .x-tab-strip .x-tab-right {
+    position:relative;
+}
+
+.x-tab-strip-top .x-tab-strip-active .x-tab-right {
+    margin-bottom:-1px;
+}
+
+/*
+ * Horrible hack for IE8 in quirks mode
+ */
+.ext-ie8 ul.x-tab-strip li {
+    position: relative;
+}
+.ext-ie8 .x-tab-strip .x-tab-right{
+    margin-bottom: 0 !important;
+    top: 1px;
+}
+.ext-ie8 ul.x-tab-strip-top {
+    padding-top: 0;
+}
+.ext-ie8 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
+    top:4px;
+}
+.ext-ie8 .x-tab-strip-bottom .x-tab-right{
+    top:0;
+}
+
+
+.x-tab-strip-top .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
+    padding-bottom:5px;
+}
+
+.x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
+    margin-top:-1px;
+}
+
+.x-tab-strip-bottom .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
+    padding-top:5px;
+}
+
+.x-tab-strip-top .x-tab-right {
+	background: transparent no-repeat 0 -51px;
+    padding-left:10px;
+}
+
+.x-tab-strip-top .x-tab-left {
+	background: transparent no-repeat right -351px;
+    padding-right:10px;
+}
+
+.x-tab-strip-top .x-tab-strip-inner {
+	background: transparent repeat-x 0 -201px;
+}
+
+.x-tab-strip-top .x-tab-strip-over .x-tab-right {
+	 background-position:0 -101px;
+}
+
+.x-tab-strip-top .x-tab-strip-over .x-tab-left {
+	 background-position:right -401px;
+}
+
+.x-tab-strip-top .x-tab-strip-over .x-tab-strip-inner {
+	 background-position:0 -251px;
+}
+
+.x-tab-strip-top .x-tab-strip-active .x-tab-right {
+	background-position: 0 0;
+}
+
+.x-tab-strip-top .x-tab-strip-active .x-tab-left {
+	background-position: right -301px;
+}
+
+.x-tab-strip-top .x-tab-strip-active .x-tab-strip-inner {
+	background-position: 0 -151px;
+}
+
+.x-tab-strip-bottom .x-tab-right {
+	background: no-repeat bottom right;
+}
+
+.x-tab-strip-bottom .x-tab-left {
+	background: no-repeat bottom left;
+}
+
+.x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
+	background: no-repeat bottom right;
+}
+
+.x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
+	background: no-repeat bottom left;
+}
+
+.x-tab-strip-bottom .x-tab-left {
+    margin-right: 3px;
+    padding:0 10px;
+}
+
+.x-tab-strip-bottom .x-tab-right {
+    padding:0;
+}
+
+.x-tab-strip .x-tab-strip-close {
+    display:none;
+}
+
+.x-tab-strip-closable {
+    position:relative;
+}
+
+.x-tab-strip-closable .x-tab-left {
+    padding-right:19px;
+}
+
+.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
+    opacity:.6;
+    -moz-opacity:.6;
+    background-repeat:no-repeat;
+    display:block;
+	width:11px;
+    height:11px;
+    position:absolute;
+    top:3px;
+    right:3px;
+    cursor:pointer;
+    z-index:2;
+}
+
+.x-tab-strip .x-tab-strip-active a.x-tab-strip-close {
+    opacity:.8;
+    -moz-opacity:.8;
+}
+.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{
+    opacity:1;
+    -moz-opacity:1;
+}
+
+.x-tab-panel-body {
+    border: 1px solid;
+}
+
+.x-tab-panel-body-top {
+    border-top: 0 none;
+}
+
+.x-tab-panel-body-bottom {
+    border-bottom: 0 none;
+}
+
+.x-tab-scroller-left {
+    background: transparent no-repeat -18px 0;
+    border-bottom: 1px solid;
+    width:18px;
+    position:absolute;
+    left:0;
+    top:0;
+    z-index:10;
+    cursor:pointer;
+}
+.x-tab-scroller-left-over {
+    background-position: 0 0;
+}
+
+.x-tab-scroller-left-disabled {
+    background-position: -18px 0;
+    opacity:.5;
+    -moz-opacity:.5;
+    filter:alpha(opacity=50);
+    cursor:default;
+}
+
+.x-tab-scroller-right {
+    background: transparent no-repeat 0 0;
+    border-bottom: 1px solid;
+    width:18px;
+    position:absolute;
+    right:0;
+    top:0;
+    z-index:10;
+    cursor:pointer;
+}
+
+.x-tab-scroller-right-over {
+    background-position: -18px 0;
+}
+
+.x-tab-scroller-right-disabled {
+    background-position: 0 0;
+    opacity:.5;
+    -moz-opacity:.5;
+    filter:alpha(opacity=50);
+    cursor:default;
+}
+
+.x-tab-scrolling-bottom .x-tab-scroller-left, .x-tab-scrolling-bottom .x-tab-scroller-right{
+    margin-top: 1px;
+}
+
+.x-tab-scrolling .x-tab-strip-wrap {
+    margin-left:18px;
+    margin-right:18px;
+}
+
+.x-tab-scrolling {
+    position:relative;    
+}
+
+.x-tab-panel-bbar .x-toolbar {
+    border:1px solid;
+    border-top:0 none;
+    overflow:hidden;
+    padding:2px;
+}
+
+.x-tab-panel-tbar .x-toolbar {
+    border:1px solid;
+    border-top:0 none;
+    overflow:hidden;
+    padding:2px;
+}/* all fields */
+.x-form-field{
+    margin: 0 0 0 0;
+}
+
+.ext-webkit *:focus{
+    outline: none !important;
+}
+
+/* ---- text fields ---- */
+.x-form-text, textarea.x-form-field{
+    padding:1px 3px;
+    background:repeat-x 0 0;
+    border:1px solid;
+}
+
+textarea.x-form-field {
+    padding:2px 3px;
+}
+
+.x-form-text, .ext-ie .x-form-file {
+    height:22px;
+    line-height:18px;
+    vertical-align:middle;
+}
+
+.ext-ie6 .x-form-text, .ext-ie7 .x-form-text {
+    margin:-1px 0; /* ie bogus margin bug */
+    height:22px; /* ie quirks */
+    line-height:18px;
+}
+
+.ext-ie6 textarea.x-form-field, .ext-ie7 textarea.x-form-field {
+    margin:-1px 0; /* ie bogus margin bug */
+}
+
+.ext-strict .x-form-text {
+    height:18px;
+}
+
+.ext-safari.ext-mac textarea.x-form-field {
+    margin-bottom:-2px; /* another bogus margin bug, safari/mac only */
+}
+
+.ext-strict .ext-ie8 .x-form-text, .ext-strict .ext-ie8 textarea.x-form-field {
+    margin-bottom: 1px;
+}
+
+.ext-gecko .x-form-text , .ext-ie8 .x-form-text {
+    padding-top:2px; /* FF won't center the text vertically */
+    padding-bottom:0;
+}
+
+.ext-ie6 .x-form-composite .x-form-text.x-box-item, .ext-ie7 .x-form-composite .x-form-text.x-box-item {
+    margin: 0 !important; /* clear ie bogus margin bug fix */
+}
+
+textarea {
+    resize: none;  /* Disable browser resizable textarea */
+}
+
+/* select boxes */
+.x-form-select-one {
+    height:20px;
+    line-height:18px;
+    vertical-align:middle;
+    border: 1px solid;
+}
+
+/* multi select boxes */
+
+/* --- TODO --- */
+
+/* 2.0.2 style */
+.x-form-check-wrap {
+    line-height:18px;
+    height: auto;
+}
+
+.ext-ie .x-form-check-wrap input {
+    width:15px;
+    height:15px;
+}
+
+.x-form-check-wrap input{
+    vertical-align: bottom;
+}
+
+.x-editor .x-form-check-wrap {
+    padding:3px;
+}
+
+.x-editor .x-form-checkbox {
+    height:13px;
+}
+
+.x-form-check-group-label {
+    border-bottom: 1px solid;
+    margin-bottom: 5px;
+    padding-left: 3px !important;
+    float: none !important;
+}
+
+/* wrapped fields and triggers */
+.x-form-field-wrap .x-form-trigger{
+    width:17px;
+    height:21px;
+    border:0;
+    background:transparent no-repeat 0 0;
+    cursor:pointer;
+    border-bottom: 1px solid;
+    position:absolute;
+    top:0;
+}
+
+.x-form-field-wrap .x-form-date-trigger, .x-form-field-wrap .x-form-clear-trigger, .x-form-field-wrap .x-form-search-trigger{
+    cursor:pointer;
+}
+
+.x-form-field-wrap .x-form-twin-triggers .x-form-trigger{
+    position:static;
+    top:auto;
+    vertical-align:top;
+}
+
+.x-form-field-wrap {
+    position:relative;
+    left:0;top:0;
+    text-align: left;
+    zoom:1;
+    white-space: nowrap;
+}
+
+.ext-strict .ext-ie8 .x-toolbar-cell .x-form-field-trigger-wrap .x-form-trigger {
+    right: 0; /* IE8 Strict mode trigger bug */
+}
+
+.x-form-field-wrap .x-form-trigger-over{
+    background-position:-17px 0;
+}
+
+.x-form-field-wrap .x-form-trigger-click{
+    background-position:-34px 0;
+}
+
+.x-trigger-wrap-focus .x-form-trigger{
+    background-position:-51px 0;
+}
+
+.x-trigger-wrap-focus .x-form-trigger-over{
+    background-position:-68px 0;
+}
+
+.x-trigger-wrap-focus .x-form-trigger-click{
+    background-position:-85px 0;
+}
+
+.x-trigger-wrap-focus .x-form-trigger{
+    border-bottom: 1px solid;
+}
+
+.x-item-disabled .x-form-trigger-over{
+    background-position:0 0 !important;
+    border-bottom: 1px solid;
+}
+
+.x-item-disabled .x-form-trigger-click{
+    background-position:0 0 !important;
+    border-bottom: 1px solid;
+}
+
+.x-trigger-noedit{
+    cursor:pointer;
+}
+
+/* field focus style */
+.x-form-focus, textarea.x-form-focus{
+    border: 1px solid;
+}
+
+/* invalid fields */
+.x-form-invalid, textarea.x-form-invalid{
+    background:repeat-x bottom;
+    border: 1px solid;
+}
+
+.x-form-inner-invalid, textarea.x-form-inner-invalid{
+    background:repeat-x bottom;
+}
+
+/* editors */
+.x-editor {
+    visibility:hidden;
+    padding:0;
+    margin:0;
+}
+
+.x-form-grow-sizer {
+    left: -10000px;
+    padding: 8px 3px;
+    position: absolute;
+    visibility:hidden;
+    top: -10000px;
+    white-space: pre-wrap;
+    white-space: -moz-pre-wrap;
+    white-space: -pre-wrap;
+    white-space: -o-pre-wrap;
+    word-wrap: break-word;
+    zoom:1;
+}
+
+.x-form-grow-sizer p {
+    margin:0 !important;
+    border:0 none !important;
+    padding:0 !important;
+}
+
+/* Form Items CSS */
+
+.x-form-item {
+    display:block;
+    margin-bottom:4px;
+    zoom:1;
+}
+
+.x-form-item label.x-form-item-label {
+    display:block;
+    float:left;
+    width:100px;
+    padding:3px;
+    padding-left:0;
+    clear:left;
+    z-index:2;
+    position:relative;
+}
+
+.x-form-element {
+    padding-left:105px;
+    position:relative;
+}
+
+.x-form-invalid-msg {
+    padding:2px;
+    padding-left:18px;
+    background: transparent no-repeat 0 2px;
+    line-height:16px;
+    width:200px;
+}
+
+.x-form-label-left label.x-form-item-label {
+   text-align:left;
+}
+
+.x-form-label-right label.x-form-item-label {
+   text-align:right;
+}
+
+.x-form-label-top .x-form-item label.x-form-item-label {
+    width:auto;
+    float:none;
+    clear:none;
+    display:inline;
+    margin-bottom:4px;
+    position:static;
+}
+
+.x-form-label-top .x-form-element {
+    padding-left:0;
+    padding-top:4px;
+}
+
+.x-form-label-top .x-form-item {
+    padding-bottom:4px;
+}
+
+/* Editor small font for grid, toolbar and tree */
+.x-small-editor .x-form-text {
+    height:20px;
+    line-height:16px;
+    vertical-align:middle;
+}
+
+.ext-ie6 .x-small-editor .x-form-text, .ext-ie7 .x-small-editor .x-form-text {
+    margin-top:-1px !important; /* ie bogus margin bug */
+    margin-bottom:-1px !important;
+    height:20px !important; /* ie quirks */
+    line-height:16px !important;
+}
+
+.ext-strict .x-small-editor .x-form-text {
+    height:16px !important;
+}
+
+.ext-ie6 .x-small-editor .x-form-text, .ext-ie7 .x-small-editor .x-form-text {
+    height:20px;
+    line-height:16px;
+}
+
+.ext-border-box .x-small-editor .x-form-text {
+    height:20px;
+}
+
+.x-small-editor .x-form-select-one {
+    height:20px;
+    line-height:16px;
+    vertical-align:middle;
+}
+
+.x-small-editor .x-form-num-field {
+    text-align:right;
+}
+
+.x-small-editor .x-form-field-wrap .x-form-trigger{
+    height:19px;
+}
+
+.ext-webkit .x-small-editor .x-form-text{padding-top:3px;font-size:100%;}
+
+.x-form-clear {
+    clear:both;
+    height:0;
+    overflow:hidden;
+    line-height:0;
+    font-size:0;
+}
+.x-form-clear-left {
+    clear:left;
+    height:0;
+    overflow:hidden;
+    line-height:0;
+    font-size:0;
+}
+
+.ext-ie6 .x-form-check-wrap input, .ext-border-box .x-form-check-wrap input{
+   margin-top: 3px;
+}
+
+.x-form-cb-label {
+    position: relative;
+    margin-left:4px;
+    top: 2px;
+}
+
+.ext-ie .x-form-cb-label{
+    top: 1px;
+}
+
+.ext-ie6 .x-form-cb-label, .ext-border-box .x-form-cb-label{
+    top: 3px;
+}
+
+.x-form-display-field{
+    padding-top: 2px;
+}
+
+.ext-gecko .x-form-display-field, .ext-strict .ext-ie7 .x-form-display-field{
+    padding-top: 1px;
+}
+
+.ext-ie .x-form-display-field{
+    padding-top: 3px;
+}
+
+.ext-strict .ext-ie8 .x-form-display-field{
+    padding-top: 0;
+}
+
+.x-form-column {
+    float:left;
+    padding:0;
+    margin:0;
+    width:48%;
+    overflow:hidden;
+    zoom:1;
+}
+
+/* buttons */
+.x-form .x-form-btns-ct .x-btn{
+    float:right;
+    clear:none;
+}
+
+.x-form .x-form-btns-ct .x-form-btns td {
+    border:0;
+    padding:0;
+}
+
+.x-form .x-form-btns-ct .x-form-btns-right table{
+    float:right;
+    clear:none;
+}
+
+.x-form .x-form-btns-ct .x-form-btns-left table{
+    float:left;
+    clear:none;
+}
+
+.x-form .x-form-btns-ct .x-form-btns-center{
+    text-align:center; /*ie*/
+}
+
+.x-form .x-form-btns-ct .x-form-btns-center table{
+    margin:0 auto; /*everyone else*/
+}
+
+.x-form .x-form-btns-ct table td.x-form-btn-td{
+    padding:3px;
+}
+
+.x-form .x-form-btns-ct .x-btn-focus .x-btn-left{
+    background-position:0 -147px;
+}
+
+.x-form .x-form-btns-ct .x-btn-focus .x-btn-right{
+    background-position:0 -168px;
+}
+
+.x-form .x-form-btns-ct .x-btn-focus .x-btn-center{
+    background-position:0 -189px;
+}
+
+.x-form .x-form-btns-ct .x-btn-click .x-btn-center{
+    background-position:0 -126px;
+}
+
+.x-form .x-form-btns-ct .x-btn-click  .x-btn-right{
+    background-position:0 -84px;
+}
+
+.x-form .x-form-btns-ct .x-btn-click .x-btn-left{
+    background-position:0 -63px;
+}
+
+.x-form-invalid-icon {
+    width:16px;
+    height:18px;
+    visibility:hidden;
+    position:absolute;
+    left:0;
+    top:0;
+    display:block;
+    background:transparent no-repeat 0 2px;
+}
+
+/* fieldsets */
+.x-fieldset {
+    border:1px solid;
+    padding:10px;
+    margin-bottom:10px;
+    display:block; /* preserve margins in IE */
+}
+
+/* make top of checkbox/tools visible in webkit */
+.ext-webkit .x-fieldset-header {
+    padding-top: 1px;
+}
+
+.ext-ie .x-fieldset legend {
+    margin-bottom:10px;
+}
+
+.ext-ie .x-fieldset {
+    padding-top: 0;
+    padding-bottom:10px;
+}
+
+.x-fieldset legend .x-tool-toggle {
+    margin-right:3px;
+    margin-left:0;
+    float:left !important;
+}
+
+.x-fieldset legend input {
+    margin-right:3px;
+    float:left !important;
+    height:13px;
+    width:13px;
+}
+
+fieldset.x-panel-collapsed {
+    padding-bottom:0 !important;
+    border-width: 1px 1px 0 1px !important;
+    border-left-color: transparent;
+    border-right-color: transparent;
+}
+
+.ext-ie6 fieldset.x-panel-collapsed{
+    padding-bottom:0 !important;
+    border-width: 1px 0 0 0 !important;
+    margin-left: 1px;
+    margin-right: 1px;
+}
+
+fieldset.x-panel-collapsed .x-fieldset-bwrap {
+    visibility:hidden;
+    position:absolute;
+    left:-1000px;
+    top:-1000px;
+}
+
+.ext-ie .x-fieldset-bwrap {
+    zoom:1;
+}
+
+.x-fieldset-noborder {
+    border:0px none transparent;
+}
+
+.x-fieldset-noborder legend {
+    margin-left:-3px;
+}
+
+/* IE legend positioning bug */
+.ext-ie .x-fieldset-noborder legend {
+    position: relative;
+    margin-bottom:23px;
+}
+.ext-ie .x-fieldset-noborder legend span {
+    position: absolute;
+    left:16px;
+}
+
+.ext-gecko .x-window-body .x-form-item {
+    -moz-outline: none;
+    outline: none;
+    overflow: auto;
+}
+
+.ext-gecko .x-form-item {
+    -moz-outline: none;
+    outline: none;
+}
+
+.x-hide-label label.x-form-item-label {
+     display:none;
+}
+
+.x-hide-label .x-form-element {
+     padding-left: 0 !important;
+}
+
+.x-form-label-top .x-hide-label label.x-form-item-label{
+    display: none;
+}
+
+.x-fieldset {
+    overflow:hidden;
+}
+
+.x-fieldset-bwrap {
+    overflow:hidden;
+    zoom:1;
+}
+
+.x-fieldset-body {
+    overflow:hidden;
+}
+.x-btn{
+	cursor:pointer;
+	white-space: nowrap;
+}
+
+.x-btn button{
+    border:0 none;
+    background:transparent;
+    padding-left:3px;
+    padding-right:3px;
+    cursor:pointer;
+    margin:0;
+    overflow:visible;
+    width:auto;
+    -moz-outline:0 none;
+    outline:0 none;
+}
+
+* html .ext-ie .x-btn button {
+    width:1px;
+}
+
+.ext-gecko .x-btn button, .ext-webkit .x-btn button {
+    padding-left:0;
+    padding-right:0;
+}
+
+.ext-gecko .x-btn button::-moz-focus-inner {
+    padding:0;
+}
+
+.ext-ie .x-btn button {
+    padding-top:2px;
+}
+
+.x-btn td {
+    padding:0 !important;
+}
+
+.x-btn-text {
+    cursor:pointer;
+	white-space: nowrap;
+    padding:0;
+}
+
+/* icon placement and sizing styles */
+
+/* Only text */
+.x-btn-noicon .x-btn-small .x-btn-text{
+	height: 16px;
+}
+
+.x-btn-noicon .x-btn-medium .x-btn-text{
+    height: 24px;
+}
+
+.x-btn-noicon .x-btn-large .x-btn-text{
+    height: 32px;
+}
+
+/* Only icons */
+.x-btn-icon .x-btn-text{
+    background-position: center;
+	background-repeat: no-repeat;
+}
+
+.x-btn-icon .x-btn-small .x-btn-text{
+	height: 16px;
+	width: 16px;
+}
+
+.x-btn-icon .x-btn-medium .x-btn-text{
+    height: 24px;
+	width: 24px;
+}
+
+.x-btn-icon .x-btn-large .x-btn-text{
+    height: 32px;
+	width: 32px;
+}
+
+/* Icons and text */
+/* left */
+.x-btn-text-icon .x-btn-icon-small-left .x-btn-text{
+    background-position: 0 center;
+	background-repeat: no-repeat;
+    padding-left:18px;
+    height:16px;
+}
+
+.x-btn-text-icon .x-btn-icon-medium-left .x-btn-text{
+    background-position: 0 center;
+	background-repeat: no-repeat;
+    padding-left:26px;
+    height:24px;
+}
+
+.x-btn-text-icon .x-btn-icon-large-left .x-btn-text{
+    background-position: 0 center;
+	background-repeat: no-repeat;
+    padding-left:34px;
+    height:32px;
+}
+
+/* top */
+.x-btn-text-icon .x-btn-icon-small-top .x-btn-text{
+    background-position: center 0;
+	background-repeat: no-repeat;
+    padding-top:18px;
+}
+
+.x-btn-text-icon .x-btn-icon-medium-top .x-btn-text{
+    background-position: center 0;
+	background-repeat: no-repeat;
+    padding-top:26px;
+}
+
+.x-btn-text-icon .x-btn-icon-large-top .x-btn-text{
+    background-position: center 0;
+	background-repeat: no-repeat;
+    padding-top:34px;
+}
+
+/* right */
+.x-btn-text-icon .x-btn-icon-small-right .x-btn-text{
+    background-position: right center;
+	background-repeat: no-repeat;
+    padding-right:18px;
+    height:16px;
+}
+
+.x-btn-text-icon .x-btn-icon-medium-right .x-btn-text{
+    background-position: right center;
+	background-repeat: no-repeat;
+    padding-right:26px;
+    height:24px;
+}
+
+.x-btn-text-icon .x-btn-icon-large-right .x-btn-text{
+    background-position: right center;
+	background-repeat: no-repeat;
+    padding-right:34px;
+    height:32px;
+}
+
+/* bottom */
+.x-btn-text-icon .x-btn-icon-small-bottom .x-btn-text{
+    background-position: center bottom;
+	background-repeat: no-repeat;
+    padding-bottom:18px;
+}
+
+.x-btn-text-icon .x-btn-icon-medium-bottom .x-btn-text{
+    background-position: center bottom;
+	background-repeat: no-repeat;
+    padding-bottom:26px;
+}
+
+.x-btn-text-icon .x-btn-icon-large-bottom .x-btn-text{
+    background-position: center bottom;
+	background-repeat: no-repeat;
+    padding-bottom:34px;
+}
+
+/* background positioning */
+.x-btn-tr i, .x-btn-tl i, .x-btn-mr i, .x-btn-ml i, .x-btn-br i, .x-btn-bl i{
+	font-size:1px;
+    line-height:1px;
+    width:3px;
+    display:block;
+    overflow:hidden;
+}
+
+.x-btn-tr i, .x-btn-tl i, .x-btn-br i, .x-btn-bl i{
+	height:3px;
+}
+
+.x-btn-tl{
+	width:3px;
+	height:3px;
+	background:no-repeat 0 0;
+}
+.x-btn-tr{
+	width:3px;
+	height:3px;
+	background:no-repeat -3px 0;
+}
+.x-btn-tc{
+	height:3px;
+	background:repeat-x 0 -6px;
+}
+
+.x-btn-ml{
+	width:3px;
+	background:no-repeat 0 -24px;
+}
+.x-btn-mr{
+	width:3px;
+	background:no-repeat -3px -24px;
+}
+
+.x-btn-mc{
+	background:repeat-x 0 -1096px;
+    vertical-align: middle;
+	text-align:center;
+	padding:0 5px;
+	cursor:pointer;
+	white-space:nowrap;
+}
+
+/* Fixes an issue with the button height */
+.ext-strict .ext-ie6 .x-btn-mc, .ext-strict .ext-ie7 .x-btn-mc {
+    height: 100%;
+}
+
+.x-btn-bl{
+	width:3px;
+	height:3px;
+	background:no-repeat 0 -3px;
+}
+
+.x-btn-br{
+	width:3px;
+	height:3px;
+	background:no-repeat -3px -3px;
+}
+
+.x-btn-bc{
+	height:3px;
+	background:repeat-x 0 -15px;
+}
+
+.x-btn-over .x-btn-tl{
+	background-position: -6px 0;
+}
+
+.x-btn-over .x-btn-tr{
+	background-position: -9px 0;
+}
+
+.x-btn-over .x-btn-tc{
+	background-position: 0 -9px;
+}
+
+.x-btn-over .x-btn-ml{
+	background-position: -6px -24px;
+}
+
+.x-btn-over .x-btn-mr{
+	background-position: -9px -24px;
+}
+
+.x-btn-over .x-btn-mc{
+	background-position: 0 -2168px;
+}
+
+.x-btn-over .x-btn-bl{
+	background-position: -6px -3px;
+}
+
+.x-btn-over .x-btn-br{
+	background-position: -9px -3px;
+}
+
+.x-btn-over .x-btn-bc{
+	background-position: 0 -18px;
+}
+
+.x-btn-click .x-btn-tl, .x-btn-menu-active .x-btn-tl, .x-btn-pressed .x-btn-tl{
+	background-position: -12px 0;
+}
+
+.x-btn-click .x-btn-tr, .x-btn-menu-active .x-btn-tr, .x-btn-pressed .x-btn-tr{
+	background-position: -15px 0;
+}
+
+.x-btn-click .x-btn-tc, .x-btn-menu-active .x-btn-tc, .x-btn-pressed .x-btn-tc{
+	background-position: 0 -12px;
+}
+
+.x-btn-click .x-btn-ml, .x-btn-menu-active .x-btn-ml, .x-btn-pressed .x-btn-ml{
+	background-position: -12px -24px;
+}
+
+.x-btn-click .x-btn-mr, .x-btn-menu-active .x-btn-mr, .x-btn-pressed .x-btn-mr{
+	background-position: -15px -24px;
+}
+
+.x-btn-click .x-btn-mc, .x-btn-menu-active .x-btn-mc, .x-btn-pressed .x-btn-mc{
+	background-position: 0 -3240px;
+}
+
+.x-btn-click .x-btn-bl, .x-btn-menu-active .x-btn-bl, .x-btn-pressed .x-btn-bl{
+	background-position: -12px -3px;
+}
+
+.x-btn-click .x-btn-br, .x-btn-menu-active .x-btn-br, .x-btn-pressed .x-btn-br{
+	background-position: -15px -3px;
+}
+
+.x-btn-click .x-btn-bc, .x-btn-menu-active .x-btn-bc, .x-btn-pressed .x-btn-bc{
+	background-position: 0 -21px;
+}
+
+.x-btn-disabled *{
+	cursor:default !important;
+}
+
+
+/* With a menu arrow */
+/* right */
+.x-btn-mc em.x-btn-arrow {
+    display:block;
+    background:transparent no-repeat right center;
+	padding-right:10px;
+}
+
+.x-btn-mc em.x-btn-split {
+    display:block;
+    background:transparent no-repeat right center;
+	padding-right:14px;
+}
+
+/* bottom */
+.x-btn-mc em.x-btn-arrow-bottom {
+    display:block;
+    background:transparent no-repeat center bottom;
+	padding-bottom:14px;
+}
+
+.x-btn-mc em.x-btn-split-bottom {
+    display:block;
+    background:transparent no-repeat center bottom;
+	padding-bottom:14px;
+}
+
+/* height adjustment class */
+.x-btn-as-arrow .x-btn-mc em {
+    display:block;
+    background:transparent;
+	padding-bottom:14px;
+}
+
+/* groups */
+.x-btn-group {
+    padding:1px;
+}
+
+.x-btn-group-header {
+    padding:2px;
+    text-align:center;
+}
+
+.x-btn-group-tc {
+	background: transparent repeat-x 0 0;
+	overflow:hidden;
+}
+
+.x-btn-group-tl {
+	background: transparent no-repeat 0 0;
+	padding-left:3px;
+    zoom:1;
+}
+
+.x-btn-group-tr {
+	background: transparent no-repeat right 0;
+	zoom:1;
+    padding-right:3px;
+}
+
+.x-btn-group-bc {
+	background: transparent repeat-x 0 bottom;
+    zoom:1;
+}
+
+.x-btn-group-bc .x-panel-footer {
+    zoom:1;
+}
+
+.x-btn-group-bl {
+	background: transparent no-repeat 0 bottom;
+	padding-left:3px;
+    zoom:1;
+}
+
+.x-btn-group-br {
+	background: transparent no-repeat right bottom;
+	padding-right:3px;
+    zoom:1;
+}
+
+.x-btn-group-mc {
+    border:0 none;
+    padding:1px 0 0 0;
+    margin:0;
+}
+
+.x-btn-group-mc .x-btn-group-body {
+    background:transparent;
+    border: 0 none;
+}
+
+.x-btn-group-ml {
+	background: transparent repeat-y 0 0;
+	padding-left:3px;
+    zoom:1;
+}
+
+.x-btn-group-mr {
+	background: transparent repeat-y right 0;
+	padding-right:3px;
+    zoom:1;
+}
+
+.x-btn-group-bc .x-btn-group-footer {
+    padding-bottom:6px;
+}
+
+.x-panel-nofooter .x-btn-group-bc {
+	height:3px;
+    font-size:0;
+    line-height:0;
+}
+
+.x-btn-group-bwrap {
+    overflow:hidden;
+    zoom:1;
+}
+
+.x-btn-group-body {
+    overflow:hidden;
+    zoom:1;
+}
+
+.x-btn-group-notitle .x-btn-group-tc {
+	background: transparent repeat-x 0 0;
+	overflow:hidden;
+    height:2px;
+}.x-toolbar{
+    border-style:solid;
+    border-width:0 0 1px 0;
+    display: block;
+	padding:2px;
+    background:repeat-x top left;
+    position:relative;
+    left:0;
+    top:0;
+    zoom:1;
+    overflow:hidden;
+}
+
+.x-toolbar-left {
+    width: 100%;
+}
+
+.x-toolbar .x-item-disabled .x-btn-icon {
+    opacity: .35;
+    -moz-opacity: .35;
+    filter: alpha(opacity=35);
+}
+
+.x-toolbar td {
+	vertical-align:middle;
+}
+
+.x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{
+	white-space: nowrap;
+}
+
+.x-toolbar .x-item-disabled {
+	cursor:default;
+	opacity:.6;
+	-moz-opacity:.6;
+	filter:alpha(opacity=60);
+}
+
+.x-toolbar .x-item-disabled * {
+	cursor:default;
+}
+
+.x-toolbar .x-toolbar-cell {
+    vertical-align:middle;
+}
+
+.x-toolbar .x-btn-tl, .x-toolbar .x-btn-tr, .x-toolbar .x-btn-tc, .x-toolbar .x-btn-ml, .x-toolbar .x-btn-mr,
+.x-toolbar .x-btn-mc, .x-toolbar .x-btn-bl, .x-toolbar .x-btn-br, .x-toolbar .x-btn-bc
+{
+	background-position: 500px 500px;
+}
+
+/* These rules are duplicated from button.css to give priority of x-toolbar rules above */
+.x-toolbar .x-btn-over .x-btn-tl{
+	background-position: -6px 0;
+}
+
+.x-toolbar .x-btn-over .x-btn-tr{
+	background-position: -9px 0;
+}
+
+.x-toolbar .x-btn-over .x-btn-tc{
+	background-position: 0 -9px;
+}
+
+.x-toolbar .x-btn-over .x-btn-ml{
+	background-position: -6px -24px;
+}
+
+.x-toolbar .x-btn-over .x-btn-mr{
+	background-position: -9px -24px;
+}
+
+.x-toolbar .x-btn-over .x-btn-mc{
+	background-position: 0 -2168px;
+}
+
+.x-toolbar .x-btn-over .x-btn-bl{
+	background-position: -6px -3px;
+}
+
+.x-toolbar .x-btn-over .x-btn-br{
+	background-position: -9px -3px;
+}
+
+.x-toolbar .x-btn-over .x-btn-bc{
+	background-position: 0 -18px;
+}
+
+.x-toolbar .x-btn-click .x-btn-tl, .x-toolbar .x-btn-menu-active .x-btn-tl, .x-toolbar .x-btn-pressed .x-btn-tl{
+	background-position: -12px 0;
+}
+
+.x-toolbar .x-btn-click .x-btn-tr, .x-toolbar .x-btn-menu-active .x-btn-tr, .x-toolbar .x-btn-pressed .x-btn-tr{
+	background-position: -15px 0;
+}
+
+.x-toolbar .x-btn-click .x-btn-tc, .x-toolbar .x-btn-menu-active .x-btn-tc, .x-toolbar .x-btn-pressed .x-btn-tc{
+	background-position: 0 -12px;
+}
+
+.x-toolbar .x-btn-click .x-btn-ml, .x-toolbar .x-btn-menu-active .x-btn-ml, .x-toolbar .x-btn-pressed .x-btn-ml{
+	background-position: -12px -24px;
+}
+
+.x-toolbar .x-btn-click .x-btn-mr, .x-toolbar .x-btn-menu-active .x-btn-mr, .x-toolbar .x-btn-pressed .x-btn-mr{
+	background-position: -15px -24px;
+}
+
+.x-toolbar .x-btn-click .x-btn-mc, .x-toolbar .x-btn-menu-active .x-btn-mc, .x-toolbar .x-btn-pressed .x-btn-mc{
+	background-position: 0 -3240px;
+}
+
+.x-toolbar .x-btn-click .x-btn-bl, .x-toolbar .x-btn-menu-active .x-btn-bl, .x-toolbar .x-btn-pressed .x-btn-bl{
+	background-position: -12px -3px;
+}
+
+.x-toolbar .x-btn-click .x-btn-br, .x-toolbar .x-btn-menu-active .x-btn-br, .x-toolbar .x-btn-pressed .x-btn-br{
+	background-position: -15px -3px;
+}
+
+.x-toolbar .x-btn-click .x-btn-bc, .x-toolbar .x-btn-menu-active .x-btn-bc, .x-toolbar .x-btn-pressed .x-btn-bc{
+	background-position: 0 -21px;
+}
+
+.x-toolbar div.xtb-text{
+    padding:2px 2px 0;
+    line-height:16px;
+    display:block;
+}
+
+.x-toolbar .xtb-sep {
+	background-position: center;
+	background-repeat: no-repeat;
+	display: block;
+	font-size: 1px;
+	height: 16px;
+	width:4px;
+	overflow: hidden;
+	cursor:default;
+	margin: 0 2px 0;
+	border:0;
+}
+
+.x-toolbar .xtb-spacer {
+    width:2px;
+}
+
+/* Paging Toolbar */
+.x-tbar-page-number{
+	width:30px;
+	height:14px;
+}
+
+.ext-ie .x-tbar-page-number{
+    margin-top: 2px;
+}
+
+.x-paging-info {
+    position:absolute;
+    top:5px;
+    right: 8px;
+}
+
+/* floating */
+.x-toolbar-ct {
+    width:100%;
+}
+
+.x-toolbar-right td {
+    text-align: center;
+}
+
+.x-panel-tbar, .x-panel-bbar, .x-window-tbar, .x-window-bbar, .x-tab-panel-tbar, .x-tab-panel-bbar, .x-plain-tbar, .x-plain-bbar {
+    overflow:hidden;
+    zoom:1;
+}
+
+.x-toolbar-more .x-btn-small .x-btn-text{
+	height: 16px;
+	width: 12px;
+}
+
+.x-toolbar-more em.x-btn-arrow {
+    display:inline;
+    background:transparent;
+	padding-right:0;
+}
+
+.x-toolbar-more .x-btn-mc em.x-btn-arrow {
+    background-image: none;
+}
+
+div.x-toolbar-no-items {
+    color:gray !important;
+    padding:5px 10px !important;
+}
+
+/* fix ie toolbar form items */
+.ext-border-box .x-toolbar-cell .x-form-text {
+    margin-bottom:-1px !important;
+}
+
+.ext-border-box .x-toolbar-cell .x-form-field-wrap .x-form-text {
+    margin:0 !important;
+}
+
+.ext-ie .x-toolbar-cell .x-form-field-wrap {
+    height:21px;
+}
+
+.ext-ie .x-toolbar-cell .x-form-text {
+    position:relative;
+    top:-1px;
+}
+
+.ext-strict .ext-ie8 .x-toolbar-cell .x-form-field-trigger-wrap .x-form-text, .ext-strict .ext-ie .x-toolbar-cell .x-form-text {
+    top: 0px;
+}
+
+.x-toolbar-right td .x-form-field-trigger-wrap{
+    text-align: left;
+}
+
+.x-toolbar-cell .x-form-checkbox, .x-toolbar-cell .x-form-radio{
+    margin-top: 5px;
+}
+
+.x-toolbar-cell .x-form-cb-label{
+    vertical-align: bottom;
+    top: 1px;
+}
+
+.ext-ie .x-toolbar-cell .x-form-checkbox, .ext-ie .x-toolbar-cell .x-form-radio{
+    margin-top: 4px;
+}
+
+.ext-ie .x-toolbar-cell .x-form-cb-label{
+    top: 0;
+}
+/* Grid3 styles */
+.x-grid3 {
+	position:relative;
+	overflow:hidden;
+}
+
+.x-grid-panel .x-panel-body {
+    overflow:hidden !important;
+}
+
+.x-grid-panel .x-panel-mc .x-panel-body {
+    border:1px solid;
+}
+
+.x-grid3 table {
+    table-layout:fixed;
+}
+
+.x-grid3-viewport{
+	overflow:hidden;
+}
+
+.x-grid3-hd-row td, .x-grid3-row td, .x-grid3-summary-row td{
+    -moz-outline: none;
+    outline: none;
+	-moz-user-focus: normal;
+}
+
+.x-grid3-row td, .x-grid3-summary-row td {
+    line-height:13px;
+    vertical-align: top;
+	padding-left:1px;
+    padding-right:1px;
+    -moz-user-select: none;
+    -khtml-user-select:none;
+    -webkit-user-select:ignore;
+}
+
+.x-grid3-cell{
+    -moz-user-select: none;
+    -khtml-user-select:none;
+    -webkit-user-select:ignore;
+}
+
+.x-grid3-hd-row td {
+    line-height:15px;
+    vertical-align:middle;
+    border-left:1px solid;
+    border-right:1px solid;
+}
+
+.x-grid3-hd-row .x-grid3-marker-hd {
+    padding:3px;
+}
+
+.x-grid3-row .x-grid3-marker {
+    padding:3px;
+}
+
+.x-grid3-cell-inner, .x-grid3-hd-inner{
+	overflow:hidden;
+	-o-text-overflow: ellipsis;
+	text-overflow: ellipsis;
+    padding:3px 3px 3px 5px;
+    white-space: nowrap;
+}
+
+.x-grid3-hd-inner {
+    position:relative;
+	cursor:inherit;
+	padding:4px 3px 4px 5px;
+}
+
+.x-grid3-row-body {
+    white-space:normal;
+}
+
+.x-grid3-body-cell {
+    -moz-outline:0 none;
+    outline:0 none;
+}
+
+/* IE Quirks to clip */
+.ext-ie .x-grid3-cell-inner, .ext-ie .x-grid3-hd-inner{
+	width:100%;
+}
+
+/* reverse above in strict mode */
+.ext-strict .x-grid3-cell-inner, .ext-strict .x-grid3-hd-inner{
+	width:auto;
+}
+
+.x-grid-row-loading {
+    background: no-repeat center center;
+}
+
+.x-grid-page {
+    overflow:hidden;
+}
+
+.x-grid3-row {
+	cursor: default;
+    border: 1px solid;
+    width:100%;
+}
+
+.x-grid3-row-over {
+	border:1px solid;
+    background: repeat-x left top;
+}
+
+.x-grid3-resize-proxy {
+	width:1px;
+    left:0;
+	cursor: e-resize;
+	cursor: col-resize;
+	position:absolute;
+	top:0;
+	height:100px;
+	overflow:hidden;
+	visibility:hidden;
+	border:0 none;
+	z-index:7;
+}
+
+.x-grid3-resize-marker {
+	width:1px;
+	left:0;
+	position:absolute;
+	top:0;
+	height:100px;
+	overflow:hidden;
+	visibility:hidden;
+	border:0 none;
+	z-index:7;
+}
+
+.x-grid3-focus {
+	position:absolute;
+	left:0;
+	top:0;
+	width:1px;
+	height:1px;
+    line-height:1px;
+    font-size:1px;
+    -moz-outline:0 none;
+    outline:0 none;
+    -moz-user-select: text;
+    -khtml-user-select: text;
+    -webkit-user-select:ignore;
+}
+
+/* header styles */
+.x-grid3-header{
+	background: repeat-x 0 bottom;
+	cursor:default;
+    zoom:1;
+    padding:1px 0 0 0;
+}
+
+.x-grid3-header-pop {
+    border-left:1px solid;
+    float:right;
+    clear:none;
+}
+
+.x-grid3-header-pop-inner {
+    border-left:1px solid;
+    width:14px;
+    height:19px;
+    background: transparent no-repeat center center;
+}
+
+.ext-ie .x-grid3-header-pop-inner {
+    width:15px;
+}
+
+.ext-strict .x-grid3-header-pop-inner {
+    width:14px; 
+}
+
+.x-grid3-header-inner {
+    overflow:hidden;
+    zoom:1;
+    float:left;
+}
+
+.x-grid3-header-offset {
+    padding-left:1px;
+    text-align: left;
+}
+
+td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open {
+    border-left:1px solid;
+    border-right:1px solid;
+}
+
+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: repeat-x left bottom;
+
+}
+
+.x-grid3-sort-icon{
+	background-repeat: no-repeat;
+	display: none;
+	height: 4px;
+	width: 13px;
+	margin-left:3px;
+	vertical-align: middle;
+}
+
+.sort-asc .x-grid3-sort-icon, .sort-desc .x-grid3-sort-icon {
+	display: inline;
+}
+
+/* Header position fixes for IE strict mode */
+.ext-strict .ext-ie .x-grid3-header-inner, .ext-strict .ext-ie6 .x-grid3-hd {
+    position:relative;
+}
+
+.ext-strict .ext-ie6 .x-grid3-hd-inner{
+    position:static;
+}
+
+/* Body Styles */
+.x-grid3-body {
+	zoom:1;
+}
+
+.x-grid3-scroller {
+	overflow:auto;
+    zoom:1;
+    position:relative;
+}
+
+.x-grid3-cell-text, .x-grid3-hd-text {
+	display: block;
+	padding: 3px 5px 3px 5px;
+	-moz-user-select: none;
+	-khtml-user-select: none;
+    -webkit-user-select:ignore;
+}
+
+.x-grid3-split {
+	background-position: center;
+	background-repeat: no-repeat;
+	cursor: e-resize;
+	cursor: col-resize;
+	display: block;
+	font-size: 1px;
+	height: 16px;
+	overflow: hidden;
+	position: absolute;
+	top: 2px;
+	width: 6px;
+	z-index: 3;
+}
+
+/* Column Reorder DD */
+.x-dd-drag-proxy .x-grid3-hd-inner{
+	background: repeat-x left bottom;
+	width:120px;
+	padding:3px;
+	border:1px solid;
+	overflow:hidden;
+}
+
+.col-move-top, .col-move-bottom{
+	width:9px;
+	height:9px;
+	position:absolute;
+	top:0;
+	line-height:1px;
+	font-size:1px;
+	overflow:hidden;
+	visibility:hidden;
+	z-index:20000;
+    background:transparent no-repeat left top;
+}
+
+/* Selection Styles */
+.x-grid3-row-selected {
+	border:1px dotted;
+}
+
+.x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{
+    background: repeat-x 0 bottom !important;
+    vertical-align:middle !important;
+    padding:0;
+    border-top:1px solid;
+    border-bottom:none !important;
+    border-right:1px solid !important;
+    text-align:center;
+}
+
+.x-grid3-locked td.x-grid3-row-marker div, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{
+    padding:0 4px;
+    text-align:center;
+}
+
+/* dirty cells */
+.x-grid3-dirty-cell {
+    background: transparent no-repeat 0 0;
+}
+
+/* Grid Toolbars */
+.x-grid3-topbar, .x-grid3-bottombar{
+    overflow:hidden;
+	display:none;
+	zoom:1;
+    position:relative;
+}
+
+.x-grid3-topbar .x-toolbar{
+	border-right:0 none;
+}
+
+.x-grid3-bottombar .x-toolbar{
+	border-right:0 none;
+	border-bottom:0 none;
+	border-top:1px solid;
+}
+
+/* Props Grid Styles */
+.x-props-grid .x-grid3-cell{
+	padding:1px;
+}
+
+.x-props-grid .x-grid3-td-name .x-grid3-cell-inner{
+	background:transparent repeat-y -16px !important;
+    padding-left:12px;
+}
+
+.x-props-grid .x-grid3-body .x-grid3-td-name{
+    padding:1px;
+    padding-right:0;
+    border:0 none;
+    border-right:1px solid;
+}
+
+/* dd */
+.x-grid3-col-dd {
+    border:0 none;
+    padding:0;
+    background:transparent;
+}
+
+.x-dd-drag-ghost .x-grid3-dd-wrap {
+    padding:1px 3px 3px 1px;
+}
+
+.x-grid3-hd {
+    -moz-user-select:none;
+    -khtml-user-select:none;
+    -webkit-user-select:ignore;
+}
+
+.x-grid3-hd-btn {
+    display:none;
+    position:absolute;
+    width:14px;
+    background:no-repeat left center;
+    right:0;
+    top:0;
+    z-index:2;
+	cursor:pointer;
+}
+
+.x-grid3-hd-over .x-grid3-hd-btn, .x-grid3-hd-menu-open .x-grid3-hd-btn {
+    display:block;
+}
+
+a.x-grid3-hd-btn:hover {
+    background-position:-14px center;
+}
+
+/* Expanders */
+.x-grid3-body .x-grid3-td-expander {
+    background:transparent repeat-y right;
+}
+
+.x-grid3-body .x-grid3-td-expander .x-grid3-cell-inner {
+    padding:0 !important;
+    height:100%;
+}
+
+.x-grid3-row-expander {
+    width:100%;
+    height:18px;
+    background-position:4px 2px;
+    background-repeat:no-repeat;
+    background-color:transparent;
+}
+
+.x-grid3-row-collapsed .x-grid3-row-expander {
+    background-position:4px 2px;
+}
+
+.x-grid3-row-expanded .x-grid3-row-expander {
+    background-position:-21px 2px;
+}
+
+.x-grid3-row-collapsed .x-grid3-row-body {
+    display:none !important;
+}
+
+.x-grid3-row-expanded .x-grid3-row-body {
+    display:block !important;
+}
+
+/* Checkers */
+.x-grid3-body .x-grid3-td-checker {
+    background:transparent repeat-y right;
+}
+
+.x-grid3-body .x-grid3-td-checker .x-grid3-cell-inner, .x-grid3-header .x-grid3-td-checker .x-grid3-hd-inner {
+    padding:0 !important;
+    height:100%;
+}
+
+.x-grid3-row-checker, .x-grid3-hd-checker {
+    width:100%;
+    height:18px;
+    background-position:2px 2px;
+    background-repeat:no-repeat;
+    background-color:transparent;
+}
+
+.x-grid3-row .x-grid3-row-checker {
+    background-position:2px 2px;
+}
+
+.x-grid3-row-selected .x-grid3-row-checker, .x-grid3-hd-checker-on .x-grid3-hd-checker,.x-grid3-row-checked .x-grid3-row-checker {
+    background-position:-23px 2px;
+}
+
+.x-grid3-hd-checker {
+    background-position:2px 1px;
+}
+
+.ext-border-box .x-grid3-hd-checker {
+    background-position:2px 3px;
+}
+
+.x-grid3-hd-checker-on .x-grid3-hd-checker {
+    background-position:-23px 1px;
+}
+
+.ext-border-box .x-grid3-hd-checker-on .x-grid3-hd-checker {
+    background-position:-23px 3px;
+}
+
+/* Numberer */
+.x-grid3-body .x-grid3-td-numberer {
+    background:transparent repeat-y right;
+}
+
+.x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner {
+    padding:3px 5px 0 0 !important;
+    text-align:right;
+}
+
+/* Row Icon */
+
+.x-grid3-body .x-grid3-td-row-icon {
+    background:transparent repeat-y right;
+    vertical-align:top;
+    text-align:center;
+}
+
+.x-grid3-body .x-grid3-td-row-icon .x-grid3-cell-inner {
+    padding:0 !important;
+    background-position:center center;
+    background-repeat:no-repeat;
+    width:16px;
+    height:16px;
+    margin-left:2px;
+    margin-top:3px;
+}
+
+/* All specials */
+.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:transparent repeat-y right;
+}
+
+.x-grid3-body .x-grid3-check-col-td .x-grid3-cell-inner {
+    padding: 1px 0 0 0 !important;
+}
+
+.x-grid3-check-col {
+    width:100%;
+    height:16px;
+    background-position:center center;
+    background-repeat:no-repeat;
+    background-color:transparent;
+}
+
+.x-grid3-check-col-on {
+    width:100%;
+    height:16px;
+    background-position:center center;
+    background-repeat:no-repeat;
+    background-color:transparent;
+}
+
+/* Grouping classes */
+.x-grid-group, .x-grid-group-body, .x-grid-group-hd {
+    zoom:1;
+}
+
+.x-grid-group-hd {
+    border-bottom: 2px solid;
+    cursor:pointer;
+    padding-top:6px;
+}
+
+.x-grid-group-hd div.x-grid-group-title {
+    background:transparent no-repeat 3px 3px;
+    padding:4px 4px 4px 17px;
+}
+
+.x-grid-group-collapsed .x-grid-group-body {
+    display:none;
+}
+
+.ext-ie6 .x-grid3 .x-editor .x-form-text, .ext-ie7 .x-grid3 .x-editor .x-form-text {
+    position:relative;
+    top:-1px;
+}
+
+.ext-ie .x-props-grid .x-editor .x-form-text {
+    position:static;
+    top:0;
+}
+
+.x-grid-empty {
+    padding:10px;
+}
+
+/* fix floating toolbar issue */
+.ext-ie7 .x-grid-panel .x-panel-bbar {
+    position:relative;
+}
+
+
+/* Reset position to static when Grid Panel has been framed */
+/* to resolve 'snapping' from top to bottom behavior. */
+/* @forumThread 86656 */
+.ext-ie7 .x-grid-panel .x-panel-mc .x-panel-bbar {
+    position: static;
+}
+
+.ext-ie6 .x-grid3-header {
+    position: relative;
+}
+
+/* Fix WebKit bug in Grids */
+.ext-webkit .x-grid-panel .x-panel-bwrap{
+    -webkit-user-select:none;
+}
+.ext-webkit .x-tbar-page-number{
+    -webkit-user-select:ignore;
+}
+/* end*/
+
+/* column lines */
+.x-grid-with-col-lines .x-grid3-row td.x-grid3-cell {
+    padding-right:0;
+    border-right:1px solid;
+}
+.x-dd-drag-proxy{
+	position:absolute;
+	left:0;
+    top:0;
+	visibility:hidden;
+	z-index:15000;
+}
+
+.x-dd-drag-ghost{
+	-moz-opacity: 0.85;
+    opacity:.85;
+    filter: alpha(opacity=85);
+    border: 1px solid;
+	padding:3px;
+	padding-left:20px;
+	white-space:nowrap;
+}
+
+.x-dd-drag-repair .x-dd-drag-ghost{
+	-moz-opacity: 0.4;
+    opacity:.4;
+    filter: alpha(opacity=40);
+	border:0 none;
+	padding:0;
+	background-color:transparent;
+}
+
+.x-dd-drag-repair .x-dd-drop-icon{
+	visibility:hidden;
+}
+
+.x-dd-drop-icon{
+    position:absolute;
+	top:3px;
+	left:3px;
+	display:block;
+	width:16px;
+	height:16px;
+	background-color:transparent;
+	background-position: center;
+	background-repeat: no-repeat;
+	z-index:1;
+}
+
+.x-view-selector {
+    position:absolute;
+    left:0;
+    top:0;
+    width:0;
+    border:1px dotted;
+	opacity: .5;
+    -moz-opacity: .5;
+    filter:alpha(opacity=50);
+    zoom:1;
+}.ext-strict .ext-ie .x-tree .x-panel-bwrap{
+    position:relative;
+    overflow:hidden;
+}
+
+.x-tree-icon, .x-tree-ec-icon, .x-tree-elbow-line, .x-tree-elbow, .x-tree-elbow-end, .x-tree-elbow-plus, .x-tree-elbow-minus, .x-tree-elbow-end-plus, .x-tree-elbow-end-minus{
+	border: 0 none;
+	height: 18px;
+	margin: 0;
+	padding: 0;
+	vertical-align: top;
+	width: 16px;
+    background-repeat: no-repeat;
+}
+
+.x-tree-node-collapsed .x-tree-node-icon, .x-tree-node-expanded .x-tree-node-icon, .x-tree-node-leaf .x-tree-node-icon{
+	border: 0 none;
+	height: 18px;
+	margin: 0;
+	padding: 0;
+	vertical-align: top;
+	width: 16px;
+	background-position:center;
+    background-repeat: no-repeat;
+}
+
+.ext-ie .x-tree-node-indent img, .ext-ie .x-tree-node-icon, .ext-ie .x-tree-ec-icon {
+    vertical-align: middle !important;
+}
+
+.ext-strict .ext-ie8 .x-tree-node-indent img, .ext-strict .ext-ie8 .x-tree-node-icon, .ext-strict .ext-ie8 .x-tree-ec-icon {
+    vertical-align: top !important;
+}
+
+/* checkboxes */
+
+input.x-tree-node-cb {
+    margin-left:1px;
+    height: 19px;
+	vertical-align: bottom;
+}
+
+.ext-ie input.x-tree-node-cb {
+    margin-left:0;
+    margin-top: 1px;
+    width: 16px;
+    height: 16px;
+    vertical-align: middle;
+}
+
+.ext-strict .ext-ie8 input.x-tree-node-cb{
+    margin: 1px 1px;
+    height: 14px;
+    vertical-align: bottom;
+}
+
+.ext-strict .ext-ie8 input.x-tree-node-cb + a{
+    vertical-align: bottom;
+}
+
+.ext-opera input.x-tree-node-cb {
+    height: 14px;
+    vertical-align: middle;
+}
+
+.x-tree-noicon .x-tree-node-icon{
+	width:0; height:0;
+}
+
+/* No line styles */
+.x-tree-no-lines .x-tree-elbow{
+	background:transparent;
+}
+
+.x-tree-no-lines .x-tree-elbow-end{
+	background:transparent;
+}
+
+.x-tree-no-lines .x-tree-elbow-line{
+	background:transparent;
+}
+
+/* Arrows */
+.x-tree-arrows .x-tree-elbow{
+	background:transparent;
+}
+
+.x-tree-arrows .x-tree-elbow-plus{
+    background:transparent no-repeat 0 0;
+}
+
+.x-tree-arrows .x-tree-elbow-minus{
+    background:transparent no-repeat -16px 0;
+}
+
+.x-tree-arrows .x-tree-elbow-end{
+	background:transparent;
+}
+
+.x-tree-arrows .x-tree-elbow-end-plus{
+    background:transparent no-repeat 0 0;
+}
+
+.x-tree-arrows .x-tree-elbow-end-minus{
+    background:transparent no-repeat -16px 0;
+}
+
+.x-tree-arrows .x-tree-elbow-line{
+	background:transparent;
+}
+
+.x-tree-arrows .x-tree-ec-over .x-tree-elbow-plus{
+    background-position:-32px 0;
+}
+
+.x-tree-arrows .x-tree-ec-over .x-tree-elbow-minus{
+    background-position:-48px 0;
+}
+
+.x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-plus{
+    background-position:-32px 0;
+}
+
+.x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-minus{
+    background-position:-48px 0;
+}
+
+.x-tree-elbow-plus, .x-tree-elbow-minus, .x-tree-elbow-end-plus, .x-tree-elbow-end-minus{
+	cursor:pointer;
+}
+
+.ext-ie ul.x-tree-node-ct{
+    font-size:0;
+    line-height:0;
+    zoom:1;
+}
+
+.x-tree-node{
+	white-space: nowrap;
+}
+
+.x-tree-node-el {
+    line-height:18px;
+    cursor:pointer;
+}
+
+.x-tree-node a, .x-dd-drag-ghost a{
+	text-decoration:none;
+	-khtml-user-select:none;
+	-moz-user-select:none;
+    -webkit-user-select:ignore;
+    -kthml-user-focus:normal;
+    -moz-user-focus:normal;
+    -moz-outline: 0 none;
+    outline:0 none;
+}
+
+.x-tree-node a span, .x-dd-drag-ghost a span{
+	text-decoration:none;
+	padding:1px 3px 1px 2px;
+}
+
+.x-tree-node .x-tree-node-disabled .x-tree-node-icon{
+	-moz-opacity: 0.5;
+   opacity:.5;
+   filter: alpha(opacity=50);
+}
+
+.x-tree-node .x-tree-node-inline-icon{
+	background:transparent;
+}
+
+.x-tree-node a:hover, .x-dd-drag-ghost a:hover{
+	text-decoration:none;
+}
+
+.x-tree-node div.x-tree-drag-insert-below{
+ 	 border-bottom:1px dotted;
+}
+
+.x-tree-node div.x-tree-drag-insert-above{
+	 border-top:1px dotted;
+}
+
+.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below{
+ 	 border-bottom:0 none;
+}
+
+.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above{
+	 border-top:0 none;
+}
+
+.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a{
+ 	 border-bottom:2px solid;
+}
+
+.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a{
+	 border-top:2px solid;
+}
+
+.x-tree-node .x-tree-drag-append a span{
+	 border:1px dotted;
+}
+
+.x-dd-drag-ghost .x-tree-node-indent, .x-dd-drag-ghost .x-tree-ec-icon{
+	display:none !important;
+}
+
+/* Fix for ie rootVisible:false issue */
+.x-tree-root-ct {
+    zoom:1;
+}
+.x-date-picker {
+    border: 1px solid;
+    border-top:0 none;
+	position:relative;
+}
+
+.x-date-picker a {
+    -moz-outline:0 none;
+    outline:0 none;
+}
+
+.x-date-inner, .x-date-inner td, .x-date-inner th{
+    border-collapse:separate;
+}
+
+.x-date-middle,.x-date-left,.x-date-right {
+	background: repeat-x 0 -83px;
+	overflow:hidden;
+}
+
+.x-date-middle .x-btn-tc,.x-date-middle .x-btn-tl,.x-date-middle .x-btn-tr,
+.x-date-middle .x-btn-mc,.x-date-middle .x-btn-ml,.x-date-middle .x-btn-mr,
+.x-date-middle .x-btn-bc,.x-date-middle .x-btn-bl,.x-date-middle .x-btn-br{
+	background:transparent !important;
+    vertical-align:middle;
+}
+
+.x-date-middle .x-btn-mc em.x-btn-arrow {
+    background:transparent no-repeat right 0;
+}
+
+.x-date-right, .x-date-left {
+    width:18px;
+}
+
+.x-date-right{
+    text-align:right;
+}
+
+.x-date-middle {
+    padding-top:2px;
+    padding-bottom:2px;
+    width:130px; /* FF3 */
+}
+
+.x-date-right a, .x-date-left a{
+    display:block;
+    width:16px;
+	height:16px;
+	background-position: center;
+	background-repeat: no-repeat;
+	cursor:pointer;
+    -moz-opacity: 0.6;
+    opacity:.6;
+    filter: alpha(opacity=60);
+}
+
+.x-date-right a:hover, .x-date-left a:hover{
+    -moz-opacity: 1;
+    opacity:1;
+    filter: alpha(opacity=100);
+}
+
+.x-item-disabled .x-date-right a:hover, .x-item-disabled .x-date-left a:hover{
+    -moz-opacity: 0.6;
+    opacity:.6;
+    filter: alpha(opacity=60);
+}
+
+.x-date-right a {
+    margin-right:2px;
+    text-decoration:none !important;
+}
+
+.x-date-left a{
+    margin-left:2px;
+    text-decoration:none !important;
+}
+
+table.x-date-inner {
+    width: 100%;
+    table-layout:fixed;
+}
+
+.ext-webkit table.x-date-inner{
+    /* Fix for webkit browsers */
+    width: 175px;
+}
+
+
+.x-date-inner th {
+    width:25px;
+}
+
+.x-date-inner th {
+    background: repeat-x left top;
+    text-align:right !important;
+	border-bottom: 1px solid;
+	cursor:default;
+    padding:0;
+    border-collapse:separate;
+}
+
+.x-date-inner th span {
+    display:block;
+    padding:2px;
+    padding-right:7px;
+}
+
+.x-date-inner td {
+    border: 1px solid;
+	text-align:right;
+    padding:0;
+}
+
+.x-date-inner a {
+    padding:2px 5px;
+    display:block;
+	text-decoration:none;
+    text-align:right;
+    zoom:1;
+}
+
+.x-date-inner .x-date-active{
+	cursor:pointer;
+	color:black;
+}
+
+.x-date-inner .x-date-selected a{
+	background: repeat-x left top;
+	border:1px solid;
+    padding:1px 4px;
+}
+
+.x-date-inner .x-date-today a{
+	border: 1px solid;
+    padding:1px 4px;
+}
+
+.x-date-inner .x-date-prevday a,.x-date-inner .x-date-nextday a {
+    text-decoration:none !important;
+}
+
+.x-date-bottom {
+    padding:4px;
+    border-top: 1px solid;
+    background: repeat-x left top;
+}
+
+.x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover{
+    text-decoration:none !important;
+}
+
+.x-item-disabled .x-date-inner a:hover{
+    background: none;
+}
+
+.x-date-inner .x-date-disabled a {
+	cursor:default;
+}
+
+.x-date-menu .x-menu-item {
+	padding:1px 24px 1px 4px;
+	white-space: nowrap;
+}
+
+.x-date-menu .x-menu-item .x-menu-item-icon {
+    width:10px;
+    height:10px;
+    margin-right:5px;
+    background-position:center -4px !important;
+}
+
+.x-date-mp {
+	position:absolute;
+	left:0;
+	top:0;
+	display:none;
+}
+
+.x-date-mp td {
+    padding:2px;
+	font:normal 11px arial, helvetica,tahoma,sans-serif;
+}
+
+td.x-date-mp-month,td.x-date-mp-year,td.x-date-mp-ybtn {
+    border: 0 none;
+	text-align:center;
+	vertical-align: middle;
+	width:25%;
+}
+
+.x-date-mp-ok {
+	margin-right:3px;
+}
+
+.x-date-mp-btns button {
+	text-decoration:none;
+	text-align:center;
+	text-decoration:none !important;
+	border:1px solid;
+	padding:1px 3px 1px;
+	cursor:pointer;
+}
+
+.x-date-mp-btns {
+	background: repeat-x left top;
+}
+
+.x-date-mp-btns td {
+	border-top: 1px solid;
+    text-align:center;
+}
+
+td.x-date-mp-month a,td.x-date-mp-year a {
+	display:block;
+	padding:2px 4px;
+	text-decoration:none;
+	text-align:center;
+}
+
+td.x-date-mp-month a:hover,td.x-date-mp-year a:hover {
+	text-decoration:none;
+	cursor:pointer;
+}
+
+td.x-date-mp-sel a {
+	padding:1px 3px;
+	background: repeat-x left top;
+	border:1px solid;
+}
+
+.x-date-mp-ybtn a {
+    overflow:hidden;
+    width:15px;
+    height:15px;
+    cursor:pointer;
+    background:transparent no-repeat;
+    display:block;
+    margin:0 auto;
+}
+
+.x-date-mp-ybtn a.x-date-mp-next {
+    background-position:0 -120px;
+}
+
+.x-date-mp-ybtn a.x-date-mp-next:hover {
+    background-position:-15px -120px;
+}
+
+.x-date-mp-ybtn a.x-date-mp-prev {
+    background-position:0 -105px;
+}
+
+.x-date-mp-ybtn a.x-date-mp-prev:hover {
+    background-position:-15px -105px;
+}
+
+.x-date-mp-ybtn {
+   text-align:center;
+}
+
+td.x-date-mp-sep {
+   border-right:1px solid;
+}.x-tip{
+	position: absolute;
+	top: 0;
+    left:0;
+    visibility: hidden;
+	z-index: 20002;
+    border:0 none;
+}
+
+.x-tip .x-tip-close{
+	height: 15px;
+	float:right;
+	width: 15px;
+    margin:0 0 2px 2px;
+    cursor:pointer;
+    display:none;
+}
+
+.x-tip .x-tip-tc {
+	background: transparent no-repeat 0 -62px;
+	padding-top:3px;
+    overflow:hidden;
+    zoom:1;
+}
+
+.x-tip .x-tip-tl {
+	background: transparent no-repeat 0 0;
+	padding-left:6px;
+    overflow:hidden;
+    zoom:1;
+}
+
+.x-tip .x-tip-tr {
+	background: transparent no-repeat right 0;
+	padding-right:6px;
+    overflow:hidden;
+    zoom:1;
+}
+
+.x-tip .x-tip-bc {
+	background: transparent no-repeat 0 -121px;
+	height:3px;
+    overflow:hidden;
+}
+
+.x-tip .x-tip-bl {
+	background: transparent no-repeat 0 -59px;
+	padding-left:6px;
+    zoom:1;
+}
+
+.x-tip .x-tip-br {
+	background: transparent no-repeat right -59px;
+	padding-right:6px;
+    zoom:1;
+}
+
+.x-tip .x-tip-mc {
+    border:0 none;
+}
+
+.x-tip .x-tip-ml {
+	background: no-repeat 0 -124px;
+	padding-left:6px;
+    zoom:1;
+}
+
+.x-tip .x-tip-mr {
+	background: transparent no-repeat right -124px;
+	padding-right:6px;
+    zoom:1;
+}
+
+.ext-ie .x-tip .x-tip-header,.ext-ie .x-tip .x-tip-tc {
+    font-size:0;
+    line-height:0;
+}
+
+.ext-border-box .x-tip .x-tip-header, .ext-border-box .x-tip .x-tip-tc{
+    line-height: 1px;
+}
+
+.x-tip .x-tip-header-text {
+    padding:0;
+    margin:0 0 2px 0;
+}
+
+.x-tip .x-tip-body {
+    margin:0 !important;
+    line-height:14px;
+    padding:0;
+}
+
+.x-tip .x-tip-body .loading-indicator {
+    margin:0;
+}
+
+.x-tip-draggable .x-tip-header,.x-tip-draggable .x-tip-header-text {
+    cursor:move;
+}
+
+.x-form-invalid-tip .x-tip-tc {
+	background: repeat-x 0 -12px;
+    padding-top:6px;
+}
+
+.x-form-invalid-tip .x-tip-bc {
+	background: repeat-x 0 -18px;
+    height:6px;
+}
+
+.x-form-invalid-tip .x-tip-bl {
+	background: no-repeat 0 -6px;
+}
+
+.x-form-invalid-tip .x-tip-br {
+	background: no-repeat right -6px;
+}
+
+.x-form-invalid-tip .x-tip-body {
+    padding:2px;
+}
+
+.x-form-invalid-tip .x-tip-body {
+    padding-left:24px;
+    background:transparent no-repeat 2px 2px;
+}
+
+.x-tip-anchor {
+    position: absolute;
+    width: 9px;
+    height: 10px;
+    overflow:hidden;
+    background: transparent no-repeat 0 0;
+    zoom:1;
+}
+.x-tip-anchor-bottom {
+    background-position: -9px 0;
+}
+.x-tip-anchor-right {
+    background-position: -18px 0;
+    width: 10px;
+}
+.x-tip-anchor-left {
+    background-position: -28px 0;
+    width: 10px;
+}.x-menu {
+	z-index: 15000;
+	zoom: 1;
+	background: repeat-y;
+}
+
+.x-menu-floating{
+    border: 1px solid;
+}
+
+.x-menu a {
+    text-decoration: none !important;
+}
+
+.ext-ie .x-menu {
+    zoom:1;
+    overflow:hidden;
+}
+
+.x-menu-list{
+    padding: 2px;
+	background:transparent;
+	border:0 none;
+    overflow:hidden;
+    overflow-y: hidden;
+}
+
+.ext-strict .ext-ie .x-menu-list{
+    position: relative;
+}
+
+.x-menu li{
+	line-height:100%;
+}
+
+.x-menu li.x-menu-sep-li{
+	font-size:1px;
+	line-height:1px;
+}
+
+.x-menu-list-item{
+    white-space: nowrap;
+	display:block;
+	padding:1px;
+}
+
+.x-menu-item{
+    -moz-user-select: none;
+    -khtml-user-select:none;
+    -webkit-user-select:ignore;
+}
+
+.x-menu-item-arrow{
+	background:transparent no-repeat right;
+}
+
+.x-menu-sep {
+	display:block;
+	font-size:1px;
+	line-height:1px;
+	margin: 2px 3px;
+	border-bottom:1px solid;
+    overflow:hidden;
+}
+
+.x-menu-focus {
+	position:absolute;
+	left:-1px;
+	top:-1px;
+	width:1px;
+	height:1px;
+    line-height:1px;
+    font-size:1px;
+    -moz-outline:0 none;
+    outline:0 none;
+    -moz-user-select: none;
+    -khtml-user-select:none;
+    -webkit-user-select:ignore;
+    overflow:hidden;
+    display:block;
+}
+
+a.x-menu-item {
+    cursor: pointer;
+    display: block;
+    line-height: 16px;
+    outline-color: -moz-use-text-color;
+    outline-style: none;
+    outline-width: 0;
+    padding: 3px 21px 3px 27px;
+    position: relative;
+    text-decoration: none;
+    white-space: nowrap;
+}
+
+.x-menu-item-active {
+    background-repeat: repeat-x;
+    background-position: left bottom;
+    border-style:solid;
+    border-width: 1px 0;
+    margin:0 1px;
+	padding: 0;
+}
+
+.x-menu-item-active a.x-menu-item {
+    border-style:solid;
+    border-width:0 1px;
+    margin:0 -1px;
+}
+
+.x-menu-item-icon {
+	border: 0 none;
+	height: 16px;
+	padding: 0;
+	vertical-align: top;
+	width: 16px;
+	position: absolute;
+    left: 3px;
+    top: 3px;
+    margin: 0;
+    background-position:center;
+}
+
+.ext-ie .x-menu-item-icon {
+    left: -24px;
+}
+.ext-strict .x-menu-item-icon {
+    left: 3px;
+}
+
+.ext-ie6 .x-menu-item-icon {
+    left: -24px;
+}
+
+.ext-ie .x-menu-item-icon {
+    vertical-align: middle;
+}
+
+.x-menu-check-item .x-menu-item-icon{
+	background: transparent no-repeat center;
+}
+
+.x-menu-group-item .x-menu-item-icon{
+	background: transparent;
+}
+
+.x-menu-item-checked .x-menu-group-item .x-menu-item-icon{
+    background: transparent no-repeat center;
+}
+
+.x-date-menu .x-menu-list{
+    padding: 0;
+}
+
+.x-menu-date-item{
+	padding:0;
+}
+
+.x-menu .x-color-palette, .x-menu .x-date-picker{
+    margin-left: 26px;
+	margin-right:4px;
+}
+
+.x-menu .x-date-picker{
+    border:1px solid;
+    margin-top:2px;
+    margin-bottom:2px;
+}
+
+.x-menu-plain .x-color-palette, .x-menu-plain .x-date-picker{
+	 margin: 0;
+	 border: 0 none;
+}
+
+.x-date-menu {
+   padding:0 !important;
+}
+
+/*
+ * fixes separator visibility problem in IE 6
+ */
+.ext-strict .ext-ie6 .x-menu-sep-li {
+    padding: 3px 4px;
+}
+.ext-strict .ext-ie6 .x-menu-sep {
+    margin: 0;
+    height: 1px;
+}
+
+/*
+ * Ugly mess to remove the white border under the picker
+ */
+.ext-ie .x-date-menu{
+    height: 199px;
+}
+
+.ext-strict .ext-ie .x-date-menu, .ext-border-box .ext-ie8 .x-date-menu{
+    height: 197px;
+}
+
+.ext-strict .ext-ie7 .x-date-menu{
+    height: 195px;
+}
+
+.ext-strict .ext-ie8 .x-date-menu{
+    height: auto;
+}
+
+.x-cycle-menu .x-menu-item-checked {
+    border:1px dotted !important;
+	padding:0;
+}
+
+.x-menu .x-menu-scroller {
+    width: 100%;
+	background-repeat:no-repeat;
+	background-position:center;
+	height:8px;
+    line-height: 8px;
+	cursor:pointer;
+    margin: 0;
+    padding: 0;
+}
+
+.x-menu .x-menu-scroller-active{
+    height: 6px;
+    line-height: 6px;
+}
+
+.x-menu-list-item-indent{
+    padding-left: 27px;
+}/*
+ Creates rounded, raised boxes like on the Ext website - the markup isn't pretty:
+  

+        

+        

+            
YOUR TITLE HERE (optional)

+            
YOUR CONTENT HERE

+        

+        

+    

+ */
+
+.x-box-tl {
+	background: transparent no-repeat 0 0;
+    zoom:1;
+}
+
+.x-box-tc {
+	height: 8px;
+	background: transparent repeat-x 0 0;
+	overflow: hidden;
+}
+
+.x-box-tr {
+	background: transparent no-repeat right -8px;
+}
+
+.x-box-ml {
+	background: transparent repeat-y 0;
+	padding-left: 4px;
+	overflow: hidden;
+    zoom:1;
+}
+
+.x-box-mc {
+	background: repeat-x 0 -16px;
+	padding: 4px 10px;
+}
+
+.x-box-mc h3 {
+	margin: 0 0 4px 0;
+    zoom:1;
+}
+
+.x-box-mr {
+	background: transparent repeat-y right;
+	padding-right: 4px;
+	overflow: hidden;
+}
+
+.x-box-bl {
+	background: transparent no-repeat 0 -16px;
+    zoom:1;
+}
+
+.x-box-bc {
+	background: transparent repeat-x 0 -8px;
+	height: 8px;
+	overflow: hidden;
+}
+
+.x-box-br {
+	background: transparent no-repeat right -24px;
+}
+
+.x-box-tl, .x-box-bl {
+	padding-left: 8px;
+	overflow: hidden;
+}
+
+.x-box-tr, .x-box-br {
+	padding-right: 8px;
+	overflow: hidden;
+}.x-combo-list {
+    border:1px solid;
+    zoom:1;
+    overflow:hidden;
+}
+
+.x-combo-list-inner {
+    overflow:auto;
+    position:relative; /* for calculating scroll offsets */
+    zoom:1;
+    overflow-x:hidden;
+}
+
+.x-combo-list-hd {
+    border-bottom:1px solid;
+    padding:3px;
+}
+
+.x-resizable-pinned .x-combo-list-inner {
+    border-bottom:1px solid;
+}
+
+.x-combo-list-item {
+    padding:2px;
+    border:1px solid;
+    white-space: nowrap;
+    overflow:hidden;
+    text-overflow: ellipsis;
+}
+
+.x-combo-list .x-combo-selected{
+	border:1px dotted !important;
+    cursor:pointer;
+}
+
+.x-combo-list .x-toolbar {
+    border-top:1px solid;
+    border-bottom:0 none;
+}.x-panel {
+    border-style: solid;
+    border-width:0;
+}
+
+.x-panel-header {
+    overflow:hidden;
+    zoom:1;
+    padding:5px 3px 4px 5px;
+    border:1px solid;
+    line-height: 15px;
+    background: transparent repeat-x 0 -1px;
+}
+
+.x-panel-body {
+    border:1px solid;
+    border-top:0 none;
+    overflow:hidden;
+    position: relative; /* added for item scroll positioning */
+}
+
+.x-panel-bbar .x-toolbar, .x-panel-tbar .x-toolbar {
+    border:1px solid;
+    border-top:0 none;
+    overflow:hidden;
+    padding:2px;
+}
+
+.x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {
+    border-top:1px solid;
+    border-bottom: 0 none;
+}
+
+.x-panel-body-noheader, .x-panel-mc .x-panel-body {
+    border-top:1px solid;
+}
+
+.x-panel-header {
+    overflow:hidden;
+    zoom:1;
+}
+
+.x-panel-tl .x-panel-header {
+    padding:5px 0 4px 0;
+    border:0 none;
+    background:transparent;
+}
+
+.x-panel-tl .x-panel-icon, .x-window-tl .x-panel-icon {
+    padding-left:20px !important;
+    background-repeat:no-repeat;
+    background-position:0 4px;
+    zoom:1;
+}
+
+.x-panel-inline-icon {
+    width:16px;
+	height:16px;
+    background-repeat:no-repeat;
+    background-position:0 0;
+	vertical-align:middle;
+	margin-right:4px;
+	margin-top:-1px;
+	margin-bottom:-1px;
+}
+
+.x-panel-tc {
+	background: transparent repeat-x 0 0;
+	overflow:hidden;
+}
+
+/* fix ie7 strict mode bug */
+.ext-strict .ext-ie7 .x-panel-tc {
+    overflow: visible;
+}
+
+.x-panel-tl {
+	background: transparent no-repeat 0 0;
+	padding-left:6px;
+    zoom:1;
+    border-bottom:1px solid;
+}
+
+.x-panel-tr {
+	background: transparent no-repeat right 0;
+	zoom:1;
+    padding-right:6px;
+}
+
+.x-panel-bc {
+	background: transparent repeat-x 0 bottom;
+    zoom:1;
+}
+
+.x-panel-bc .x-panel-footer {
+    zoom:1;
+}
+
+.x-panel-bl {
+	background: transparent no-repeat 0 bottom;
+	padding-left:6px;
+    zoom:1;
+}
+
+.x-panel-br {
+	background: transparent no-repeat right bottom;
+	padding-right:6px;
+    zoom:1;
+}
+
+.x-panel-mc {
+    border:0 none;
+    padding:0;
+    margin:0;
+    padding-top:6px;
+}
+
+.x-panel-mc .x-panel-body {
+    background:transparent;
+    border: 0 none;
+}
+
+.x-panel-ml {
+	background: repeat-y 0 0;
+	padding-left:6px;
+    zoom:1;
+}
+
+.x-panel-mr {
+	background: transparent repeat-y right 0;
+	padding-right:6px;
+    zoom:1;
+}
+
+.x-panel-bc .x-panel-footer {
+    padding-bottom:6px;
+}
+
+.x-panel-nofooter .x-panel-bc, .x-panel-nofooter .x-window-bc {
+	height:6px;
+    font-size:0;
+    line-height:0;
+}
+
+.x-panel-bwrap {
+    overflow:hidden;
+    zoom:1;
+    left:0;
+    top:0;
+}
+.x-panel-body {
+    overflow:hidden;
+    zoom:1;
+}
+
+.x-panel-collapsed .x-resizable-handle{
+    display:none;
+}
+
+.ext-gecko .x-panel-animated div {
+    overflow:hidden !important;
+}
+
+/* Plain */
+.x-plain-body {
+    overflow:hidden;
+}
+
+.x-plain-bbar .x-toolbar {
+    overflow:hidden;
+    padding:2px;
+}
+
+.x-plain-tbar .x-toolbar {
+    overflow:hidden;
+    padding:2px;
+}
+
+.x-plain-bwrap {
+    overflow:hidden;
+    zoom:1;
+}
+
+.x-plain {
+    overflow:hidden;
+}
+
+/* Tools */
+.x-tool {
+    overflow:hidden;
+    width:15px;
+    height:15px;
+    float:right;
+    cursor:pointer;
+    background:transparent no-repeat;
+    margin-left:2px;
+}
+
+/* expand / collapse tools */
+.x-tool-toggle {
+    background-position:0 -60px;
+}
+
+.x-tool-toggle-over {
+    background-position:-15px -60px;
+}
+
+.x-panel-collapsed .x-tool-toggle {
+    background-position:0 -75px;
+}
+
+.x-panel-collapsed .x-tool-toggle-over {
+    background-position:-15px -75px;
+}
+
+
+.x-tool-close {
+    background-position:0 -0;
+}
+
+.x-tool-close-over {
+    background-position:-15px 0;
+}
+
+.x-tool-minimize {
+    background-position:0 -15px;
+}
+
+.x-tool-minimize-over {
+    background-position:-15px -15px;
+}
+
+.x-tool-maximize {
+    background-position:0 -30px;
+}
+
+.x-tool-maximize-over {
+    background-position:-15px -30px;
+}
+
+.x-tool-restore {
+    background-position:0 -45px;
+}
+
+.x-tool-restore-over {
+    background-position:-15px -45px;
+}
+
+.x-tool-gear {
+    background-position:0 -90px;
+}
+
+.x-tool-gear-over {
+    background-position:-15px -90px;
+}
+
+.x-tool-pin {
+    background-position:0 -135px;
+}
+
+.x-tool-pin-over {
+    background-position:-15px -135px;
+}
+
+.x-tool-unpin {
+    background-position:0 -150px;
+}
+
+.x-tool-unpin-over {
+    background-position:-15px -150px;
+}
+
+.x-tool-right {
+    background-position:0 -165px;
+}
+
+.x-tool-right-over {
+    background-position:-15px -165px;
+}
+
+.x-tool-left {
+    background-position:0 -180px;
+}
+
+.x-tool-left-over {
+    background-position:-15px -180px;
+}
+
+.x-tool-up {
+    background-position:0 -210px;
+}
+
+.x-tool-up-over {
+    background-position:-15px -210px;
+}
+
+.x-tool-down {
+    background-position:0 -195px;
+}
+
+.x-tool-down-over {
+    background-position:-15px -195px;
+}
+
+.x-tool-refresh {
+    background-position:0 -225px;
+}
+
+.x-tool-refresh-over {
+    background-position:-15px -225px;
+}
+
+.x-tool-minus {
+    background-position:0 -255px;
+}
+
+.x-tool-minus-over {
+    background-position:-15px -255px;
+}
+
+.x-tool-plus {
+    background-position:0 -240px;
+}
+
+.x-tool-plus-over {
+    background-position:-15px -240px;
+}
+
+.x-tool-search {
+    background-position:0 -270px;
+}
+
+.x-tool-search-over {
+    background-position:-15px -270px;
+}
+
+.x-tool-save {
+    background-position:0 -285px;
+}
+
+.x-tool-save-over {
+    background-position:-15px -285px;
+}
+
+.x-tool-help {
+    background-position:0 -300px;
+}
+
+.x-tool-help-over {
+    background-position:-15px -300px;
+}
+
+.x-tool-print {
+    background-position:0 -315px;
+}
+
+.x-tool-print-over {
+    background-position:-15px -315px;
+}
+
+/* Ghosting */
+.x-panel-ghost {
+    z-index:12000;
+    overflow:hidden;
+    position:absolute;
+    left:0;top:0;
+    opacity:.65;
+    -moz-opacity:.65;
+    filter:alpha(opacity=65);
+}
+
+.x-panel-ghost ul {
+    margin:0;
+    padding:0;
+    overflow:hidden;
+    font-size:0;
+    line-height:0;
+    border:1px solid;
+    border-top:0 none;
+    display:block;
+}
+
+.x-panel-ghost * {
+    cursor:move !important;
+}
+
+.x-panel-dd-spacer {
+    border:2px dashed;
+}
+
+/* Buttons */
+.x-panel-btns {
+    padding:5px;
+    overflow:hidden;
+}
+
+.x-panel-btns td.x-toolbar-cell{
+	padding:3px;
+}
+
+.x-panel-btns .x-btn-focus .x-btn-left{
+	background-position:0 -147px;
+}
+
+.x-panel-btns .x-btn-focus .x-btn-right{
+	background-position:0 -168px;
+}
+
+.x-panel-btns .x-btn-focus .x-btn-center{
+	background-position:0 -189px;
+}
+
+.x-panel-btns .x-btn-over .x-btn-left{
+	background-position:0 -63px;
+}
+
+.x-panel-btns .x-btn-over .x-btn-right{
+	background-position:0 -84px;
+}
+
+.x-panel-btns .x-btn-over .x-btn-center{
+	background-position:0 -105px;
+}
+
+.x-panel-btns .x-btn-click .x-btn-center{
+	background-position:0 -126px;
+}
+
+.x-panel-btns .x-btn-click  .x-btn-right{
+	background-position:0 -84px;
+}
+
+.x-panel-btns .x-btn-click .x-btn-left{
+	background-position:0 -63px;
+}
+
+.x-panel-fbar td,.x-panel-fbar span,.x-panel-fbar input,.x-panel-fbar div,.x-panel-fbar select,.x-panel-fbar label{
+	white-space: nowrap;
+}
+/**
+ * W3C Suggested Default style sheet for HTML 4
+ * http://www.w3.org/TR/CSS21/sample.html
+ *
+ * Resets for Ext.Panel @cfg normal: true
+ */
+.x-panel-reset .x-panel-body html,
+.x-panel-reset .x-panel-body address,
+.x-panel-reset .x-panel-body blockquote,
+.x-panel-reset .x-panel-body body,
+.x-panel-reset .x-panel-body dd,
+.x-panel-reset .x-panel-body div,
+.x-panel-reset .x-panel-body dl,
+.x-panel-reset .x-panel-body dt,
+.x-panel-reset .x-panel-body fieldset,
+.x-panel-reset .x-panel-body form,
+.x-panel-reset .x-panel-body frame, frameset,
+.x-panel-reset .x-panel-body h1,
+.x-panel-reset .x-panel-body h2,
+.x-panel-reset .x-panel-body h3,
+.x-panel-reset .x-panel-body h4,
+.x-panel-reset .x-panel-body h5,
+.x-panel-reset .x-panel-body h6,
+.x-panel-reset .x-panel-body noframes,
+.x-panel-reset .x-panel-body ol,
+.x-panel-reset .x-panel-body p,
+.x-panel-reset .x-panel-body ul,
+.x-panel-reset .x-panel-body center,
+.x-panel-reset .x-panel-body dir,
+.x-panel-reset .x-panel-body hr,
+.x-panel-reset .x-panel-body menu,
+.x-panel-reset .x-panel-body pre 			  { display: block }
+.x-panel-reset .x-panel-body li              { display: list-item }
+.x-panel-reset .x-panel-body head            { display: none }
+.x-panel-reset .x-panel-body table           { display: table }
+.x-panel-reset .x-panel-body tr              { display: table-row }
+.x-panel-reset .x-panel-body thead           { display: table-header-group }
+.x-panel-reset .x-panel-body tbody           { display: table-row-group }
+.x-panel-reset .x-panel-body tfoot           { display: table-footer-group }
+.x-panel-reset .x-panel-body col             { display: table-column }
+.x-panel-reset .x-panel-body colgroup        { display: table-column-group }
+.x-panel-reset .x-panel-body td,
+.x-panel-reset .x-panel-body th 	          { display: table-cell }
+.x-panel-reset .x-panel-body caption         { display: table-caption }
+.x-panel-reset .x-panel-body th              { font-weight: bolder; text-align: center }
+.x-panel-reset .x-panel-body caption         { text-align: center }
+.x-panel-reset .x-panel-body body            { margin: 8px }
+.x-panel-reset .x-panel-body h1              { font-size: 2em; margin: .67em 0 }
+.x-panel-reset .x-panel-body h2              { font-size: 1.5em; margin: .75em 0 }
+.x-panel-reset .x-panel-body h3              { font-size: 1.17em; margin: .83em 0 }
+.x-panel-reset .x-panel-body h4,
+.x-panel-reset .x-panel-body p,
+.x-panel-reset .x-panel-body blockquote,
+.x-panel-reset .x-panel-body ul,
+.x-panel-reset .x-panel-body fieldset,
+.x-panel-reset .x-panel-body form,
+.x-panel-reset .x-panel-body ol,
+.x-panel-reset .x-panel-body dl,
+.x-panel-reset .x-panel-body dir,
+.x-panel-reset .x-panel-body menu            { margin: 1.12em 0 }
+.x-panel-reset .x-panel-body h5              { font-size: .83em; margin: 1.5em 0 }
+.x-panel-reset .x-panel-body h6              { font-size: .75em; margin: 1.67em 0 }
+.x-panel-reset .x-panel-body h1,
+.x-panel-reset .x-panel-body h2,
+.x-panel-reset .x-panel-body h3,
+.x-panel-reset .x-panel-body h4,
+.x-panel-reset .x-panel-body h5,
+.x-panel-reset .x-panel-body h6,
+.x-panel-reset .x-panel-body b,
+.x-panel-reset .x-panel-body strong          { font-weight: bolder }
+.x-panel-reset .x-panel-body blockquote      { margin-left: 40px; margin-right: 40px }
+.x-panel-reset .x-panel-body i,
+.x-panel-reset .x-panel-body cite,
+.x-panel-reset .x-panel-body em,
+.x-panel-reset .x-panel-body var,
+.x-panel-reset .x-panel-body address    	  { font-style: italic }
+.x-panel-reset .x-panel-body pre,
+.x-panel-reset .x-panel-body tt,
+.x-panel-reset .x-panel-body code,
+.x-panel-reset .x-panel-body kbd,
+.x-panel-reset .x-panel-body samp       	  { font-family: monospace }
+.x-panel-reset .x-panel-body pre             { white-space: pre }
+.x-panel-reset .x-panel-body button,
+.x-panel-reset .x-panel-body textarea,
+.x-panel-reset .x-panel-body input,
+.x-panel-reset .x-panel-body select   		  { display: inline-block }
+.x-panel-reset .x-panel-body big             { font-size: 1.17em }
+.x-panel-reset .x-panel-body small,
+.x-panel-reset .x-panel-body sub,
+.x-panel-reset .x-panel-body sup 			  { font-size: .83em }
+.x-panel-reset .x-panel-body sub             { vertical-align: sub }
+.x-panel-reset .x-panel-body sup             { vertical-align: super }
+.x-panel-reset .x-panel-body table           { border-spacing: 2px; }
+.x-panel-reset .x-panel-body thead,
+.x-panel-reset .x-panel-body tbody,
+.x-panel-reset .x-panel-body tfoot           { vertical-align: middle }
+.x-panel-reset .x-panel-body td,
+.x-panel-reset .x-panel-body th          	  { vertical-align: inherit }
+.x-panel-reset .x-panel-body s,
+.x-panel-reset .x-panel-body strike,
+.x-panel-reset .x-panel-body del  			  { text-decoration: line-through }
+.x-panel-reset .x-panel-body hr              { border: 1px inset }
+.x-panel-reset .x-panel-body ol,
+.x-panel-reset .x-panel-body ul,
+.x-panel-reset .x-panel-body dir,
+.x-panel-reset .x-panel-body menu,
+.x-panel-reset .x-panel-body dd        	  { margin-left: 40px }
+.x-panel-reset .x-panel-body ul, .x-panel-reset .x-panel-body menu, .x-panel-reset .x-panel-body dir { list-style-type: disc;}
+.x-panel-reset .x-panel-body ol              { list-style-type: decimal }
+.x-panel-reset .x-panel-body ol ul,
+.x-panel-reset .x-panel-body ul ol,
+.x-panel-reset .x-panel-body ul ul,
+.x-panel-reset .x-panel-body ol ol    		  { margin-top: 0; margin-bottom: 0 }
+.x-panel-reset .x-panel-body u,
+.x-panel-reset .x-panel-body ins          	  { text-decoration: underline }
+.x-panel-reset .x-panel-body br:before       { content: "\A" }
+.x-panel-reset .x-panel-body :before, .x-panel-reset .x-panel-body :after { white-space: pre-line }
+.x-panel-reset .x-panel-body center          { text-align: center }
+.x-panel-reset .x-panel-body :link, .x-panel-reset .x-panel-body :visited { text-decoration: underline }
+.x-panel-reset .x-panel-body :focus          { outline: invert dotted thin }
+
+/* Begin bidirectionality settings (do not change) */
+.x-panel-reset .x-panel-body BDO[DIR="ltr"]  { direction: ltr; unicode-bidi: bidi-override }
+.x-panel-reset .x-panel-body BDO[DIR="rtl"]  { direction: rtl; unicode-bidi: bidi-override }
+.x-window {
+    zoom:1;
+}
+
+.x-window .x-window-handle {
+    opacity:0;
+    -moz-opacity:0;
+    filter:alpha(opacity=0);
+}
+
+.x-window-proxy {
+    border:1px solid;
+    z-index:12000;
+    overflow:hidden;
+    position:absolute;
+    left:0;top:0;
+    display:none;
+    opacity:.5;
+    -moz-opacity:.5;
+    filter:alpha(opacity=50);
+}
+
+.x-window-header {
+    overflow:hidden;
+    zoom:1;
+}
+
+.x-window-bwrap {
+    z-index:1;
+    position:relative;
+    zoom:1;
+    left:0;top:0;
+}
+
+.x-window-tl .x-window-header {
+    padding:5px 0 4px 0;
+}
+
+.x-window-header-text {
+    cursor:pointer;
+}
+
+.x-window-tc {
+	background: transparent repeat-x 0 0;
+	overflow:hidden;
+    zoom:1;
+}
+
+.x-window-tl {
+	background: transparent no-repeat 0 0;
+	padding-left:6px;
+    zoom:1;
+    z-index:1;
+    position:relative;
+}
+
+.x-window-tr {
+	background: transparent no-repeat right 0;
+	padding-right:6px;
+}
+
+.x-window-bc {
+	background: transparent repeat-x 0 bottom;
+    zoom:1;
+}
+
+.x-window-bc .x-window-footer {
+    padding-bottom:6px;
+    zoom:1;
+    font-size:0;
+    line-height:0;
+}
+
+.x-window-bl {
+	background: transparent no-repeat 0 bottom;
+	padding-left:6px;
+    zoom:1;
+}
+
+.x-window-br {
+	background: transparent no-repeat right bottom;
+	padding-right:6px;
+    zoom:1;
+}
+
+.x-window-mc {
+    border:1px solid;
+    padding:0;
+    margin:0;
+}
+
+.x-window-ml {
+	background: transparent repeat-y 0 0;
+	padding-left:6px;
+    zoom:1;
+}
+
+.x-window-mr {
+	background: transparent repeat-y right 0;
+	padding-right:6px;
+    zoom:1;
+}
+
+.x-window-body {
+    overflow:hidden;
+}
+
+.x-window-bwrap {
+    overflow:hidden;
+}
+
+.x-window-maximized .x-window-bl, .x-window-maximized .x-window-br,
+    .x-window-maximized .x-window-ml, .x-window-maximized .x-window-mr,
+    .x-window-maximized .x-window-tl, .x-window-maximized .x-window-tr {
+    padding:0;
+}
+
+.x-window-maximized .x-window-footer {
+    padding-bottom:0;
+}
+
+.x-window-maximized .x-window-tc {
+    padding-left:3px;
+    padding-right:3px;
+}
+
+.x-window-maximized .x-window-mc {
+    border-left:0 none;
+    border-right:0 none;
+}
+
+.x-window-tbar .x-toolbar, .x-window-bbar .x-toolbar {
+    border-left:0 none;
+    border-right: 0 none;
+}
+
+.x-window-bbar .x-toolbar {
+    border-top:1px solid;
+    border-bottom:0 none;
+}
+
+.x-window-draggable, .x-window-draggable .x-window-header-text {
+    cursor:move;
+}
+
+.x-window-maximized .x-window-draggable, .x-window-maximized .x-window-draggable .x-window-header-text {
+    cursor:default;
+}
+
+.x-window-body {
+    background:transparent;
+}
+
+.x-panel-ghost .x-window-tl {
+    border-bottom:1px solid;
+}
+
+.x-panel-collapsed .x-window-tl {
+    border-bottom:1px solid;
+}
+
+.x-window-maximized-ct {
+    overflow:hidden;
+}
+
+.x-window-maximized .x-window-handle {
+    display:none;
+}
+
+.x-window-sizing-ghost ul {
+    border:0 none !important;
+}
+
+.x-dlg-focus{
+	-moz-outline:0 none;
+	outline:0 none;
+	width:0;
+	height:0;
+	overflow:hidden;
+	position:absolute;
+	top:0;
+	left:0;
+}
+
+.ext-webkit .x-dlg-focus{
+    width: 1px;
+    height: 1px;
+}
+
+.x-dlg-mask{
+    z-index:10000;
+    display:none;
+    position:absolute;
+    top:0;
+    left:0;
+    -moz-opacity: 0.5;
+    opacity:.50;
+    filter: alpha(opacity=50);
+}
+
+body.ext-ie6.x-body-masked select {
+	visibility:hidden;
+}
+
+body.ext-ie6.x-body-masked .x-window select {
+	visibility:visible;
+}
+
+.x-window-plain .x-window-mc {
+    border: 1px solid;
+}
+
+.x-window-plain .x-window-body {
+    border: 1px solid;
+    background:transparent !important;
+}.x-html-editor-wrap {
+    border:1px solid;
+}
+
+.x-html-editor-tb .x-btn-text {
+    background:transparent no-repeat;
+}
+
+.x-html-editor-tb .x-edit-bold, .x-menu-item img.x-edit-bold {
+    background-position:0 0;
+    background-image:url(images/default/editor/tb-sprite.gif);    
+}
+
+.x-html-editor-tb .x-edit-italic, .x-menu-item img.x-edit-italic {
+    background-position:-16px 0;
+    background-image:url(images/default/editor/tb-sprite.gif);
+}
+
+.x-html-editor-tb .x-edit-underline, .x-menu-item img.x-edit-underline {
+    background-position:-32px 0;
+    background-image:url(images/default/editor/tb-sprite.gif);
+}
+
+.x-html-editor-tb .x-edit-forecolor, .x-menu-item img.x-edit-forecolor {
+    background-position:-160px 0;
+    background-image:url(images/default/editor/tb-sprite.gif);
+}
+
+.x-html-editor-tb .x-edit-backcolor, .x-menu-item img.x-edit-backcolor {
+    background-position:-176px 0;
+    background-image:url(images/default/editor/tb-sprite.gif);
+}
+
+.x-html-editor-tb .x-edit-justifyleft, .x-menu-item img.x-edit-justifyleft {
+    background-position:-112px 0;
+    background-image:url(images/default/editor/tb-sprite.gif);
+}
+
+.x-html-editor-tb .x-edit-justifycenter, .x-menu-item img.x-edit-justifycenter {
+    background-position:-128px 0;
+    background-image:url(images/default/editor/tb-sprite.gif);
+}
+
+.x-html-editor-tb .x-edit-justifyright, .x-menu-item img.x-edit-justifyright {
+    background-position:-144px 0;
+    background-image:url(images/default/editor/tb-sprite.gif);
+}
+
+.x-html-editor-tb .x-edit-insertorderedlist, .x-menu-item img.x-edit-insertorderedlist {
+    background-position:-80px 0;
+    background-image:url(images/default/editor/tb-sprite.gif);
+}
+
+.x-html-editor-tb .x-edit-insertunorderedlist, .x-menu-item img.x-edit-insertunorderedlist {
+    background-position:-96px 0;
+    background-image:url(images/default/editor/tb-sprite.gif);
+}
+
+.x-html-editor-tb .x-edit-increasefontsize, .x-menu-item img.x-edit-increasefontsize {
+    background-position:-48px 0;
+    background-image:url(images/default/editor/tb-sprite.gif);
+}
+
+.x-html-editor-tb .x-edit-decreasefontsize, .x-menu-item img.x-edit-decreasefontsize {
+    background-position:-64px 0;
+    background-image:url(images/default/editor/tb-sprite.gif);
+}
+
+.x-html-editor-tb .x-edit-sourceedit, .x-menu-item img.x-edit-sourceedit {
+    background-position:-192px 0;
+    background-image:url(images/default/editor/tb-sprite.gif);
+}
+
+.x-html-editor-tb .x-edit-createlink, .x-menu-item img.x-edit-createlink {
+    background-position:-208px 0;
+    background-image:url(images/default/editor/tb-sprite.gif);
+}
+
+.x-html-editor-tip .x-tip-bd .x-tip-bd-inner {
+    padding:5px;
+    padding-bottom:1px;
+}
+
+.x-html-editor-tb .x-toolbar {
+    position:static !important;
+}.x-panel-noborder .x-panel-body-noborder {
+    border-width:0;
+}
+
+.x-panel-noborder .x-panel-header-noborder {
+    border-width:0 0 1px;
+    border-style:solid;
+}
+
+.x-panel-noborder .x-panel-tbar-noborder .x-toolbar {
+    border-width:0 0 1px;
+    border-style:solid;
+}
+
+.x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
+    border-width:1px 0 0 0;
+    border-style:solid;
+}
+
+.x-window-noborder .x-window-mc {
+    border-width:0;
+}
+
+.x-window-plain .x-window-body-noborder {
+    border-width:0;
+}
+
+.x-tab-panel-noborder .x-tab-panel-body-noborder {
+	border-width:0;
+}
+
+.x-tab-panel-noborder .x-tab-panel-header-noborder {
+    border-width: 0 0 1px 0;
+}
+
+.x-tab-panel-noborder .x-tab-panel-footer-noborder {
+    border-width: 1px 0 0 0;
+}
+
+.x-tab-panel-bbar-noborder .x-toolbar {
+    border-width: 1px 0 0 0;
+    border-style:solid;
+}
+
+.x-tab-panel-tbar-noborder .x-toolbar {
+    border-width:0 0 1px;
+    border-style:solid;
+}.x-border-layout-ct {
+    position: relative;
+}
+
+.x-border-panel {
+    position:absolute;
+    left:0;
+    top:0;
+}
+
+.x-tool-collapse-south {
+    background-position:0 -195px;
+}
+
+.x-tool-collapse-south-over {
+    background-position:-15px -195px;
+}
+
+.x-tool-collapse-north {
+    background-position:0 -210px;
+}
+
+.x-tool-collapse-north-over {
+    background-position:-15px -210px;
+}
+
+.x-tool-collapse-west {
+    background-position:0 -180px;
+}
+
+.x-tool-collapse-west-over {
+    background-position:-15px -180px;
+}
+
+.x-tool-collapse-east {
+    background-position:0 -165px;
+}
+
+.x-tool-collapse-east-over {
+    background-position:-15px -165px;
+}
+
+.x-tool-expand-south {
+    background-position:0 -210px;
+}
+
+.x-tool-expand-south-over {
+    background-position:-15px -210px;
+}
+
+.x-tool-expand-north {
+    background-position:0 -195px;
+}
+.x-tool-expand-north-over {
+    background-position:-15px -195px;
+}
+
+.x-tool-expand-west {
+    background-position:0 -165px;
+}
+
+.x-tool-expand-west-over {
+    background-position:-15px -165px;
+}
+
+.x-tool-expand-east {
+    background-position:0 -180px;
+}
+
+.x-tool-expand-east-over {
+    background-position:-15px -180px;
+}
+
+.x-tool-expand-north, .x-tool-expand-south {
+    float:right;
+    margin:3px;
+}
+
+.x-tool-expand-east, .x-tool-expand-west {
+    float:none;
+    margin:3px auto;
+}
+
+.x-accordion-hd .x-tool-toggle {
+    background-position:0 -255px;
+}
+
+.x-accordion-hd .x-tool-toggle-over {
+    background-position:-15px -255px;
+}
+
+.x-panel-collapsed .x-accordion-hd .x-tool-toggle {
+    background-position:0 -240px;
+}
+
+.x-panel-collapsed .x-accordion-hd .x-tool-toggle-over {
+    background-position:-15px -240px;
+}
+
+.x-accordion-hd {
+	padding-top:4px;
+	padding-bottom:3px;
+	border-top:0 none;
+    background: transparent repeat-x 0 -9px;
+}
+
+.x-layout-collapsed{
+    position:absolute;
+    left:-10000px;
+    top:-10000px;
+    visibility:hidden;
+    width:20px;
+    height:20px;
+    overflow:hidden;
+	border:1px solid;
+	z-index:20;
+}
+
+.ext-border-box .x-layout-collapsed{
+    width:22px;
+    height:22px;
+}
+
+.x-layout-collapsed-over{
+    cursor:pointer;
+}
+
+.x-layout-collapsed-west .x-layout-collapsed-tools, .x-layout-collapsed-east .x-layout-collapsed-tools{
+	position:absolute;
+    top:0;
+    left:0;
+    width:20px;
+    height:20px;
+}
+
+
+.x-layout-split{
+    position:absolute;
+    height:5px;
+    width:5px;
+    line-height:1px;
+    font-size:1px;
+    z-index:3;
+    background-color:transparent;
+}
+
+/* IE6 strict won't drag w/out a color */
+.ext-strict .ext-ie6 .x-layout-split{
+    background-color: #fff !important;
+    filter: alpha(opacity=1);
+}
+
+.x-layout-split-h{
+    background-image:url(images/default/s.gif);
+    background-position: left;
+}
+
+.x-layout-split-v{
+    background-image:url(images/default/s.gif);
+    background-position: top;
+}
+
+.x-column-layout-ct {
+    overflow:hidden;
+    zoom:1;
+}
+
+.x-column {
+    float:left;
+    padding:0;
+    margin:0;
+    overflow:hidden;
+    zoom:1;
+}
+
+.x-column-inner {
+    overflow:hidden;
+    zoom:1;
+}
+
+/* mini mode */
+.x-layout-mini {
+    position:absolute;
+    top:0;
+    left:0;
+    display:block;
+    width:5px;
+    height:35px;
+    cursor:pointer;
+    opacity:.5;
+    -moz-opacity:.5;
+    filter:alpha(opacity=50);
+}
+
+.x-layout-mini-over, .x-layout-collapsed-over .x-layout-mini{
+    opacity:1;
+    -moz-opacity:1;
+    filter:none;
+}
+
+.x-layout-split-west .x-layout-mini {
+    top:48%;
+}
+
+.x-layout-split-east .x-layout-mini {
+    top:48%;
+}
+
+.x-layout-split-north .x-layout-mini {
+    left:48%;
+    height:5px;
+    width:35px;
+}
+
+.x-layout-split-south .x-layout-mini {
+    left:48%;
+    height:5px;
+    width:35px;
+}
+
+.x-layout-cmini-west .x-layout-mini {
+    top:48%;
+}
+
+.x-layout-cmini-east .x-layout-mini {
+    top:48%;
+}
+
+.x-layout-cmini-north .x-layout-mini {
+    left:48%;
+    height:5px;
+    width:35px;
+}
+
+.x-layout-cmini-south .x-layout-mini {
+    left:48%;
+    height:5px;
+    width:35px;
+}
+
+.x-layout-cmini-west, .x-layout-cmini-east {
+    border:0 none;
+    width:5px !important;
+    padding:0;
+    background:transparent;
+}
+
+.x-layout-cmini-north, .x-layout-cmini-south {
+    border:0 none;
+    height:5px !important;
+    padding:0;
+    background:transparent;
+}
+
+.x-viewport, .x-viewport body {
+    margin: 0;
+    padding: 0;
+    border: 0 none;
+    overflow: hidden;
+    height: 100%;
+}
+
+.x-abs-layout-item {
+    position:absolute;
+    left:0;
+    top:0;
+}
+
+.ext-ie input.x-abs-layout-item, .ext-ie textarea.x-abs-layout-item {
+    margin:0;
+}
+
+.x-box-layout-ct {
+    overflow:hidden;
+    zoom:1;
+}
+
+.x-box-inner {
+    overflow:hidden;
+    zoom:1;
+    position:relative;
+    left:0;
+    top:0;
+}
+
+.x-box-item {
+    position:absolute;
+    left:0;
+    top:0;
+}.x-progress-wrap {
+    border:1px solid;
+    overflow:hidden;
+}
+
+.x-progress-inner {
+    height:18px;
+    background:repeat-x;
+    position:relative;
+}
+
+.x-progress-bar {
+    height:18px;
+    float:left;
+    width:0;
+    background: repeat-x left center;
+    border-top:1px solid;
+    border-bottom:1px solid;
+    border-right:1px solid;
+}
+
+.x-progress-text {
+    padding:1px 5px;
+    overflow:hidden;
+    position:absolute;
+    left:0;
+    text-align:center;
+}
+
+.x-progress-text-back {
+    line-height:16px;
+}
+
+.ext-ie .x-progress-text-back {
+    line-height:15px;
+}
+
+.ext-strict .ext-ie7 .x-progress-text-back{
+    width: 100%;
+}
+.x-list-header{
+	background: repeat-x 0 bottom;
+	cursor:default;
+    zoom:1;
+    height:22px;
+}
+
+.x-list-header-inner div {
+    display:block;
+    float:left;
+    overflow:hidden;
+	-o-text-overflow: ellipsis;
+	text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+.x-list-header-inner div em {
+    display:block;
+    border-left:1px solid;
+    padding:4px 4px;
+    overflow:hidden;
+    -moz-user-select: none;
+    -khtml-user-select: none;
+    line-height:14px;
+}
+
+.x-list-body {
+    overflow:auto;
+    overflow-x:hidden;
+    overflow-y:auto;
+    zoom:1;
+    float: left;
+    width: 100%;
+}
+
+.x-list-body dl {
+    zoom:1;
+}
+
+.x-list-body dt {
+    display:block;
+    float:left;
+    overflow:hidden;
+	-o-text-overflow: ellipsis;
+	text-overflow: ellipsis;
+    white-space: nowrap;
+    cursor:pointer;
+    zoom:1;
+}
+
+.x-list-body dt em {
+    display:block;
+    padding:3px 4px;
+    overflow:hidden;
+    -moz-user-select: none;
+    -khtml-user-select: none;
+}
+
+.x-list-resizer {
+    border-left:1px solid;
+    border-right:1px solid;
+    position:absolute;
+    left:0;
+    top:0;
+}
+
+.x-list-header-inner em.sort-asc {
+    background: transparent no-repeat center 0;
+    border-style:solid;
+    border-width: 0 1px 1px;
+    padding-bottom:3px;
+}
+
+.x-list-header-inner em.sort-desc {
+    background: transparent no-repeat center -23px;
+    border-style:solid;
+    border-width: 0 1px 1px;
+    padding-bottom:3px;
+}
+
+/* Shared styles */
+.x-slider {
+    zoom:1;
+}
+
+.x-slider-inner {
+    position:relative;
+    left:0;
+    top:0;
+    overflow:visible;
+    zoom:1;
+}
+
+.x-slider-focus {
+	position:absolute;
+	left:0;
+	top:0;
+	width:1px;
+	height:1px;
+    line-height:1px;
+    font-size:1px;
+    -moz-outline:0 none;
+    outline:0 none;
+    -moz-user-select: none;
+    -khtml-user-select:none;
+    -webkit-user-select:ignore;
+	display:block;
+	overflow:hidden;  
+}
+
+/* Horizontal styles */
+.x-slider-horz {
+    padding-left:7px;
+    background:transparent no-repeat 0 -22px;
+}
+
+.x-slider-horz .x-slider-end {
+    padding-right:7px;
+    zoom:1;
+    background:transparent no-repeat right -44px;
+}
+
+.x-slider-horz .x-slider-inner {
+    background:transparent repeat-x 0 0;
+    height:22px;
+}
+
+.x-slider-horz .x-slider-thumb {
+    width:14px;
+    height:15px;
+    position:absolute;
+    left:0;
+    top:3px;
+    background:transparent no-repeat 0 0;
+}
+
+.x-slider-horz .x-slider-thumb-over {
+    background-position: -14px -15px;
+}
+
+.x-slider-horz .x-slider-thumb-drag {
+    background-position: -28px -30px;
+}
+
+/* Vertical styles */
+.x-slider-vert {
+    padding-top:7px;
+    background:transparent no-repeat -44px 0;
+    width:22px;
+}
+
+.x-slider-vert .x-slider-end {
+    padding-bottom:7px;
+    zoom:1;
+    background:transparent no-repeat -22px bottom;
+}
+
+.x-slider-vert .x-slider-inner {
+    background:transparent repeat-y 0 0;
+}
+
+.x-slider-vert .x-slider-thumb {
+    width:15px;
+    height:14px;
+    position:absolute;
+    left:3px;
+    bottom:0;
+    background:transparent no-repeat 0 0;
+}
+
+.x-slider-vert .x-slider-thumb-over {
+    background-position: -15px -14px;
+}
+
+.x-slider-vert .x-slider-thumb-drag {
+    background-position: -30px -28px;
+}.x-window-dlg .x-window-body {
+    border:0 none !important;
+    padding:5px 10px;
+    overflow:hidden !important;
+}
+
+.x-window-dlg .x-window-mc {
+    border:0 none !important;
+}
+
+.x-window-dlg .ext-mb-input {
+    margin-top:4px;
+    width:95%;
+}
+
+.x-window-dlg .ext-mb-textarea {
+    margin-top:4px;
+}
+
+.x-window-dlg .x-progress-wrap {
+    margin-top:4px;
+}
+
+.ext-ie .x-window-dlg .x-progress-wrap {
+    margin-top:6px;
+}
+
+.x-window-dlg .x-msg-box-wait {
+    background:transparent no-repeat left;
+    display:block;
+    width:300px;
+    padding-left:18px;
+    line-height:18px;
+}
+
+.x-window-dlg .ext-mb-icon {
+    float:left;
+    width:47px;
+    height:32px;
+}
+
+.ext-ie .x-window-dlg .ext-mb-icon {
+    width:44px; /* 3px IE margin issue */
+}
+
+.x-window-dlg .x-dlg-icon .ext-mb-content{
+    zoom: 1; margin-left: 47px;
+}
+
+.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:transparent no-repeat top left;
+}
+
+.ext-gecko2 .ext-mb-fix-cursor {
+    overflow:auto;
+}.ext-el-mask {
+    background-color: #ccc;
+}
+
+.ext-el-mask-msg {
+    border-color:#6593cf;
+    background-color:#c3daf9;
+    background-image:url(images/default/box/tb-blue.gif);
+}
+.ext-el-mask-msg div {
+    background-color: #eee;
+    border-color:#a3bad9;
+    color:#222;
+    font:normal 11px tahoma, arial, helvetica, sans-serif;
+}
+
+.x-mask-loading div {
+    background-color:#fbfbfb;
+    background-image:url(images/default/grid/loading.gif);
+}
+
+.x-item-disabled {
+    color: gray;
+}
+
+.x-item-disabled * {
+    color: gray !important;
+}
+
+.x-splitbar-proxy {
+    background-color: #aaa;
+}
+
+.x-color-palette a {
+    border-color:#fff;
+}
+
+.x-color-palette a:hover, .x-color-palette a.x-color-palette-sel {
+    border-color:#8bb8f3;
+    background-color: #deecfd;
+}
+
+.x-color-palette em:hover, .x-color-palette span:hover{   
+    background-color: #deecfd;
+}
+
+.x-color-palette em {
+    border-color:#aca899;
+}
+
+.x-ie-shadow {
+    background-color:#777;
+}
+
+.x-shadow .xsmc {
+    background-image: url(images/default/shadow-c.png);
+}
+
+.x-shadow .xsml, .x-shadow .xsmr {
+    background-image: url(images/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(images/default/shadow.png);
+}
+
+.loading-indicator {
+    font-size: 11px;
+    background-image: url(images/default/grid/loading.gif);
+}
+
+.x-spotlight {
+    background-color: #ccc;
+}
+.x-tab-panel-header, .x-tab-panel-footer {
+	background-color: #deecfd;
+	border-color:#8db2e3;
+    overflow:hidden;
+    zoom:1;
+}
+
+.x-tab-panel-header, .x-tab-panel-footer {
+	border-color:#8db2e3;
+}
+
+ul.x-tab-strip-top{
+    background-color:#cedff5;
+	background-image: url(images/default/tabs/tab-strip-bg.gif);
+	border-bottom-color:#8db2e3;
+}
+
+ul.x-tab-strip-bottom{
+    background-color:#cedff5;
+	background-image: url(images/default/tabs/tab-strip-btm-bg.gif);
+	border-top-color:#8db2e3;
+}
+
+.x-tab-panel-header-plain .x-tab-strip-spacer,
+.x-tab-panel-footer-plain .x-tab-strip-spacer {
+    border-color:#8db2e3;
+    background-color: #deecfd;
+}
+
+.x-tab-strip span.x-tab-strip-text {
+	font:normal 11px tahoma,arial,helvetica;
+	color:#416aa3;
+}
+
+.x-tab-strip-over span.x-tab-strip-text {
+	color:#15428b;
+}
+
+.x-tab-strip-active span.x-tab-strip-text {
+	color:#15428b;
+    font-weight:bold;
+}
+
+.x-tab-strip-disabled .x-tabs-text {
+	color:#aaaaaa;
+}
+
+.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(images/default/tabs/tabs-sprite.gif);
+}
+
+.x-tab-strip-bottom .x-tab-right {
+	background-image: url(images/default/tabs/tab-btm-inactive-right-bg.gif);
+}
+
+.x-tab-strip-bottom .x-tab-left {
+	background-image: url(images/default/tabs/tab-btm-inactive-left-bg.gif);
+}
+
+.x-tab-strip-bottom .x-tab-strip-over .x-tab-right {
+	background-image: url(images/default/tabs/tab-btm-over-right-bg.gif);
+}
+
+.x-tab-strip-bottom .x-tab-strip-over .x-tab-left {
+	background-image: url(images/default/tabs/tab-btm-over-left-bg.gif);
+}
+
+.x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
+	background-image: url(images/default/tabs/tab-btm-right-bg.gif);
+}
+
+.x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
+	background-image: url(images/default/tabs/tab-btm-left-bg.gif);
+}
+
+.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
+	background-image:url(images/default/tabs/tab-close.gif);
+}
+
+.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{
+	background-image:url(images/default/tabs/tab-close.gif);
+}
+
+.x-tab-panel-body {
+    border-color:#8db2e3;
+    background-color:#fff;
+}
+
+.x-tab-panel-body-top {
+    border-top: 0 none;
+}
+
+.x-tab-panel-body-bottom {
+    border-bottom: 0 none;
+}
+
+.x-tab-scroller-left {
+    background-image:url(images/default/tabs/scroll-left.gif);
+    border-bottom-color:#8db2e3;
+}
+
+.x-tab-scroller-left-over {
+    background-position: 0 0;
+}
+
+.x-tab-scroller-left-disabled {
+    background-position: -18px 0;
+    opacity:.5;
+    -moz-opacity:.5;
+    filter:alpha(opacity=50);
+    cursor:default;
+}
+
+.x-tab-scroller-right {
+    background-image:url(images/default/tabs/scroll-right.gif);
+    border-bottom-color:#8db2e3;
+}
+
+.x-tab-panel-bbar .x-toolbar, .x-tab-panel-tbar .x-toolbar {
+    border-color:#99bbe8;
+}.x-form-field {
+    font:normal 12px tahoma, arial, helvetica, sans-serif;
+}
+
+.x-form-text, textarea.x-form-field {
+    background-color:#fff;
+    background-image:url(images/default/form/text-bg.gif);
+    border-color:#b5b8c8;
+}
+
+.x-form-select-one {
+    background-color:#fff;
+    border-color:#b5b8c8;
+}
+
+.x-form-check-group-label {
+    border-bottom: 1px solid #99bbe8;
+    color: #15428b;
+}
+
+.x-editor .x-form-check-wrap {
+    background-color:#fff;
+}
+
+.x-form-field-wrap .x-form-trigger {
+    background-image:url(images/default/form/trigger.gif);
+    border-bottom-color:#b5b8c8;
+}
+
+.x-form-field-wrap .x-form-date-trigger {
+    background-image: url(images/default/form/date-trigger.gif);
+}
+
+.x-form-field-wrap .x-form-clear-trigger {
+    background-image: url(images/default/form/clear-trigger.gif);
+}
+
+.x-form-field-wrap .x-form-search-trigger {
+    background-image: url(images/default/form/search-trigger.gif);
+}
+
+.x-trigger-wrap-focus .x-form-trigger {
+    border-bottom-color:#7eadd9;
+}
+
+.x-item-disabled .x-form-trigger-over {
+    border-bottom-color:#b5b8c8;
+}
+
+.x-item-disabled .x-form-trigger-click {
+    border-bottom-color:#b5b8c8;
+}
+
+.x-form-focus, textarea.x-form-focus {
+	border-color:#7eadd9;
+}
+
+.x-form-invalid, textarea.x-form-invalid {
+    background-color:#fff;
+	background-image:url(images/default/grid/invalid_line.gif);
+	border-color:#c30;
+}
+
+.x-form-invalid.x-form-composite {
+    border: none;
+    background-image: none;
+}
+
+.x-form-invalid.x-form-composite .x-form-invalid {
+    background-color:#fff;
+	background-image:url(images/default/grid/invalid_line.gif);
+	border-color:#c30;
+}
+
+.x-form-inner-invalid, textarea.x-form-inner-invalid {
+    background-color:#fff;
+	background-image:url(images/default/grid/invalid_line.gif);
+}
+
+.x-form-grow-sizer {
+	font:normal 12px tahoma, arial, helvetica, sans-serif;
+}
+
+.x-form-item {
+    font:normal 12px tahoma, arial, helvetica, sans-serif;
+}
+
+.x-form-invalid-msg {
+    color:#c0272b;
+    font:normal 11px tahoma, arial, helvetica, sans-serif;
+    background-image:url(images/default/shared/warning.gif);
+}
+
+.x-form-empty-field {
+    color:gray;
+}
+
+.x-small-editor .x-form-field {
+    font:normal 11px arial, tahoma, helvetica, sans-serif;
+}
+
+.ext-webkit .x-small-editor .x-form-field {
+    font:normal 11px arial, tahoma, helvetica, sans-serif;
+}
+
+.x-form-invalid-icon {
+    background-image:url(images/default/form/exclamation.gif);
+}
+
+.x-fieldset {
+    border-color:#b5b8c8;
+}
+
+.x-fieldset legend {
+    font:bold 11px tahoma, arial, helvetica, sans-serif;
+    color:#15428b;
+}
+.x-btn{
+	font:normal 11px tahoma, verdana, helvetica;
+}
+
+.x-btn button{
+    font:normal 11px arial,tahoma,verdana,helvetica;
+    color:#333;
+}
+
+.x-btn em {
+    font-style:normal;
+    font-weight:normal;
+}
+
+.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(images/default/button/btn.gif);
+}
+
+.x-btn-click .x-btn-text, .x-btn-menu-active .x-btn-text, .x-btn-pressed .x-btn-text{
+    color:#000;
+}
+
+.x-btn-disabled *{
+	color:gray !important;
+}
+
+.x-btn-mc em.x-btn-arrow {
+    background-image:url(images/default/button/arrow.gif);
+}
+
+.x-btn-mc em.x-btn-split {
+    background-image:url(images/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(images/default/button/s-arrow-o.gif);
+}
+
+.x-btn-mc em.x-btn-arrow-bottom {
+    background-image:url(images/default/button/s-arrow-b-noline.gif);
+}
+
+.x-btn-mc em.x-btn-split-bottom {
+    background-image:url(images/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(images/default/button/s-arrow-bo.gif);
+}
+
+.x-btn-group-header {
+    color: #3e6aaa;
+}
+
+.x-btn-group-tc {
+	background-image: url(images/default/button/group-tb.gif);
+}
+
+.x-btn-group-tl {
+	background-image: url(images/default/button/group-cs.gif);
+}
+
+.x-btn-group-tr {
+	background-image: url(images/default/button/group-cs.gif);
+}
+
+.x-btn-group-bc {
+	background-image: url(images/default/button/group-tb.gif);
+}
+
+.x-btn-group-bl {
+	background-image: url(images/default/button/group-cs.gif);
+}
+
+.x-btn-group-br {
+	background-image: url(images/default/button/group-cs.gif);
+}
+
+.x-btn-group-ml {
+	background-image: url(images/default/button/group-lr.gif);
+}
+.x-btn-group-mr {
+	background-image: url(images/default/button/group-lr.gif);
+}
+
+.x-btn-group-notitle .x-btn-group-tc {
+	background-image: url(images/default/button/group-tb.gif);
+}.x-toolbar{
+	border-color:#a9bfd3;
+    background-color:#d0def0;
+    background-image:url(images/default/toolbar/bg.gif);
+}
+
+.x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{
+    font:normal 11px arial,tahoma, helvetica, sans-serif;
+}
+
+.x-toolbar .x-item-disabled {
+	color:gray;
+}
+
+.x-toolbar .x-item-disabled * {
+	color:gray;
+}
+
+.x-toolbar .x-btn-mc em.x-btn-split {
+    background-image:url(images/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(images/default/button/s-arrow-o.gif);
+}
+
+.x-toolbar .x-btn-mc em.x-btn-split-bottom {
+    background-image:url(images/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(images/default/button/s-arrow-bo.gif);
+}
+
+.x-toolbar .xtb-sep {
+	background-image: url(images/default/grid/grid-blue-split.gif);
+}
+
+.x-tbar-page-first{
+	background-image: url(images/default/grid/page-first.gif) !important;
+}
+
+.x-tbar-loading{
+	background-image: url(images/default/grid/refresh.gif) !important;
+}
+
+.x-tbar-page-last{
+	background-image: url(images/default/grid/page-last.gif) !important;
+}
+
+.x-tbar-page-next{
+	background-image: url(images/default/grid/page-next.gif) !important;
+}
+
+.x-tbar-page-prev{
+	background-image: url(images/default/grid/page-prev.gif) !important;
+}
+
+.x-item-disabled .x-tbar-loading{
+	background-image: url(images/default/grid/loading.gif) !important;
+}
+
+.x-item-disabled .x-tbar-page-first{
+	background-image: url(images/default/grid/page-first-disabled.gif) !important;
+}
+
+.x-item-disabled .x-tbar-page-last{
+	background-image: url(images/default/grid/page-last-disabled.gif) !important;
+}
+
+.x-item-disabled .x-tbar-page-next{
+	background-image: url(images/default/grid/page-next-disabled.gif) !important;
+}
+
+.x-item-disabled .x-tbar-page-prev{
+	background-image: url(images/default/grid/page-prev-disabled.gif) !important;
+}
+
+.x-paging-info {
+    color:#444;
+}
+
+.x-toolbar-more-icon {
+    background-image: url(images/default/toolbar/more.gif) !important;
+}.x-resizable-handle {
+	background-color:#fff;
+}
+
+.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(images/default/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(images/default/sizer/s-handle.gif);
+}
+
+.x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north{
+    background-image:url(images/default/sizer/s-handle.gif);
+}
+.x-resizable-over .x-resizable-handle-southeast, .x-resizable-pinned .x-resizable-handle-southeast{
+    background-image:url(images/default/sizer/se-handle.gif);
+}
+.x-resizable-over .x-resizable-handle-northwest, .x-resizable-pinned .x-resizable-handle-northwest{
+    background-image:url(images/default/sizer/nw-handle.gif);
+}
+.x-resizable-over .x-resizable-handle-northeast, .x-resizable-pinned .x-resizable-handle-northeast{
+    background-image:url(images/default/sizer/ne-handle.gif);
+}
+.x-resizable-over .x-resizable-handle-southwest, .x-resizable-pinned .x-resizable-handle-southwest{
+    background-image:url(images/default/sizer/sw-handle.gif);
+}
+.x-resizable-proxy{
+    border-color:#3b5a82;
+}
+.x-resizable-overlay{
+    background-color:#fff;
+}
+.x-grid3 {
+    background-color:#fff;
+}
+
+.x-grid-panel .x-panel-mc .x-panel-body {
+    border-color:#99bbe8;
+}
+
+.x-grid3-row td, .x-grid3-summary-row td{
+	font:normal 11px/13px arial, tahoma, helvetica, sans-serif;
+}
+
+.x-grid3-hd-row td {
+	font:normal 11px/15px arial, tahoma, helvetica, sans-serif;
+}
+
+
+.x-grid3-hd-row td {
+    border-left-color:#eee;
+    border-right-color:#d0d0d0;
+}
+
+.x-grid-row-loading {
+    background-color: #fff;
+    background-image:url(images/default/shared/loading-balls.gif);
+}
+
+.x-grid3-row {
+    border-color:#ededed;
+    border-top-color:#fff;
+}
+
+.x-grid3-row-alt{
+	background-color:#fafafa;
+}
+
+.x-grid3-row-over {
+	border-color:#ddd;
+    background-color:#efefef;
+    background-image:url(images/default/grid/row-over.gif);
+}
+
+.x-grid3-resize-proxy {
+    background-color:#777;
+}
+
+.x-grid3-resize-marker {
+    background-color:#777;
+}
+
+.x-grid3-header{
+    background-color:#f9f9f9;
+	background-image:url(images/default/grid/grid3-hrow.gif);
+}
+
+.x-grid3-header-pop {
+    border-left-color:#d0d0d0;
+}
+
+.x-grid3-header-pop-inner {
+    border-left-color:#eee;
+    background-image:url(images/default/grid/hd-pop.gif);
+}
+
+td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open {
+    border-left-color:#aaccf6;
+    border-right-color:#aaccf6;
+}
+
+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:#ebf3fd;
+    background-image:url(images/default/grid/grid3-hrow-over.gif);
+
+}
+
+.sort-asc .x-grid3-sort-icon {
+	background-image: url(images/default/grid/sort_asc.gif);
+}
+
+.sort-desc .x-grid3-sort-icon {
+	background-image: url(images/default/grid/sort_desc.gif);
+}
+
+.x-grid3-cell-text, .x-grid3-hd-text {
+	color:#000;
+}
+
+.x-grid3-split {
+	background-image: url(images/default/grid/grid-split.gif);
+}
+
+.x-grid3-hd-text {
+	color:#15428b;
+}
+
+.x-dd-drag-proxy .x-grid3-hd-inner{
+    background-color:#ebf3fd;
+	background-image:url(images/default/grid/grid3-hrow-over.gif);
+	border-color:#aaccf6;
+}
+
+.col-move-top{
+	background-image:url(images/default/grid/col-move-top.gif);
+}
+
+.col-move-bottom{
+	background-image:url(images/default/grid/col-move-bottom.gif);
+}
+
+.x-grid3-row-selected {
+	background-color: #dfe8f6 !important;
+	background-image: none;
+	border-color:#a3bae9;
+}
+
+.x-grid3-cell-selected{
+	background-color: #b8cfee !important;
+	color:#000;
+}
+
+.x-grid3-cell-selected span{
+	color:#000 !important;
+}
+
+.x-grid3-cell-selected .x-grid3-cell-text{
+	color:#000;
+}
+
+.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(images/default/grid/grid-hrow.gif) !important;
+    color:#000;
+    border-top-color:#fff;
+    border-right-color:#6fa0df !important;
+}
+
+.x-grid3-locked td.x-grid3-row-marker div, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{
+    color:#15428b !important;
+}
+
+.x-grid3-dirty-cell {
+    background-image:url(images/default/grid/dirty.gif);
+}
+
+.x-grid3-topbar, .x-grid3-bottombar{
+	font:normal 11px arial, tahoma, helvetica, sans-serif;
+}
+
+.x-grid3-bottombar .x-toolbar{
+	border-top-color:#a9bfd3;
+}
+
+.x-props-grid .x-grid3-td-name .x-grid3-cell-inner{
+	background-image:url(images/default/grid/grid3-special-col-bg.gif) !important;
+    color:#000 !important;
+}
+
+.x-props-grid .x-grid3-body .x-grid3-td-name{
+    background-color:#fff !important;
+    border-right-color:#eee;
+}
+
+.xg-hmenu-sort-asc .x-menu-item-icon{
+	background-image: url(images/default/grid/hmenu-asc.gif);
+}
+
+.xg-hmenu-sort-desc .x-menu-item-icon{
+	background-image: url(images/default/grid/hmenu-desc.gif);
+}
+
+.xg-hmenu-lock .x-menu-item-icon{
+	background-image: url(images/default/grid/hmenu-lock.gif);
+}
+
+.xg-hmenu-unlock .x-menu-item-icon{
+	background-image: url(images/default/grid/hmenu-unlock.gif);
+}
+
+.x-grid3-hd-btn {
+    background-color:#c3daf9;
+    background-image:url(images/default/grid/grid3-hd-btn.gif);
+}
+
+.x-grid3-body .x-grid3-td-expander {
+    background-image:url(images/default/grid/grid3-special-col-bg.gif);
+}
+
+.x-grid3-row-expander {
+    background-image:url(images/default/grid/row-expand-sprite.gif);
+}
+
+.x-grid3-body .x-grid3-td-checker {
+    background-image: url(images/default/grid/grid3-special-col-bg.gif);
+}
+
+.x-grid3-row-checker, .x-grid3-hd-checker {
+    background-image:url(images/default/grid/row-check-sprite.gif);
+}
+
+.x-grid3-body .x-grid3-td-numberer {
+    background-image:url(images/default/grid/grid3-special-col-bg.gif);
+}
+
+.x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner {
+	color:#444;
+}
+
+.x-grid3-body .x-grid3-td-row-icon {
+    background-image:url(images/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(images/default/grid/grid3-special-col-sel-bg.gif);
+}
+
+.x-grid3-check-col {
+	background-image:url(images/default/menu/unchecked.gif);
+}
+
+.x-grid3-check-col-on {
+	background-image:url(images/default/menu/checked.gif);
+}
+
+.x-grid-group, .x-grid-group-body, .x-grid-group-hd {
+    zoom:1;
+}
+
+.x-grid-group-hd {
+    border-bottom-color:#99bbe8;
+}
+
+.x-grid-group-hd div.x-grid-group-title {
+    background-image:url(images/default/grid/group-collapse.gif);
+    color:#3764a0;
+    font:bold 11px tahoma, arial, helvetica, sans-serif;
+}
+
+.x-grid-group-collapsed .x-grid-group-hd div.x-grid-group-title {
+    background-image:url(images/default/grid/group-expand.gif);
+}
+
+.x-group-by-icon {
+    background-image:url(images/default/grid/group-by.gif);
+}
+
+.x-cols-icon {
+    background-image:url(images/default/grid/columns.gif);
+}
+
+.x-show-groups-icon {
+    background-image:url(images/default/grid/group-by.gif);
+}
+
+.x-grid-empty {
+    color:gray;
+    font:normal 11px tahoma, arial, helvetica, sans-serif;
+}
+
+.x-grid-with-col-lines .x-grid3-row td.x-grid3-cell {
+    border-right-color:#ededed;
+}
+
+.x-grid-with-col-lines .x-grid3-row-selected {
+	border-top-color:#a3bae9;
+}.x-dd-drag-ghost{
+	color:#000;
+	font: normal 11px arial, helvetica, sans-serif;
+    border-color: #ddd #bbb #bbb #ddd;
+	background-color:#fff;
+}
+
+.x-dd-drop-nodrop .x-dd-drop-icon{
+  background-image: url(images/default/dd/drop-no.gif);
+}
+
+.x-dd-drop-ok .x-dd-drop-icon{
+  background-image: url(images/default/dd/drop-yes.gif);
+}
+
+.x-dd-drop-ok-add .x-dd-drop-icon{
+  background-image: url(images/default/dd/drop-add.gif);
+}
+
+.x-view-selector {
+    background-color:#c3daf9;
+    border-color:#3399bb;
+}.x-tree-node-expanded .x-tree-node-icon{
+	background-image:url(images/default/tree/folder-open.gif);
+}
+
+.x-tree-node-leaf .x-tree-node-icon{
+	background-image:url(images/default/tree/leaf.gif);
+}
+
+.x-tree-node-collapsed .x-tree-node-icon{
+	background-image:url(images/default/tree/folder.gif);
+}
+
+.x-tree-node-loading .x-tree-node-icon{
+	background-image:url(images/default/tree/loading.gif) !important;
+}
+
+.x-tree-node .x-tree-node-inline-icon {
+    background-image: none;
+}
+
+.x-tree-node-loading a span{
+	 font-style: italic;
+	 color:#444444;
+}
+
+.x-tree-lines .x-tree-elbow{
+	background-image:url(images/default/tree/elbow.gif);
+}
+
+.x-tree-lines .x-tree-elbow-plus{
+	background-image:url(images/default/tree/elbow-plus.gif);
+}
+
+.x-tree-lines .x-tree-elbow-minus{
+	background-image:url(images/default/tree/elbow-minus.gif);
+}
+
+.x-tree-lines .x-tree-elbow-end{
+	background-image:url(images/default/tree/elbow-end.gif);
+}
+
+.x-tree-lines .x-tree-elbow-end-plus{
+	background-image:url(images/default/tree/elbow-end-plus.gif);
+}
+
+.x-tree-lines .x-tree-elbow-end-minus{
+	background-image:url(images/default/tree/elbow-end-minus.gif);
+}
+
+.x-tree-lines .x-tree-elbow-line{
+	background-image:url(images/default/tree/elbow-line.gif);
+}
+
+.x-tree-no-lines .x-tree-elbow-plus{
+	background-image:url(images/default/tree/elbow-plus-nl.gif);
+}
+
+.x-tree-no-lines .x-tree-elbow-minus{
+	background-image:url(images/default/tree/elbow-minus-nl.gif);
+}
+
+.x-tree-no-lines .x-tree-elbow-end-plus{
+	background-image:url(images/default/tree/elbow-end-plus-nl.gif);
+}
+
+.x-tree-no-lines .x-tree-elbow-end-minus{
+	background-image:url(images/default/tree/elbow-end-minus-nl.gif);
+}
+
+.x-tree-arrows .x-tree-elbow-plus{
+    background-image:url(images/default/tree/arrows.gif);
+}
+
+.x-tree-arrows .x-tree-elbow-minus{
+    background-image:url(images/default/tree/arrows.gif);
+}
+
+.x-tree-arrows .x-tree-elbow-end-plus{
+    background-image:url(images/default/tree/arrows.gif);
+}
+
+.x-tree-arrows .x-tree-elbow-end-minus{
+    background-image:url(images/default/tree/arrows.gif);
+}
+
+.x-tree-node{
+	color:#000;
+	font: normal 11px arial, tahoma, helvetica, sans-serif;
+}
+
+.x-tree-node a, .x-dd-drag-ghost a{
+	color:#000;
+}
+
+.x-tree-node a span, .x-dd-drag-ghost a span{
+	color:#000;
+}
+
+.x-tree-node .x-tree-node-disabled a span{
+	color:gray !important;
+}
+
+.x-tree-node div.x-tree-drag-insert-below{
+ 	 border-bottom-color:#36c;
+}
+
+.x-tree-node div.x-tree-drag-insert-above{
+	 border-top-color:#36c;
+}
+
+.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a{
+ 	 border-bottom-color:#36c;
+}
+
+.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a{
+	 border-top-color:#36c;
+}
+
+.x-tree-node .x-tree-drag-append a span{
+	 background-color:#ddd;
+	 border-color:gray;
+}
+
+.x-tree-node .x-tree-node-over {
+	background-color: #eee;
+}
+
+.x-tree-node .x-tree-selected {
+	background-color: #d9e8fb;
+}
+
+.x-tree-drop-ok-append .x-dd-drop-icon{
+  background-image: url(images/default/tree/drop-add.gif);
+}
+
+.x-tree-drop-ok-above .x-dd-drop-icon{
+  background-image: url(images/default/tree/drop-over.gif);
+}
+
+.x-tree-drop-ok-below .x-dd-drop-icon{
+  background-image: url(images/default/tree/drop-under.gif);
+}
+
+.x-tree-drop-ok-between .x-dd-drop-icon{
+  background-image: url(images/default/tree/drop-between.gif);
+}.x-date-picker {
+    border-color: #1b376c;
+    background-color:#fff;
+}
+
+.x-date-middle,.x-date-left,.x-date-right {
+	background-image: url(images/default/shared/hd-sprite.gif);
+	color:#fff;
+	font:bold 11px "sans serif", tahoma, verdana, helvetica;
+}
+
+.x-date-middle .x-btn .x-btn-text {
+    color:#fff;
+}
+
+.x-date-middle .x-btn-mc em.x-btn-arrow {
+    background-image:url(images/default/toolbar/btn-arrow-light.gif);
+}
+
+.x-date-right a {
+    background-image: url(images/default/shared/right-btn.gif);
+}
+
+.x-date-left a{
+	background-image: url(images/default/shared/left-btn.gif);
+}
+
+.x-date-inner th {
+    background-color:#dfecfb;
+    background-image:url(images/default/shared/glass-bg.gif);
+	border-bottom-color:#a3bad9;
+    font:normal 10px arial, helvetica,tahoma,sans-serif;
+	color:#233d6d;
+}
+
+.x-date-inner td {
+    border-color:#fff;
+}
+
+.x-date-inner a {
+    font:normal 11px arial, helvetica,tahoma,sans-serif;
+    color:#000;
+}
+
+.x-date-inner .x-date-active{
+	color:#000;
+}
+
+.x-date-inner .x-date-selected a{
+    background-color:#dfecfb;
+	background-image:url(images/default/shared/glass-bg.gif);
+	border-color:#8db2e3;
+}
+
+.x-date-inner .x-date-today a{
+	border-color:darkred;
+}
+
+.x-date-inner .x-date-selected span{
+    font-weight:bold;
+}
+
+.x-date-inner .x-date-prevday a,.x-date-inner .x-date-nextday a {
+	color:#aaa;
+}
+
+.x-date-bottom {
+    border-top-color:#a3bad9;
+    background-color:#dfecfb;
+    background-image:url(images/default/shared/glass-bg.gif);
+}
+
+.x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover{
+    color:#000;
+    background-color:#ddecfe;
+}
+
+.x-date-inner .x-date-disabled a {
+	background-color:#eee;
+	color:#bbb;
+}
+
+.x-date-mmenu{
+    background-color:#eee !important;
+}
+
+.x-date-mmenu .x-menu-item {
+	font-size:10px;
+	color:#000;
+}
+
+.x-date-mp {
+	background-color:#fff;
+}
+
+.x-date-mp td {
+	font:normal 11px arial, helvetica,tahoma,sans-serif;
+}
+
+.x-date-mp-btns button {
+	background-color:#083772;
+	color:#fff;
+	border-color: #3366cc #000055 #000055 #3366cc;
+	font:normal 11px arial, helvetica,tahoma,sans-serif;
+}
+
+.x-date-mp-btns {
+    background-color: #dfecfb;
+	background-image: url(images/default/shared/glass-bg.gif);
+}
+
+.x-date-mp-btns td {
+	border-top-color: #c5d2df;
+}
+
+td.x-date-mp-month a,td.x-date-mp-year a {
+	color:#15428b;
+}
+
+td.x-date-mp-month a:hover,td.x-date-mp-year a:hover {
+	color:#15428b;
+	background-color: #ddecfe;
+}
+
+td.x-date-mp-sel a {
+    background-color: #dfecfb;
+	background-image: url(images/default/shared/glass-bg.gif);
+	border-color:#8db2e3;
+}
+
+.x-date-mp-ybtn a {
+    background-image:url(images/default/panel/tool-sprites.gif);
+}
+
+td.x-date-mp-sep {
+   border-right-color:#c5d2df;
+}.x-tip .x-tip-close{
+	background-image: url(images/default/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(images/default/qtip/tip-sprite.gif);
+}
+
+.x-tip .x-tip-mc {
+    font: normal 11px tahoma,arial,helvetica,sans-serif;
+}
+.x-tip .x-tip-ml {
+	background-color: #fff;
+}
+
+.x-tip .x-tip-header-text {
+    font: bold 11px tahoma,arial,helvetica,sans-serif;
+    color:#444;
+}
+
+.x-tip .x-tip-body {
+    font: normal 11px tahoma,arial,helvetica,sans-serif;
+    color:#444;
+}
+
+.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(images/default/form/error-tip-corners.gif);
+}
+
+.x-form-invalid-tip .x-tip-body {
+    background-image:url(images/default/form/exclamation.gif);
+}
+
+.x-tip-anchor {
+    background-image:url(images/default/qtip/tip-anchor-sprite.gif);
+}.x-menu {
+    background-color:#f0f0f0;
+	background-image:url(images/default/menu/menu.gif);
+}
+
+.x-menu-floating{
+    border-color:#718bb7;
+}
+
+.x-menu-nosep {
+	background-image:none;
+}
+
+.x-menu-list-item{
+	font:normal 11px arial,tahoma,sans-serif;
+}
+
+.x-menu-item-arrow{
+	background-image:url(images/default/menu/menu-parent.gif);
+}
+
+.x-menu-sep {
+    background-color:#e0e0e0;
+	border-bottom-color:#fff;
+}
+
+a.x-menu-item {
+	color:#222;
+}
+
+.x-menu-item-active {
+    background-image: url(images/default/menu/item-over.gif);
+	background-color: #dbecf4;
+    border-color:#aaccf6;
+}
+
+.x-menu-item-active a.x-menu-item {
+	border-color:#aaccf6;
+}
+
+.x-menu-check-item .x-menu-item-icon{
+	background-image:url(images/default/menu/unchecked.gif);
+}
+
+.x-menu-item-checked .x-menu-item-icon{
+	background-image:url(images/default/menu/checked.gif);
+}
+
+.x-menu-item-checked .x-menu-group-item .x-menu-item-icon{
+    background-image:url(images/default/menu/group-checked.gif);
+}
+
+.x-menu-group-item .x-menu-item-icon{
+    background-image:none;
+}
+
+.x-menu-plain {
+	background-color:#f0f0f0 !important;
+    background-image: none;
+}
+
+.x-date-menu, .x-color-menu{
+    background-color: #fff !important;
+}
+
+.x-menu .x-date-picker{
+    border-color:#a3bad9;
+}
+
+.x-cycle-menu .x-menu-item-checked {
+    border-color:#a3bae9 !important;
+    background-color:#def8f6;
+}
+
+.x-menu-scroller-top {
+    background-image:url(images/default/layout/mini-top.gif);
+}
+
+.x-menu-scroller-bottom {
+    background-image:url(images/default/layout/mini-bottom.gif);
+}
+.x-box-tl {
+	background-image: url(images/default/box/corners.gif);
+}
+
+.x-box-tc {
+	background-image: url(images/default/box/tb.gif);
+}
+
+.x-box-tr {
+	background-image: url(images/default/box/corners.gif);
+}
+
+.x-box-ml {
+	background-image: url(images/default/box/l.gif);
+}
+
+.x-box-mc {
+	background-color: #eee;
+    background-image: url(images/default/box/tb.gif);
+	font-family: "Myriad Pro","Myriad Web","Tahoma","Helvetica","Arial",sans-serif;
+	color: #393939;
+	font-size: 12px;
+}
+
+.x-box-mc h3 {
+	font-size: 14px;
+	font-weight: bold;
+}
+
+.x-box-mr {
+	background-image: url(images/default/box/r.gif);
+}
+
+.x-box-bl {
+	background-image: url(images/default/box/corners.gif);
+}
+
+.x-box-bc {
+	background-image: url(images/default/box/tb.gif);
+}
+
+.x-box-br {
+	background-image: url(images/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(images/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(images/default/box/tb-blue.gif);
+}
+
+.x-box-blue .x-box-mc {
+	background-color: #c3daf9;
+}
+
+.x-box-blue .x-box-mc h3 {
+	color: #17385b;
+}
+
+.x-box-blue .x-box-ml {
+	background-image: url(images/default/box/l-blue.gif);
+}
+
+.x-box-blue .x-box-mr {
+	background-image: url(images/default/box/r-blue.gif);
+}.x-combo-list {
+    border-color:#98c0f4;
+    background-color:#ddecfe;
+    font:normal 12px tahoma, arial, helvetica, sans-serif;
+}
+
+.x-combo-list-inner {
+    background-color:#fff;
+}
+
+.x-combo-list-hd {
+    font:bold 11px tahoma, arial, helvetica, sans-serif;
+    color:#15428b;
+    background-image: url(images/default/layout/panel-title-light-bg.gif);
+    border-bottom-color:#98c0f4;
+}
+
+.x-resizable-pinned .x-combo-list-inner {
+    border-bottom-color:#98c0f4;
+}
+
+.x-combo-list-item {
+    border-color:#fff;
+}
+
+.x-combo-list .x-combo-selected{
+	border-color:#a3bae9 !important;
+    background-color:#dfe8f6;
+}
+
+.x-combo-list .x-toolbar {
+    border-top-color:#98c0f4;
+}
+
+.x-combo-list-small {
+    font:normal 11px tahoma, arial, helvetica, sans-serif;
+}.x-panel {
+    border-color: #99bbe8;
+}
+
+.x-panel-header {
+    color:#15428b;
+	font-weight:bold; 
+    font-size: 11px;
+    font-family: tahoma,arial,verdana,sans-serif;
+    border-color:#99bbe8;
+    background-image: url(images/default/panel/white-top-bottom.gif);
+}
+
+.x-panel-body {
+    border-color:#99bbe8;
+    background-color:#fff;
+}
+
+.x-panel-bbar .x-toolbar, .x-panel-tbar .x-toolbar {
+    border-color:#99bbe8;
+}
+
+.x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {
+    border-top-color:#99bbe8;
+}
+
+.x-panel-body-noheader, .x-panel-mc .x-panel-body {
+    border-top-color:#99bbe8;
+}
+
+.x-panel-tl .x-panel-header {
+    color:#15428b;
+	font:bold 11px tahoma,arial,verdana,sans-serif;
+}
+
+.x-panel-tc {
+	background-image: url(images/default/panel/top-bottom.gif);
+}
+
+.x-panel-tl, .x-panel-tr, .x-panel-bl,  .x-panel-br{
+	background-image: url(images/default/panel/corners-sprite.gif);
+    border-bottom-color:#99bbe8;
+}
+
+.x-panel-bc {
+	background-image: url(images/default/panel/top-bottom.gif);
+}
+
+.x-panel-mc {
+    font: normal 11px tahoma,arial,helvetica,sans-serif;
+    background-color:#dfe8f6;
+}
+
+.x-panel-ml {
+	background-color: #fff;
+    background-image:url(images/default/panel/left-right.gif);
+}
+
+.x-panel-mr {
+	background-image: url(images/default/panel/left-right.gif);
+}
+
+.x-tool {
+    background-image:url(images/default/panel/tool-sprites.gif);
+}
+
+.x-panel-ghost {
+    background-color:#cbddf3;
+}
+
+.x-panel-ghost ul {
+    border-color:#99bbe8;
+}
+
+.x-panel-dd-spacer {
+    border-color:#99bbe8;
+}
+
+.x-panel-fbar td,.x-panel-fbar span,.x-panel-fbar input,.x-panel-fbar div,.x-panel-fbar select,.x-panel-fbar label{
+    font:normal 11px arial,tahoma, helvetica, sans-serif;
+}
+.x-window-proxy {
+    background-color:#c7dffc;
+    border-color:#99bbe8;
+}
+
+.x-window-tl .x-window-header {
+    color:#15428b;
+	font:bold 11px tahoma,arial,verdana,sans-serif;
+}
+
+.x-window-tc {
+	background-image: url(images/default/window/top-bottom.png);
+}
+
+.x-window-tl {
+	background-image: url(images/default/window/left-corners.png);
+}
+
+.x-window-tr {
+	background-image: url(images/default/window/right-corners.png);
+}
+
+.x-window-bc {
+	background-image: url(images/default/window/top-bottom.png);
+}
+
+.x-window-bl {
+	background-image: url(images/default/window/left-corners.png);
+}
+
+.x-window-br {
+	background-image: url(images/default/window/right-corners.png);
+}
+
+.x-window-mc {
+    border-color:#99bbe8;
+    font: normal 11px tahoma,arial,helvetica,sans-serif;
+    background-color:#dfe8f6;
+}
+
+.x-window-ml {
+	background-image: url(images/default/window/left-right.png);
+}
+
+.x-window-mr {
+	background-image: url(images/default/window/left-right.png);
+}
+
+.x-window-maximized .x-window-tc {
+    background-color:#fff;
+}
+
+.x-window-bbar .x-toolbar {
+    border-top-color:#99bbe8;
+}
+
+.x-panel-ghost .x-window-tl {
+    border-bottom-color:#99bbe8;
+}
+
+.x-panel-collapsed .x-window-tl {
+    border-bottom-color:#84a0c4;
+}
+
+.x-dlg-mask{
+   background-color:#ccc;
+}
+
+.x-window-plain .x-window-mc {
+    background-color: #ccd9e8;
+    border-color: #a3bae9 #dfe8f6 #dfe8f6 #a3bae9;
+}
+
+.x-window-plain .x-window-body {
+    border-color: #dfe8f6 #a3bae9 #a3bae9 #dfe8f6;
+}
+
+body.x-body-masked .x-window-plain .x-window-mc {
+    background-color: #ccd9e8;
+}.x-html-editor-wrap {
+    border-color:#a9bfd3;
+    background-color:#fff;
+}
+.x-html-editor-tb .x-btn-text {
+    background-image:url(images/default/editor/tb-sprite.gif);
+}.x-panel-noborder .x-panel-header-noborder {
+    border-bottom-color:#99bbe8;
+}
+
+.x-panel-noborder .x-panel-tbar-noborder .x-toolbar {
+    border-bottom-color:#99bbe8;
+}
+
+.x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
+    border-top-color:#99bbe8;
+}
+
+.x-tab-panel-bbar-noborder .x-toolbar {
+    border-top-color:#99bbe8;
+}
+
+.x-tab-panel-tbar-noborder .x-toolbar {
+    border-bottom-color:#99bbe8;
+}.x-border-layout-ct {
+    background-color:#dfe8f6;
+}
+
+.x-accordion-hd {
+	color:#222;
+    font-weight:normal;
+    background-image: url(images/default/panel/light-hd.gif);
+}
+
+.x-layout-collapsed{
+    background-color:#d2e0f2;
+	border-color:#98c0f4;
+}
+
+.x-layout-collapsed-over{
+    background-color:#d9e8fb;
+}
+
+.x-layout-split-west .x-layout-mini {
+    background-image:url(images/default/layout/mini-left.gif);
+}
+.x-layout-split-east .x-layout-mini {
+    background-image:url(images/default/layout/mini-right.gif);
+}
+.x-layout-split-north .x-layout-mini {
+    background-image:url(images/default/layout/mini-top.gif);
+}
+.x-layout-split-south .x-layout-mini {
+    background-image:url(images/default/layout/mini-bottom.gif);
+}
+
+.x-layout-cmini-west .x-layout-mini {
+    background-image:url(images/default/layout/mini-right.gif);
+}
+
+.x-layout-cmini-east .x-layout-mini {
+    background-image:url(images/default/layout/mini-left.gif);
+}
+
+.x-layout-cmini-north .x-layout-mini {
+    background-image:url(images/default/layout/mini-bottom.gif);
+}
+
+.x-layout-cmini-south .x-layout-mini {
+    background-image:url(images/default/layout/mini-top.gif);
+}.x-progress-wrap {
+    border-color:#6593cf;
+}
+
+.x-progress-inner {
+    background-color:#e0e8f3;
+    background-image:url(images/default/qtip/bg.gif);
+}
+
+.x-progress-bar {
+    background-color:#9cbfee;
+    background-image:url(images/default/progress/progress-bg.gif);
+    border-top-color:#d1e4fd;
+    border-bottom-color:#7fa9e4;
+    border-right-color:#7fa9e4;
+}
+
+.x-progress-text {
+    font-size:11px;
+    font-weight:bold;
+    color:#fff;
+}
+
+.x-progress-text-back {
+    color:#396095;
+}.x-list-header{
+    background-color:#f9f9f9;
+	background-image:url(images/default/grid/grid3-hrow.gif);
+}
+
+.x-list-header-inner div em {
+    border-left-color:#ddd;
+    font:normal 11px arial, tahoma, helvetica, sans-serif;
+}
+
+.x-list-body dt em {
+    font:normal 11px arial, tahoma, helvetica, sans-serif;
+}
+
+.x-list-over {
+    background-color:#eee;
+}
+
+.x-list-selected {
+    background-color:#dfe8f6;
+}
+
+.x-list-resizer {
+    border-left-color:#555;
+    border-right-color:#555;
+}
+
+.x-list-header-inner em.sort-asc, .x-list-header-inner em.sort-desc {
+    background-image:url(images/default/grid/sort-hd.gif);
+    border-color: #99bbe8;
+}.x-slider-horz, .x-slider-horz .x-slider-end, .x-slider-horz .x-slider-inner {
+    background-image:url(images/default/slider/slider-bg.png);
+}
+
+.x-slider-horz .x-slider-thumb {
+    background-image:url(images/default/slider/slider-thumb.png);
+}
+
+.x-slider-vert, .x-slider-vert .x-slider-end, .x-slider-vert .x-slider-inner {
+    background-image:url(images/default/slider/slider-v-bg.png);
+}
+
+.x-slider-vert .x-slider-thumb {
+    background-image:url(images/default/slider/slider-v-thumb.png);
+}.x-window-dlg .ext-mb-text,
+.x-window-dlg .x-window-header-text {
+    font-size:12px;
+}
+
+.x-window-dlg .ext-mb-textarea {
+    font:normal 12px tahoma,arial,helvetica,sans-serif;
+}
+
+.x-window-dlg .x-msg-box-wait {
+    background-image:url(images/default/grid/loading.gif);
+}
+
+.x-window-dlg .ext-mb-info {
+    background-image:url(images/default/window/icon-info.gif);
+}
+
+.x-window-dlg .ext-mb-warning {
+    background-image:url(images/default/window/icon-warning.gif);
+}
+
+.x-window-dlg .ext-mb-question {
+    background-image:url(images/default/window/icon-question.gif);
+}
+
+.x-window-dlg .ext-mb-error {
+    background-image:url(images/default/window/icon-error.gif);
+}
\ No newline at end of file
diff --git a/workflow/engine/skinEngine/base/config.xml b/workflow/engine/skinEngine/base/config.xml
new file mode 100755
index 000000000..73153cd34
--- /dev/null
+++ b/workflow/engine/skinEngine/base/config.xml
@@ -0,0 +1,56 @@
+
+
+	
+		
+		
+		
+	
+
+		
+			
+			
+			
+		
+		
+			
+			
+			
+		
+		
+		
+		
+			
+			
+			
+		
+		
+			
+			
+			
+		
+		
+			
+								
+			
+			
+		
+
+
+	
+
\ 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
new file mode 100644
index 000000000..fe01b745b
--- /dev/null
+++ b/workflow/engine/skinEngine/base/css/pmos-xtheme-gray.css
@@ -0,0 +1,125 @@
+/*!
+ * Ext JS Library 3.2.1
+ * Copyright(c) 2006-2010 Ext JS, Inc.
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
+/*
+ * FileUploadField component styles
+ */
+.x-form-file-wrap {
+    position: relative;
+    height: 22px;
+}
+.x-form-file-wrap .x-form-file {
+	position: absolute;
+	right: 0;
+	-moz-opacity: 0;
+	filter:alpha(opacity: 0);
+	opacity: 0;
+	z-index: 2;
+    height: 22px;
+}
+.x-form-file-wrap .x-form-file-btn {
+	position: absolute;
+	right: 0;
+	z-index: 1;
+}
+.x-form-file-wrap .x-form-file-text {
+    position: absolute;
+    left: 0;
+    z-index: 3;
+    color: #777;
+}
+.x-locationbar {
+    padding-left: 5px;
+}
+.x-locationbar .x-locationbar-location {
+    background-color: white;
+    border-top: 1px solid #96969D;
+    border-bottom: 1px solid #96969D;
+}
+.x-locationbar .x-locationbar-location-first {
+    border-left: 1px solid #96969D;
+}
+.x-locationbar .x-locationbar-location-last {
+    border-right: 1px solid #96969D;
+}
+.x-locationbar-folder-icon {
+    background-image: url("/skins/ext/images/gray/locationbar/location_folder.png") !important;
+}
+.x-locationbar-back-icon {
+    background-image: url("/skins/ext/images/gray/locationbar/location_back.png") !important;
+}
+.x-locationbar-forward-icon {
+    background-image: url("/skins/ext/images/gray/locationbar/location_forward.png") !important;
+}
+.x-locationbar-reload-icon {
+    background-image: url("/skins/ext/images/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;
+    width: 12px;
+}
+.x-locationbar .x-btn-menu-active .x-btn-menu-arrow-wrap .x-btn-center button {
+    background-position: 0pt -97px;
+}
+.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;
+}
+
+/*Los botones de EXT solamente s even iguales en los x-form*/
+.x-window button.x-btn-text,.x-form-label-right button.x-btn-text,.x-form button.x-btn-text{
+  color:#333;
+  font-size:10px;
+  font-weight:400;
+}
+ .x-window .x-btn-small,.x-form-label-right .x-btn-small,.x-form .x-btn-small{
+	-moz-box-shadow:0 1px 2px rgba(0,0,0,0.2);
+  -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.2);
+}
+
+.x-panel-header-text{
+  text-shadow:#fff 0px 1px 1px;
+  color:#444;
+}
+
+/*Texto en ExtJS*/
+.x-btn-text,.xtb-text{
+	color:#333;
+}
+.x-btn-pressed .x-btn-text{
+	color:#000;
+}
+/*Tabs con ícono en EXT*/
+.x-tab-strip span.x-tab-strip-text{
+	padding:4px 0;
+	font-weight: normal;
+}
+.ext-gecko .x-tab-strip span.x-tab-strip-text,
+.ext-webkit .x-tab-strip span.x-tab-strip-text{
+	height:12px;
+}
+
+button.x-btn-text:focus,.x-combo-selected{
+  -moz-outline-style:none;
+  outline:none;
+}
+
+.icon-activate{
+  background-image: url("/images/activate.png");
+}
+
+.icon-deactivate{
+  background-image: url("/images/deactivate.png");
+}
+
+.icon-debug{
+  background-image: url("/images/debug.png");
+}
+
+.icon-debug-disabled{
+  background-image: url("/images/debug_disabled.png");
+}
diff --git a/workflow/engine/skinEngine/base/css/printstyle.css b/workflow/engine/skinEngine/base/css/printstyle.css
new file mode 100644
index 000000000..32227b7c1
--- /dev/null
+++ b/workflow/engine/skinEngine/base/css/printstyle.css
@@ -0,0 +1,500 @@
+body
+{
+	margin : 0px;
+	background-color: #FFFFFF !important; 
+	color : #000000;
+	font : normal 8pt sans-serif,Tahoma,MiscFixed;
+}
+
+@media print {
+	a:link, a:visited {
+		text-decoration: none;
+		color: black;
+	}
+}
+
+@media print {
+  @page         { margin: 10% }
+  blockquote, 
+  pre           { page-break-inside: avoid }
+}
+
+
+.GridLink {
+	visibility:hidden !important;	
+}
+
+.page-break  { page-break-before:always; } 
+
+
+input[type=submit], input[type=button] {
+	visibility:hidden !important;	
+}
+
+input[type=file]{
+	visibility:hidden !important; 
+	display:none !important;
+	overflow: hidden !important;
+	
+}
+
+
+.FormRequiredTextMessage {
+	visibility:hidden !important;	
+}
+
+.tableOption {
+	visibility:hidden !important;	
+}
+
+.boxTop div.a, .boxTop div.b, .boxTop div.c {
+	visibility:hidden !important;	
+}
+
+form.formDefault .FormButton {
+	visibility:hidden !important;	
+}
+
+
+.Record
+{
+	visibility:hidden !important;	
+	overflow: hidden !important;
+	display:none !important;
+}
+
+
+/**------------------------------------------**/
+
+
+/* Box Top Model BEGIN */
+.boxTop, .boxTopBlue
+{
+	height:9px;
+	padding-left:8px;
+	padding-right:8px;
+	position:relative;
+	overflow:hidden;
+}
+.boxTop div, .boxTopBlue div
+{
+	background-color:#FFF;
+}
+.boxTop div.a, .boxTop div.c, .boxTopBlue div.a, .boxTopBlue div.c
+{
+	position:absolute;
+	width:9px;
+	height:9px;
+}
+.boxTop div.a, .boxTopBlue div.a
+{
+	left:0px;
+	top:0px;
+	background-image:url(/skins/green/images/ftl.png);
+	background-color:transparent;
+}
+.boxTop div.c, .boxTopBlue div.c
+{
+	top:0px;
+	right:0px;
+	background-image:url(/skins/green/images/ftr.png);
+	background-color:transparent;
+}
+.boxTop div.b, .boxTopBlue div.b
+{
+	width:100%;
+	height:9px;
+	border-top:1px solid #DADADA;
+	background-color:#FFF;
+}
+/* Box Top Model END */
+
+
+/* Box Bottom Model BEGIN */
+.boxBottom, .boxBottomBlue
+{
+	visibility: hidden;
+	overflow: hidden;
+	width: 0px;
+	height: 0px;
+	
+}
+.boxBottom div.a, .boxBottom div.c, .boxBottomBlue div.a, .boxBottomBlue div.c
+{
+	visibility: hidden;
+	overflow: hidden;
+	width: 0px;
+	height: 0px;
+	
+}
+.boxBottom div.a, .boxBottomBlue div.a
+{
+	visibility: hidden;
+	overflow: hidden;
+	width: 0px;
+	height: 0px;
+	
+}
+.boxBottom div.c, .boxBottomBlue div.c
+{
+	visibility: hidden;
+	overflow: hidden;
+	width: 0px;
+	height: 0px;
+	
+}
+.boxBottom div.b, .boxBottomBlue div.b
+{
+	visibility: hidden;
+	overflow: hidden;
+	width: 0px;
+	height: 0px;
+	
+}
+/* Box Bottom Model END */
+/* Box Bottom Model Blue BEGIN */
+.boxBottomBlue div.c
+{
+	visibility: hidden;
+	overflow: hidden;
+	width: 0px;
+	height: 0px;
+	
+}
+.boxBottomBlue div.a
+{
+	visibility: hidden;
+	overflow: hidden;
+	width: 0px;
+	height: 0px;
+	
+}
+.boxBottomBlue div.b
+{
+	visibility: hidden;
+	overflow: hidden;
+	width: 0px;
+	height: 0px;
+	
+}
+
+/* Box Bottom Model Blue END */
+
+/* BoxPanel Bottom Model BEGIN */
+.boxTopPanel
+{
+	height:15px;
+	padding-left:24px;
+	padding-right:24px;
+	position:relative;
+	overflow:hidden;
+}
+.boxTopPanel div.a, .boxTopPanel div.c
+{
+	position:absolute;
+	width:25px;
+	height:15px;
+}
+.boxTopPanel div.a
+{
+	left:0px;
+	top:0px;
+	background-image:url(/skins/green/images/ftlL.png);
+	background-color:transparent;
+}
+.boxTopPanel div.c
+{
+	top:0px;
+	right:0px;
+	background-image:url(/skins/green/images/ftrL.png);
+	background-color:transparent;
+}
+.boxTopPanel div.b
+{
+	width:100%;
+	height:16px;
+	background: transparent url(/skins/green/images/ftc.png) repeat-x;
+}
+
+/* BoxPanel Bottom Model END */
+
+
+
+/* XmlForm BEGIN  */
+	 /* form BEGIN  */
+form{
+	font:normal 11px sans-serif,MiscFixed;
+	color:#808080;
+}
+form table{
+	font:normal 11px sans-serif,MiscFixed;
+	color:#808080;
+}
+form.formDefault select
+{
+	font:normal 11px sans-serif,MiscFixed;
+	color:#000;
+}
+form.formDefault table
+{
+	font:normal 11px sans-serif,MiscFixed;
+	color:#808080;
+	line-height:180%;
+}
+form.formDefault td
+{
+	padding:2px;
+}
+form.formDefault .content
+{
+	background-color:#FFF;
+	border: 1px solid #CCC;
+	-moz-border-radius:10px; -webkit-border-radius:10px;
+}
+form.formDefault input.FormField
+{
+	border: 1px solid #CCC;
+	background: #FFFFFF url(/skins/green/images/input_back.gif) repeat-x;
+	color:#333333;
+	font:normal 11px Arial,Helvetica,sans-serif;
+}
+form.formDefault input.FormFieldInvalid
+{
+	border: 1px solid red;
+}
+form.formDefault input.FormFieldValid
+{
+	border: 1px solid green;
+}
+form.formDefault .FormLabel
+{
+	color:#808080;
+	text-align:right;
+	padding-right:5px;
+}
+form.formDefault .FormFieldContent
+{
+	color:#000;
+	background-color:#EFEFEF;
+	
+	padding-left:5px;
+}
+form.formDefault textarea.FormTextArea
+{
+	border: 1px solid #CCC;
+	background: #FFFFFF url(/skins/green/images/input_back.gif) repeat-x;
+	color:#333333;
+	font:normal 11px Arial,Helvetica,sans-serif;
+	overflow:auto;
+}
+form.formDefault textarea.FormTextPM
+{
+	border: 1px solid #CCC;
+	background: #FFFFFF url(/skins/green/images/input_back.gif) repeat-x;
+	color:#333333;
+	font:normal 12 Courier New, monospace ;
+	overflow:auto;
+}
+form.formDefault .FormTitle
+{
+	color:#000;
+	padding-left:5px;
+	font-weight:bold;
+	background-color:#E0EFE6;
+}
+form.formDefault .FormSubTitle
+{
+	background-color:#D1DEDF !important;
+	color:black;
+}
+form.formDefault .FormButton
+{
+	text-align:center;
+}
+
+form.formDefault a
+{
+	text-decoration:none;
+	color:#006699;
+}
+form.formDefault a:hover
+{
+	color:orange;
+}
+form.formDefault td.withoutLabel, form.formDefault td.withoutLabel table td
+{
+	padding:0px;
+	height:8px;
+}
+
+/* form END  */
+
+
+/* pagedTable BEGIN  */
+.pagedTableDefault
+{
+	border-left:1px solid #DADADA;
+	border-right:1px solid #DADADA;
+	background-color:#FFF;
+	padding-left:5px;
+	padding-right:5px;
+}
+.pagedTableDefault, .pagedTableDefault table
+{
+	font:normal 11px sans-serif,MiscFixed;
+	color:#808080;
+}
+.pagedTableDefault, .pagedTableDefault .headerContent .tableOption a
+{
+	color:#2078A8;
+	text-decoration:none;
+}
+.pagedTableDefault, .pagedTableDefault .headerContent .tableOption a:hover
+{
+	color:orange;
+}
+.pagedTableDefault td
+{
+	padding:0px;
+}
+.pagedTableDefault .pagedTable td
+{
+	padding:5px;
+}
+.pagedTableDefault .pagedTable
+{
+	border:1px solid #DFDFDF;
+	border-collapse:collapse;
+	color:#27373F;
+}
+.pagedTable td{
+    text-align:left;
+}
+.pagedTableDefault .pagedTable .Row1
+{
+	background-color:#FFF;
+}
+.pagedTableDefault .pagedTable .Row2
+{
+	background-color:#EEE;
+}
+tr.Selected
+{
+	background-color:#D8DDFF;
+}
+.pagedTableDefault .pagedTable .RowPointer
+{
+	background-color:#E0EAEF;
+}
+.pagedTableDefault .cellSelected1
+{
+font-weight:bold;
+}
+.pagedTableDefault .cellSelected2
+{
+font-weight:bold;
+}
+.pagedTableDefault .pagedTable a
+{
+	color:#FFF;
+}
+.pagedTableDefault .pagedTable a:hover
+{
+	color:orange;
+}
+.pagedTableDefault .pagedTable .pagedTableHeader
+{
+	border-bottom:0px solid #DFDFDF;
+	background-color:#E0E9EF;
+	background-color:#6F7F75;
+	color:#5B5B5B;
+	font-weight:bold;
+	background-image:url(/js/maborak/core/images/silverBackgroundTableTitle.jpg);
+	background-repeat:repeat-x;
+	height:26px;
+	padding:0px;
+	overflow:hidden;
+}
+.pagedTableDefault .pagedTable .pagedTableHeader a
+{
+	text-decoration:none;
+	color:#5B5B5B;
+	padding-left:5px;
+	font:normal 8pt Tahoma, sans-serif,MiscFixed;
+}
+.pagedTableDefault .pagedTable .pagedTableHeader a:hover
+{
+	color:orange;
+}
+
+
+ 	 /* Grid BEGIN */
+div.pattern .content
+{
+	padding-left:5px;
+	padding-right:5px;
+	border-left:1px solid #DADADA;
+	border-right:1px solid #DADADA;
+	background-color:#FFF;
+}
+div.pattern .FormTitle
+{
+	font-weight:bold;
+	color: black;
+	background-color:#E0EFE6;
+	padding:2px;
+}
+
+
+div.grid
+{
+	font:normal 11px sans-serif,MiscFixed;
+	padding-left:10px;
+	padding-right:10px;
+	margin-top:7px;
+}
+
+div.grid .content
+{
+	padding-left:5px;
+	padding-right:5px;
+	border-left:1px solid #DADADA;
+	border-right:1px solid #DADADA;
+	background-color:#FFF;
+        width: 100%;
+}
+
+html>body div.grid .content
+{
+        width: auto;
+}
+
+div.grid .tableGrid
+{
+        width:100%;
+}
+
+/* Grid End */
+/* XmlForm END  */
+
+.tableGrid_view
+{
+	width: 100%;
+	border-top: 0px solid #DADADA;
+	border-bottom: 0px solid #DADADA;
+	border-left: 0px solid #DADADA;
+	border-right: 0px solid #DADADA;
+	padding: 0px;
+
+}
+
+table.tableGrid_view td
+{
+	border-top: 1px solid #DADADA;
+	border-bottom: 1px solid #DADADA;
+	border-left: 0px solid #DADADA;
+	border-right: 0px solid #DADADA;
+	padding: 0px;
+
+}
+
diff --git a/workflow/engine/skinEngine/base/css/sprite.css b/workflow/engine/skinEngine/base/css/sprite.css
new file mode 100644
index 000000000..5ea407d06
--- /dev/null
+++ b/workflow/engine/skinEngine/base/css/sprite.css
@@ -0,0 +1,958 @@
+/*
+* Blue is the new Green
+*/
+/*
+form.formDefault .FormTitle,form.formDefault .FormSubTitle{
+  background:#E0E7EF;
+}
+form.formDefault .FormSubTitle{
+
+}
+.pagedTableDefault .pagedTable .RowPointer
+{
+	background-color:#E0EAEF;
+}
+.x-grid3-row.x-grid3-row-over{
+  background: #E0EAEF;
+}
+.x-grid3-row.x-grid3-row-selected{
+  background-color:#F6E095;
+}
+#pm_main_table .mainMenuBG{
+  background-image:none;
+  background-color:#347898;
+  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(74,149,184)),color-stop(0.97, rgb(46,112,143)));
+  background-image: -moz-linear-gradient(center bottom,rgb(74,149,184) 0%,rgb(46,112,143) 97%);
+}
+ul#pm_menu li.SelectedMenu,ul#pm_menu li:hover{
+  background-image:none;
+  background-color: #eee;
+  background-image: -webkit-gradient ( linear, left bottom, left top, color-stop(0.39, rgb(245,245,245)), color-stop(0.83, rgb(227,227,227))  );
+  background-image:  -moz-linear-gradient( center bottom, rgb(245,245,245) 39%, rgb(227,227,227) 83%  );
+}
+ul#pm_menu li.SelectedMenu a,ul#pm_menu li:hover a{
+  color:#333;
+}
+*/
+/*Edicion de botones copiar de default.css (Final)*/
+
+input:-moz-focus-inner{border:0;}
+button:-moz-focus-inner{border:0;}
+.module_app_input___gray{max-width: 400px;}
+
+/*
+Sprite modificado de http://ajaxbestiary.com/Labs/SilkSprite/
+*/
+.ss_sprite{
+  background-image:url( /images/icons_silk/sprites.png) !important;
+  background-repeat:no-repeat;
+  display:inline;
+  /*height:18px !important;*/
+  overflow:hidden;
+  padding-left:22px
+}
+.ss_sprite:hover,.ss_sprite:focus{
+  background-repeat:no-repeat !important;
+}
+
+
+.panel_headerBar___processmaker{
+	height:28px;
+}
+.pm_toolbar td{padding:0;margin:0}
+
+.panel_headerBar___processmaker{background:url("/skins/ext/images/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;}
+.button_toolbar{padding-left:20px !important;height:18px !important;font-size:15px;cursor:pointer;margin:0 3px 1px 3px;line-height:25px}
+.ss_accept{background-position:0 0 !important}
+.ss_add{background-position:0 -19px !important}
+.ss_anchor{background-position:0 -37px !important}
+.ss_application{background-position:0 -55px !important}
+.ss_application_add{background-position:0 -73px !important}
+.ss_application_cascade{background-position:0 -91px !important}
+.ss_application_delete{background-position:0 -109px !important}
+.ss_application_double{background-position:0 -127px !important}
+.ss_application_edit{background-position:0 -145px !important}
+.ss_application_error{background-position:0 -163px !important}
+.ss_application_form{background-position:0 -181px !important}
+.ss_application_form_add{background-position:0 -199px !important}
+.ss_application_form_delete{background-position:0 -217px !important}
+.ss_application_form_edit{background-position:0 -235px !important}
+.ss_application_form_magnify{background-position:0 -253px !important}
+.ss_application_get{background-position:0 -271px !important}
+.ss_application_go{background-position:0 -289px !important}
+.ss_application_home{background-position:0 -307px !important}
+.ss_application_key{background-position:0 -325px !important}
+.ss_application_lightning{background-position:0 -343px !important}
+.ss_application_link{background-position:0 -361px !important}
+.ss_application_osx{background-position:0 -379px !important}
+.ss_application_osx_terminal{background-position:0 -397px !important}
+.ss_application_put{background-position:0 -415px !important}
+.ss_application_side_boxes{background-position:0 -433px !important}
+.ss_application_side_contract{background-position:0 -451px !important}
+.ss_application_side_expand{background-position:0 -469px !important}
+.ss_application_side_list{background-position:0 -487px !important}
+.ss_application_side_tree{background-position:0 -505px !important}
+.ss_application_split{background-position:0 -523px !important}
+.ss_application_tile_horizontal{background-position:0 -541px !important}
+.ss_application_tile_vertical{background-position:0 -559px !important}
+.ss_application_view_columns{background-position:0 -577px !important}
+.ss_application_view_detail{background-position:0 -595px !important}
+.ss_application_view_gallery{background-position:0 -613px !important}
+.ss_application_view_icons{background-position:0 -631px !important}
+.ss_application_view_list{background-position:0 -649px !important}
+.ss_application_view_tile{background-position:0 -667px !important}
+.ss_application_xp{background-position:0 -685px !important}
+.ss_application_xp_terminal{background-position:0 -703px !important}
+.ss_arrow_branch{background-position:0 -721px !important}
+.ss_arrow_divide{background-position:0 -739px !important}
+.ss_arrow_down{background-position:0 -757px !important}
+.ss_arrow_in{background-position:0 -775px !important}
+.ss_arrow_inout{background-position:0 -793px !important}
+.ss_arrow_join{background-position:0 -811px !important}
+.ss_arrow_left{background-position:0 -829px !important}
+.ss_arrow_merge{background-position:0 -847px !important}
+.ss_arrow_out{background-position:0 -865px !important}
+.ss_arrow_redo{background-position:0 -883px !important}
+.ss_arrow_refresh{background-position:0 -901px !important}
+.ss_arrow_refresh_small{background-position:0 -919px !important}
+.ss_arrow_right{background-position:0 -937px !important}
+.ss_arrow_rotate_anticlockwise{background-position:0 -955px !important}
+.ss_arrow_rotate_clockwise{background-position:0 -973px !important}
+.ss_arrow_switch{background-position:0 -991px !important}
+.ss_arrow_turn_left{background-position:0 -1009px !important}
+.ss_arrow_turn_right{background-position:0 -1027px !important}
+.ss_arrow_undo{background-position:0 -1045px !important}
+.ss_arrow_up{background-position:0 -1063px !important}
+.ss_asterisk_orange{background-position:0 -1081px !important}
+.ss_asterisk_yellow{background-position:0 -1099px !important}
+.ss_attach{background-position:0 -1117px !important}
+.ss_basket{background-position:0 -1333px !important}
+.ss_basket_add{background-position:0 -1351px !important}
+.ss_basket_delete{background-position:0 -1369px !important}
+.ss_basket_edit{background-position:0 -1387px !important}
+.ss_basket_error{background-position:0 -1405px !important}
+.ss_basket_go{background-position:0 -1423px !important}
+.ss_basket_put{background-position:0 -1441px !important}
+.ss_basket_remove{background-position:0 -1459px !important}
+.ss_bell{background-position:0 -1477px !important}
+.ss_bell_add{background-position:0 -1495px !important}
+.ss_bell_delete{background-position:0 -1513px !important}
+.ss_bell_error{background-position:0 -1531px !important}
+.ss_bell_go{background-position:0 -1549px !important}
+.ss_bell_link{background-position:0 -1567px !important}
+.ss_bin{background-position:0 -1585px !important}
+.ss_bin_closed{background-position:0 -1603px !important}
+.ss_bin_empty{background-position:0 -1621px !important}
+.ss_bomb{background-position:0 -1639px !important}
+.ss_book{background-position:0 -1657px !important}
+.ss_book_add{background-position:0 -1675px !important}
+.ss_book_addresses{background-position:0 -1693px !important}
+.ss_book_delete{background-position:0 -1711px !important}
+.ss_book_edit{background-position:0 -1729px !important}
+.ss_book_error{background-position:0 -1747px !important}
+.ss_book_go{background-position:0 -1765px !important}
+.ss_book_key{background-position:0 -1783px !important}
+.ss_book_link{background-position:0 -1801px !important}
+.ss_book_next{background-position:0 -1819px !important}
+.ss_book_open{background-position:0 -1837px !important}
+.ss_book_previous{background-position:0 -1855px !important}
+.ss_box{background-position:0 -1873px !important}
+.ss_brick{background-position:0 -1891px !important}
+.ss_brick_add{background-position:0 -1909px !important}
+.ss_brick_delete{background-position:0 -1927px !important}
+.ss_brick_edit{background-position:0 -1945px !important}
+.ss_brick_error{background-position:0 -1963px !important}
+.ss_brick_go{background-position:0 -1981px !important}
+.ss_brick_link{background-position:0 -1999px !important}
+.ss_bricks{background-position:0 -2017px !important}
+.ss_briefcase{background-position:0 -2035px !important}
+.ss_bug{background-position:0 -2053px !important}
+.ss_bug_add{background-position:0 -2071px !important}
+.ss_bug_delete{background-position:0 -2089px !important}
+.ss_bug_edit{background-position:0 -2107px !important}
+.ss_bug_error{background-position:0 -2125px !important}
+.ss_bug_go{background-position:0 -2143px !important}
+.ss_bug_link{background-position:0 -2161px !important}
+.ss_building{background-position:0 -2179px !important}
+.ss_building_add{background-position:0 -2197px !important}
+.ss_building_delete{background-position:0 -2215px !important}
+.ss_building_edit{background-position:0 -2233px !important}
+.ss_building_error{background-position:0 -2251px !important}
+.ss_building_go{background-position:0 -2269px !important}
+.ss_building_key{background-position:0 -2287px !important}
+.ss_building_link{background-position:0 -2305px !important}
+.ss_bullet_add{background-position:0 -2323px;padding-left:22px !important}
+.ss_bullet_arrow_bottom{background-position:0 -2341px;padding-left:22px !important}
+.ss_bullet_arrow_down{background-position:0 -2359px;padding-left:22px !important}
+.ss_bullet_arrow_top{background-position:0 -2377px;padding-left:22px !important}
+.ss_bullet_arrow_up{background-position:0 -2395px;padding-left:22px !important}
+.ss_bullet_black{background-position:0 -2413px;padding-left:22px !important}
+.ss_bullet_blue{background-position:0 -2431px;padding-left:22px !important}
+.ss_bullet_delete{background-position:0 -2449px;padding-left:22px !important}
+.ss_bullet_disk{background-position:0 -2467px;padding-left:22px !important}
+.ss_bullet_error{background-position:0 -2485px;padding-left:22px !important}
+.ss_bullet_feed{background-position:0 -2503px;padding-left:22px !important}
+.ss_bullet_go{background-position:0 -2521px;padding-left:22px !important}
+.ss_bullet_green{background-position:0 -2539px;padding-left:22px !important}
+.ss_bullet_key{background-position:0 -2557px;padding-left:22px !important}
+.ss_bullet_orange{background-position:0 -2575px;padding-left:22px !important}
+.ss_bullet_picture{background-position:0 -2593px;padding-left:22px !important}
+.ss_bullet_pink{background-position:0 -2611px;padding-left:22px !important}
+.ss_bullet_purple{background-position:0 -2629px;padding-left:22px !important}
+.ss_bullet_red{background-position:0 -2647px;padding-left:22px !important}
+.ss_bullet_star{background-position:0 -2665px;padding-left:22px !important}
+.ss_bullet_toggle_minus{background-position:0 -2683px;padding-left:22px !important}
+.ss_bullet_toggle_plus{background-position:0 -2701px;padding-left:22px !important}
+.ss_bullet_white{background-position:0 -2719px;padding-left:22px !important}
+.ss_bullet_wrench{background-position:0 -2737px;padding-left:22px !important}
+.ss_bullet_yellow{background-position:0 -2755px;padding-left:22px !important}
+.ss_cake{background-position:0 -2773px !important}
+.ss_calculator{background-position:0 -2791px !important}
+.ss_calculator_add{background-position:0 -2809px !important}
+.ss_calculator_delete{background-position:0 -2827px !important}
+.ss_calculator_edit{background-position:0 -2845px !important}
+.ss_calculator_error{background-position:0 -2863px !important}
+.ss_calculator_link{background-position:0 -2881px !important}
+.ss_calendar{background-position:0 -2899px !important}
+.ss_calendar_add{background-position:0 -2917px !important}
+.ss_calendar_delete{background-position:0 -2935px !important}
+.ss_calendar_edit{background-position:0 -2953px !important}
+.ss_calendar_link{background-position:0 -2971px !important}
+.ss_calendar_view_day{background-position:0 -2989px !important}
+.ss_calendar_view_month{background-position:0 -3007px !important}
+.ss_calendar_view_week{background-position:0 -3025px !important}
+.ss_camera{background-position:0 -3043px !important}
+.ss_camera_add{background-position:0 -3061px !important}
+.ss_camera_delete{background-position:0 -3079px !important}
+.ss_camera_edit{background-position:0 -3097px !important}
+.ss_camera_error{background-position:0 -3115px !important}
+.ss_camera_go{background-position:0 -3133px !important}
+.ss_camera_link{background-position:0 -3151px !important}
+.ss_camera_small{background-position:0 -3169px !important}
+.ss_cancel{background-position:0 -3187px !important}
+.ss_car{background-position:0 -3205px !important}
+.ss_car_add{background-position:0 -3223px !important}
+.ss_car_delete{background-position:0 -3241px !important}
+.ss_cart{background-position:0 -3259px !important}
+.ss_cart_add{background-position:0 -3277px !important}
+.ss_cart_delete{background-position:0 -3295px !important}
+.ss_cart_edit{background-position:0 -3313px !important}
+.ss_cart_error{background-position:0 -3331px !important}
+.ss_cart_go{background-position:0 -3349px !important}
+.ss_cart_put{background-position:0 -3367px !important}
+.ss_cart_remove{background-position:0 -3385px !important}
+.ss_chart_bar{background-position:0 -3529px !important}
+.ss_chart_bar_add{background-position:0 -3547px !important}
+.ss_chart_bar_delete{background-position:0 -3565px !important}
+.ss_chart_bar_edit{background-position:0 -3583px !important}
+.ss_chart_bar_error{background-position:0 -3601px !important}
+.ss_chart_bar_link{background-position:0 -3619px !important}
+.ss_chart_curve{background-position:0 -3637px !important}
+.ss_chart_curve_add{background-position:0 -3655px !important}
+.ss_chart_curve_delete{background-position:0 -3673px !important}
+.ss_chart_curve_edit{background-position:0 -3691px !important}
+.ss_chart_curve_error{background-position:0 -3709px !important}
+.ss_chart_curve_go{background-position:0 -3727px !important}
+.ss_chart_curve_link{background-position:0 -3745px !important}
+.ss_chart_line{background-position:0 -3763px !important}
+.ss_chart_line_add{background-position:0 -3781px !important}
+.ss_chart_line_delete{background-position:0 -3799px !important}
+.ss_chart_line_edit{background-position:0 -3817px !important}
+.ss_chart_line_error{background-position:0 -3835px !important}
+.ss_chart_line_link{background-position:0 -3853px !important}
+.ss_chart_organisation{background-position:0 -3871px !important}
+.ss_chart_organisation_add{background-position:0 -3889px !important}
+.ss_chart_organisation_delete{background-position:0 -3907px !important}
+.ss_chart_pie{background-position:0 -3925px !important}
+.ss_chart_pie_add{background-position:0 -3943px !important}
+.ss_chart_pie_delete{background-position:0 -3961px !important}
+.ss_chart_pie_edit{background-position:0 -3979px !important}
+.ss_chart_pie_error{background-position:0 -3997px !important}
+.ss_chart_pie_link{background-position:0 -4015px !important}
+.ss_clock{background-position:0 -4033px !important}
+.ss_clock_add{background-position:0 -4051px !important}
+.ss_clock_delete{background-position:0 -4069px !important}
+.ss_clock_edit{background-position:0 -4087px !important}
+.ss_clock_error{background-position:0 -4105px !important}
+.ss_clock_go{background-position:0 -4123px !important}
+.ss_clock_link{background-position:0 -4141px !important}
+.ss_clock_pause{background-position:0 -4159px !important}
+.ss_clock_play{background-position:0 -4177px !important}
+.ss_clock_red{background-position:0 -4195px !important}
+.ss_clock_stop{background-position:0 -4213px !important}
+.ss_cog{background-position:0 -4231px !important}
+.ss_cog_add{background-position:0 -4249px !important}
+.ss_cog_delete{background-position:0 -4267px !important}
+.ss_cog_edit{background-position:0 -4285px !important}
+.ss_cog_error{background-position:0 -4303px !important}
+.ss_cog_go{background-position:0 -4321px !important}
+.ss_coins{background-position:0 -4339px !important}
+.ss_coins_add{background-position:0 -4357px !important}
+.ss_coins_delete{background-position:0 -4375px !important}
+.ss_color_swatch{background-position:0 -4393px !important}
+.ss_color_wheel{background-position:0 -4411px !important}
+.ss_comment{background-position:0 -4429px !important}
+.ss_comment_add{background-position:0 -4447px !important}
+.ss_comment_delete{background-position:0 -4465px !important}
+.ss_comment_edit{background-position:0 -4483px !important}
+.ss_comments{background-position:0 -4501px !important}
+.ss_comments_add{background-position:0 -4519px !important}
+.ss_comments_delete{background-position:0 -4537px !important}
+.ss_compress{background-position:0 -4555px !important}
+.ss_computer{background-position:0 -4573px !important}
+.ss_computer_add{background-position:0 -4591px !important}
+.ss_computer_delete{background-position:0 -4609px !important}
+.ss_computer_edit{background-position:0 -4627px !important}
+.ss_computer_error{background-position:0 -4645px !important}
+.ss_computer_go{background-position:0 -4663px !important}
+.ss_computer_key{background-position:0 -4681px !important}
+.ss_computer_link{background-position:0 -4699px !important}
+.ss_connect{background-position:0 -4717px !important}
+.ss_control_pause{background-position:0 -4969px !important}
+.ss_controller{background-position:0 -5185px !important}
+.ss_controller_add{background-position:0 -5203px !important}
+.ss_controller_delete{background-position:0 -5221px !important}
+.ss_controller_error{background-position:0 -5239px !important}
+.ss_creditcards{background-position:0 -5257px !important}
+.ss_cross{background-position:0 -5275px !important}
+.ss_css{background-position:0 -5293px !important}
+.ss_css_add{background-position:0 -5311px !important}
+.ss_css_delete{background-position:0 -5329px !important}
+.ss_css_go{background-position:0 -5347px !important}
+.ss_css_valid{background-position:0 -5365px !important}
+.ss_cup{background-position:0 -5383px !important}
+.ss_cup_add{background-position:0 -5401px !important}
+.ss_cup_delete{background-position:0 -5419px !important}
+.ss_cup_edit{background-position:0 -5437px !important}
+.ss_cup_error{background-position:0 -5455px !important}
+.ss_cup_go{background-position:0 -5473px !important}
+.ss_cup_key{background-position:0 -5491px !important}
+.ss_cup_link{background-position:0 -5509px !important}
+.ss_cursor{background-position:0 -5527px !important}
+.ss_cut{background-position:0 -5545px !important}
+.ss_cut_red{background-position:0 -5563px !important}
+.ss_database{background-position:0 -5581px !important}
+.ss_database_add{background-position:0 -5599px !important}
+.ss_database_connect{background-position:0 -5617px !important}
+.ss_database_delete{background-position:0 -5635px !important}
+.ss_database_edit{background-position:0 -5653px !important}
+.ss_database_error{background-position:0 -5671px !important}
+.ss_database_gear{background-position:0 -5689px !important}
+.ss_database_go{background-position:0 -5707px !important}
+.ss_database_key{background-position:0 -5725px !important}
+.ss_database_lightning{background-position:0 -5743px !important}
+.ss_database_link{background-position:0 -5761px !important}
+.ss_database_refresh{background-position:0 -5779px !important}
+.ss_database_save{background-position:0 -5797px !important}
+.ss_database_table{background-position:0 -5815px !important}
+.ss_date{background-position:0 -5833px !important}
+.ss_date_add{background-position:0 -5851px !important}
+.ss_date_delete{background-position:0 -5869px !important}
+.ss_date_edit{background-position:0 -5887px !important}
+.ss_date_error{background-position:0 -5905px !important}
+.ss_date_go{background-position:0 -5923px !important}
+.ss_date_link{background-position:0 -5941px !important}
+.ss_date_magnify{background-position:0 -5959px !important}
+.ss_date_next{background-position:0 -5977px !important}
+.ss_date_previous{background-position:0 -5995px !important}
+.ss_delete{background-position:0 -6013px !important}
+.ss_disconnect{background-position:0 -6031px !important}
+.ss_disk{background-position:0 -6049px !important}
+.ss_disk_multiple{background-position:0 -6067px !important}
+.ss_door{background-position:0 -6085px !important}
+.ss_door_in{background-position:0 -6103px !important}
+.ss_door_open{background-position:0 -6121px !important}
+.ss_door_out{background-position:0 -6139px !important}
+.ss_drink{background-position:0 -6157px !important}
+.ss_drink_empty{background-position:0 -6175px !important}
+.ss_drive{background-position:0 -6193px !important}
+.ss_drive_add{background-position:0 -6211px !important}
+.ss_drive_burn{background-position:0 -6229px !important}
+.ss_drive_cd{background-position:0 -6247px !important}
+.ss_drive_cd_empty{background-position:0 -6265px !important}
+.ss_drive_delete{background-position:0 -6283px !important}
+.ss_drive_disk{background-position:0 -6301px !important}
+.ss_drive_edit{background-position:0 -6319px !important}
+.ss_drive_error{background-position:0 -6337px !important}
+.ss_drive_go{background-position:0 -6355px !important}
+.ss_drive_key{background-position:0 -6373px !important}
+.ss_drive_link{background-position:0 -6391px !important}
+.ss_drive_magnify{background-position:0 -6409px !important}
+.ss_drive_network{background-position:0 -6427px !important}
+.ss_drive_rename{background-position:0 -6445px !important}
+.ss_drive_user{background-position:0 -6463px !important}
+.ss_drive_web{background-position:0 -6481px !important}
+.ss_email{background-position:0 -6643px !important}
+.ss_email_add{background-position:0 -6661px !important}
+.ss_email_attach{background-position:0 -6679px !important}
+.ss_email_delete{background-position:0 -6697px !important}
+.ss_email_edit{background-position:0 -6715px !important}
+.ss_email_error{background-position:0 -6733px !important}
+.ss_email_go{background-position:0 -6751px !important}
+.ss_email_link{background-position:0 -6769px !important}
+.ss_email_open{background-position:0 -6787px !important}
+.ss_email_open_image{background-position:0 -6805px !important}
+.ss_error{background-position:0 -6985px !important}
+.ss_error_add{background-position:0 -7003px !important}
+.ss_error_delete{background-position:0 -7021px !important}
+.ss_error_go{background-position:0 -7039px !important}
+.ss_exclamation{background-position:0 -7057px !important}
+.ss_eye{background-position:0 -7075px !important}
+.ss_feed{background-position:0 -7093px !important}
+.ss_feed_add{background-position:0 -7111px !important}
+.ss_feed_delete{background-position:0 -7129px !important}
+.ss_feed_disk{background-position:0 -7147px !important}
+.ss_feed_edit{background-position:0 -7165px !important}
+.ss_feed_error{background-position:0 -7183px !important}
+.ss_feed_go{background-position:0 -7201px !important}
+.ss_feed_key{background-position:0 -7219px !important}
+.ss_feed_link{background-position:0 -7237px !important}
+.ss_feed_magnify{background-position:0 -7255px !important}
+.ss_female{background-position:0 -7273px !important}
+.ss_film{background-position:0 -7291px !important}
+.ss_film_add{background-position:0 -7309px !important}
+.ss_film_delete{background-position:0 -7327px !important}
+.ss_film_edit{background-position:0 -7345px !important}
+.ss_film_error{background-position:0 -7363px !important}
+.ss_film_go{background-position:0 -7381px !important}
+.ss_film_key{background-position:0 -7399px !important}
+.ss_film_link{background-position:0 -7417px !important}
+.ss_film_save{background-position:0 -7435px !important}
+.ss_find{background-position:0 -7453px !important}
+.ss_folder{background-position:0 -7597px !important}
+.ss_folder_add{background-position:0 -7615px !important}
+.ss_folder_bell{background-position:0 -7633px !important}
+.ss_folder_brick{background-position:0 -7651px !important}
+.ss_folder_bug{background-position:0 -7669px !important}
+.ss_folder_camera{background-position:0 -7687px !important}
+.ss_folder_database{background-position:0 -7705px !important}
+.ss_folder_delete{background-position:0 -7723px !important}
+.ss_folder_edit{background-position:0 -7741px !important}
+.ss_folder_error{background-position:0 -7759px !important}
+.ss_folder_explore{background-position:0 -7777px !important}
+.ss_folder_feed{background-position:0 -7795px !important}
+.ss_folder_find{background-position:0 -7813px !important}
+.ss_folder_go{background-position:0 -7831px !important}
+.ss_folder_heart{background-position:0 -7849px !important}
+.ss_folder_image{background-position:0 -7867px !important}
+.ss_folder_key{background-position:0 -7885px !important}
+.ss_folder_lightbulb{background-position:0 -7903px !important}
+.ss_folder_link{background-position:0 -7921px !important}
+.ss_folder_magnify{background-position:0 -7939px !important}
+.ss_folder_page{background-position:0 -7957px !important}
+.ss_folder_page_white{background-position:0 -7975px !important}
+.ss_folder_palette{background-position:0 -7993px !important}
+.ss_folder_picture{background-position:0 -8011px !important}
+.ss_folder_star{background-position:0 -8029px !important}
+.ss_folder_table{background-position:0 -8047px !important}
+.ss_folder_user{background-position:0 -8065px !important}
+.ss_folder_wrench{background-position:0 -8083px !important}
+.ss_group{background-position:0 -8173px !important}
+.ss_group_add{background-position:0 -8191px !important}
+.ss_group_delete{background-position:0 -8209px !important}
+.ss_group_edit{background-position:0 -8227px !important}
+.ss_group_error{background-position:0 -8245px !important}
+.ss_group_gear{background-position:0 -8263px !important}
+.ss_group_go{background-position:0 -8281px !important}
+.ss_group_key{background-position:0 -8299px !important}
+.ss_group_link{background-position:0 -8317px !important}
+.ss_heart{background-position:0 -8335px !important}
+.ss_heart_add{background-position:0 -8353px !important}
+.ss_heart_delete{background-position:0 -8371px !important}
+.ss_help{background-position:0 -8389px !important}
+.ss_hourglass{background-position:0 -8407px !important}
+.ss_hourglass_add{background-position:0 -8425px !important}
+.ss_hourglass_delete{background-position:0 -8443px !important}
+.ss_hourglass_go{background-position:0 -8461px !important}
+.ss_hourglass_link{background-position:0 -8479px !important}
+.ss_house{background-position:0 -8497px !important}
+.ss_house_go{background-position:0 -8515px !important}
+.ss_house_link{background-position:0 -8533px !important}
+.ss_html{background-position:0 -8551px !important}
+.ss_html_add{background-position:0 -8569px !important}
+.ss_html_delete{background-position:0 -8587px !important}
+.ss_html_go{background-position:0 -8605px !important}
+.ss_html_valid{background-position:0 -8623px !important}
+.ss_image{background-position:0 -8641px !important}
+.ss_image_add{background-position:0 -8659px !important}
+.ss_image_delete{background-position:0 -8677px !important}
+.ss_image_edit{background-position:0 -8695px !important}
+.ss_image_link{background-position:0 -8713px !important}
+.ss_images{background-position:0 -8731px !important}
+.ss_information{background-position:0 -8749px !important}
+.ss_ipod{background-position:0 -8767px !important}
+.ss_ipod_cast{background-position:0 -8785px !important}
+.ss_ipod_cast_add{background-position:0 -8803px !important}
+.ss_ipod_cast_delete{background-position:0 -8821px !important}
+.ss_ipod_sound{background-position:0 -8839px !important}
+.ss_joystick{background-position:0 -8857px !important}
+.ss_joystick_add{background-position:0 -8875px !important}
+.ss_joystick_delete{background-position:0 -8893px !important}
+.ss_joystick_error{background-position:0 -8911px !important}
+.ss_key{background-position:0 -8929px !important}
+.ss_key_add{background-position:0 -8947px !important}
+.ss_key_delete{background-position:0 -8965px !important}
+.ss_key_go{background-position:0 -8983px !important}
+.ss_keyboard{background-position:0 -9001px !important}
+.ss_keyboard_add{background-position:0 -9019px !important}
+.ss_keyboard_delete{background-position:0 -9037px !important}
+.ss_keyboard_magnify{background-position:0 -9055px !important}
+.ss_layers{background-position:0 -9073px !important}
+.ss_layout{background-position:0 -9091px !important}
+.ss_layout_add{background-position:0 -9109px !important}
+.ss_layout_content{background-position:0 -9127px !important}
+.ss_layout_delete{background-position:0 -9145px !important}
+.ss_layout_edit{background-position:0 -9163px !important}
+.ss_layout_error{background-position:0 -9181px !important}
+.ss_layout_header{background-position:0 -9199px !important}
+.ss_layout_link{background-position:0 -9217px !important}
+.ss_layout_sidebar{background-position:0 -9235px !important}
+.ss_lightbulb{background-position:0 -9253px !important}
+.ss_lightbulb_add{background-position:0 -9271px !important}
+.ss_lightbulb_delete{background-position:0 -9289px !important}
+.ss_lightbulb_off{background-position:0 -9307px !important}
+.ss_lightning{background-position:0 -9325px !important}
+.ss_lightning_add{background-position:0 -9343px !important}
+.ss_lightning_delete{background-position:0 -9361px !important}
+.ss_lightning_go{background-position:0 -9379px !important}
+.ss_link{background-position:0 -9397px !important}
+.ss_link_add{background-position:0 -9415px !important}
+.ss_link_break{background-position:0 -9433px !important}
+.ss_link_delete{background-position:0 -9451px !important}
+.ss_link_edit{background-position:0 -9469px !important}
+.ss_link_error{background-position:0 -9487px !important}
+.ss_link_go{background-position:0 -9505px !important}
+.ss_lock{background-position:0 -9523px !important}
+.ss_lock_add{background-position:0 -9541px !important}
+.ss_lock_break{background-position:0 -9559px !important}
+.ss_lock_delete{background-position:0 -9577px !important}
+.ss_lock_edit{background-position:0 -9595px !important}
+.ss_lock_go{background-position:0 -9613px !important}
+.ss_lock_open{background-position:0 -9631px !important}
+.ss_lorry{background-position:0 -9649px !important}
+.ss_lorry_add{background-position:0 -9667px !important}
+.ss_lorry_delete{background-position:0 -9685px !important}
+.ss_lorry_error{background-position:0 -9703px !important}
+.ss_lorry_flatbed{background-position:0 -9721px !important}
+.ss_lorry_go{background-position:0 -9739px !important}
+.ss_lorry_link{background-position:0 -9757px !important}
+.ss_magifier_zoom_out{background-position:0 -9775px !important}
+.ss_magnifier{background-position:0 -9793px !important}
+.ss_magnifier_zoom_in{background-position:0 -9811px !important}
+.ss_male{background-position:0 -9829px !important}
+.ss_map{background-position:0 -9847px !important}
+.ss_map_add{background-position:0 -9865px !important}
+.ss_map_delete{background-position:0 -9883px !important}
+.ss_map_edit{background-position:0 -9901px !important}
+.ss_map_go{background-position:0 -9919px !important}
+.ss_map_magnify{background-position:0 -9937px !important}
+.ss_money{background-position:0 -10225px !important}
+.ss_money_add{background-position:0 -10243px !important}
+.ss_money_delete{background-position:0 -10261px !important}
+.ss_money_dollar{background-position:0 -10279px !important}
+.ss_money_euro{background-position:0 -10297px !important}
+.ss_money_pound{background-position:0 -10315px !important}
+.ss_money_yen{background-position:0 -10333px !important}
+.ss_monitor{background-position:0 -10351px !important}
+.ss_monitor_add{background-position:0 -10369px !important}
+.ss_monitor_delete{background-position:0 -10387px !important}
+.ss_monitor_edit{background-position:0 -10405px !important}
+.ss_monitor_error{background-position:0 -10423px !important}
+.ss_monitor_go{background-position:0 -10441px !important}
+.ss_monitor_lightning{background-position:0 -10459px !important}
+.ss_monitor_link{background-position:0 -10477px !important}
+.ss_mouse{background-position:0 -10495px !important}
+.ss_mouse_add{background-position:0 -10513px !important}
+.ss_mouse_delete{background-position:0 -10531px !important}
+.ss_mouse_error{background-position:0 -10549px !important}
+.ss_music{background-position:0 -10567px !important}
+.ss_new{background-position:0 -10585px !important}
+.ss_newspaper{background-position:0 -10603px !important}
+.ss_newspaper_add{background-position:0 -10621px !important}
+.ss_newspaper_delete{background-position:0 -10639px !important}
+.ss_newspaper_go{background-position:0 -10657px !important}
+.ss_newspaper_link{background-position:0 -10675px !important}
+.ss_note{background-position:0 -10693px !important}
+.ss_note_add{background-position:0 -10711px !important}
+.ss_note_delete{background-position:0 -10729px !important}
+.ss_note_edit{background-position:0 -10747px !important}
+.ss_note_error{background-position:0 -10765px !important}
+.ss_note_go{background-position:0 -10783px !important}
+.ss_overlays{background-position:0 -10801px !important}
+.ss_package{background-position:0 -10819px !important}
+.ss_package_add{background-position:0 -10837px !important}
+.ss_package_delete{background-position:0 -10855px !important}
+.ss_package_go{background-position:0 -10873px !important}
+.ss_package_green{background-position:0 -10891px !important}
+.ss_package_link{background-position:0 -10909px !important}
+.ss_page{background-position:0 -10927px !important}
+.ss_page_add{background-position:0 -10945px !important}
+.ss_page_attach{background-position:0 -10963px !important}
+.ss_page_code{background-position:0 -10981px !important}
+.ss_page_copy{background-position:0 -10999px !important}
+.ss_page_delete{background-position:0 -11017px !important}
+.ss_page_edit{background-position:0 -11035px !important}
+.ss_page_error{background-position:0 -11053px !important}
+.ss_page_excel{background-position:0 -11071px !important}
+.ss_page_find{background-position:0 -11089px !important}
+.ss_page_gear{background-position:0 -11107px !important}
+.ss_page_go{background-position:0 -11125px !important}
+.ss_page_green{background-position:0 -11143px !important}
+.ss_page_key{background-position:0 -11161px !important}
+.ss_page_lightning{background-position:0 -11179px !important}
+.ss_page_link{background-position:0 -11197px !important}
+.ss_page_paintbrush{background-position:0 -11215px !important}
+.ss_page_paste{background-position:0 -11233px !important}
+.ss_page_red{background-position:0 -11251px !important}
+.ss_page_refresh{background-position:0 -11269px !important}
+.ss_page_save{background-position:0 -11287px !important}
+.ss_page_white{background-position:0 -11305px !important}
+.ss_page_white_acrobat{background-position:0 -11323px !important}
+.ss_page_white_actionscript{background-position:0 -11341px !important}
+.ss_page_white_add{background-position:0 -11359px !important}
+.ss_page_white_c{background-position:0 -11377px !important}
+.ss_page_white_camera{background-position:0 -11395px !important}
+.ss_page_white_cd{background-position:0 -11413px !important}
+.ss_page_white_code{background-position:0 -11431px !important}
+.ss_page_white_code_red{background-position:0 -11449px !important}
+.ss_page_white_coldfusion{background-position:0 -11467px !important}
+.ss_page_white_compressed{background-position:0 -11485px !important}
+.ss_page_white_copy{background-position:0 -11503px !important}
+.ss_page_white_cplusplus{background-position:0 -11521px !important}
+.ss_page_white_csharp{background-position:0 -11539px !important}
+.ss_page_white_cup{background-position:0 -11557px !important}
+.ss_page_white_database{background-position:0 -11575px !important}
+.ss_page_white_delete{background-position:0 -11593px !important}
+.ss_page_white_dvd{background-position:0 -11611px !important}
+.ss_page_white_edit{background-position:0 -11629px !important}
+.ss_page_white_error{background-position:0 -11647px !important}
+.ss_page_white_excel{background-position:0 -11665px !important}
+.ss_page_white_find{background-position:0 -11683px !important}
+.ss_page_white_flash{background-position:0 -11701px !important}
+.ss_page_white_freehand{background-position:0 -11719px !important}
+.ss_page_white_gear{background-position:0 -11737px !important}
+.ss_page_white_get{background-position:0 -11755px !important}
+.ss_page_white_go{background-position:0 -11773px !important}
+.ss_page_white_h{background-position:0 -11791px !important}
+.ss_page_white_horizontal{background-position:0 -11809px !important}
+.ss_page_white_key{background-position:0 -11827px !important}
+.ss_page_white_lightning{background-position:0 -11845px !important}
+.ss_page_white_link{background-position:0 -11863px !important}
+.ss_page_white_magnify{background-position:0 -11881px !important}
+.ss_page_white_medal{background-position:0 -11899px !important}
+.ss_page_white_office{background-position:0 -11917px !important}
+.ss_page_white_paint{background-position:0 -11935px !important}
+.ss_page_white_paintbrush{background-position:0 -11953px !important}
+.ss_page_white_paste{background-position:0 -11971px !important}
+.ss_page_white_php{background-position:0 -11989px !important}
+.ss_page_white_picture{background-position:0 -12007px !important}
+.ss_page_white_powerpoint{background-position:0 -12025px !important}
+.ss_page_white_put{background-position:0 -12043px !important}
+.ss_page_white_ruby{background-position:0 -12061px !important}
+.ss_page_white_stack{background-position:0 -12079px !important}
+.ss_page_white_star{background-position:0 -12097px !important}
+.ss_page_white_swoosh{background-position:0 -12115px !important}
+.ss_page_white_text{background-position:0 -12133px !important}
+.ss_page_white_text_width{background-position:0 -12151px !important}
+.ss_page_white_tux{background-position:0 -12169px !important}
+.ss_page_white_vector{background-position:0 -12187px !important}
+.ss_page_white_visualstudio{background-position:0 -12205px !important}
+.ss_page_white_width{background-position:0 -12223px !important}
+.ss_page_white_word{background-position:0 -12241px !important}
+.ss_page_white_world{background-position:0 -12259px !important}
+.ss_page_white_wrench{background-position:0 -12277px !important}
+.ss_page_white_zip{background-position:0 -12295px !important}
+.ss_page_word{background-position:0 -12313px !important}
+.ss_page_world{background-position:0 -12331px !important}
+.ss_paintbrush{background-position:0 -12349px !important}
+.ss_paintcan{background-position:0 -12367px !important}
+.ss_palette{background-position:0 -12385px !important}
+.ss_paste_plain{background-position:0 -12403px !important}
+.ss_paste_word{background-position:0 -12421px !important}
+.ss_pencil{background-position:0 -12439px !important}
+.ss_pencil_add{background-position:0 -12457px !important}
+.ss_pencil_delete{background-position:0 -12475px !important}
+.ss_pencil_go{background-position:0 -12493px !important}
+.ss_phone{background-position:0 -12511px !important}
+.ss_phone_add{background-position:0 -12529px !important}
+.ss_phone_delete{background-position:0 -12547px !important}
+.ss_phone_sound{background-position:0 -12565px !important}
+.ss_photo{background-position:0 -12583px !important}
+.ss_photo_add{background-position:0 -12601px !important}
+.ss_photo_delete{background-position:0 -12619px !important}
+.ss_photo_link{background-position:0 -12637px !important}
+.ss_photos{background-position:0 -12655px !important}
+.ss_picture{background-position:0 -12673px !important}
+.ss_picture_add{background-position:0 -12691px !important}
+.ss_picture_delete{background-position:0 -12709px !important}
+.ss_picture_edit{background-position:0 -12727px !important}
+.ss_picture_empty{background-position:0 -12745px !important}
+.ss_picture_error{background-position:0 -12763px !important}
+.ss_picture_go{background-position:0 -12781px !important}
+.ss_picture_key{background-position:0 -12799px !important}
+.ss_picture_link{background-position:0 -12817px !important}
+.ss_picture_save{background-position:0 -12835px !important}
+.ss_pictures{background-position:0 -12853px !important}
+.ss_plugin{background-position:0 -12961px !important}
+.ss_plugin_add{background-position:0 -12979px !important}
+.ss_plugin_delete{background-position:0 -12997px !important}
+.ss_plugin_disabled{background-position:0 -13015px !important}
+.ss_plugin_edit{background-position:0 -13033px !important}
+.ss_plugin_error{background-position:0 -13051px !important}
+.ss_plugin_go{background-position:0 -13069px !important}
+.ss_plugin_link{background-position:0 -13087px !important}
+.ss_printer{background-position:0 -13105px !important}
+.ss_printer_add{background-position:0 -13123px !important}
+.ss_printer_delete{background-position:0 -13141px !important}
+.ss_printer_empty{background-position:0 -13159px !important}
+.ss_printer_error{background-position:0 -13177px !important}
+.ss_rainbow{background-position:0 -13195px !important}
+.ss_report{background-position:0 -13213px !important}
+.ss_report_add{background-position:0 -13231px !important}
+.ss_report_delete{background-position:0 -13249px !important}
+.ss_report_disk{background-position:0 -13267px !important}
+.ss_report_edit{background-position:0 -13285px !important}
+.ss_report_go{background-position:0 -13303px !important}
+.ss_report_key{background-position:0 -13321px !important}
+.ss_report_link{background-position:0 -13339px !important}
+.ss_report_magnify{background-position:0 -13357px !important}
+.ss_report_picture{background-position:0 -13375px !important}
+.ss_report_user{background-position:0 -13393px !important}
+.ss_report_word{background-position:0 -13411px !important}
+.ss_resultset_first{background-position:0 -13429px !important}
+.ss_resultset_last{background-position:0 -13447px !important}
+.ss_resultset_next{background-position:0 -13465px !important}
+.ss_resultset_previous{background-position:0 -13483px !important}
+.ss_rosette{background-position:0 -13501px !important}
+.ss_rss{background-position:0 -13519px !important}
+.ss_rss_add{background-position:0 -13537px !important}
+.ss_rss_delete{background-position:0 -13555px !important}
+.ss_rss_go{background-position:0 -13573px !important}
+.ss_rss_valid{background-position:0 -13591px !important}
+.ss_script{background-position:0 -13771px !important}
+.ss_script_add{background-position:0 -13789px !important}
+.ss_script_code{background-position:0 -13807px !important}
+.ss_script_code_red{background-position:0 -13825px !important}
+.ss_script_delete{background-position:0 -13843px !important}
+.ss_script_edit{background-position:0 -13861px !important}
+.ss_script_error{background-position:0 -13879px !important}
+.ss_script_gear{background-position:0 -13897px !important}
+.ss_script_go{background-position:0 -13915px !important}
+.ss_script_key{background-position:0 -13933px !important}
+.ss_script_lightning{background-position:0 -13951px !important}
+.ss_script_link{background-position:0 -13969px !important}
+.ss_script_palette{background-position:0 -13987px !important}
+.ss_script_save{background-position:0 -14005px !important}
+.ss_server{background-position:0 -14023px !important}
+.ss_server_add{background-position:0 -14041px !important}
+.ss_server_chart{background-position:0 -14059px !important}
+.ss_server_compressed{background-position:0 -14077px !important}
+.ss_server_connect{background-position:0 -14095px !important}
+.ss_server_database{background-position:0 -14113px !important}
+.ss_server_delete{background-position:0 -14131px !important}
+.ss_server_edit{background-position:0 -14149px !important}
+.ss_server_error{background-position:0 -14167px !important}
+.ss_server_go{background-position:0 -14185px !important}
+.ss_server_key{background-position:0 -14203px !important}
+.ss_server_lightning{background-position:0 -14221px !important}
+.ss_server_link{background-position:0 -14239px !important}
+.ss_server_uncompressed{background-position:0 -14257px !important}
+.ss_shading{background-position:0 -14275px !important}
+.ss_shape_align_bottom{background-position:0 -14293px !important}
+.ss_shape_align_center{background-position:0 -14311px !important}
+.ss_shape_align_left{background-position:0 -14329px !important}
+.ss_shape_align_middle{background-position:0 -14347px !important}
+.ss_shape_align_right{background-position:0 -14365px !important}
+.ss_shape_align_top{background-position:0 -14383px !important}
+.ss_shape_flip_horizontal{background-position:0 -14401px !important}
+.ss_shape_flip_vertical{background-position:0 -14419px !important}
+.ss_shape_group{background-position:0 -14437px !important}
+.ss_shape_handles{background-position:0 -14455px !important}
+.ss_shape_move_back{background-position:0 -14473px !important}
+.ss_shape_move_backwards{background-position:0 -14491px !important}
+.ss_shape_move_forwards{background-position:0 -14509px !important}
+.ss_shape_move_front{background-position:0 -14527px !important}
+.ss_shape_rotate_anticlockwise{background-position:0 -14545px !important}
+.ss_shape_rotate_clockwise{background-position:0 -14563px !important}
+.ss_shape_square{background-position:0 -14581px !important}
+.ss_shape_square_add{background-position:0 -14599px !important}
+.ss_shape_square_delete{background-position:0 -14617px !important}
+.ss_shape_square_edit{background-position:0 -14635px !important}
+.ss_shape_square_error{background-position:0 -14653px !important}
+.ss_shape_square_go{background-position:0 -14671px !important}
+.ss_shape_square_key{background-position:0 -14689px !important}
+.ss_shape_square_link{background-position:0 -14707px !important}
+.ss_shape_ungroup{background-position:0 -14725px !important}
+.ss_shield{background-position:0 -14743px !important}
+.ss_shield_add{background-position:0 -14761px !important}
+.ss_shield_delete{background-position:0 -14779px !important}
+.ss_shield_go{background-position:0 -14797px !important}
+.ss_sitemap{background-position:0 -14815px !important}
+.ss_sitemap_color{background-position:0 -14833px !important}
+.ss_sound{background-position:0 -14851px !important}
+.ss_sound_add{background-position:0 -14869px !important}
+.ss_sound_delete{background-position:0 -14887px !important}
+.ss_sound_low{background-position:0 -14905px !important}
+.ss_sound_mute{background-position:0 -14923px !important}
+.ss_sound_none{background-position:0 -14941px !important}
+.ss_spellcheck{background-position:0 -14959px !important}
+.ss_sport_8ball{background-position:0 -14977px !important}
+.ss_sport_basketball{background-position:0 -14995px !important}
+.ss_sport_football{background-position:0 -15013px !important}
+.ss_sport_golf{background-position:0 -15031px !important}
+.ss_sport_raquet{background-position:0 -15049px !important}
+.ss_sport_shuttlecock{background-position:0 -15067px !important}
+.ss_sport_soccer{background-position:0 -15085px !important}
+.ss_sport_tennis{background-position:0 -15103px !important}
+.ss_star{background-position:0 -15121px !important}
+.ss_status_away{background-position:0 -15139px !important}
+.ss_status_busy{background-position:0 -15157px !important}
+.ss_status_offline{background-position:0 -15175px !important}
+.ss_status_online{background-position:0 -15193px !important}
+.ss_stop{background-position:0 -15211px !important}
+.ss_style{background-position:0 -15229px !important}
+.ss_style_add{background-position:0 -15247px !important}
+.ss_style_delete{background-position:0 -15265px !important}
+.ss_style_edit{background-position:0 -15283px !important}
+.ss_style_go{background-position:0 -15301px !important}
+.ss_sum{background-position:0 -15319px !important}
+.ss_tab{background-position:0 -15337px !important}
+.ss_tab_add{background-position:0 -15355px !important}
+.ss_tab_delete{background-position:0 -15373px !important}
+.ss_tab_edit{background-position:0 -15391px !important}
+.ss_tab_go{background-position:0 -15409px !important}
+.ss_table{background-position:0 -15427px !important}
+.ss_table_add{background-position:0 -15445px !important}
+.ss_table_delete{background-position:0 -15463px !important}
+.ss_table_edit{background-position:0 -15481px !important}
+.ss_table_error{background-position:0 -15499px !important}
+.ss_table_gear{background-position:0 -15517px !important}
+.ss_table_go{background-position:0 -15535px !important}
+.ss_table_key{background-position:0 -15553px !important}
+.ss_table_lightning{background-position:0 -15571px !important}
+.ss_table_link{background-position:0 -15589px !important}
+.ss_table_multiple{background-position:0 -15607px !important}
+.ss_table_refresh{background-position:0 -15625px !important}
+.ss_table_relationship{background-position:0 -15643px !important}
+.ss_table_row_delete{background-position:0 -15661px !important}
+.ss_table_row_insert{background-position:0 -15679px !important}
+.ss_table_save{background-position:0 -15697px !important}
+.ss_table_sort{background-position:0 -15715px !important}
+.ss_tag{background-position:0 -15733px !important}
+.ss_tag_blue{background-position:0 -15751px !important}
+.ss_tag_blue_add{background-position:0 -15769px !important}
+.ss_tag_blue_delete{background-position:0 -15787px !important}
+.ss_tag_blue_edit{background-position:0 -15805px !important}
+.ss_tag_green{background-position:0 -15823px !important}
+.ss_tag_orange{background-position:0 -15841px !important}
+.ss_tag_pink{background-position:0 -15859px !important}
+.ss_tag_purple{background-position:0 -15877px !important}
+.ss_tag_red{background-position:0 -15895px !important}
+.ss_tag_yellow{background-position:0 -15913px !important}
+.ss_telephone{background-position:0 -15931px !important}
+.ss_telephone_add{background-position:0 -15949px !important}
+.ss_telephone_delete{background-position:0 -15967px !important}
+.ss_telephone_edit{background-position:0 -15985px !important}
+.ss_telephone_error{background-position:0 -16003px !important}
+.ss_telephone_go{background-position:0 -16021px !important}
+.ss_telephone_key{background-position:0 -16039px !important}
+.ss_telephone_link{background-position:0 -16057px !important}
+.ss_television{background-position:0 -16075px !important}
+.ss_television_add{background-position:0 -16093px !important}
+.ss_television_delete{background-position:0 -16111px !important}
+.ss_textfield{background-position:0 -16795px !important}
+.ss_textfield_add{background-position:0 -16813px !important}
+.ss_textfield_delete{background-position:0 -16831px !important}
+.ss_textfield_key{background-position:0 -16849px !important}
+.ss_textfield_rename{background-position:0 -16867px !important}
+.ss_thumb_down{background-position:0 -16885px !important}
+.ss_thumb_up{background-position:0 -16903px !important}
+.ss_tick{background-position:0 -16921px !important}
+.ss_time{background-position:0 -16939px !important}
+.ss_time_add{background-position:0 -16957px !important}
+.ss_time_delete{background-position:0 -16975px !important}
+.ss_time_go{background-position:0 -16993px !important}
+.ss_timeline_marker{background-position:0 -17011px !important}
+.ss_transmit{background-position:0 -17029px !important}
+.ss_transmit_add{background-position:0 -17047px !important}
+.ss_transmit_blue{background-position:0 -17065px !important}
+.ss_transmit_delete{background-position:0 -17083px !important}
+.ss_transmit_edit{background-position:0 -17101px !important}
+.ss_transmit_error{background-position:0 -17119px !important}
+.ss_transmit_go{background-position:0 -17137px !important}
+.ss_tux{background-position:0 -17155px !important}
+.ss_user{background-position:0 -17173px !important}
+.ss_user_add{background-position:0 -17191px !important}
+.ss_user_comment{background-position:0 -17209px !important}
+.ss_user_delete{background-position:0 -17227px !important}
+.ss_user_edit{background-position:0 -17245px !important}
+.ss_user_female{background-position:0 -17263px !important}
+.ss_user_go{background-position:0 -17281px !important}
+.ss_user_gray{background-position:0 -17299px !important}
+.ss_user_green{background-position:0 -17317px !important}
+.ss_user_orange{background-position:0 -17335px !important}
+.ss_user_red{background-position:0 -17353px !important}
+.ss_user_suit{background-position:0 -17371px !important}
+.ss_vcard{background-position:0 -17389px !important}
+.ss_vcard_add{background-position:0 -17407px !important}
+.ss_vcard_delete{background-position:0 -17425px !important}
+.ss_vcard_edit{background-position:0 -17443px !important}
+.ss_vector{background-position:0 -17461px !important}
+.ss_vector_add{background-position:0 -17479px !important}
+.ss_vector_delete{background-position:0 -17497px !important}
+.ss_wand{background-position:0 -17515px !important}
+.ss_weather_clouds{background-position:0 -17533px !important}
+.ss_weather_cloudy{background-position:0 -17551px !important}
+.ss_weather_lightning{background-position:0 -17569px !important}
+.ss_weather_rain{background-position:0 -17587px !important}
+.ss_weather_snow{background-position:0 -17605px !important}
+.ss_weather_sun{background-position:0 -17623px !important}
+.ss_webcam{background-position:0 -17641px !important}
+.ss_webcam_add{background-position:0 -17659px !important}
+.ss_webcam_delete{background-position:0 -17677px !important}
+.ss_webcam_error{background-position:0 -17695px !important}
+.ss_world{background-position:0 -17713px !important}
+.ss_world_add{background-position:0 -17731px !important}
+.ss_world_delete{background-position:0 -17749px !important}
+.ss_world_edit{background-position:0 -17767px !important}
+.ss_world_go{background-position:0 -17785px !important}
+.ss_world_link{background-position:0 -17803px !important}
+.ss_wrench{background-position:0 -17821px !important}
+.ss_wrench_orange{background-position:0 -17839px !important}
+.ss_xhtml{background-position:0 -17857px !important}
+.ss_xhtml_add{background-position:0 -17875px !important}
+.ss_xhtml_delete{background-position:0 -17893px !important}
+.ss_xhtml_go{background-position:0 -17911px !important}
+.ss_xhtml_valid{background-position:0 -17929px !important}
+.ss_zoom{background-position:0 -17947px !important}
+.ss_zoom_in{background-position:0 -17965px !important}
+.ss_zoom_out{background-position:0 -17983px !important}
+.ss_textfield_currency{background-position:0 -18001px !important}
+.ss_textfield_percentage{background-position:0 -18019px !important}
+.ss_js{background-position:0 -18037px !important}
+.ss_upload{background-position:0 -18055px !important}
+.ss_hidden{background-position:0 -18073px !important}
+.ss_radiogroup{background-position:0 -18091px !important}
+.ss_checkgroup{background-position:0 -18109px !important}
+.ss_check{background-position:0 -18127px !important}
+.ss_listbox{background-position:0 -18145px !important}
+.ss_yesno{background-position:0 -18163px !important}
+.ss_dropdown{background-position:0 -18181px !important}
+.ss_reset{background-position:0 -18199px !important}
+.ss_submit{background-position:0 -18217px !important}
+.ss_button{background-position:0 -18235px !important}
+.ss_textarea{background-position:0 -18253px !important}
+.ss_title{background-position:0 -18271px !important}
+.ss_subtitle{background-position:0 -18289px !important}
+
+.ss_bpmn_task{background-position:0 -18310px !important}
+.ss_bpmn_startevent{background-position:0 -18342px !important}
+.ss_bpmn_interevent{background-position:0 -18374px !important}
+.ss_bpmn_endevent{background-position:0 -18406px !important}
+.ss_bpmn_gateway{background-position:0 -18438px !important}
+.ss_bpmn_annotation{background-position:0 -18470px !important}
+
+.ss_consolidated_cases{background-position:0 -18500px !important}
diff --git a/workflow/engine/skinEngine/base/css/sprite_ie.css b/workflow/engine/skinEngine/base/css/sprite_ie.css
new file mode 100644
index 000000000..e69de29bb
diff --git a/workflow/engine/skinEngine/base/css/style.css b/workflow/engine/skinEngine/base/css/style.css
new file mode 100644
index 000000000..a1dfee558
--- /dev/null
+++ b/workflow/engine/skinEngine/base/css/style.css
@@ -0,0 +1,3140 @@
+body
+{
+	margin		:0px;
+	background-color:#ECECEC;
+	color		:#808080;
+	font		:normal 8pt sans-serif,Tahoma,MiscFixed;
+}
+
+a, img {
+    padding: 0;
+    margin: 0;
+}
+
+img { 
+    border: 0 none;
+}
+
+.Footer
+{
+	font		:normal 8pt sans-serif,Tahoma,MiscFixed;
+	color		:#000;
+	height		:150px;
+	text-align	:center;
+}
+.Footer .image
+{
+	/*background-image: url(/skins/green/images/bf.jpg);
+	background-repeat: repeat-x;
+	height:10px;*/
+
+}
+.Footer .content
+{
+	color		:black;
+	padding		:10px;
+}
+.Footer .content a
+{
+	color		:#006699;
+	text-decoration	:none;
+}
+.Footer .content a:hover
+{
+	color		:orange;
+}
+.logout a
+{
+	font:bold 8pt Tahoma,sans-serif,MiscFixed;
+	color:#006699;
+	text-decoration:none;
+}
+.logout a:hover
+{
+	color:orange;
+}
+.temporalMessageERROR
+{
+	-moz-border-radius:6px;	/* Rounded edges in Firefox */
+	background-image: url(/skins/green/images/error.gif);
+	color	:#ffffff;
+	border-style:solid;
+	border-width:1px;
+	border-color:#ffffff;
+	font	:normal 8pt Tahoma,sans-serif,MiscFixed;
+	text-decoration:none;
+	height:25px;
+	padding:0 20px;
+    vertical-align:middle;
+    font-weight: bold;
+}
+.temporalMessageWARNING
+{
+	-moz-border-radius:6px;	/* Rounded edges in Firefox */
+	background-image: url(/skins/green/images/warning.png);
+	color	:#555555;
+	border-style:solid;
+	border-width:1px;
+	border-color:#ffffff;
+	font	:normal 8pt Tahoma,sans-serif,MiscFixed;
+	text-decoration:none;
+	height:25px;
+	padding:0 20px;
+    vertical-align:middle;
+    font-weight: bold;
+}
+.temporalMessageINFO
+{
+	-moz-border-radius:6px;	/* Rounded edges in Firefox */
+	background-image: url(/skins/green/images/message.png);
+	color	:#000000;
+	border-style:solid;
+	border-width:1px;
+	border-color:#ffffff;
+	font	:normal 8pt Tahoma,sans-serif,MiscFixed;
+	text-decoration:none;
+	height:25px;
+	padding:0 20px;
+    vertical-align:middle;
+    font-weight: bold;
+}
+
+.userGroupTitle
+{
+	color	:black;
+	font	:bold 8pt Tahoma,sans-serif,MiscFixed;
+	padding-left:10px;
+}
+.userGroupLink
+{
+	padding:0px;
+	padding-left:10px;
+	padding-bottom:10px;
+}
+.userGroupLink a
+{
+	color	:#006699;
+	text-decoration:none;
+	font	:bold 8pt Tahoma,sans-serif,MiscFixed;
+}
+.userGroupLink a:hover
+{
+	color	:orange;
+}
+span.treePlusLink
+{
+	background-color:#E68B2C;
+	color:white;
+	font:normal 7pt Tahoma,MiscFixed;
+	text-decoration:none;
+	padding-left:1px;
+	padding-right:1px;
+	overflow:hidden;
+	cursor:pointer;
+}
+span.treePlusLink:hover
+{
+	:#EFC395;
+}
+span.XtreeMinus
+{
+	background-color:#006699;
+	color:white;
+	font:normal 7pt Tahoma,MiscFixed;
+	text-decoration:none;
+	padding-left:1px;
+	padding-right:1px;
+	overflow:hidden;
+	cursor:pointer;
+}
+span.XtreeMinus:hover
+{
+	background-color:#EFC395;
+}
+
+/* leimnud.app.menuRight CSS begin */
+
+/* Processmaker CSS  begin */
+.pm_separator___processmaker
+{
+
+}
+.pm_separatorOn___processmaker
+{
+
+}
+.pm_separatorOff___processmaker,.pm_separatorOn___processmaker
+{
+	height: 7px;
+	cursor:pointer;
+	text-align:center;
+	overflow:hidden;
+}
+.pm_separatorDOff___processmaker,.pm_separatorDOn___processmaker, .pm_separatorOver___processmaker, .pm_separatorOut___processmaker
+{
+	height:7px;
+	width:100%;
+	background-color:#C1D2EE;
+	background-color:buttonface;
+	border-color:buttonhighlight buttonshadow buttonshadow buttonhighlight;
+	border-style:solid;
+	border-width:1px 0pt;
+	overflow:hidden;
+}
+.pm_separatorDOff___processmaker
+{
+	background:url(/js/maborak/core/images/separator.up.gif);
+	background-repeat:no-repeat;
+	background-position:50% 2;
+
+}
+.pm_separatorDOn___processmaker
+{
+	background:url(/js/maborak/core/images/separator.down.gif);
+	background-repeat:no-repeat;
+	background-position:50% 50%;
+}
+.pm_separatorOver___processmaker
+{
+	background-color:#C1D2EE;
+}
+.pm_separatorOut___processmaker
+{
+	background-color:buttonface;
+}
+
+/* Processmaker CSS  end */
+/* processmap Theme.Task begin */
+/*theme firefox begin*/
+.processmap_task___firefox
+{
+	position	: absolute;
+	height		: 30px;
+	width		: 150px;
+	background-color: #006699;
+	border		: 1px solid #006699;
+	z-index		: 10;
+	overflow	: hidden;
+	cursor		: move;
+}
+.processmap_task_label___firefox
+{
+	color:white;
+	text-align:center;
+	cursor:text;
+	padding-top:11;
+}
+.processmap_text___firefox
+{
+	position	: absolute;
+	cursor		: move;
+	background-color:red;
+}
+.processmap_title___firefox
+{
+
+}
+	/*theme firefox end*/
+
+	/*theme processmap begin*/
+.processmap_task___processmaker
+{
+	position	: absolute;
+	height		: 40px;
+	height		: 38px;
+	width		: 171px;
+	width		: 164px;
+	z-index		: 10;
+	overflow	: hidden;
+	cursor		: move;
+	/*background	: url(/js/processmap/core/images/bg_task.gif);
+	background	: url(/images/fondotask.png);*/
+	//background-color:#006699;
+	//background-color:#6F6F6F;
+	background	: url(/images/borderTask.gif);
+	background-color:#0576C4;
+	background-color:#006699;
+	vertical-align:middle;
+	display:table-cell;
+}
+.processmap_task_label___processmaker
+{
+	color:#FFF;
+	text-align:center;
+	/*position:absolute;*/
+	margin:10;
+	vertical-align:middle;
+	cursor:move;
+}
+.processmap_text___processmaker
+{
+	position	: absolute;
+	z-index		: 10;
+	cursor		: move;
+	font		: bold 8pt Tahoma,MiscFixed;
+}
+.processmap_title___processmaker
+{
+	position	:absolute;
+	cursor		:move;
+	font		:bold 13pt Tahoma,MiscFixed;
+}
+	/*theme processmap end*/
+
+.pm__toolbar{
+    align:left;
+    font-size:1;
+    line-height:31px;
+}
+
+.processmap_toolbarItem___processmaker
+{
+	margin:0px;
+	border:1px solid #CEC6B5;
+	background:#EFEFEF url(/images/dynamicForm/toolbar.buttonbg.gif) repeat-x scroll 0%;
+}
+.processmap_toolbarItem___processmaker:hover
+{
+	margin:0px;
+	background-color:buttonface;
+	border-color:buttonhighlight buttonshadow buttonshadow buttonhighlight;
+	border-style:solid;
+	/*border-width:1px 0pt;*/
+	border:1px solid #316AC5;
+	background:#C1D2EE;
+	background-color: #C1D2EE;
+
+
+}
+/* processmap Theme.Task end */
+
+/* processmap Theme.Panels begin */
+/* processmap Theme.Panels end */
+
+
+/*	Theme leimnud.module.grid	BEGIN */
+
+/*	Theme leimnud.module.grid	END */
+
+
+/* Menues */
+
+TD.mainMenuBG {
+	background-image: url(/skins/ext/images/gray/toolbar/bg.gif);
+	background-repeat: repeat-x;
+	/*height: 25px;*/
+	left: 46px;
+	top: 72px;
+	direction: ltr;
+	text-align: left;
+}
+
+TD.mainMenu {
+	background-image: url(/skins/green/images/bm.jpg);
+	background-repeat: repeat-x;
+	height: 25px;
+	left: 46px;
+	top: 72px;
+	direction: ltr;
+	text-align: center;
+}
+
+A.mainMenu {
+	font-family: Tahoma;
+	font-size: 11px;
+	color: #FFFFFF;
+	font-weight: bold;
+	padding-top: 6px;
+	text-transform:uppercase;
+  text-decoration: none;
+}
+A.mainMenu:hover {
+  color: #D3D3D3;
+  font-weight: bold;
+  text-decoration: none;
+}
+
+TD.SelectedMenu{
+	background-image: url(/skins/green/images/bsms.jpg);
+	background-repeat: repeat-x;
+	top: 72px;
+	height: 26px;
+}
+A.SelectedMenu {
+	vertical-align: middle;
+	font-size: 11px;
+	font-weight: bold;
+	color: #000;
+	text-align: center;
+	padding-top: 6px;
+	text-transform:uppercase;
+  text-decoration: none;
+}
+
+.SelectedMenu:hover {
+	vertical-align: middle;
+	font-size: 11px;
+	font-weight: bold;
+	color: #005791;
+	text-align: center;
+	padding-top: 6px;
+	text-transform:uppercase;
+  text-decoration: none;
+}
+
+
+TD.subMenu {
+	background-image: url('/skins/green/images/bsm.jpg');
+	background-repeat: repeat-x;
+	height: 25px;
+}
+
+A.subMenu {
+	font-family: Tahoma;
+	font-size: 10px;
+	color: #005791;
+	font-weight: bold;
+	padding-top: 5px;
+	text-transform:uppercase;
+	text-decoration: none;
+}
+
+A.subMenu:hover {
+  font-family: Tahoma;
+	font-size: 10px;
+	color: #092148;
+	font-weight: bold;
+	padding-top: 5px;
+	text-transform:uppercase;
+	text-decoration: none;
+}
+
+TD.selectedSubMenu {
+	background-image: url('/js/maborak/core/images/silverBackgroundSubMenu.jpg');
+	background-repeat: repeat-x;
+	height: 26px;
+	left: 46px;
+	top: 98px;
+}
+
+A.selectedSubMenu {
+	font-family: Tahoma;
+	font-size: 10px;
+	color: #005791;
+	font-weight: bold;
+	padding-top: 5px;
+	text-transform:uppercase;
+	text-decoration: none;
+}
+
+A.selectedSubMenu:hover {
+	font-family: Tahoma;
+	font-size: 10px;
+	color: #005791;
+	font-weight: bold;
+	padding-top: 5px;
+	text-transform:uppercase;
+	text-decoration: none;
+}
+
+
+/* Menues END */
+
+/* Box Top Model BEGIN */
+.boxTop, .boxTopBlue
+{
+	height:9px;
+	padding-left:8px;
+	padding-right:8px;
+	position:relative;
+	overflow:hidden;
+}
+.boxTop div, .boxTopBlue div
+{
+	background-color:#FFF;
+}
+.boxTop div.a, .boxTop div.c, .boxTopBlue div.a, .boxTopBlue div.c
+{
+	position:absolute;
+	width:9px;
+	height:9px;
+}
+.boxTop div.a, .boxTopBlue div.a
+{
+	left:0px;
+	top:0px;
+	background-image:url(/skins/green/images/ftl.png);
+	background-color:transparent;
+}
+.boxTop div.c, .boxTopBlue div.c
+{
+	top:0px;
+	right:0px;
+	background-image:url(/skins/green/images/ftr.png);
+	background-color:transparent;
+}
+.boxTop div.b, .boxTopBlue div.b
+{
+	width:100%;
+	height:9px;
+	border-top:1px solid #DADADA;
+	background-color:#FFF;
+}
+/* Box Top Model END */
+
+/* Box Top Model Blue BEGIN */
+.boxTopBlue div.c
+{
+	background-image:url(/skins/green/images/ftr.blue.gif);
+	background-color:transparent;
+}
+.boxTopBlue div.a
+{
+	background-image:url(/skins/green/images/ftl.blue.gif);
+	background-color:transparent;
+}
+.boxTopBlue div.b
+{
+	border-top:1px solid #99BBE8;
+	background-color:#D0DEF0;
+}
+
+/* Box Top Model Blue END */
+
+/* Box Bottom Model BEGIN */
+.boxBottom, .boxBottomBlue
+{
+	height:15px;
+	padding-left:24px;
+	padding-right:24px;
+	position:relative;
+	overflow:hidden;
+}
+.boxBottom div.a, .boxBottom div.c, .boxBottomBlue div.a, .boxBottomBlue div.c
+{
+	position:absolute;
+	width:25px;
+	height:15px;
+}
+.boxBottom div.a, .boxBottomBlue div.a
+{
+	left:0px;
+	top:0px;
+	background-image:url(/skins/green/images/fbl.png);
+	background-color:transparent;
+}
+.boxBottom div.c, .boxBottomBlue div.c
+{
+	top:0px;
+	right:0px;
+	background-image:url(/skins/green/images/fbr.png);
+	background-color:transparent;
+}
+.boxBottom div.b, .boxBottomBlue div.b
+{
+	width:100%;
+	height:16px;
+	border-bottom:1px solid #DADADA;
+	background: transparent url(/skins/green/images/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-color:transparent;
+}
+.boxBottomBlue div.a
+{
+	background-image:url(/skins/green/images/fbl.blue.png);
+	background-color:transparent;
+}
+.boxBottomBlue div.b
+{
+	width:100%;
+	height:16px;
+	border-bottom:1px solid #DADADA;
+	background: transparent url(/skins/green/images/fbc.blue.png) repeat-x;
+}
+.boxContentBlue
+{
+	border-left:1px solid #99BBE8;
+	border-right:1px solid #99BBE8;
+	padding-right:5px;
+	padding-left:5px;
+	background-color:#D0DEF0;
+}
+a.linkInBlue
+{
+	font:normal 8pt Tahoma,MiscFixed;
+	color:#006699;
+	text-decoration:none;
+}
+
+a.linkInBlue:hover
+{
+	color:orange;
+}
+/* Box Bottom Model Blue END */
+
+/* BoxPanel Bottom Model BEGIN */
+.boxTopPanel
+{
+	height:15px;
+	padding-left:24px;
+	padding-right:24px;
+	position:relative;
+	overflow:hidden;
+}
+.boxTopPanel div.a, .boxTopPanel div.c
+{
+	position:absolute;
+	width:25px;
+	height:15px;
+}
+.boxTopPanel div.a
+{
+	left:0px;
+	top:0px;
+	background-image:url(/skins/green/images/ftlL.png);
+	background-color:transparent;
+}
+.boxTopPanel div.c
+{
+	top:0px;
+	right:0px;
+	background-image:url(/skins/green/images/ftrL.png);
+	background-color:transparent;
+}
+.boxTopPanel div.b
+{
+	width:100%;
+	height:16px;
+	background: transparent url(/skins/green/images/ftc.png) repeat-x;
+}
+
+/* BoxPanel Bottom Model END */
+
+
+
+/* XmlForm BEGIN  */
+	 /* form BEGIN  */
+form{
+	font:normal 11px sans-serif,MiscFixed;
+	color:#808080;
+}
+form table{
+	font:normal 11px sans-serif,MiscFixed;
+	color:#808080;
+}
+form.formDefault select
+{
+	font:normal 11px sans-serif,MiscFixed;
+	color:#000;
+}
+form.formDefault table
+{
+	font:normal 11px sans-serif,MiscFixed;
+	color:#808080;
+	line-height:180%;
+}
+form.formDefault td
+{
+	padding:2px;
+}
+form.formDefault .content
+{
+	background-color:#FFF;
+	border-left:1px solid #dadada;
+	border-right:1px solid #dadada;
+}
+form.formDefault input.FormField
+{
+	border: 1px solid #CCC;
+	background: #FFFFFF url(/skins/green/images/input_back.gif) repeat-x;
+	color:#333333;
+	font:normal 11px Arial,Helvetica,sans-serif;
+}
+form.formDefault input.FormFieldInvalid
+{
+	border: 1px solid red;
+}
+form.formDefault input.FormFieldValid
+{
+	border: 1px solid green;
+}
+form.formDefault .FormLabel
+{
+	color:#808080;
+	text-align:right;
+	padding-right:5px;
+	/* width:180; */
+}
+form.formDefault .FormFieldContent
+{
+	color:#000;
+	background-color:#EFEFEF;
+	padding-left:5px;
+	text-align: left;
+	background-color:#f9f9f9;
+	font-size:11px;
+}
+form.formDefault textarea.FormTextArea
+{
+	border: 1px solid #CCC;
+	background: #FFFFFF url(/skins/green/images/input_back.gif) repeat-x;
+	color:#333333;
+	font:normal 11px Arial,Helvetica,sans-serif;
+	overflow:auto;
+}
+form.formDefault textarea.FormTextPM
+{
+	border: 1px solid #CCC;
+	background: #FFFFFF url(/skins/green/images/input_back.gif) repeat-x;
+	color:#333;
+	font:normal 12 Courier New, monospace ;
+	overflow:auto;
+}
+form.formDefault .FormTitle,form.formDefault .FormSubTitle{
+	color:#333;
+	padding-left:5px;
+}
+form.formDefault .FormTitle
+{
+	text-shadow:0 1px 0px rgba(255,255,255,1);
+	font-weight: 700;
+	color:#000;
+	padding-left:5px;
+	font-weight:bold;
+	background:#E0E7EF;
+	border-bottom:1px solid #C3D1DF;
+
+}
+form.formDefault .FormSubTitle
+{
+	background:#EFF1F3;
+	color:#666;
+}
+form.formDefault .FormButton
+{
+	text-align:center;
+}
+
+form.formDefault a
+{
+	text-decoration:none;
+	color:#006699;
+	cursor:pointer;
+}
+form.formDefault a:hover
+{
+	color:orange;
+	cursor:pointer;
+}
+form.formDefault td.withoutLabel, form.formDefault td.withoutLabel table td
+{
+	padding:0px;
+	height:8px;
+}
+.FormTitle .FormTitle{
+	border:none;
+}
+
+
+	 /* form END  */
+	 /* formSearch BEGIN  */
+form.formSearch input, input
+{
+	font-size:8pt;
+}
+form.formSearch a
+{
+	color:#006699;
+	text-decoration:none;
+}
+form.formSearch a:hover
+{
+	color:orange;
+}
+form.formSearch
+{
+	padding-top:5px;
+	padding-bottom:5px;
+/*	width:100%;*/
+	padding-left:10px;
+	padding-right:10px;
+/*	padding-left:10%;
+	padding-right:10%;*/
+}
+form.formSearch .content
+{
+	border-left:1px solid #99BBE8;
+	border-right:1px solid #99BBE8;
+	background-color:#D0DEF0;
+	padding:10px;
+}
+form.formSearch input.FormField
+{
+	border: 1px solid #99BBE8;
+	color:#333333;
+	font:normal 11px Arial,Helvetica,sans-serif;
+	width:200px;
+}
+form.formSearch .FormLabel
+{
+	color:#000;
+	text-align:center;
+	padding-right:10px;
+	width:40%;
+}
+form.formSearch .FormFieldContent
+{
+	color:#000;
+	background-color:#EFEFEF;
+	padding-left:5px;
+	width:60%;
+	text-align: left;
+}
+
+form.formSearch .Record
+{
+	width:80%;
+}
+	 /* formSearch END  */
+
+
+	 /* pagedTable BEGIN  */
+.pagedTableDefault
+{
+	border-left:1px solid #DADADA;
+	border-right:1px solid #DADADA;
+	background-color:#FFF;
+	padding-left:5px;
+	padding-right:5px;
+}
+
+.pagedTableDefault .subtitle
+{
+	font-weight: bold;
+	color: #000;
+    font-size: 13px;
+    padding-left: 10px;
+}
+.pagedTableDefault, .pagedTableDefault table
+{
+	font:normal 11px sans-serif,MiscFixed;
+	color:#808080;
+}
+.pagedTableDefault, .pagedTableDefault .headerContent .tableOption a
+{
+	color:#2078A8;
+	text-decoration:none;
+}
+.pagedTableDefault, .pagedTableDefault .headerContent .tableOption a:hover
+{
+	color:orange;
+}
+.pagedTableDefault td
+{
+	padding:0px;
+}
+.pagedTableDefault .pagedTable td
+{
+	padding:5px;
+}
+.pagedTableDefault .pagedTable
+{
+	border:1px solid #DFDFDF;
+	border-collapse:collapse;
+	color:#27373F;
+}
+.pagedTable td{
+    text-align:left;
+}
+.pagedTableDefault .pagedTable .Row1
+{
+	background-color:#FFF;
+}
+.pagedTableDefault .pagedTable .Row2
+{
+	background-color:#EEE;
+}
+tr.Selected
+{
+	background-color:#D8DDFF;
+}
+.pagedTableDefault .pagedTable .RowPointer
+{
+	background-color:#E0EAEF;
+}
+.pagedTableDefault .cellSelected1
+{
+font-weight:bold;
+}
+.pagedTableDefault .cellSelected2
+{
+font-weight:bold;
+}
+.pagedTableDefault .pagedTable a
+{
+	color:#FFF;
+}
+.pagedTableDefault .pagedTable a:hover
+{
+	color:orange;
+}
+.pagedTableDefault .pagedTable .pagedTableHeader
+{
+	border-bottom:0px solid #DFDFDF;
+	background-color:#6F7F75;
+	color:#5B5B5B;
+	font-weight:bold;
+	background-repeat:repeat-x;
+	height:26px;
+	padding:0px;
+	overflow:hidden;
+	text-align: center;
+	background-color:#F2F2F2;
+	background-image:url("/skins/ext/images/gray/grid/grid3-hrow2.gif");
+	background-position: bottom;
+
+}
+.pagedTableDefault .pagedTable .pagedTableHeader a
+{
+	text-decoration:none;
+	padding-left:5px;
+	font:normal 8pt Tahoma, sans-serif,MiscFixed;
+	font-size:11px;
+	font-weight: bold;
+	color:#666;
+	text-shadow:#fff 0px 1px 1px;
+	text-align: left;
+	display:block;
+}
+.pagedTableDefault .pagedTable .pagedTableHeader a:hover
+{
+	color:orange;
+}
+
+/*Adicion Rube*/
+
+.pagedTableDefault .pagedTable .masterDetailMain
+{
+	background-image:url(/images/masterDetailMain.png);
+    background-repeat: repeat-x;
+	text-decoration:none;
+	color:#5B5B5B;
+	padding-left:5px;
+	font:normal 8pt Tahoma, sans-serif,MiscFixed;
+	font-weight: bold;
+}
+
+.pagedTableDefault .pagedTable .masterDetailOther
+{
+	background-image:url(/images/masterDetailOther.png);
+    background-repeat: repeat-x;
+	text-decoration:none;
+	color:#5B5B5B;
+	padding-left:5px;
+	font:normal 8pt Tahoma, sans-serif,MiscFixed;
+	font-weight: bold;
+}
+
+/*Fin Adicion Rube*/
+.pagedTableDefault .pagedTable .RowLink
+{
+	/*background-color:#6F7F75;*/
+	text-align	:center;
+}
+.pagedTable tr{
+	padding:3px 0;
+}
+.pagedTableDefault .pagedTable .RowLink a{
+	display:block;
+}
+
+A.firstPage {
+	background-image: url('/images/firstPage.gif');
+	background-repeat: no-repeat;
+	background-position: center bottom;
+	padding-left:21px;
+	padding-top:20px;
+	line-height:40px;
+	text-decoration:none;
+}
+A.noFirstPage {
+	background-image: url('/images/firstPage.gif');
+	background-repeat: no-repeat;
+	background-position: center bottom;
+	padding-left:21px;
+	padding-top:20px;
+	line-height:40px;
+	text-decoration:none;
+}
+A.previousPage {
+	background-image: url('/images/previousPage.gif');
+	background-repeat: no-repeat;
+	background-position: center bottom;
+	padding-left:21px;
+	padding-top:20px;
+	line-height:40px;
+	text-decoration:none;
+}
+A.noPreviousPage {
+	background-image: url('/images/previousPage.gif');
+	background-repeat: no-repeat;
+	background-position: center bottom;
+	padding-left:21px;
+	padding-top:20px;
+	line-height:40px;
+	text-decoration:none;
+}
+A.nextPage {
+	background-image: url('/images/nextPage.gif');
+	background-repeat: no-repeat;
+	background-position: center bottom;
+	padding-left:21px;
+	padding-top:20px;
+	line-height:40px;
+	text-decoration:none;
+}
+A.noNextPage {
+	background-image: url('/images/nextPage.gif');
+	background-repeat: no-repeat;
+	background-position: center bottom;
+	padding-left:21px;
+	padding-top:20px;
+	line-height:40px;
+	text-decoration:none;
+}
+A.lastPage {
+	background-image: url('/images/lastPage.gif');
+	background-repeat: no-repeat;
+	background-position: center bottom;
+	padding-left:21px;
+	padding-top:20px;
+	line-height:40px;
+	text-decoration:none;
+}
+A.noLastPage {
+	background-image: url('/images/lastPage.gif');
+	background-repeat: no-repeat;
+	background-position: center bottom;
+	padding-left:21px;
+	padding-top:20px;
+	line-height:40px;
+	text-decoration:none;
+}
+
+	 /* pagedTable END  */
+ 	 /* Grid BEGIN */
+div.pattern .content
+{
+	padding-left:5px;
+	padding-right:5px;
+	border-left:1px solid #DADADA;
+	border-right:1px solid #DADADA;
+	background-color:#FFF;
+}
+div.pattern .FormTitle
+{
+	font-weight:bold;
+	color: black;
+	/*background-color:#E0EFE6;*/
+	padding:2px;
+}
+
+
+div.grid
+{
+	font:normal 11px sans-serif,MiscFixed;
+	padding-left:10px;
+	padding-right:10px;
+	margin-top:7px;
+}
+
+div.grid .content
+{
+	padding-left:5px;
+	padding-right:5px;
+	border-left:1px solid #DADADA;
+	border-right:1px solid #DADADA;
+	background-color:#FFF;
+        width: 100%;
+}
+
+html>body div.grid .content
+{
+        width: auto;
+}
+
+div.grid .tableGrid
+{
+        width:100%;
+}
+
+div.grid .tableGrid .vFormTitle
+{
+/*	color:#006699;*/
+}
+	 /* Grid END */
+	 /* Tree BEGIN */
+
+div.treeBase .content
+{
+	padding-left:5px;
+	padding-right:5px;
+	border-left:1px solid #DADADA;
+	border-right:1px solid #DADADA;
+	background-color:#FFF;
+}
+.treeNode
+{
+	padding-bottom:10px;
+	font:normal 8pt Tahoma,sans-serif,MiscFixed;
+	color:#808080;
+}
+div.treeBase table td.a
+{
+	width:16px;
+	height:10px;
+}
+div.treeBase table td.b
+{
+	font:normal 8pt Tahoma,sans-serif,MiscFixed;
+	color:black;
+	text-align:left;
+}
+/* TreeParent BEGIN */
+div.treeParent
+{
+
+}
+div.treeParent table
+{
+	font:normal 8pt Tahoma,sans-serif,MiscFixed;
+	color:black;
+}
+
+div.treeParent .treeMinus
+{
+	width:16px;
+	height:22px;
+	display:block;
+	position:relative;
+	background-image:url(/images/minus.gif);
+	background-repeat:no-repeat;
+	overflow:hidden;
+}
+div.treeParent .treePlus
+{
+	width:16px;
+	height:22px;
+	background-image:url(/images/plus.gif);
+	background-repeat:no-repeat;
+	display:block;
+}
+div.treeParent .treePointer
+{
+	width:1px;
+	height:22px;
+	display:block;
+}
+div.treeParent td.c
+{
+	background-image:url(/images/ftv2vertline.gif);
+	background-repeat:repeat-y;
+}
+div.treeParent td.d
+{
+	background-image:url(/images/ftv2node.gif);
+	background-repeat:repeat-y;
+}
+div.treeParent .treeNode
+{
+	padding:2px;
+	padding-bottom:1px;
+	font-weight:bold;
+}
+
+
+
+div.treeParent .treeNode a, div.treeBase .treeNode a
+{
+	color:#006699;
+	font-weight:normal;
+	text-decoration:none;
+}
+div.treeParent .treeNode a:hover, div.treeBase .treeNode a:hover
+{
+	color:orange;
+}
+div.treeParent .FormField
+{
+	background-color:#FFF;
+	padding-bottom:10px;
+}
+div.treeParent .FormField a
+{
+	font-size:8pt !important;
+	color:red;
+}
+div.treeParent .FormTitle
+{
+/*	font:bold 8pt sans-serif,Tahoma,MiscFixed;
+	font:normal 11px sans-serif,MiscFixed;*/
+	font-weight:bold;
+	color: black;
+	/*background-color:#E0EFE6;*/
+	padding:2px;
+}
+/* TreeParent END */
+
+/* TreeChild BEGIN */
+div.treeChild td.b
+{
+	padding-right:10px;
+}
+div.treeChild td.a
+{
+	width:10px;
+	height:22px;
+	background:none;
+}
+div.treeChild .c
+{
+	background-image:url(/images/ftv2vertline.gif);
+	background-repeat:repeat-y;
+}
+/* TreeChild END */
+
+
+div.treeChild
+{
+	padding-left:1px;
+}
+div.treeParent .content .treeNode a.selected
+{
+	color:white;
+	background-color:#006699;
+}
+
+/*div.treeParent div.treeParent .content
+{
+	border-left:1px solid #99BBE8;
+	border-right:1px solid #99BBE8;
+	background-color:#D0DEF0;
+}
+div.treeParent div.treeParent .boxTop div.a
+{
+	background-image:url(/skins/green/images/ftl.blue.gif);
+}
+div.treeParent div.treeParent .boxTop div.b
+{
+	border-top:1px solid #99BBE8;
+	background-color:#D0DEF0;
+}
+div.treeParent div.treeParent .boxTop div.c
+{
+	background-image:url(/skins/green/images/ftr.blue.gif);
+}
+div.treeParent div.treeParent .boxBottom div.a
+{
+	background-image:url(/skins/green/images/fbl.blue.png);
+}
+div.treeParent div.treeParent .boxBottom div.b
+{
+	background-image:url(/skins/green/images/fbc.blue.png);
+}
+div.treeParent div.treeParent .boxBottom div.c
+{
+	background-image:url(/skins/green/images/fbr.blue.png);
+}*/
+
+
+
+
+div.treeParent table
+{
+
+}
+div.treeParent .subcontent
+{
+	padding-left:5px;
+	padding-right:5px;
+	border-left:1px solid #99BBE8;
+	border-right:1px solid #99BBE8;
+	background-color:#D0DEF0;
+}
+	 /* Tree END */
+/* XmlForm END  */
+
+
+/**************************** Start -> JSCalendar Widget by Erik Amaru Ortiz  *********************************/
+
+/* The main calendar widget.  DIV containing a table. */
+
+div.calendar { position: relative; }
+
+.calendar, .calendar table {
+  border: 1px solid #6F7F75;
+  font-size: 11px;
+  color: #000;
+  cursor: default;
+  background: #F0F2F0;
+  font-family: tahoma,verdana,sans-serif;
+  z-index:1000;
+}
+
+/* Header part -- contains navigation buttons and day names. */
+
+.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
+  text-align: center;    /* They are the navigation buttons */
+  padding: 2px;          /* Make the buttons seem like they're pressing */
+}
+
+.calendar .nav {
+  background: #6F7F75 url(menuarrow2.gif) no-repeat 100% 100%;
+}
+
+.calendar thead .title { /* This holds the current "month, year" */
+  font-weight: bold;      /* Pressing it will take you to the current date */
+  text-align: center;
+  background: #000;
+  color: #fff;
+  padding: 2px;
+}
+
+.calendar thead tr { /* Row  containing navigation buttons */
+  background: #6F7F75; /*e*/
+  color: #fff;
+}
+
+.calendar thead .daynames { /* Row  containing the day names */
+  background: #E9F2E9;
+}
+
+.calendar thead .name { /* Cells  containing the day names */
+  border-bottom: 1px solid #B5CFBF;
+  padding: 2px;
+  text-align: center;
+  color: #000;
+}
+
+.calendar thead .weekend { /* How a weekend day name shows in header */
+  color: #a66;
+}
+
+.calendar thead .hilite { /* How do the buttons in header appear when hover */
+  background-color: #B5CFBF; /*e*/
+  color: #000;
+  border: 1px solid #000;
+  padding: 1px;
+}
+
+.calendar thead .active { /* Active (pressed) buttons in header */
+  background-color: #6F7F75; /*e*/
+  border: 1px solid #FFF;
+  color: #FFF;
+  padding: 2px 0px 0px 2px;
+}
+
+/* The body part -- contains all the days in month. */
+
+.calendar tbody .day { /* Cells  containing month days dates */
+  width: 2em;
+  color: #456;
+  text-align: right;
+  padding: 2px 4px 2px 2px;
+}
+.calendar tbody .day.othermonth {
+  font-size: 80%;
+  color: #bbb;
+}
+.calendar tbody .day.othermonth.oweekend {
+  color: #fbb;
+}
+
+.calendar table .wn {
+  padding: 2px 3px 2px 2px;
+  border-right: 1px solid #000;
+  background: #A4BBAD; /*here*/
+}
+
+.calendar tbody .rowhilite td { /* the rowwwwwww*/
+  background: #C9E5D4;
+}
+
+.calendar tbody .rowhilite td.wn {
+  background: #F1F8FC;
+}
+
+.calendar tbody td.hilite { /* Hovered cells  */
+  background: #E9F2E9;
+  padding: 1px 3px 1px 1px;
+  border: 1px solid #6F7F75;
+}
+
+.calendar tbody td.active { /* Active (pressed) cells  */
+  background: #6F7F75;
+  color: #FFF;
+  padding: 2px 2px 0px 2px;
+}
+
+.calendar tbody td.selected { /* Cell showing today date */
+  font-weight: bold;
+  border: 1px solid #000;
+  padding: 1px 3px 1px 1px;
+  background: #fff;
+  color: #000;
+}
+
+.calendar tbody td.weekend { /* Cells showing weekend days */
+  color: #a66;
+}
+
+.calendar tbody td.today { /* Cell showing selected date */
+  font-weight: bold;
+  color: #D50000;
+}
+
+.calendar tbody .disabled { color: #999; }
+
+.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
+  visibility: hidden;
+}
+
+.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
+  display: none;
+}
+
+/* The footer part -- status bar and "Close" button */
+
+.calendar tfoot .footrow { /* The  in footer (only one right now) */
+  text-align: center;
+  background: #206A9B;
+  color: #fff;
+}
+
+.calendar tfoot .ttip { /* Tooltip (status bar) cell  */
+  background: #000;
+  color: #fff;
+  border-top: 1px solid #206A9B;
+  padding: 1px;
+}
+
+.calendar tfoot .hilite { /* Hover style for buttons in footer */
+  background: #B8DAF0;
+  border: 1px solid #178AEB;
+  color: #000;
+  padding: 1px;
+}
+
+.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
+  background: #006AA9;
+  padding: 2px 0px 0px 2px;
+}
+
+/* Combo boxes (menus that display months/years for direct selection) */
+
+.calendar .combo {
+  position: absolute;
+  display: none;
+  top: 0px;
+  left: 0px;
+  width: 4em;
+  cursor: default;
+  border: 1px solid #655;
+  background: #def;
+  color: #000;
+  font-size: 90%;
+  z-index: 100;
+}
+
+.calendar .combo .label,
+.calendar .combo .label-IEfix {
+  text-align: center;
+  padding: 1px;
+}
+
+.calendar .combo .label-IEfix {
+  width: 4em;
+}
+
+.calendar .combo .hilite {
+  background: #34ABFA;
+  border-top: 1px solid #46a;
+  border-bottom: 1px solid #46a;
+  font-weight: bold;
+}
+
+.calendar .combo .active {
+  border-top: 1px solid #46a;
+  border-bottom: 1px solid #46a;
+  background: #F1F8FC;
+  font-weight: bold;
+}
+
+.calendar td.time {
+  border-top: 1px solid #000;
+  padding: 1px 0px;
+  text-align: center;
+  background-color: #E9F2E9;
+}
+
+.calendar td.time .hour,
+.calendar td.time .minute,
+.calendar td.time .ampm {
+  padding: 0px 3px 0px 4px;
+  border: 1px solid #889;
+  font-weight: bold;
+  background-color: #E9F2E9;
+}
+
+.calendar td.time .ampm {
+  text-align: center;
+}
+
+.calendar td.time .colon {
+  padding: 0px 2px 0px 3px;
+  font-weight: bold;
+}
+
+.calendar td.time span.hilite { /*e*/
+  border-color: #000;
+  background-color: #6F7F75;
+  color: #fff;
+}
+
+.calendar td.time span.active {
+  border-color: red;
+  background-color: #000;
+  color: #A5FF00;
+}
+
+/**************************** End -> JSCalendar Widget by Erik Amaru Ortiz  *********************************/
+
+/**************************** Start -> Suggest Widget by Erik Amaru Ortiz   *********************************/
+/*
+================================================
+autosuggest, inquisitor style
+================================================
+*/
+
+input.module_app_suggest{
+  color:#333333;
+  font:8pt sans-serif;
+  padding:1px 1px 1px 3px;
+}
+
+
+
+div.autosuggest
+{
+	position: absolute;
+	background-position: top;
+	background-repeat: no-repeat;
+	padding: 8px 2px 0 3px;
+	z-index:1000;
+}
+
+
+div.autosuggest div.as_header,
+div.autosuggest div.as_footer
+{
+	position: relative;
+	height: 0px;
+	padding: 0 6px;
+	
+	background-position: top right;
+	background-repeat: no-repeat;
+	overflow: hidden;
+}
+div.autosuggest div.as_footer
+{
+	
+}
+
+div.autosuggest div.as_header div.as_corner,
+div.autosuggest div.as_footer div.as_corner
+{
+	position: absolute;
+	top: 0;
+	left: 0;
+	height: 6px;
+	width: 6px;
+	
+	background-position: top left;
+	background-repeat: no-repeat;
+}
+div.autosuggest div.as_footer div.as_corner
+{
+	
+}
+div.autosuggest div.as_header div.as_bar,
+div.autosuggest div.as_footer div.as_bar
+{
+	height: 6px;
+	overflow: hidden;
+	background-color: #333;
+}
+
+
+div.autosuggest ul
+{
+	list-style: none;
+	margin: 0 0 -4px 0;
+	padding: 0;
+	overflow: hidden;
+	background-color: #fff;
+  border: 1px #C3C3C3 solid;
+  color: #000;
+}
+
+div.autosuggest ul li
+{
+	color: #ccc;
+	padding: 0;
+	margin: 0 4px 4px;
+	text-align: left;
+}
+
+div.autosuggest ul li a
+{
+	color: #000;
+	display: block;
+	text-decoration: none;
+	background-color: transparent;
+	/*text-shadow: #000 0px 0px 5px;*/
+	position: relative;
+	padding: 0;
+	width: 100%;
+}
+div.autosuggest ul li a:hover
+{
+	background-color: #444;
+}
+div.autosuggest ul li.as_highlight a:hover
+{
+	background-color: #D1DEDF;  /*erik -- back sel color*/
+}
+
+div.autosuggest ul li a span
+{
+	display: block;
+	padding: 1px 0px;
+	font-weight: normal;
+}
+
+div.autosuggest ul li a span small
+{
+	font-weight: normal;
+	color: #999;
+}
+
+div.autosuggest ul li.as_highlight a span small
+{
+	color: red;
+}
+
+div.autosuggest ul li.as_highlight a
+{
+	color: #000;
+	background-color: #D1DEDF;   /* erik -- hover*/
+	
+	background-position: bottom right;
+	background-repeat: no-repeat;
+}
+
+div.autosuggest ul li.as_highlight a span
+{
+	
+	background-position: bottom left;
+	background-repeat: no-repeat;
+}
+
+div.autosuggest ul li a .tl,
+div.autosuggest ul li a .tr
+{
+	background-image: transparent;
+	background-repeat: no-repeat;
+	width: 6px;
+	height: 6px;
+	position: absolute;
+	top: 0;
+	padding: 0;
+	margin: 0;
+}
+div.autosuggest ul li a .tr
+{
+	right: 0;
+}
+
+div.autosuggest ul li.as_highlight a .tl
+{
+	left: 0;
+	background-position: bottom left;
+}
+
+div.autosuggest ul li.as_highlight a .tr
+{
+	right: 0;
+	
+	background-position: bottom right;
+}
+
+
+
+div.autosuggest ul li.as_warning
+{
+	font-weight: normal;
+	text-align: center;
+  color: #A0A0A0;
+}
+
+div.autosuggest ul em
+{
+	font-style: normal;
+	color: #000;
+  font-weight: bold;
+}
+
+.textBlue{
+	font:normal 8pt Tahoma,sans-serif,MiscFixed;
+	color:#006699;
+	text-decoration:none;
+}
+
+.textBlack{
+	font:normal 8pt Tahoma,sans-serif,MiscFixed;
+	color:#808080;
+	text-decoration:none;
+}
+
+/**************************** End -> Suggest Widget by Erik Amaru Ortiz   *********************************/
+
+.tableGrid_view
+{
+	width: 100%;
+	border-top: 0px solid #DADADA;
+	border-bottom: 0px solid #DADADA;
+	border-left: 0px solid #DADADA;
+	border-right: 0px solid #DADADA;
+	padding: 0px;
+
+}
+
+table.tableGrid_view td
+{
+	border-top: 1px solid #DADADA;
+	border-bottom: 1px solid #DADADA;
+	border-left: 0px solid #DADADA;
+	border-right: 0px solid #DADADA;
+	padding: 0px;
+
+}
+
+.ui-widget-header {
+	-moz-background-clip:border;
+	-moz-background-inline-policy:continuous;
+	-moz-background-origin:padding;
+	background:#5C9CCC url(/images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) repeat-x scroll 50% 50%;
+	border:1px solid #4297D7;
+	color:#FFFFFF;
+	font-weight:bold;
+	font-size: 11px;
+}
+
+
+/**************************** new calendar **********************************************/
+
+.DHTMLSuite_calendar{	/* Main div for the calendar */
+	border:1px solid #8F8F8F;
+	background-color:#FFF;
+	width:220px;
+	position:relative;
+	overflow:hidden;
+	font-size: 11px;
+
+}
+.DHTMLSuite_calendarContent{	/* Sub div inside DHTMLSuite_calendar - this is the div where content is added */
+	position:relative;	/* IMPORTANT - This must always be like this in order to make it possible to position sub elements correctly, especially the iframe */
+	z-index:10;	/* IMPORTANT - This must always be like this in order to make it possible to position sub elements correctly, especially the iframe */
+	background-color:#FFF;
+	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
+	font-size: 11px;
+}
+
+
+/*******************
+
+ START CSS FOR THE HEADER ROW - WHERE YOU SEE MONTH AND YEAR
+
+********************/
+.DHTMLSuite_calendar .DHTMLSuite_calendarHeading{	/* Heading of calendar, where you see the month and year */
+	background-image:url(/images/calendar/calendar_heading.png);
+	background-repeat:repeat-x;
+	height:21px;
+	border-bottom:1px solid #8F8F8F;
+	font-size: 11px;
+}
+.DHTMLSuite_calendarHeadingTxt{	/* Inner div in the heading  */
+	padding:1px;
+	text-align:center;
+	font-size: 11px;
+}
+
+.DHTMLSuite_calendarCloseButton{	/* Close button at the top right corner of the calendar */
+	background-image:url(/images/calendar/calendar-close.gif);
+	background-repeat:no-repeat;
+	width:13px;
+	height:13px;
+	position:absolute;
+	right:3px;
+	top:3px;
+	padding:1px;
+	background-position:center center;
+	cursor:pointer;
+	font-size: 11px;
+}
+
+.DHTMLSuite_calendarHeaderMonthAndYear{	/* Div elements for year and month in the heading */
+	padding:1px;
+	padding-right:2px;
+	padding-left:2px;
+	cursor:pointer;
+	line-height:17px;
+	font-size: 11px;
+	font-weight: bold;
+	font-size: 11px;
+}
+.DHTMLSuite_calendarHeaderMonthAndYearOver{	/* Mouse over effect - month and year in the heading */
+	background-color:#FFF;
+	border:1px solid #8F8F8F;
+	padding:0px;
+	padding-left:1px;
+	padding-right:1px;
+	font-size: 11px;
+}
+
+
+/*******************
+
+ START CSS FOR THE TIME BAR - THE DIV WHERE YOU SEE "Time: " and the hour and minute
+
+********************/
+
+.DHTMLSuite_calendar_timeBar{	/* Time bar - where users can select hour and minutes */
+	background-color:#D3D3D3;
+	height:21px;
+	border-top:1px solid #8F8F8F;
+	text-align:center;
+	position:relative;
+	font-size: 11px;
+}
+.DHTMLSuite_calendar_timeBarHourAndMinute{	/* General rules for the displayed hours and minutes - the ones you can click on the bring out the drop down boxes */
+	padding:1px;
+	padding-left:2px;
+	padding-right:2px;
+	margin-right:2px;
+	cursor:pointer;
+	font-size: 11px;
+}
+.DHTMLSuite_calendarTimeBarHourAndMinuteOver{	/* Mouse over effect for the hour and minute displayed in the time bar */
+	background-color:#FFF;
+	border:1px solid #8F8F8F;
+	padding:0px;
+	padding-left:1px;
+	padding-right:1px;
+	font-size: 11px;
+}
+.DHTMLSuite_calendarTimeBarTimeString{	/* String "Time:" */
+	position:absolute;
+	left:2px;
+	top:2px;
+	font-size: 11px;
+}
+
+/*******************
+
+ START CSS FOR THE NAVIGATION BAR - THE DIV WITH THE LEFT AND RIGHT ARROWS
+
+********************/
+
+.DHTMLSuite_calendar_navigationBar{	/* Navigation bar below the heading */
+	background-color:#D3D3D3;
+	height:17px;
+	border-bottom:1px solid #8F8F8F;
+	position:relative;
+	font-size: 11px;
+}
+.DHTMLSuite_calendar_navigationBarToday{	/* Div for the string "Today" in the navigation bar */
+	text-align:center;
+	font-size: 11px;
+}
+.DHTMLSuite_calendar_navigationBarToday span{	/* The "Today" string inside the navigation bar */
+	cursor:pointer;
+	font-size: 11px;
+}
+.DHTMLSuite_calendar_btnNextYear,.DHTMLSuite_calendar_btnPreviousYear,.DHTMLSuite_calendar_btnNextMonth,.DHTMLSuite_calendar_btnPreviousMonth{	/* Buttons - previous/next month and year */
+	position:absolute;
+	background-repeat:no-repeat;
+	background-position:center center;
+	width:13px;
+	height:13px;
+	padding:1px;
+	top:1px;
+	font-size: 11px;
+}
+
+.DHTMLSuite_calendar_btnNextYear{	/* Next year button */
+	background-image:url(/images/calendar/calendar-next-year.gif);
+	right:2px;
+	font-size: 11px;
+}
+.DHTMLSuite_calendar_btnPreviousYear{	/* Previous year button */
+	background-image:url(/images/calendar/calendar-previous-year.gif);
+	left:2px;
+	font-size: 11px;
+}
+.DHTMLSuite_calendar_btnNextMonth{	/* Next month button */
+	background-image:url(/images/calendar/calendar-next-month.gif);
+	right:18px;
+	font-size: 11px;
+}
+.DHTMLSuite_calendar_btnPreviousMonth{	/* Previous month button */
+	background-image:url(/images/calendar/calendar-previous-month.gif);
+	left:18px;
+	font-size: 11px;
+}
+
+/*******************
+
+ START CSS FOR THE MAIN DIV CONTAINING ALL THE DAYS WITHIN A MONTH AND HEADINGS (weeks, days(Mon-Sun) etc.)
+
+********************/
+
+
+.DHTMLSuite_calendar_monthView{	/* Main div element for the days in a month */
+
+	font-size: 11px;
+}
+
+.DHTMLSuite_calendar_monthView_headerCell{	/* Main div element for the days in a month */
+	background-color:#FFF;
+	border-bottom:1px solid #8F8F8F;
+	font-size: 11px;
+}
+
+.DHTMLSuite_calendar_monthView_firstColumn{	/* First column - the week column */
+	background-color:#D3D3D3;
+	border-right:1px solid #8F8F8F;
+	text-align:left;
+	font-size: 11px;
+}
+
+.DHTMLSuite_calendar_monthView td{	/* Default css for all the cells inside the calendar, i.e. week heading, label for the days, and the days */
+	text-align:center;
+	cursor:default;
+	font-size: 11px;
+}
+.DHTMLSuite_calendar_monthView_headerSunday{	/* Sunday in the header */
+	color:red;
+	border-bottom:1px solid #8F8F8F;
+	font-size: 11px;
+}
+.DHTMLSuite_calendar_monthView_daysInOtherMonths{	/* Days in previous or next month, i.e. before start of current displayed month or after days in the currently displayed month */
+	color:#999;
+	font-size: 11px;
+}
+.DHTMLSuite_calendar_monthView_daysInThisMonth{	/* Layout - ordinary days(mon-sat) in this month */
+	font-size: 11px;
+}
+.DHTMLSuite_calendar_monthView_sundayInThisMonth{	/* Layout - sundays in current displayed month */
+	color:red;
+	font-size: 11px;
+}
+.DHTMLSuite_calendar_monthView_initialDate{	/* Inital set date, example: the date in an input field which you are populating with the calendar */
+	background-color:#8F8F8F;
+	color:white;
+	font-size: 11px;
+}
+.DHTMLSuite_calendar_monthView_invalidDate{	/* Inital set date, example: the date in an input field which you are populating with the calendar */
+	color:#AAA;
+	font-size: 11px;
+}
+.DHTMLSuite_calendar_monthView_currentDate{	/* Date of today */
+	background-color:#dfe9fa;
+	font-size: 11px;
+	font-weight: bold;
+}
+/***************************************************
+*
+* START CSS -  DROP DOWN BOXES
+*
+*
+***************************************************/
+
+/*** MINUTES ***/
+.DHTMLSuite_calendar_minuteDropDown{	/* Drop down box for minutes */
+	background-color:#D3D3D3;
+	border:1px solid #8F8F8F;
+	width:23px;
+	padding:1px;
+	text-align:center;
+	/* You shouldn't change these 3 options */
+	position:absolute;
+	z-index:152000;
+	cursor:pointer;
+	font-size: 11px;
+
+}
+.DHTMLSuite_calendar_minuteDropDownCurrentMinute{	/* Minute in drop down when it's equal to current minute of the display, i.e. the minute you see where you click on the drop down */
+	color:red;
+	font-size: 11px;
+}
+.DHTMLSuite_calendar_dropdownAMinuteOver{
+	background-color:#dfe9fa;
+	font-size: 11px;
+}
+
+/*** HOURS ***/
+.DHTMLSuite_calendar_hourDropDown{	/* Drop down box for hours */
+	background-color:#D3D3D3;
+	border:1px solid #8F8F8F;
+	width:23px;
+	position:absolute;
+	z-index:152000;
+	padding:1px;
+	cursor:pointer;
+	font-size:11px;
+	text-align:center;
+}
+.DHTMLSuite_calendar_dropdownAnHourOver{
+	background-color:#dfe9fa;
+	font-size: 11px;
+}
+.DHTMLSuite_calendar_hourDropDownCurrentHour{
+	color:red;
+	font-size: 11px;
+}
+
+/*** MONTHS ***/
+.DHTMLSuite_calendar_monthDropDown{
+	background-color:#D3D3D3;
+	border:1px solid #8F8F8F;
+	width:70px;
+	position:absolute;
+	z-index:152000;
+	cursor:pointer;
+	padding:1px;
+	font-size: 11px;
+}
+.DHTMLSuite_calendar_dropDownAMonth{
+	font-size: 11px;
+}
+.DHTMLSuite_calendar_dropdownAMonthOver{
+	background-color:#dfe9fa;
+	font-size: 11px;
+}
+.DHTMLSuite_calendar_yearDropDownCurrentMonth{
+	color:red;
+	font-size: 11px;
+}
+
+/***** YEAR ****/
+.DHTMLSuite_calendar_yearDropDown{
+	background-color:#D3D3D3;
+	border:1px solid #8F8F8F;
+	width:30px;
+	position:absolute;
+	z-index:152000;
+	cursor:pointer;
+	padding:1px;
+	font-size:12px;
+	text-align:center;
+	font-size: 11px;
+}
+.DHTMLSuite_calendar_dropDownAYear{
+	font-size: 11px;
+}
+.DHTMLSuite_calendar_dropdownAYearOver{
+	background-color:#dfe9fa;
+	font-size: 11px;
+}
+.DHTMLSuite_calendar_yearDropDownCurrentYear{	/* Current year */
+	color:red;
+	font-size: 11px;
+}
+
+
+
+/* UP AND DOWN ARROWS INSIDE DROP DOWNS **/
+.DHTMLSuite_calendar_dropDown_arrowUp{	/* Drop down - moving to previous year */
+	background-image:url(/images/calendar/calendar-dropdown-up.gif);
+	background-repeat:no-repeat;
+	background-position:center center;
+	height:8px;
+	font-size: 11px;
+}
+
+.DHTMLSuite_calendar_dropDown_arrowDown{	/* Drop down - moving to previous year */
+	background-image:url(/images/calendar/calendar-dropdown-down.gif);
+	background-repeat:no-repeat;
+	background-position:center center;
+	height:8px;
+	font-size: 11px;
+}
+.DHTMLSuite_calendarDropDown_dropDownArrowOver{
+	background-color:#dfe9fa;
+	font-size: 11px;
+}
+
+
+
+
+/* IT'S IMPORTANT TO HAVE THIS CSS RULE AT THE BOTTOM IN ORDER TO MAKE THE PADDING OVERRIDE PADDING OF OTHER ELEMENTS */
+.DHTMLSuite_calendarButtonOver{	/* Mouse over effect for the close button */
+	background-color:#FFF;	/* White background color */
+	border:1px solid #8F8F8F;	/* Blue border */
+	padding:0px;	/* The sum border+padding of this element should be the same as border+padding of .DHTMLSuite_calendarCloseButton */
+	font-size: 11px;
+}
+.DHTMLSuite_calendarDayOver{	/* Mouse over effect - days in the calendar, i.e. days in current displayed month */
+	background-color:#D3D3D3;
+	font-size: 11px;
+}
+
+/* YOU SHOULD NEVER MODIFY THIS ONE */
+.DHTMLSuite_calendar_iframe{	/* Iframe used to cover select boxes below in older IE browsers(version 6 and prior) */
+	position:absolute;
+	top:1px;
+	left:1px;
+	z-index:1;
+	font-size: 11px;
+}
+
+.calendar_picker_min{
+	cursor:pointer;
+	background-image:url(/images/btncal_min.png);
+	float:left; width:96px; height:23px;
+	/*font-weight: bold;*/
+	color:#000;
+	font-size: 11px;
+}
+.calendar_picker{
+	cursor:pointer;
+	background-image:url(/images/btncal.png);
+	float:left; width:121px; height:23px;
+	/*font-weight: bold;*/
+	color:#000;
+	font-size: 11px;
+}
+
+/*@start:  PM tooltip -> neyek  */
+#pmtooltip{
+		background-color:#EEE;
+		border:1px solid #000;
+		position:absolute;
+		display:none;
+		z-index:20000;
+		padding:2px;
+		font-size:0.9em;
+		-moz-border-radius:6px;	/* Rounded edges in Firefox */
+		font-family: "Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif;
+
+}
+#pmtooltipShadow{
+		position:absolute;
+		background-color:#555;
+		display:none;
+		z-index:10000;
+		opacity:0.7;
+		filter:alpha(opacity=70);
+		-khtml-opacity: 0.7;
+		-moz-opacity: 0.7;
+		-moz-border-radius:6px;	/* Rounded edges in Firefox */
+}
+/*@end:  PM tooltip */
+
+/**
+ * (init) Dynaform Handler styles */
+
+#sortable {list-style-type: none;margin: 2; padding: 0; width: 700px;}
+#sortable li {margin: 1px 1px 1px 1px;padding: 1px;padding-left: 1px;font-size: 13px;height: 28px;}
+/*#sortable li:hover {background: orange;}*/
+#sortable li span {position: absolute;margin-left: -1.3em;}
+.dtext{padding-top: 0px;font-size: 13px;color:blue;}
+.dynalist td{font-size: 10px;color: #000;}
+#jq-siteContain {width: 910px;margin: 0 auto;}
+#jq-content {background: #181c21 url(images/bg_home_content.gif) top repeat-x;padding: 4em 40px;border-bottom: 1px solid #000;}
+#jq-intro {padding-top: 1em;width: 515px;margin-bottom: 3.5em;}
+#jq-intro li {float: left;font-size: 1.4em;}
+#jq-intro li a { color: #5DB0E6; font-weight: bold; text-decoration: underline; float: left; background: url(images/icon_check_whiteOnDarkBlue.gif) left no-repeat; padding: 0 30px 0 23px;}
+#jq-intro li p {font-size: .9em;}
+body.jq-enhanced #jq-intro li {position: relative;}
+html.js div.jq-checkpointSubhead {display: none;}
+body.jq-enhanced #jq-intro li div.jq-checkpointSubhead { position: absolute; width: 253px; height: 54px; background: url(/images/bg_ctaTooltip.png) 0 0 no-repeat; top: -1.5em; left: -35%; z-index: 100;}
+body.jq-enhanced #jq-intro li div.jq-checkpointSubhead p{font-size: 1em; padding: 10px 5px 0 50px; color: #AE0001; font-weight: bold; line-height: 1.3em; margin: 0; cursor: pointer;}
+.toggler { font-size:10px;height: 200px; position: relative;}
+#effect { width:180px;font-size:10px;height: 135px; padding: 0.4em; position: relative; background: #fff; }
+#effect h3 { font-size:10px;margin: 0; padding: 0.4em; text-align: center; }
+
+.current_selected_item{
+   border:2px solid orange;
+   background: #dfeffc url(images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x;
+   font-weight: bold;
+   color: #2e6e9e;
+   outline: none;
+
+}
+
+/*
+ *  (end) Dybaform Handler styles **/
+
+/*extendend fields styles*/
+#fieldshandler_items_table{
+    direction: ltr;
+}
+
+.htmleditor{
+    -x-system-font:none;
+    background:#FFFFFF url(../images/input_back.gif) repeat-x scroll 0 0;
+    border:1px solid #AAAAAA;
+    color:#333333;
+    font-family:sans-serif;
+    font-size:8pt;
+    font-size-adjust:none;
+    font-stretch:normal;
+    font-style:normal;
+    font-variant:normal;
+    font-weight:normal;
+    line-height:normal;
+    padding:1px 1px 1px 3px;
+    direction:ltr;
+}
+
+.FormTextPM{
+    direction: ltr;
+}
+
+.directionSide1{
+    direction: ltr;
+    align: left;
+}
+
+.directionSide2{
+    direction: rtl;
+    align: right;
+}
+
+.pm__dynavars{
+	direction:ltr;
+	font-weight:bold;
+}
+
+.tag_cloud { padding: 3px; text-decoration: none; }
+.tag_cloud:link  { color: #006699; }
+.tag_cloud:visited { color: #006699; }
+.tag_cloud:hover { color: #ffffff; background: #006699; }
+.tag_cloud:active { color: #ffffff; background: #ACFC65; }
+
+input.notValidateThisFields {
+    position: absolute;
+    left: -9999px;
+}
+
+input#DynaformRequiredFields {
+    position: absolute;
+    left: -9999px;
+}
+
+
+/*
+*	COMMON LAYOUT PANE FORMATTING -----------------resizer panel -------------------------------------------
+*/
+.pane ,				/* outer pane class */
+.ui-layout-pane {	/* inner pane class */
+	background-color: #fff;
+	border: 0px solid #777;
+	padding: 3px;/* alignment & padding is on the inner-divs */
+	overflow: none; /* will be auto-set to 'hidden' for any pane with a 'scrolling content div' */
+  -moz-border-radius:6px;	/* Rounded edges in Firefox */
+}
+
+
+/*
+*	OUTER-LAYOUT PANE FORMATTING
+*/
+.pane-north ,
+.pane-south ,
+.pane-west ,
+.pane-east {
+	overflow:		auto; /*neyek1*/
+}
+.pane-north {
+	border-bottom:	none;
+}
+.pane-north .content ,
+.pane-south .content {
+	text-align: center;
+}
+
+.pane-center {
+	/* show off the inner-layout inside the outer-center-pane*/
+	background-color: #F6F6F6;
+	padding: 0px; /* for outer layout */
+}
+
+
+.ui-layout-center .footer  { border-top: 1px solid #BBB; }
+
+/*
+*	INNER-LAYOUT PANE FORMATTING
+*/
+
+.ui-layout-center .ui-layout-pane {
+	padding: 10px;
+}
+.ui-layout-center .ui-layout-north ,
+.ui-layout-center .ui-layout-south {
+	text-align: center;
+}
+.ui-layout-center .ui-layout-center {
+	padding: 0 !important; /* inner divs have padding */
+}
+.ui-layout-center .ui-layout-content {
+	padding: 0px;
+}
+.ui-layout-center .ui-layout-center h3 {
+	font-size: 1em;
+	padding: 5px;
+	margin: 0;
+}
+
+
+/*
+*  OUTER LAYOUT RESIZERS & TOGGLERS --resizable panel
+*  By. Erik 
+*/
+
+/* north-pane is not resizable
+.resizer-north-dragging ,
+.resizer-north:hover		{ background: url(../img/resizable-n.gif) repeat-x center; }*/
+.resizer-south-dragging ,
+.resizer-south:hover		{ background: #DCDCDC }
+
+.resizer-west-dragging ,
+.resizer-west-open:hover	{ background: #DCDCDC }
+.resizer-east-dragging ,
+.resizer-east-open:hover	{ background: #DCDCDC }
+
+.resizer-west-open ,
+.resizer-east-open {
+	background-color: #999;
+	opacity: 0.1;
+	filter: alpha(opacity=10);
+}
+.resizer-west-open:hover ,
+.resizer-east-open:hover {
+	opacity: 1;
+	filter: alpha(opacity=100);
+}
+.resizer-dragging {
+	/* see draggable.opacity option
+	opacity: 0.5;
+	filter: alpha(opacity=50);
+	*/
+}
+.resizer-dragging-limit	{ background: #FF3300 !important; }
+
+/* IE6 * HACK - always show resizer graphics because IE6 cannot understand elem:hover */
+/** html .resizer-north		{ background: url(../img/resizable-n.gif) repeat-x center !important; } */
+* html .resizer-south		{ background: #DCDCDC }
+* html .resizer-west-open	{ background: #DCDCDC }
+* html .resizer-east-open	{ background: #DCDCDC }
+/** html .resizer-north , */
+* html .resizer-south ,
+* html .resizer-west-open ,
+* html .resizer-east-open {
+	opacity: 0.1 !important;
+	filter: alpha(opacity=10) !important;
+}
+
+/*
+*	SIMPLE TOGGLER BUTTONS (used on Outer Layout North/South only)
+*/
+
+.toggler-north-open ,
+.toggler-south-closed 		{ background: #DCDCDC }
+.toggler-north-closed ,
+.toggler-south-open   		{ background: #DCDCDC }
+/*
+.toggler-east-closed ,
+.toggler-west-open    { background: url(../img/toggle-lt.gif) no-repeat center right; }
+.toggler-west-closed ,
+.toggler-east-open    { background: url(../img/toggle-rt.gif) no-repeat center left; }
+*/
+
+/*
+*	extJS-STYLE RESIZER/SLIDER-BAR (CLOSED)
+*/
+.resizer-west-closed ,
+.resizer-east-closed {
+	background: #B4B4B4 url(/images/separator-v.gif) center no-repeat ;
+	border-top: 1px solid #777;
+	border-bottom: 1px solid #777;
+}
+.resizer-west-closed:hover ,
+.resizer-east-closed:hover {
+	background: #D1E6FC;
+}
+
+span.button-pin ,
+span.button-close {
+	position:	absolute;
+	top:		0;
+	width: 		20px;
+	height:		20px;
+	z-index:	2;
+	display:	block;
+	cursor: 	pointer;
+}
+span.button-close-west	{ left:	 0; }
+span.button-close-east	{ right: 0; }
+span.button-pin-west	{ right: 1px; }
+span.button-pin-east	{ left:	 1px; }
+
+/* CUSTOM pin-buttons */
+span.button-pin-up 		  		{ background: url(/images/pin-up-off.gif) no-repeat center; }
+span.button-pin-up:hover   		{ background: url(/images/pin-up-on.gif)  no-repeat center; }
+span.button-pin-down 	  		{ background: url(/images/pin-dn-off.gif) no-repeat center; }
+span.button-pin-down:hover 		{ background: url(/images/pin-dn-on.gif)  no-repeat center; }
+
+/* CUSTOM close-buttons */
+span.button-close-west			{ background: url(/images/go-lt-off.gif) no-repeat center; }
+span.button-close-west:hover	{ background: url(/images/go-lt-on.gif)  no-repeat center; }
+span.button-close-east			{ background: url(/images/go-rt-off.gif) no-repeat center; }
+span.button-close-east:hover	{ background: url(/images/go-rt-on.gif)  no-repeat center; }
+
+/* STANDARD toggler-buttons - when the east/west panes are 'closed' */
+.toggler-west-closed		{ background: url(/images/go-rt-off.gif) no-repeat center; }
+.toggler-west-closed:hover	{ background: url(/images/go-rt-on.gif)  no-repeat center; }
+.toggler-east-closed		{ background: url(/images/go-lt-off.gif) no-repeat center; }
+.toggler-east-closed:hover	{ background: url(/images/go-lt-on.gif)  no-repeat center; }
+
+
+/*
+*	INNER LAYOUT RESIZERS & TOGGLERS
+*
+*	These styles target 'children of center pane', so only affect the Inner Layout
+*	This layout has applyDefaultCSS=true, so use !important to override defaults
+*/
+
+.ui-layout-center .ui-layout-resizer-closed:hover	{ background: #FFEDCA !important; }
+.ui-layout-center .ui-layout-resizer-open:hover ,
+.ui-layout-center .ui-layout-resizer-dragging		{ background: #C4E1A4 !important; }
+.ui-layout-center .ui-layout-resizer-dragging-limit	{ background: #FF3300 !important; }
+
+.ui-layout-center .ui-layout-resizer-north ,
+.ui-layout-center .ui-layout-resizer-south		{ border-left:  1px solid #BBB !important;
+											  border-right: 1px solid #BBB !important; }
+.ui-layout-center .ui-layout-resizer-north-closed{ border-top:   1px solid #BBB !important; }
+.ui-layout-center .ui-layout-resizer-south-closed{ border-bottom:1px solid #BBB !important; }
+.ui-layout-center .ui-layout-resizer-west-closed	{ border-left:  1px solid #BBB !important; }
+.ui-layout-center .ui-layout-resizer-east-closed	{ border-right: 1px solid #BBB !important; }
+
+.ui-layout-center .ui-layout-resizer:hover .ui-layout-toggler {
+	opacity: 0.4;
+	filter: alpha(opacity=40);
+}
+.ui-layout-center .ui-layout-resizer:hover .ui-layout-toggler:hover {
+	opacity: 1;
+	filter: alpha(opacity=100);
+	background: #FD9 !important;
+	border-color: #CB7 !important;
+}
+
+.ui-layout-center .ui-layout-resizer-sliding {
+	opacity: 0.3;
+	filter: alpha(opacity=30);
+}
+.ui-layout-center .ui-layout-resizer-sliding:hover {
+	opacity: 1;
+	filter: alpha(opacity=100);
+}
+.ui-layout-center .ui-layout-resizer-sliding .ui-layout-toggler {
+	display: none !important;
+}
+.ui-layout-center .ui-layout-resizer-sliding:hover .ui-layout-toggler {
+	display: block !important;
+}
+
+
+/** cpanel settings **/
+
+#cpanel div.icon {
+	text-align: center;
+	margin-right: 2px;
+	float: left;
+	margin-bottom: 2px;
+  background-color: #fff;
+  -moz-border-radius:6px;	/* Rounded edges in Firefox */
+
+}
+#cpanel div.iconbox {
+  text-align: center;
+  margin-right: 5px;
+  float: left;
+  margin-bottom: 5px;
+  background-color: #fff;
+  -moz-border-radius:6px; /* Rounded edges in Firefox */
+
+}
+
+#cpanel div.icon a {
+	display: block;
+	float: left;
+	border: 1px solid #CACACA;
+	height: 32px;
+	width: 200px;
+	color: #666;
+	vertical-align: middle;
+	text-decoration: none;
+  -moz-border-radius:6px;	/* Rounded edges in Firefox */
+}
+
+#cpanel div.icon a:hover {
+	border-left: 1px solid #808080;
+	border-top: 1px solid #808080;
+	border-right: 1px solid #ccc;
+	border-bottom: 1px solid #ccc;
+	background: #EFEFEF;
+	color: #0B55C4;
+}
+
+#cpanel div.iconbox div {
+  display: block;
+  float: left;
+  border: 1px solid #CACACA;
+  height: 32px;
+  width: 200px;
+  color: #666;
+  vertical-align: middle;
+  text-decoration: none;
+  -moz-border-radius:6px; /* Rounded edges in Firefox */
+}
+
+#cpanel div.iconbox div:hover {
+  border-left: 1px solid #808080;
+  border-top: 1px solid #808080;
+  border-right: 1px solid #ccc;
+  border-bottom: 1px solid #ccc;
+  background: #EFEFEF;
+  color: #0B55C4;
+}
+
+#cpanel img  { padding: 2px 0; margin: 0 auto; }
+#cpanel span { display: block; text-align: center; }
+
+
+
+a.iconmenu {
+    color:#005791;
+    font-family:Tahoma;
+    font-size:10px;
+    font-weight:bold;
+    text-decoration:none;
+}
+
+
+div.grid {
+    font:11px sans-serif,MiscFixed;
+    margin-top:2px;
+    padding-left:4px;
+    padding-right:0;
+}
+
+/* js-calendar styles*/
+/*jscal2.css*/
+/* CSS */
+
+.DynarchCalendar {
+  border: 1px solid #aaa;
+  -moz-user-select: none;
+  -webkit-user-select: none;
+  user-select: none;
+  background: #e8e8e8;
+  font: 11px "lucida grande",tahoma,verdana,sans-serif;
+  line-height: 14px;
+  position: relative;
+  cursor: default;
+}
+
+.DynarchCalendar table {
+  border-collapse: collapse;
+  font: 11px "lucida grande",tahoma,verdana,sans-serif;
+  line-height: 14px;
+}
+
+.DynarchCalendar-topBar {
+  border-bottom: 1px solid #aaa;
+  background: #ddd;
+  padding: 5px 0 0 0;
+}
+
+table.DynarchCalendar-titleCont {
+  font-size: 130%; font-weight: bold;
+  color: #444;
+  text-align: center;
+  z-index: 9;
+  position: relative;
+  margin-top: -6px;
+}
+
+.DynarchCalendar-title div {
+  padding: 5px 17px;
+  text-shadow: 1px 1px 1px #777;
+}
+.DynarchCalendar-hover-title div {
+  background-color: #fff;
+  border: 1px solid #000;
+  padding: 4px 16px;
+  background-image: url("/js/widgets/js-calendar/css/img/drop-down.gif");
+  background-repeat: no-repeat;
+  background-position: 100% 50%;
+}
+.DynarchCalendar-pressed-title div {
+  border: 1px solid #000;
+  padding: 4px 16px;
+  background-color: #777;
+  color: #fff;
+  background-image: url("/js/widgets/js-calendar/css/img/drop-up.gif");
+  background-repeat: no-repeat;
+  background-position: 100% 50%;
+}
+
+
+
+
+
+
+.DynarchCalendar-bottomBar {
+  border-top: 1px solid #aaa;
+  background: #ddd;
+  padding: 2px;
+  position: relative;
+  text-align: center;
+}
+
+.DynarchCalendar-bottomBar-today {
+  padding: 2px 15px;
+}
+
+.DynarchCalendar-hover-bottomBar-today {
+  border: 1px solid #000;
+  background-color: #fff;
+  padding: 1px 14px;
+}
+.DynarchCalendar-pressed-bottomBar-today {
+  border: 1px solid #000;
+  background-color: #777;
+  color: #fff;
+  padding: 1px 14px;
+}
+
+
+
+
+
+
+.DynarchCalendar-body {
+  position: relative;
+  overflow: hidden;
+  padding-top: 5px;
+  padding-bottom: 5px;
+}
+
+.DynarchCalendar-first-col { padding-left: 5px; }
+.DynarchCalendar-last-col { padding-right: 5px; }
+
+.DynarchCalendar-animBody-backYear {
+  position: absolute;
+  top: -100%;
+  left: 0;
+}
+.DynarchCalendar-animBody-back {
+  position: absolute;
+  top: 5px;
+  left: -100%;
+}
+.DynarchCalendar-animBody-fwd {
+  position: absolute;
+  top: 5px;
+  left: 100%;
+}
+.DynarchCalendar-animBody-now {
+  position: absolute;
+  top: 5px;
+  left: 0;
+}
+.DynarchCalendar-animBody-fwdYear {
+  position: absolute;
+  top: 100%;
+  left: 0;
+}
+
+.DynarchCalendar-dayNames {
+  padding-left: 5px;
+  padding-right: 5px;
+}
+
+.DynarchCalendar-dayNames div { font-weight: bold; color: #444; text-shadow: 1px 1px 1px #777; }
+
+.DynarchCalendar-navBtn {
+  position: absolute;
+  top: 5px;
+  z-index: 10;
+}
+
+.DynarchCalendar-navBtn div {
+  background-repeat: no-repeat;
+  background-position: 50% 50%;
+  height: 15px;
+  width: 16px;
+  padding: 1px;
+}
+.DynarchCalendar-hover-navBtn div {
+  border: 1px solid #000;
+  padding: 0;
+  background-color: #fff;
+}
+.DynarchCalendar-navDisabled {
+  opacity: 0.3;
+  filter: alpha(opacity=30);
+}
+.DynarchCalendar-pressed-navBtn div {
+  border: 1px solid #000;
+  padding: 0;
+  background-color: #777;
+  color: #fff;
+}
+
+.DynarchCalendar-prevMonth {
+  left: 25px;
+}
+
+.DynarchCalendar-nextMonth {
+  left: 100%;
+  margin-left: -43px;
+}
+
+.DynarchCalendar-prevYear {
+  left: 5px;
+}
+
+.DynarchCalendar-nextYear {
+  left: 100%;
+  margin-left: -23px;
+}
+
+.DynarchCalendar-prevMonth div {
+  background-image: url("/js/widgets/js-calendar/css/img/nav-left.gif");
+}
+
+.DynarchCalendar-nextMonth div {
+  background-image: url("/js/widgets/js-calendar/css/img/nav-right.gif");
+}
+
+.DynarchCalendar-prevYear div {
+  background-image: url("/js/widgets/js-calendar/css/img/nav-left-x2.gif");
+}
+
+.DynarchCalendar-nextYear div {
+  background-image: url("/js/widgets/js-calendar/css/img/nav-right-x2.gif");
+}
+
+.DynarchCalendar-menu {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background-color: #ddd;
+  overflow: hidden;
+  opacity: 0.85;
+  filter: alpha(opacity=85);
+}
+
+.DynarchCalendar-menu table td div {
+  text-align: center;
+  font-weight: bold;
+  padding: 3px 5px;
+}
+.DynarchCalendar-menu table td div.DynarchCalendar-menu-month {
+  width: 4em;
+  text-align: center;
+}
+.DynarchCalendar-menu table td div.DynarchCalendar-hover-navBtn {
+  border: 1px solid #000;
+  padding: 2px 4px;
+  background-color: #fff;
+  color: #000;
+}
+.DynarchCalendar-menu table td div.DynarchCalendar-pressed-navBtn {
+  border: 1px solid #000;
+  padding: 2px 4px;
+  background-color: #777;
+  color: #fff !important;
+}
+
+.DynarchCalendar-menu-year {
+  text-align: center;
+  font: 16px "lucida grande",tahoma,verdana,sans-serif;
+  font-weight: bold;
+}
+
+.DynarchCalendar-menu-sep {
+  height: 1px; font-size: 1px; line-height: 1px;
+  overflow: hidden;
+  border-top: 1px solid #888;
+  background: #fff;
+  margin-top: 4px; margin-bottom: 3px;
+}
+
+.DynarchCalendar-time td { font-weight: bold; font-size: 120%; }
+.DynarchCalendar-time-hour, .DynarchCalendar-time-minute { padding: 1px 3px; }
+.DynarchCalendar-time-down { background: url("/js/widgets/js-calendar/css/img/time-down.png") no-repeat 50% 50%; width: 11px; height: 8px; opacity: 0.5; }
+.DynarchCalendar-time-up { background: url("/js/widgets/js-calendar/css/img/time-up.png") no-repeat 50% 50%; width: 11px; height: 8px; opacity: 0.5; }
+.DynarchCalendar-time-sep { padding: 0 2px; }
+.DynarchCalendar-hover-time { background-color: #444; color: #fff; opacity: 1; }
+.DynarchCalendar-pressed-time { background-color: #000; color: #fff; opacity: 1; }
+.DynarchCalendar-time-am { padding: 1px; width: 2.5em; text-align: center; }
+
+/* body */
+
+.DynarchCalendar-hover-week { background-color: #ddd; }
+
+.DynarchCalendar-dayNames div, .DynarchCalendar-day, .DynarchCalendar-weekNumber {
+  width: 1.7em;
+  padding: 3px 4px;
+  text-align: center;
+}
+.DynarchCalendar-weekNumber {
+  border-right: 1px solid #aaa;
+  margin-right: 4px;
+  width: 2em !important;
+  padding-right: 8px !important;
+}
+
+.DynarchCalendar-day {
+  text-align: right; color: #222;
+}
+.DynarchCalendar-day-othermonth { color: #888; }
+.DynarchCalendar-weekend { color: #c22; }
+.DynarchCalendar-day-today { color: #00f; font-weight: bold; }
+
+.DynarchCalendar-day-disabled {
+  opacity: 0.5;
+  text-shadow: 2px 1px 1px #fff;
+}
+
+.DynarchCalendar-hover-date {
+  padding: 2px 3px;
+  background-color: #eef;
+  border: 1px solid #88c;
+  margin: 0 !important;
+  color: #000;
+}
+
+.DynarchCalendar-day-othermonth.DynarchCalendar-hover-date { border-color: #aaa; color: #888; }
+
+.DynarchCalendar-dayNames .DynarchCalendar-weekend { color: #c22; }
+.DynarchCalendar-day-othermonth.DynarchCalendar-weekend { color: #d88; }
+
+.DynarchCalendar-day-selected {
+  padding: 2px 3px;
+  margin: 1px;
+  background-color: #aaa;
+  color: #000 !important;
+}
+.DynarchCalendar-day-today.DynarchCalendar-day-selected { background-color: #999; }
+
+/* focus */
+
+.DynarchCalendar-focusLink {
+  position: absolute;
+  opacity: 0;
+  filter: alpha(opacity=0);
+}
+
+.DynarchCalendar-focused {
+  border-color: #000;
+}
+
+.DynarchCalendar-focused .DynarchCalendar-topBar, .DynarchCalendar-focused .DynarchCalendar-bottomBar {
+  background-color: #ccc;
+  border-color: #336;
+}
+
+.DynarchCalendar-focused .DynarchCalendar-hover-week {
+  background-color: #ccc;
+}
+
+.DynarchCalendar-tooltip {
+  position: absolute;
+  top: 100%;
+  width: 100%;
+}
+
+.DynarchCalendar-tooltipCont {
+  margin: 0 5px 0 5px;
+  border: 1px solid #aaa;
+  border-top: 0;
+  padding: 3px 6px;
+  background: #ddd;
+}
+
+.DynarchCalendar-focused .DynarchCalendar-tooltipCont {
+  background: #ccc;
+  border-color: #000;
+}
+
+@media print {
+  .DynarchCalendar-day-selected {
+    padding: 2px 3px;
+    border: 1px solid #000;
+    margin: 0 !important;
+  }
+}
+/*border-radius.css*/
+/* This is for Gecko-based browsers */
+
+.DynarchCalendar {
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+  border-radius: 5px;
+}
+
+.DynarchCalendar-title, .DynarchCalendar-title div {
+  -moz-border-radius: 0 0 4px 4px;
+  -webkit-border-radius: 0 0 4px 4px;
+  border-radius: 0 0 4px 4px;
+}
+
+.DynarchCalendar-topBar {
+  -moz-border-radius: 4px 4px 0 0;
+  -webkit-border-radius: 4px;
+  border-radius: 4px 4px 0 0;
+}
+
+.DynarchCalendar-bottomBar {
+  -moz-border-radius: 0 0 4px 4px;
+  -webkit-border-radius: 0 0 4px 4px;
+  border-radius: 0 0 4px 4px;
+}
+
+.DynarchCalendar-bottomBar-today {
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  border-radius: 4px;
+}
+
+.DynarchCalendar-navBtn, .DynarchCalendar-navBtn div {
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  border-radius: 4px;
+}
+
+.DynarchCalendar-menu {
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+  border-radius: 5px;
+}
+
+.DynarchCalendar-menu table td div {
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  border-radius: 4px;
+}
+
+.DynarchCalendar-weekNumber {
+  -moz-border-radius: 4px 0 0 4px;
+  -webkit-border-radius: 4px 0 0 4px;
+  border-radius: 4px 0 0 4px;
+}
+
+.DynarchCalendar-day {
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  border-radius: 4px;
+}
+
+.DynarchCalendar-day-disabled {
+  -moz-border-radius: 0;
+  -webkit-border-radius: 0;
+  border-radius: 0;
+}
+
+.DynarchCalendar-tooltipCont {
+  -moz-border-radius: 0 0 5px 5px;
+  -webkit-border-radius: 5px;
+}
+
+.DynarchCalendar-time-hour, .DynarchCalendar-time-minute {
+  -moz-border-radius: 3px 0 0 3px;
+  -webkit-border-radius: 3px;
+}
+
+.DynarchCalendar-time-am {
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+}
+/*steal.css*/
+.DynarchCalendar-focused {
+  background-color: #fff;
+}
+
+.DynarchCalendar-topBar {
+  background: url("/js/widgets/js-calendar/css/steel/brushed-steel.jpg") no-repeat 50% 0;
+}
+
+.DynarchCalendar-bottomBar {
+  background: url("/js/widgets/js-calendar/css/steel/brushed-steel.jpg") no-repeat 50% 50%;
+}
+
+.DynarchCalendar-hover-title,
+.DynarchCalendar-hover-navBtn,
+.DynarchCalendar-hover-bottomBar-today,
+.DynarchCalendar-menu table td div.DynarchCalendar-hover-navBtn {
+  background: #dde url("/js/widgets/js-calendar/css/steel/coolbg.png") repeat-x 0 50%;
+}
+.DynarchCalendar-hover-title div,
+.DynarchCalendar-hover-navBtn div { background-color: transparent; }
+
+.DynarchCalendar-pressed-title,
+.DynarchCalendar-pressed-navBtn,
+.DynarchCalendar-pressed-bottomBar-today,
+.DynarchCalendar-menu table td div.DynarchCalendar-pressed-navBtn {
+  background: #445 url("coolbg.png") repeat-x 0 50%;
+}
+.DynarchCalendar-pressed-title div,
+.DynarchCalendar-pressed-navBtn div { background-color: transparent; }
+
+.DynarchCalendar-hover-week,
+.DynarchCalendar-focused .DynarchCalendar-hover-week {
+  background: #ddd url("coolbg.png") repeat-x 0 50%;
+}
+
+.DynarchCalendar {
+  background: url("/js/widgets/js-calendar/css/steel/steel.jpg") no-repeat 50% 30px;
+}
+
+.DynarchCalendar-day-selected {
+  background-color: #1864fc;
+  color: #fff !important;
+  background-image: url("coolbg.png");
+  background-position: 0 50%;
+  background-repeat: repeat-x;
+}
+
+.DynarchCalendar-day-today.DynarchCalendar-day-selected {
+  background-color: #1864fc;
+  color: #fff !important;
+}
+
+.DynarchCalendar-focused .DynarchCalendar-body {
+  background: url("../shadow-b.png") repeat-x 0 0;
+}
+
+
+
+/*Menu Principal*/
+#pm_main_table .mainMenuBG{
+  border-top:2px solid #b1cedb;
+  background-color:#347898;
+  background-image:none;
+  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(74,149,184)),color-stop(0.97, rgb(46,112,143)));
+  background-image: -moz-linear-gradient(center bottom,rgb(74,149,184) 0%,rgb(46,112,143) 97%);
+}
+ul#pm_menu{
+  list-style: none;
+  margin:0;
+  padding:0 0 0 13px;
+}
+ul#pm_menu li{
+  float:left;
+  margin:3px 2px 0 0;
+  padding:0;
+  -moz-border-radius:3px 3px 0 0;
+  border-radius:3px 3px 0 0;
+}
+ul#pm_menu a{
+  font-weight: bold;
+  color:#fff;
+  font-size:11px;
+  text-decoration: none;
+  display:block;
+  padding:4px 30px;
+  text-transform: uppercase;
+}
+ul#pm_menu li.SelectedMenu,ul#pm_menu li:hover{
+  background-color: #eee;
+  background-image: -webkit-gradient ( linear, left bottom, left top, color-stop(0.39, rgb(245,245,245)), color-stop(0.83, rgb(227,227,227))  );
+  background-image:  -moz-linear-gradient( center bottom, rgb(245,245,245) 39%, rgb(227,227,227) 83%  );
+}
+ul#pm_menu li.SelectedMenu a,ul#pm_menu li:hover a{
+  color:#333;
+}
+ul#pm_submenu{
+  list-style: none;
+  margin:0;
+  padding:0 0 0 2px;
+}
+ul#pm_submenu li{
+  float:left;
+  margin:1px 1px 0 0;
+  -moz-border-radius:3px 3px 0 0;
+  border-radius:3px 3px 0 0;
+  padding:3px;
+}
+ul#pm_submenu a{
+  font-weight: bold;
+  color:#333;
+  font-size:9px;
+  text-decoration: none;
+  display:block;
+  padding-top:0px;
+  text-transform: uppercase;
+  line-height:18px;
+  height: auto !important; /*IE se pone loco con el height 18px del ss_sprite*/
+}
+ul#pm_submenu a img{
+  float:left;
+  max-height: 18px;sudo 
+}
+ul#pm_submenu li.SelectedSubMenu,ul#pm_submenu li:hover{
+  background-color: #CCC;
+}
+ul#pm_submenu li.SelectedSubMenu a,ul#pm_submenu li:hover a{
+  color:#333;
+}
+
+
+button.x-btn-text:focus,.x-combo-selected{
+  -moz-outline-style:none;
+  outline:none;
+}
+
+.CodeMirror-line-numbers {
+  width: 2.2em;
+  color: #aaa;
+  background-color: #eee;
+  text-align: right;
+  padding-right: .3em;
+  font-size: 10pt;
+  font-family: monospace;
+  padding-top: .4em;
+  line-height: normal;
+}
+
diff --git a/workflow/engine/skinEngine/base/css/xtheme-gray.css b/workflow/engine/skinEngine/base/css/xtheme-gray.css
new file mode 100755
index 000000000..fa0e6ab7a
--- /dev/null
+++ b/workflow/engine/skinEngine/base/css/xtheme-gray.css
@@ -0,0 +1,1654 @@
+/*!
+ * Ext JS Library 3.2.1
+ * Copyright(c) 2006-2010 Ext JS, Inc.
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
+.ext-el-mask {
+    background-color: #ccc;
+}
+
+.ext-el-mask-msg {
+    border-color:#999;
+    background-color:#ddd;
+    background-image:url(/skins/ext/images/gray/panel/white-top-bottom.gif);
+    background-position: 0 -1px;
+}
+.ext-el-mask-msg div {
+    background-color: #eee;
+    border-color:#d0d0d0;
+    color:#222;
+    font:normal 11px tahoma, arial, helvetica, sans-serif;
+}
+
+.x-mask-loading div {
+    background-color:#fbfbfb;
+    background-image:url(/skins/ext/images/default/grid/loading.gif);
+}
+
+.x-item-disabled {
+    color: gray;
+}
+
+.x-item-disabled * {
+    color: gray !important;
+}
+
+.x-splitbar-proxy {
+    background-color: #aaa;
+}
+
+.x-color-palette a {
+    border-color:#fff;
+}
+
+.x-color-palette a:hover, .x-color-palette a.x-color-palette-sel {
+    border-color:#CFCFCF;
+    background-color: #eaeaea;
+}
+
+.x-color-palette em:hover, .x-color-palette span:hover{   
+    background-color: #eaeaea;
+}
+
+.x-color-palette em {
+    border-color:#aca899;
+}
+
+.x-ie-shadow {
+    background-color:#777;
+}
+
+.x-shadow .xsmc {
+    background-image: url(/skins/ext/images/default/shadow-c.png);
+}
+
+.x-shadow .xsml, .x-shadow .xsmr {
+    background-image: url(/skins/ext/images/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);
+}
+
+.loading-indicator {
+    font-size: 11px;
+    background-image: url(/skins/ext/images/default/grid/loading.gif);
+}
+
+.x-spotlight {
+    background-color: #ccc;
+}.x-tab-panel-header, .x-tab-panel-footer {
+	background-color: #eaeaea;
+	border-color:#d0d0d0;
+    overflow:hidden;
+    zoom:1;
+}
+
+.x-tab-panel-header, .x-tab-panel-footer {
+	border-color:#d0d0d0;
+}
+
+ul.x-tab-strip-top{
+    background-color:#dbdbdb;
+	background-image: url(/skins/ext/images/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);
+	border-top-color:#d0d0d0;
+}
+
+.x-tab-panel-header-plain .x-tab-strip-spacer,
+.x-tab-panel-footer-plain .x-tab-strip-spacer {
+    border-color:#d0d0d0;
+    background-color: #eaeaea;
+}
+
+.x-tab-strip span.x-tab-strip-text {
+	font:normal 11px tahoma,arial,helvetica;
+	color:#333;
+}
+
+.x-tab-strip-over span.x-tab-strip-text {
+	color:#111;
+}
+
+.x-tab-strip-active span.x-tab-strip-text {
+	color:#333;
+    font-weight:bold;
+}
+
+.x-tab-strip-disabled .x-tabs-text {
+	color:#aaaaaa;
+}
+
+.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);
+}
+
+.x-tab-strip-bottom .x-tab-right {
+	background-image: url(/skins/ext/images/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);
+}
+
+.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);
+}
+
+.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);
+}
+
+.x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
+	background-image: url(/skins/ext/images/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);
+}
+
+.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
+	background-image:url(/skins/ext/images/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);
+}
+
+.x-tab-panel-body {
+    border-color:#d0d0d0;
+    background-color:#fff;
+}
+
+.x-tab-panel-body-top {
+    border-top: 0 none;
+}
+
+.x-tab-panel-body-bottom {
+    border-bottom: 0 none;
+}
+
+.x-tab-scroller-left {
+    background-image:url(/skins/ext/images/gray/tabs/scroll-left.gif);
+    border-bottom-color:#d0d0d0;
+}
+
+.x-tab-scroller-left-over {
+    background-position: 0 0;
+}
+
+.x-tab-scroller-left-disabled {
+    background-position: -18px 0;
+    opacity:.5;
+    -moz-opacity:.5;
+    filter:alpha(opacity=50);
+    cursor:default;
+}
+
+.x-tab-scroller-right {
+    background-image:url(/skins/ext/images/gray/tabs/scroll-right.gif);
+    border-bottom-color:#d0d0d0;
+}
+
+.x-tab-panel-bbar .x-toolbar, .x-tab-panel-tbar .x-toolbar {
+    border-color:#d0d0d0;
+}
+.x-form-field{
+    font:normal 12px tahoma, arial, helvetica, sans-serif;
+}
+
+.x-form-text, textarea.x-form-field{
+    background-color:#fff;
+    background-image:url(/skins/ext/images/default/form/text-bg.gif);
+    border-color:#C1C1C1;
+}
+
+.x-form-select-one {
+    background-color:#fff;
+    border-color:#C1C1C1;
+}
+
+.x-form-check-group-label {
+    border-bottom: 1px solid #d0d0d0;
+    color: #333;
+}
+
+.x-editor .x-form-check-wrap {
+    background-color:#fff;
+}
+
+.x-form-field-wrap .x-form-trigger{
+    background-image:url(/skins/ext/images/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);
+}
+
+.x-form-field-wrap .x-form-clear-trigger{
+    background-image: url(/skins/ext/images/gray/form/clear-trigger.gif);
+}
+
+.x-form-field-wrap .x-form-search-trigger{
+    background-image: url(/skins/ext/images/gray/form/search-trigger.gif);
+}
+
+.x-trigger-wrap-focus .x-form-trigger{
+    border-bottom-color: #777777;
+}
+
+.x-item-disabled .x-form-trigger-over{
+    border-bottom-color:#b5b8c8;
+}
+
+.x-item-disabled .x-form-trigger-click{
+    border-bottom-color:#b5b8c8;
+}
+
+.x-form-focus, textarea.x-form-focus{
+	border-color:#777777;
+}
+
+.x-form-invalid, textarea.x-form-invalid{
+    background-color:#fff;
+	background-image:url(/skins/ext/images/default/grid/invalid_line.gif);
+	border-color:#c30;
+}
+
+.ext-webkit .x-form-invalid{
+	background-color:#fee;
+	border-color:#ff7870;
+}
+
+.x-form-inner-invalid, textarea.x-form-inner-invalid{
+    background-color:#fff;
+	background-image:url(/skins/ext/images/default/grid/invalid_line.gif);
+}
+
+.x-form-grow-sizer {
+	font:normal 12px tahoma, arial, helvetica, sans-serif;
+}
+
+.x-form-item {
+    font:normal 12px tahoma, arial, helvetica, sans-serif;
+}
+
+.x-form-invalid-msg {
+    color:#c0272b;
+    font:normal 11px tahoma, arial, helvetica, sans-serif;
+    background-image:url(/skins/ext/images/default/shared/warning.gif);
+}
+
+.x-form-empty-field {
+    color:gray;
+}
+
+.x-small-editor .x-form-field {
+    font:normal 11px arial, tahoma, helvetica, sans-serif;
+}
+
+.ext-webkit .x-small-editor .x-form-field {
+    font:normal 12px arial, tahoma, helvetica, sans-serif;
+}
+
+.x-form-invalid-icon {
+    background-image:url(/skins/ext/images/default/form/exclamation.gif);
+}
+
+.x-fieldset {
+    border-color:#CCCCCC;
+}
+
+.x-fieldset legend {
+    font:bold 11px tahoma, arial, helvetica, sans-serif;
+    color:#777777;
+}.x-btn{
+	font:normal 11px tahoma, verdana, helvetica;
+}
+
+.x-btn button{
+    font:normal 11px arial,tahoma,verdana,helvetica;
+    color:#333;
+}
+
+.x-btn em {
+    font-style:normal;
+    font-weight:normal;
+}
+
+.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);
+}
+
+.x-btn-click .x-btn-text, .x-btn-menu-active .x-btn-text, .x-btn-pressed .x-btn-text{
+    color:#000;
+}
+
+.x-btn-disabled *{
+	color:gray !important;
+}
+
+.x-btn-mc em.x-btn-arrow {
+    background-image:url(/skins/ext/images/default/button/arrow.gif);
+}
+
+.x-btn-mc em.x-btn-split {
+    background-image:url(/skins/ext/images/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);
+}
+
+.x-btn-mc em.x-btn-arrow-bottom {
+    background-image:url(/skins/ext/images/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);
+}
+
+.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);
+}
+
+.x-btn-group-header {
+    color: #666;
+}
+
+.x-btn-group-tc {
+	background-image: url(/skins/ext/images/gray/button/group-tb.gif);
+}
+
+.x-btn-group-tl {
+	background-image: url(/skins/ext/images/gray/button/group-cs.gif);
+}
+
+.x-btn-group-tr {
+	background-image: url(/skins/ext/images/gray/button/group-cs.gif);
+}
+
+.x-btn-group-bc {
+	background-image: url(/skins/ext/images/gray/button/group-tb.gif);
+}
+
+.x-btn-group-bl {
+	background-image: url(/skins/ext/images/gray/button/group-cs.gif);
+}
+
+.x-btn-group-br {
+	background-image: url(/skins/ext/images/gray/button/group-cs.gif);
+}
+
+.x-btn-group-ml {
+	background-image: url(/skins/ext/images/gray/button/group-lr.gif);
+}
+.x-btn-group-mr {
+	background-image: url(/skins/ext/images/gray/button/group-lr.gif);
+}
+
+.x-btn-group-notitle .x-btn-group-tc {
+	background-image: url(/skins/ext/images/gray/button/group-tb.gif);
+}
+.x-toolbar{
+	border-color:#d0d0d0;
+    background-color:#f0f0f0;
+    background-image:url(/skins/ext/images/gray/toolbar/bg.gif);
+}
+
+.x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{
+    font:normal 11px arial,tahoma, helvetica, sans-serif;
+}
+
+.x-toolbar .x-item-disabled {
+	color:gray;
+}
+
+.x-toolbar .x-item-disabled * {
+	color:gray;
+}
+
+.x-toolbar .x-btn-mc em.x-btn-split {
+    background-image:url(/skins/ext/images/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);
+}
+
+.x-toolbar .x-btn-mc em.x-btn-split-bottom {
+    background-image:url(/skins/ext/images/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);
+}
+
+.x-toolbar .xtb-sep {
+	background-image: url(/skins/ext/images/default/grid/grid-split.gif);
+}
+
+.x-tbar-page-first{
+	background-image: url(/skins/ext/images/gray/grid/page-first.gif) !important;
+}
+
+.x-tbar-loading{
+	background-image: url(/skins/ext/images/gray/grid/refresh.gif) !important;
+}
+
+.x-tbar-page-last{
+	background-image: url(/skins/ext/images/gray/grid/page-last.gif) !important;
+}
+
+.x-tbar-page-next{
+	background-image: url(/skins/ext/images/gray/grid/page-next.gif) !important;
+}
+
+.x-tbar-page-prev{
+	background-image: url(/skins/ext/images/gray/grid/page-prev.gif) !important;
+}
+
+.x-item-disabled .x-tbar-loading{
+	background-image: url(/skins/ext/images/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;
+}
+
+.x-item-disabled .x-tbar-page-last{
+	background-image: url(/skins/ext/images/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;
+}
+
+.x-item-disabled .x-tbar-page-prev{
+	background-image: url(/skins/ext/images/default/grid/page-prev-disabled.gif) !important;
+}
+
+.x-paging-info {
+    color:#444;
+}
+
+.x-toolbar-more-icon {
+    background-image: url(/skins/ext/images/gray/toolbar/more.gif) !important;
+}
+.x-resizable-handle {
+	background-color:#fff;
+}
+
+.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);
+}
+
+.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);
+}
+
+.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);
+}
+.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);
+}
+.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);
+}
+.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);
+}
+.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);
+}
+.x-resizable-proxy{
+    border-color:#565656;
+}
+.x-resizable-overlay{
+    background-color:#fff;
+}
+.x-grid3 {
+    background-color:#fff;
+}
+
+.x-grid-panel .x-panel-mc .x-panel-body {
+    border-color:#d0d0d0;
+}
+
+.x-grid3-hd-row td, .x-grid3-row td, .x-grid3-summary-row td{
+	font:normal 11px arial, tahoma, helvetica, sans-serif;
+}
+
+.x-grid3-hd-row td {
+    border-left-color:#eee;
+    border-right-color:#d0d0d0;
+}
+
+.x-grid-row-loading {
+    background-color: #fff;
+    background-image:url(/skins/ext/images/default/shared/loading-balls.gif);
+}
+
+.x-grid3-row {
+    border-color:#ededed;
+    border-top-color:#fff;
+}
+
+.x-grid3-row-alt{
+	background-color:#fafafa;
+}
+
+.x-grid3-row-over {
+	border-color:#ddd;
+    background-color:#efefef;
+    background-image:url(/skins/ext/images/default/grid/row-over.gif);
+}
+
+.x-grid3-resize-proxy {
+    background-color:#777;
+}
+
+.x-grid3-resize-marker {
+    background-color:#777;
+}
+
+.x-grid3-header{
+    background-color:#f9f9f9;
+	background-image:url(/skins/ext/images/gray/grid/grid3-hrow2.gif);
+}
+
+.x-grid3-header-pop {
+    border-left-color:#d0d0d0;
+}
+
+.x-grid3-header-pop-inner {
+    border-left-color:#eee;
+    background-image:url(/skins/ext/images/default/grid/hd-pop.gif);
+}
+
+td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open {
+    border-left-color:#ACACAC;
+    border-right-color:#ACACAC;
+}
+
+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);
+
+}
+
+.sort-asc .x-grid3-sort-icon {
+	background-image: url(/skins/ext/images/gray/grid/sort_asc.gif);
+}
+
+.sort-desc .x-grid3-sort-icon {
+	background-image: url(/skins/ext/images/gray/grid/sort_desc.gif);
+}
+
+.x-grid3-cell-text, .x-grid3-hd-text {
+	color:#000;
+}
+
+.x-grid3-split {
+	background-image: url(/skins/ext/images/default/grid/grid-split.gif);
+}
+
+.x-grid3-hd-text {
+	color:#333;
+}
+
+.x-dd-drag-proxy .x-grid3-hd-inner{
+    background-color:#f9f9f9;
+	background-image:url(/skins/ext/images/gray/grid/grid3-hrow-over2.gif);
+	border-color:#ACACAC;
+}
+
+.col-move-top{
+	background-image:url(/skins/ext/images/gray/grid/col-move-top.gif);
+}
+
+.col-move-bottom{
+	background-image:url(/skins/ext/images/gray/grid/col-move-bottom.gif);
+}
+
+.x-grid3-row-selected {
+	background-color:#CCCCCC;
+	background-image: none;
+	border-color:#ACACAC;
+}
+
+.x-grid3-cell-selected{
+	background-color: #CBCBCB !important;
+	color:#000;
+}
+
+.x-grid3-cell-selected span{
+	color:#000 !important;
+}
+
+.x-grid3-cell-selected .x-grid3-cell-text{
+	color:#000;
+}
+
+.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;
+    color:#000;
+    border-top-color:#fff;
+    border-right-color:#6fa0df !important;
+}
+
+.x-grid3-locked td.x-grid3-row-marker div, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{
+    color:#333 !important;
+}
+
+.x-grid3-dirty-cell {
+    background-image:url(/skins/ext/images/default/grid/dirty.gif);
+}
+
+.x-grid3-topbar, .x-grid3-bottombar{
+	font:normal 11px arial, tahoma, helvetica, sans-serif;
+}
+
+.x-grid3-bottombar .x-toolbar{
+	border-top-color:#a9bfd3;
+}
+
+.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;
+    color:#000 !important;
+}
+
+.x-props-grid .x-grid3-body .x-grid3-td-name{
+    background-color:#fff !important;
+    border-right-color:#eee;
+}
+
+.xg-hmenu-sort-asc .x-menu-item-icon{
+	background-image: url(/skins/ext/images/default/grid/hmenu-asc.gif);
+}
+
+.xg-hmenu-sort-desc .x-menu-item-icon{
+	background-image: url(/skins/ext/images/default/grid/hmenu-desc.gif);
+}
+
+.xg-hmenu-lock .x-menu-item-icon{
+	background-image: url(/skins/ext/images/default/grid/hmenu-lock.gif);
+}
+
+.xg-hmenu-unlock .x-menu-item-icon{
+	background-image: url(/skins/ext/images/default/grid/hmenu-unlock.gif);
+}
+
+.x-grid3-hd-btn {
+    background-color:#f9f9f9;
+    background-image:url(/skins/ext/images/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);
+}
+
+.x-grid3-row-expander {
+    background-image:url(/skins/ext/images/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);
+}
+
+.x-grid3-row-checker, .x-grid3-hd-checker {
+    background-image:url(/skins/ext/images/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);
+}
+
+.x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner {
+	color:#444;
+}
+
+.x-grid3-body .x-grid3-td-row-icon {
+    background-image:url(/skins/ext/images/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);
+}
+
+.x-grid3-check-col {
+	background-image:url(/skins/ext/images/default/menu/unchecked.gif);
+}
+
+.x-grid3-check-col-on {
+	background-image:url(/skins/ext/images/default/menu/checked.gif);
+}
+
+.x-grid-group, .x-grid-group-body, .x-grid-group-hd {
+    zoom:1;
+}
+
+.x-grid-group-hd {
+    border-bottom-color:#d0d0d0;
+}
+
+.x-grid-group-hd div.x-grid-group-title {
+    background-image:url(/skins/ext/images/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);
+}
+
+.x-group-by-icon {
+    background-image:url(/skins/ext/images/default/grid/group-by.gif);
+}
+
+.x-cols-icon {
+    background-image:url(/skins/ext/images/default/grid/columns.gif);
+}
+
+.x-show-groups-icon {
+    background-image:url(/skins/ext/images/default/grid/group-by.gif);
+}
+
+.x-grid-empty {
+    color:gray;
+    font:normal 11px tahoma, arial, helvetica, sans-serif;
+}
+
+.x-grid-with-col-lines .x-grid3-row td.x-grid3-cell {
+    border-right-color:#ededed;
+}
+
+.x-grid-with-col-lines .x-grid3-row{
+    border-top-color:#ededed;
+}
+
+.x-grid-with-col-lines .x-grid3-row-selected {
+	border-top-color:#B9B9B9;
+}
+.x-dd-drag-ghost{
+	color:#000;
+	font: normal 11px arial, helvetica, sans-serif;
+    border-color: #ddd #bbb #bbb #ddd;
+	background-color:#fff;
+}
+
+.x-dd-drop-nodrop .x-dd-drop-icon{
+  background-image: url(/skins/ext/images/default/dd/drop-no.gif);
+}
+
+.x-dd-drop-ok .x-dd-drop-icon{
+  background-image: url(/skins/ext/images/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);
+}
+
+.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);
+}
+
+.x-tree-node-leaf .x-tree-node-icon{
+	background-image:url(/skins/ext/images/default/tree/leaf.gif);
+}
+
+.x-tree-node-collapsed .x-tree-node-icon{
+	background-image:url(/skins/ext/images/default/tree/folder.gif);
+}
+
+.x-tree-node-loading .x-tree-node-icon{
+	background-image:url(/skins/ext/images/default/tree/loading.gif) !important;
+}
+
+.x-tree-node .x-tree-node-inline-icon {
+    background-image: none;
+}
+
+.x-tree-node-loading a span{
+	 font-style: italic;
+	 color:#444444;
+}
+
+.ext-ie .x-tree-node-el input {
+    width:15px;
+    height:15px;
+}
+
+.x-tree-lines .x-tree-elbow{
+	background-image:url(/skins/ext/images/default/tree/elbow.gif);
+}
+
+.x-tree-lines .x-tree-elbow-plus{
+	background-image:url(/skins/ext/images/default/tree/elbow-plus.gif);
+}
+
+.x-tree-lines .x-tree-elbow-minus{
+	background-image:url(/skins/ext/images/default/tree/elbow-minus.gif);
+}
+
+.x-tree-lines .x-tree-elbow-end{
+	background-image:url(/skins/ext/images/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);
+}
+
+.x-tree-lines .x-tree-elbow-end-minus{
+	background-image:url(/skins/ext/images/gray/tree/elbow-end-minus.gif);
+}
+
+.x-tree-lines .x-tree-elbow-line{
+	background-image:url(/skins/ext/images/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);
+}
+
+.x-tree-no-lines .x-tree-elbow-minus{
+	background-image:url(/skins/ext/images/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);
+}
+
+.x-tree-no-lines .x-tree-elbow-end-minus{
+	background-image:url(/skins/ext/images/gray/tree/elbow-end-minus-nl.gif);
+}
+
+.x-tree-arrows .x-tree-elbow-plus{
+    background-image:url(/skins/ext/images/gray/tree/arrows.gif);
+}
+
+.x-tree-arrows .x-tree-elbow-minus{
+    background-image:url(/skins/ext/images/gray/tree/arrows.gif);
+}
+
+.x-tree-arrows .x-tree-elbow-end-plus{
+    background-image:url(/skins/ext/images/gray/tree/arrows.gif);
+}
+
+.x-tree-arrows .x-tree-elbow-end-minus{
+    background-image:url(/skins/ext/images/gray/tree/arrows.gif);
+}
+
+.x-tree-node{
+	color:#000;
+	font: normal 11px arial, tahoma, helvetica, sans-serif;
+}
+
+.x-tree-node a, .x-dd-drag-ghost a{
+	color:#000;
+}
+
+.x-tree-node a span, .x-dd-drag-ghost a span{
+	color:#000;
+}
+
+.x-tree-node .x-tree-node-disabled a span{
+	color:gray !important;
+}
+
+.x-tree-node div.x-tree-drag-insert-below{
+ 	 border-bottom-color:#36c;
+}
+
+.x-tree-node div.x-tree-drag-insert-above{
+	 border-top-color:#36c;
+}
+
+.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a{
+ 	 border-bottom-color:#36c;
+}
+
+.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a{
+	 border-top-color:#36c;
+}
+
+.x-tree-node .x-tree-drag-append a span{
+	 background-color:#ddd;
+	 border-color:gray;
+}
+
+.x-tree-node .x-tree-node-over {
+	background-color: #eee;
+}
+
+.x-tree-node .x-tree-selected {
+	background-color: #ddd;
+}
+
+.x-tree-drop-ok-append .x-dd-drop-icon{
+  background-image: url(/skins/ext/images/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);
+}
+
+.x-tree-drop-ok-below .x-dd-drop-icon{
+  background-image: url(/skins/ext/images/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);
+}
+.x-date-picker {
+    border-color:#585858;
+    background-color:#fff;
+}
+
+.x-date-middle,.x-date-left,.x-date-right {
+	background-image: url(/skins/ext/images/gray/shared/hd-sprite.gif);
+	color:#fff;
+	font:bold 11px "sans serif", tahoma, verdana, helvetica;
+}
+
+.x-date-middle .x-btn .x-btn-text {
+    color:#fff;
+}
+
+.x-date-middle .x-btn-mc em.x-btn-arrow {
+    background-image:url(/skins/ext/images/gray/toolbar/btn-arrow-light.gif);
+}
+
+.x-date-right a {
+    background-image: url(/skins/ext/images/gray/shared/right-btn.gif);
+}
+
+.x-date-left a{
+	background-image: url(/skins/ext/images/gray/shared/left-btn.gif);
+}
+
+.x-date-inner th {
+    background-color:#D8D8D8;
+    background-image: url(/skins/ext/images/gray/panel/white-top-bottom.gif);
+	border-bottom-color:#AFAFAF;
+    font:normal 10px arial, helvetica,tahoma,sans-serif;
+	color:#595959;
+}
+
+.x-date-inner td {
+    border-color:#fff;
+}
+
+.x-date-inner a {
+    font:normal 11px arial, helvetica,tahoma,sans-serif;
+    color:#000;
+}
+
+.x-date-inner .x-date-active{
+	color:#000;
+}
+
+.x-date-inner .x-date-selected a{
+    background-image: none;
+    background-color:#D8D8D8;
+	border-color:#DCDCDC;
+}
+
+.x-date-inner .x-date-today a{
+	border-color:darkred;
+}
+
+.x-date-inner .x-date-selected span{
+    font-weight:bold;
+}
+
+.x-date-inner .x-date-prevday a,.x-date-inner .x-date-nextday a {
+	color:#aaa;
+}
+
+.x-date-bottom {
+    border-top-color:#AFAFAF;
+    background-color:#D8D8D8;
+    background:#D8D8D8 url(/skins/ext/images/gray/panel/white-top-bottom.gif) 0 -2px;
+}
+
+.x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover{
+    color:#000;
+    background-color:#D8D8D8;
+}
+
+.x-date-inner .x-date-disabled a {
+	background-color:#eee;
+	color:#bbb;
+}
+
+.x-date-mmenu{
+    background-color:#eee !important;
+}
+
+.x-date-mmenu .x-menu-item {
+	font-size:10px;
+	color:#000;
+}
+
+.x-date-mp {
+	background-color:#fff;
+}
+
+.x-date-mp td {
+	font:normal 11px arial, helvetica,tahoma,sans-serif;
+}
+
+.x-date-mp-btns button {
+	background-color:#4E565F;
+	color:#fff;
+	border-color:#C0C0C0 #434343 #434343 #C0C0C0;
+	font:normal 11px arial, helvetica,tahoma,sans-serif;
+}
+
+.x-date-mp-btns {
+    background-color:#D8D8D8;
+    background:#D8D8D8 url(/skins/ext/images/gray/panel/white-top-bottom.gif) 0 -2px;
+}
+
+.x-date-mp-btns td {
+	border-top-color:#AFAFAF;
+}
+
+td.x-date-mp-month a,td.x-date-mp-year a {
+	color: #333;
+}
+
+td.x-date-mp-month a:hover,td.x-date-mp-year a:hover {
+	color:#333;
+	background-color:#FDFDFD;
+}
+
+td.x-date-mp-sel a {
+    background-color:#D8D8D8;
+    background:#D8D8D8 url(/skins/ext/images/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);
+}
+
+td.x-date-mp-sep {
+   border-right-color:#D7D7D7;
+}.x-tip .x-tip-close{
+	background-image: url(/skins/ext/images/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);
+}
+
+.x-tip .x-tip-mc {
+    font: normal 11px tahoma,arial,helvetica,sans-serif;
+}
+.x-tip .x-tip-ml {
+	background-color: #fff;
+}
+
+.x-tip .x-tip-header-text {
+    font: bold 11px tahoma,arial,helvetica,sans-serif;
+    color:#444;
+}
+
+.x-tip .x-tip-body {
+    font: normal 11px tahoma,arial,helvetica,sans-serif;
+    color:#444;
+}
+
+.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);
+}
+
+.x-form-invalid-tip .x-tip-body {
+    background-image:url(/skins/ext/images/default/form/exclamation.gif);
+}
+
+.x-tip-anchor {
+    background-image:url(/skins/ext/images/gray/qtip/tip-anchor-sprite.gif);
+}.x-menu {
+    background-color:#f0f0f0;
+	background-image:url(/skins/ext/images/default/menu/menu.gif);
+}
+
+.x-menu-floating{
+    border-color:#7D7D7D;
+}
+
+.x-menu-nosep {
+	background-image:none;
+}
+
+.x-menu-list-item{
+	font:normal 11px arial,tahoma,sans-serif;
+}
+
+.x-menu-item-arrow{
+	background-image:url(/skins/ext/images/gray/menu/menu-parent.gif);
+}
+
+.x-menu-sep {
+    background-color:#e0e0e0;
+	border-bottom-color:#fff;
+}
+
+a.x-menu-item {
+	color:#222;
+}
+
+.x-menu-item-active {
+    background-image: url(/skins/ext/images/gray/menu/item-over.gif);
+	background-color: #f1f1f1;
+    border-color:#ACACAC;
+}
+
+.x-menu-item-active a.x-menu-item {
+	border-color:#ACACAC;
+}
+
+.x-menu-check-item .x-menu-item-icon{
+	background-image:url(/skins/ext/images/default/menu/unchecked.gif);
+}
+
+.x-menu-item-checked .x-menu-item-icon{
+	background-image:url(/skins/ext/images/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);
+}
+
+.x-menu-group-item .x-menu-item-icon{
+    background-image:none;
+}
+
+.x-menu-plain {
+	background-color:#fff !important;
+}
+
+.x-menu .x-date-picker{
+    border-color:#AFAFAF;
+}
+
+.x-cycle-menu .x-menu-item-checked {
+    border-color:#B9B9B9 !important;
+    background-color:#F1F1F1;
+}
+
+.x-menu-scroller-top {
+    background-image:url(/skins/ext/images/default/layout/mini-top.gif);
+}
+
+.x-menu-scroller-bottom {
+    background-image:url(/skins/ext/images/default/layout/mini-bottom.gif);
+}.x-box-tl {
+	background-image: url(/skins/ext/images/default/box/corners.gif);
+}
+
+.x-box-tc {
+	background-image: url(/skins/ext/images/default/box/tb.gif);
+}
+
+.x-box-tr {
+	background-image: url(/skins/ext/images/default/box/corners.gif);
+}
+
+.x-box-ml {
+	background-image: url(/skins/ext/images/default/box/l.gif);
+}
+
+.x-box-mc {
+	background-color: #eee;
+    background-image: url(/skins/ext/images/default/box/tb.gif);
+	font-family: "Myriad Pro","Myriad Web","Tahoma","Helvetica","Arial",sans-serif;
+	color: #393939;
+	font-size: 12px;
+}
+
+.x-box-mc h3 {
+	font-size: 14px;
+	font-weight: bold;
+}
+
+.x-box-mr {
+	background-image: url(/skins/ext/images/default/box/r.gif);
+}
+
+.x-box-bl {
+	background-image: url(/skins/ext/images/default/box/corners.gif);
+}
+
+.x-box-bc {
+	background-image: url(/skins/ext/images/default/box/tb.gif);
+}
+
+.x-box-br {
+	background-image: url(/skins/ext/images/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);
+}
+
+.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);
+}
+
+.x-box-blue .x-box-mc {
+	background-color: #c3daf9;
+}
+
+.x-box-blue .x-box-mc h3 {
+	color: #17385b;
+}
+
+.x-box-blue .x-box-ml {
+	background-image: url(/skins/ext/images/default/box/l-blue.gif);
+}
+
+.x-box-blue .x-box-mr {
+	background-image: url(/skins/ext/images/default/box/r-blue.gif);
+}
+.x-combo-list {
+    border-color:#ccc;
+    background-color:#ddd;
+    font:normal 12px tahoma, arial, helvetica, sans-serif;
+}
+
+.x-combo-list-inner {
+    background-color:#fff;
+}
+
+.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);
+    border-bottom-color:#BCBCBC;
+}
+
+.x-resizable-pinned .x-combo-list-inner {
+    border-bottom-color:#BEBEBE;
+}
+
+.x-combo-list-item {
+    border-color:#fff;
+}
+
+.x-combo-list .x-combo-selected{
+	border-color:#777 !important;
+    background-color:#f0f0f0;
+}
+
+.x-combo-list .x-toolbar {
+    border-top-color:#BCBCBC;
+}
+
+.x-combo-list-small {
+    font:normal 11px tahoma, arial, helvetica, sans-serif;
+}.x-panel {
+    border-color: #d0d0d0;
+}
+
+.x-panel-header {
+    color:#333;
+	font-weight:bold; 
+    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);
+}
+
+.x-panel-body {
+    border-color:#d0d0d0;
+    background-color:#fff;
+}
+
+.x-panel-bbar .x-toolbar, .x-panel-tbar .x-toolbar {
+    border-color:#d0d0d0;
+}
+
+.x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {
+    border-top-color:#d0d0d0;
+}
+
+.x-panel-body-noheader, .x-panel-mc .x-panel-body {
+    border-top-color:#d0d0d0;
+}
+
+.x-panel-tl .x-panel-header {
+    color:#333;
+	font:bold 11px tahoma,arial,verdana,sans-serif;
+}
+
+.x-panel-tc {
+	background-image: url(/skins/ext/images/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);
+    border-bottom-color:#d0d0d0;
+}
+
+.x-panel-bc {
+	background-image: url(/skins/ext/images/gray/panel/top-bottom.gif);
+}
+
+.x-panel-mc {
+    font: normal 11px tahoma,arial,helvetica,sans-serif;
+    background-color:#f1f1f1;
+}
+
+.x-panel-ml {
+	background-color: #fff;
+    background-image:url(/skins/ext/images/gray/panel/left-right.gif);
+}
+
+.x-panel-mr {
+	background-image: url(/skins/ext/images/gray/panel/left-right.gif);
+}
+
+.x-tool {
+    background-image:url(/skins/ext/images/gray/panel/tool-sprites.gif);
+}
+
+.x-panel-ghost {
+    background-color:#f2f2f2;
+}
+
+.x-panel-ghost ul {
+    border-color:#d0d0d0;
+}
+
+.x-panel-dd-spacer {
+    border-color:#d0d0d0;
+}
+
+.x-panel-fbar td,.x-panel-fbar span,.x-panel-fbar input,.x-panel-fbar div,.x-panel-fbar select,.x-panel-fbar label{
+    font:normal 11px arial,tahoma, helvetica, sans-serif;
+}
+.x-window-proxy {
+    background-color:#fcfcfc;
+    border-color:#d0d0d0;
+}
+
+.x-window-tl .x-window-header {
+    color:#555;
+	font:bold 11px tahoma,arial,verdana,sans-serif;
+}
+
+.x-window-tc {
+	background-image: url(/skins/ext/images/gray/window/top-bottom.png);
+}
+
+.x-window-tl {
+	background-image: url(/skins/ext/images/gray/window/left-corners.png);
+}
+
+.x-window-tr {
+	background-image: url(/skins/ext/images/gray/window/right-corners.png);
+}
+
+.x-window-bc {
+	background-image: url(/skins/ext/images/gray/window/top-bottom.png);
+}
+
+.x-window-bl {
+	background-image: url(/skins/ext/images/gray/window/left-corners.png);
+}
+
+.x-window-br {
+	background-image: url(/skins/ext/images/gray/window/right-corners.png);
+}
+
+.x-window-mc {
+    border-color:#d0d0d0;
+    font: normal 11px tahoma,arial,helvetica,sans-serif;
+    background-color:#e8e8e8;
+}
+
+.x-window-ml {
+	background-image: url(/skins/ext/images/gray/window/left-right.png);
+}
+
+.x-window-mr {
+	background-image: url(/skins/ext/images/gray/window/left-right.png);
+}
+
+.x-window-maximized .x-window-tc {
+    background-color:#fff;
+}
+
+.x-window-bbar .x-toolbar {
+    border-top-color:#d0d0d0;
+}
+
+.x-panel-ghost .x-window-tl {
+    border-bottom-color:#d0d0d0;
+}
+
+.x-panel-collapsed .x-window-tl {
+    border-bottom-color:#d0d0d0;
+}
+
+.x-dlg-mask{
+   background-color:#ccc;
+}
+
+.x-window-plain .x-window-mc {
+    background-color: #E8E8E8;
+    border-color: #D0D0D0 #EEEEEE #EEEEEE #D0D0D0;
+}
+
+.x-window-plain .x-window-body {
+    border-color: #EEEEEE #D0D0D0 #D0D0D0 #EEEEEE;
+}
+
+body.x-body-masked .x-window-plain .x-window-mc {
+    background-color: #E4E4E4;
+}
+.x-html-editor-wrap {
+    border-color:#BCBCBC;
+    background-color:#fff;
+}
+.x-html-editor-tb .x-btn-text {
+    background-image:url(/skins/ext/images/default/editor/tb-sprite.gif);
+}
+.x-panel-noborder .x-panel-header-noborder {
+    border-bottom-color:#d0d0d0;
+}
+
+.x-panel-noborder .x-panel-tbar-noborder .x-toolbar {
+    border-bottom-color:#d0d0d0;
+}
+
+.x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
+    border-top-color:#d0d0d0;
+}
+
+.x-tab-panel-bbar-noborder .x-toolbar {
+    border-top-color:#d0d0d0;
+}
+
+.x-tab-panel-tbar-noborder .x-toolbar {
+    border-bottom-color:#d0d0d0;
+}
+
+.x-border-layout-ct {
+    background-color:#f0f0f0;
+}
+.x-border-layout-ct {
+    background-color:#f0f0f0;
+}
+
+.x-accordion-hd {
+	color:#222;
+    font-weight:normal;
+    background-image: url(/skins/ext/images/gray/panel/light-hd.gif);
+}
+
+.x-layout-collapsed{
+    background-color:#dfdfdf;
+	border-color:#d0d0d0;
+}
+
+.x-layout-collapsed-over{
+    background-color:#e7e7e7;
+}
+
+.x-layout-split-west .x-layout-mini {
+    background-image:url(/skins/ext/images/default/layout/mini-left.gif);
+}
+.x-layout-split-east .x-layout-mini {
+    background-image:url(/skins/ext/images/default/layout/mini-right.gif);
+}
+.x-layout-split-north .x-layout-mini {
+    background-image:url(/skins/ext/images/default/layout/mini-top.gif);
+}
+.x-layout-split-south .x-layout-mini {
+    background-image:url(/skins/ext/images/default/layout/mini-bottom.gif);
+}
+
+.x-layout-cmini-west .x-layout-mini {
+    background-image:url(/skins/ext/images/default/layout/mini-right.gif);
+}
+
+.x-layout-cmini-east .x-layout-mini {
+    background-image:url(/skins/ext/images/default/layout/mini-left.gif);
+}
+
+.x-layout-cmini-north .x-layout-mini {
+    background-image:url(/skins/ext/images/default/layout/mini-bottom.gif);
+}
+
+.x-layout-cmini-south .x-layout-mini {
+    background-image:url(/skins/ext/images/default/layout/mini-top.gif);
+}
+.x-progress-wrap {
+    border-color:#8E8E8E;
+}
+
+.x-progress-inner {
+    background-color:#E7E7E7;
+    background-image:url(/skins/ext/images/gray/qtip/bg.gif);
+}
+
+.x-progress-bar {
+    background-color:#BCBCBC;
+    background-image:url(/skins/ext/images/gray/progress/progress-bg.gif);
+    border-top-color:#E2E2E2;
+    border-bottom-color:#A4A4A4;
+    border-right-color:#A4A4A4;
+}
+
+.x-progress-text {
+    font-size:11px;
+    font-weight:bold;
+    color:#fff;
+}
+
+.x-progress-text-back {
+    color:#5F5F5F;
+}
+.x-list-header{
+    background-color:#f9f9f9;
+	background-image:url(/skins/ext/images/gray/grid/grid3-hrow2.gif);
+}
+
+.x-list-header-inner div em {
+    border-left-color:#ddd;
+    font:normal 11px arial, tahoma, helvetica, sans-serif;
+}
+
+.x-list-body dt em {
+    font:normal 11px arial, tahoma, helvetica, sans-serif;
+}
+
+.x-list-over {
+    background-color:#eee;
+}
+
+.x-list-selected {
+    background-color:#adadae;
+}
+
+.x-list-resizer {
+    border-left-color:#555;
+    border-right-color:#555;
+}
+
+.x-list-header-inner em.sort-asc, .x-list-header-inner em.sort-desc {
+    background-image:none;
+    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);
+}
+
+.x-slider-horz .x-slider-thumb {
+    background-image:url(/skins/ext/images/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);
+}
+
+.x-slider-vert .x-slider-thumb {
+    background-image:url(/skins/ext/images/gray/slider/slider-v-thumb.png);
+}
+.x-window-dlg .ext-mb-text,
+.x-window-dlg .x-window-header-text {
+    font-size:12px;
+}
+
+.x-window-dlg .ext-mb-textarea {
+    font:normal 12px tahoma,arial,helvetica,sans-serif;
+}
+
+.x-window-dlg .x-msg-box-wait {
+    background-image:url(/skins/ext/images/default/grid/loading.gif);
+}
+
+.x-window-dlg .ext-mb-info {
+    background-image:url(/skins/ext/images/gray/window/icon-info.gif);
+}
+
+.x-window-dlg .ext-mb-warning {
+    background-image:url(/skins/ext/images/gray/window/icon-warning.gif);
+}
+
+.x-window-dlg .ext-mb-question {
+    background-image:url(/skins/ext/images/gray/window/icon-question.gif);
+}
+
+.x-window-dlg .ext-mb-error {
+    background-image:url(/skins/ext/images/gray/window/icon-error.gif);
+}
diff --git a/workflow/engine/skinEngine/base/extJsInitLoad.html b/workflow/engine/skinEngine/base/extJsInitLoad.html
new file mode 100644
index 000000000..696bbc2ea
--- /dev/null
+++ b/workflow/engine/skinEngine/base/extJsInitLoad.html
@@ -0,0 +1,70 @@
+
+
+  
+  
+  {header}
+  
+
+
+  

+  

+    

+      

+        

+        Loading styles and images...

+        
+          
+        
+      

+    

+  

+  
+  
+  
+  
+  
+
+  
+  
+  {styles}
+  
+  {bodyTemplate}
+
+
diff --git a/workflow/engine/skinEngine/base/layout-blank.html b/workflow/engine/skinEngine/base/layout-blank.html
new file mode 100644
index 000000000..c03abbec9
--- /dev/null
+++ b/workflow/engine/skinEngine/base/layout-blank.html
@@ -0,0 +1,24 @@
+
+
+  
+  
+  {$header}
+ 
+
+
+
+	
+	
+		
+	
+

+		{php}
+      global $G_TEMPLATE;
+      if ($G_TEMPLATE != '')
+      {
+        G::LoadTemplate($G_TEMPLATE);
+      }
+    {/php}
+		

+
+
diff --git a/workflow/engine/skinEngine/base/layout-extjs.html b/workflow/engine/skinEngine/base/layout-extjs.html
new file mode 100755
index 000000000..fb5e52781
--- /dev/null
+++ b/workflow/engine/skinEngine/base/layout-extjs.html
@@ -0,0 +1,10 @@
+
+
+  
+  
+{header}
+
+
+{bodyTemplate}
+
+
\ No newline at end of file
diff --git a/workflow/engine/skinEngine/base/layout-raw.html b/workflow/engine/skinEngine/base/layout-raw.html
new file mode 100644
index 000000000..94f5ebc0d
--- /dev/null
+++ b/workflow/engine/skinEngine/base/layout-raw.html
@@ -0,0 +1,16 @@
+
+	
+		
+	
+

+		
+		{php}
+      global $G_TEMPLATE;
+      if ($G_TEMPLATE != '')
+      {
+        G::LoadTemplate($G_TEMPLATE);
+      }
+    {/php}
+		

diff --git a/workflow/engine/skinEngine/base/layout-submenu.html b/workflow/engine/skinEngine/base/layout-submenu.html
new file mode 100755
index 000000000..eb3f4c8e5
--- /dev/null
+++ b/workflow/engine/skinEngine/base/layout-submenu.html
@@ -0,0 +1,44 @@
+
+  
+  
+  
+  {$header}
+  
+
+
+
+ 
+ 
+ 
+ 
+  
+ 
+

+  
+   
+   {if (count($subMenus)>0) }                   
+                        
+    
+   
+   {/if}
+   
+   
+    
+   
+  

+     
+      
+     
{include file= "$tpl_submenu"}

+    

+     {php}
+       global $G_TEMPLATE;
+       if ($G_TEMPLATE != '') G::LoadTemplate($G_TEMPLATE);
+     {/php}
+    

+ 

+   

+    
{$footer}

+   

+  

+
+
\ No newline at end of file
diff --git a/workflow/engine/skinEngine/base/layout-tracker.html b/workflow/engine/skinEngine/base/layout-tracker.html
new file mode 100644
index 000000000..b63f7b46a
--- /dev/null
+++ b/workflow/engine/skinEngine/base/layout-tracker.html
@@ -0,0 +1,64 @@
+  
+  
+  
+  
+  {$header}
+
+
+
+ 
+  
+ 
+ 
+ 
+ 
+ 
+  
+ 
+

+   
+    
+     
+     
+    
+    
+     
+    
+   

+      
{php}if ((int)$_SESSION['CASE'] != 0) {{/php}{php}echo G::LoadTranslation('ID_LOGOUT');{/php}{php}}{/php}    

+     

+      

+     

+  

+  
+   
+    
+   
+   
+    
+   
+   
+   
+    
+   
+  

+     {php}
+       global $G_TEMPLATE;
+       if ($G_TEMPLATE != '') G::LoadTemplate($G_TEMPLATE);
+     {/php}
+    

+ 

+   

+    
{$footer}

+   

+  

+
+
\ No newline at end of file
diff --git a/workflow/engine/skinEngine/base/layout.html b/workflow/engine/skinEngine/base/layout.html
new file mode 100644
index 000000000..d22a34f09
--- /dev/null
+++ b/workflow/engine/skinEngine/base/layout.html
@@ -0,0 +1,74 @@
+
+	
+		
+		
+		{$header}
+		
+	
+	
+		
+			
+				
+			
+			
+				
+			
+			
+				
+			
+		

+					
+						
+							
+							
+						
+						
+							
+						
+					

+								

+									
+      	  {php}if ((int)$_SESSION['USER_LOGGED'] != 0) {{/php}
+										
+										{$logout}  

+										   {$msgVer}
+      	  {php}}{/php} 
+									
+								

+							

+								

+							

+				

+					
+						
+							
+						
+	{if (count($subMenus)>0) }					
+						
+    
+   
+   {/if}
+   
+						
+							
+						
+					

+								{include file="$tpl_menu"}
+							

+     
+      
+     
{include file= "$tpl_submenu"}

+    

+								{php}
+								global $G_TEMPLATE;
+								if ($G_TEMPLATE != '') G::LoadTemplate($G_TEMPLATE);
+								{/php}
+							

+				

+					

+						
{$footer}

+					

+				

+	
+
\ No newline at end of file
diff --git a/workflow/engine/skinEngine/skinEngine.php b/workflow/engine/skinEngine/skinEngine.php
new file mode 100644
index 000000000..ca4956df6
--- /dev/null
+++ b/workflow/engine/skinEngine/skinEngine.php
@@ -0,0 +1,500 @@
+";
+    print "Main Skin: ".$G_SKIN_MAIN;
+
+    print "Rendering... 
";
+    print "Configuration file: $configurationFile";
+    print "
";
+    print "layout file:"; G::pr($layoutFile);
+    print "
";
+    print "layout Blank file:"; G::pr($layoutFileBlank);
+    print "
";
+    print "layout ExtJs file:"; G::pr($layoutFileExtjs);
+    print "
";
+    print "layout Raw file:"; G::pr($layoutFileRaw);
+    print "
";
+    print "layout Tracker file:"; G::pr($layoutFileTracker);
+    print "
";
+    print "layout submenu file:"; G::pr($layoutFileSubmenu);
+
+}
+
+switch(strtolower($G_SKIN)){
+    case "blank"://This is a special template but need main skin styles
+        G::verifyPath ( PATH_SMARTY_C,     true );
+        G::verifyPath ( PATH_SMARTY_CACHE, true );
+
+        // put full path to Smarty.class.php
+        require_once(PATH_THIRDPARTY . 'smarty/libs/Smarty.class.php');
+
+
+        $smarty = new Smarty();
+
+        $smarty->template_dir = $layoutFileBlank['dirname'];
+        $smarty->compile_dir  = PATH_SMARTY_C;
+        $smarty->cache_dir    = PATH_SMARTY_CACHE;
+        $smarty->config_dir   = PATH_THIRDPARTY . 'smarty/configs';
+
+        $oHeadPublisher =& headPublisher::getSingleton();
+        if (isset($oHeadPublisher)){
+            $header = $oHeadPublisher->printHeader();
+            $header .= $oHeadPublisher->getExtJsStylesheets($cssFileName);
+        }
+        $smarty->assign('username', (isset($_SESSION['USR_USERNAME']) ? '(' . $_SESSION['USR_USERNAME'] . ' ' . G::LoadTranslation('ID_IN') . ' ' . SYS_SYS . ')' : '') );
+        $smarty->assign('header', $header );
+        //$smarty->assign('tpl_menu', PATH_TEMPLATE . 'menu.html' );
+        //$smarty->assign('tpl_submenu', PATH_TEMPLATE . 'submenu.html' );
+        $smarty->force_compile=$forceTemplateCompile;
+        $smarty->display($layoutFileBlank['basename']);
+        break;
+     case "submenu"://This is a special template but need main skin styles
+if (! defined('DB_SYSTEM_INFORMATION'))
+    define('DB_SYSTEM_INFORMATION', 1);
+
+G::verifyPath(PATH_SMARTY_C, true);
+G::verifyPath(PATH_SMARTY_CACHE, true);
+
+// put full path to Smarty.class.php
+require_once (PATH_THIRDPARTY . 'smarty/libs/Smarty.class.php');
+
+$smarty = new Smarty();
+
+$smarty->template_dir = $layoutFileSubmenu['dirname'];
+$smarty->compile_dir = PATH_SMARTY_C;
+$smarty->cache_dir = PATH_SMARTY_CACHE;
+$smarty->config_dir = PATH_THIRDPARTY . 'smarty/configs';
+
+$oHeadPublisher = & headPublisher::getSingleton();
+global $G_ENABLE_BLANK_SKIN;
+
+if (isset($G_ENABLE_BLANK_SKIN) && $G_ENABLE_BLANK_SKIN) {
+    $smarty->display($layoutFileBlank['basename']);
+} else {
+    
+    $header = '';
+    if (isset($oHeadPublisher)) {
+        $oHeadPublisher->title = isset($_SESSION['USR_USERNAME']) ? '(' . $_SESSION['USR_USERNAME'] . ' ' . G::LoadTranslation('ID_IN') . ' ' . SYS_SYS . ')' : '';
+        $header = $oHeadPublisher->printHeader();
+        $header .= $oHeadPublisher->getExtJsStylesheets($cssFileName);
+    }
+    $footer = '';
+    if (strpos($_SERVER['REQUEST_URI'], '/login/login') !== false) {
+        if (DB_SYSTEM_INFORMATION == 1) {
+            $footer = "| System Information |
";
+        }
+        
+        $freeOfChargeText = "";
+        if (! defined('SKIP_FREE_OF_CHARGE_TEXT'))
+            $freeOfChargeText = "Supplied free of charge with no support, certification, warranty, 
maintenance nor indemnity by Colosa and its Certified Partners.";
+        $footer .= "
Copyright © 2003-" . date('Y') . " Colosa, Inc. All rights reserved.
 $freeOfChargeText " . "

";
+    }
+    
+    //menu
+    global $G_MAIN_MENU;
+    global $G_SUB_MENU;
+    global $G_MENU_SELECTED;
+    global $G_SUB_MENU_SELECTED;
+    global $G_ID_MENU_SELECTED;
+    global $G_ID_SUB_MENU_SELECTED;
+    
+    $oMenu = new Menu();
+    $menus = $oMenu->generateArrayForTemplate($G_MAIN_MENU, 'SelectedMenu', 'mainMenu', $G_MENU_SELECTED, $G_ID_MENU_SELECTED);
+    $smarty->assign('menus', $menus);
+    
+    $oSubMenu = new Menu();
+    $subMenus = $oSubMenu->generateArrayForTemplate($G_SUB_MENU, 'selectedSubMenu', 'subMenu', $G_SUB_MENU_SELECTED, $G_ID_SUB_MENU_SELECTED);
+    $smarty->assign('subMenus', $subMenus);
+    
+    if (! defined('NO_DISPLAY_USERNAME')) {
+        define('NO_DISPLAY_USERNAME', 0);
+    }
+    if (NO_DISPLAY_USERNAME == 0) {
+        $smarty->assign('userfullname', isset($_SESSION['USR_FULLNAME']) ? $_SESSION['USR_FULLNAME'] : '');
+        $smarty->assign('user', isset($_SESSION['USR_USERNAME']) ? '(' . $_SESSION['USR_USERNAME'] . ')' : '');
+        $smarty->assign('rolename', isset($_SESSION['USR_ROLENAME']) ? $_SESSION['USR_ROLENAME'] . '' : '');
+        $smarty->assign('pipe', isset($_SESSION['USR_USERNAME']) ? ' | ' : '');
+        $smarty->assign('logout', G::LoadTranslation('ID_LOGOUT'));
+        $smarty->assign('workspace', defined('SYS_SYS')?SYS_SYS: '');
+        $uws = (isset($_SESSION['USR_ROLENAME']) && $_SESSION['USR_ROLENAME'] != '')? strtolower(G::LoadTranslation('ID_WORKSPACE_USING')): G::LoadTranslation('ID_WORKSPACE_USING');
+        $smarty->assign('workspace_label', $uws);
+        $smarty->assign('udate', G::getformatedDate(date('Y-m-d'), 'M d, yyyy', SYS_LANG));
+        
+    }
+    if (defined('SYS_SYS'))
+        $logout = '/sys' . SYS_SYS . '/' . SYS_LANG . '/' . SYS_SKIN . '/login/login';
+    else
+        $logout = '/sys/' . SYS_LANG . '/' . SYS_SKIN . '/login/login';
+    $smarty->assign('linklogout', $logout);
+    $smarty->assign('header', $header);
+    $smarty->assign('footer', $footer);
+    $smarty->assign('tpl_menu', PATH_TEMPLATE . 'menu.html');
+    $smarty->assign('tpl_submenu', PATH_TEMPLATE . 'submenu.html');
+    
+    if (class_exists('PMPluginRegistry')) {
+        $oPluginRegistry = &PMPluginRegistry::getSingleton();
+        $sCompanyLogo = $oPluginRegistry->getCompanyLogo('/images/processmaker.logo.jpg');
+    } else
+        $sCompanyLogo = '/images/processmaker.logo.jpg';
+    
+    $smarty->assign('logo_company', $sCompanyLogo);
+    $smarty->display($layoutFileSubmenu['basename']);
+}
+        break;
+     case "raw"://This is a special template but need main skin styles
+        G::verifyPath ( PATH_SMARTY_C,     true );
+        G::verifyPath ( PATH_SMARTY_CACHE, true );
+
+        // put full path to Smarty.class.php
+        require_once(PATH_THIRDPARTY . 'smarty/libs/Smarty.class.php');
+
+
+        $smarty = new Smarty();
+
+        $smarty->template_dir = $layoutFileRaw['dirname'];
+        $smarty->compile_dir  = PATH_SMARTY_C;
+        $smarty->cache_dir    = PATH_SMARTY_CACHE;
+        $smarty->config_dir   = PATH_THIRDPARTY . 'smarty/configs';
+
+        $oHeadPublisher =& headPublisher::getSingleton();
+        if (isset($oHeadPublisher)) $header = $oHeadPublisher->printRawHeader();
+        $smarty->assign('header', $header );
+        $smarty->force_compile=$forceTemplateCompile;
+        $smarty->display($layoutFileRaw['basename']);
+        break;
+    case "extjs"://This is a special template but need main skin styles
+        G::LoadClass('serverConfiguration');
+        $oServerConf =& serverConf::getSingleton();
+
+        $oHeadPublisher =& headPublisher::getSingleton();
+
+        /*$extSkin=$oServerConf->getProperty("extSkin");
+         if(isset($extSkin[SYS_SKIN])){
+         $oHeadPublisher->setExtSkin( $extSkin[SYS_SKIN]);
+         }*/
+
+        if( $oHeadPublisher->extJsInit === true){
+            $header = $oHeadPublisher->getExtJsVariablesScript();
+            $styles = $oHeadPublisher->getExtJsStylesheets($cssFileName);
+            $body   = $oHeadPublisher->getExtJsScripts();
+
+            $templateFile = G::ExpandPath( "skinEngine" ).'base'.PATH_SEP .'extJsInitLoad.html';
+        }
+        else {
+            $header = $oHeadPublisher->getExtJsStylesheets($cssFileName);
+            $header .= $oHeadPublisher->includeExtJs();
+            $styles = "";
+            $body   = $oHeadPublisher->renderExtJs();
+
+            $templateFile = $layoutFile['dirname'].PATH_SEP.$layoutFileExtjs['basename'];
+        }
+        $template = new TemplatePower(  $templateFile );
+        $template->prepare();
+        $template->assign( 'header', $header );
+        $template->assign( 'styles', $styles );
+        $template->assign( 'bodyTemplate', $body);
+        $content = $template->getOutputContent();
+
+        print $content;
+        break;
+    case "tracker"://This is a special template but need main skin styles
+        G::verifyPath ( PATH_SMARTY_C,     true );
+        G::verifyPath ( PATH_SMARTY_CACHE, true );
+
+        // put full path to Smarty.class.php
+        require_once(PATH_THIRDPARTY . 'smarty/libs/Smarty.class.php');
+
+
+        $smarty = new Smarty();
+
+        $smarty->template_dir = PATH_SKINS;
+        $smarty->compile_dir  = PATH_SMARTY_C;
+        $smarty->cache_dir    = PATH_SMARTY_CACHE;
+        $smarty->config_dir   = PATH_THIRDPARTY . 'smarty/configs';
+
+        $oHeadPublisher =& headPublisher::getSingleton();
+        global $G_ENABLE_BLANK_SKIN;
+
+        if ( isset($G_ENABLE_BLANK_SKIN) && $G_ENABLE_BLANK_SKIN ) {
+            $smarty->force_compile=$forceTemplateCompile;
+            $smarty->display($layoutFileBlank['basename']);
+        }
+        else {
+             
+            $header = '';
+            if (isset($oHeadPublisher)) {
+                $oHeadPublisher->title = isset($_SESSION['USR_USERNAME']) ? '(' . $_SESSION['USR_USERNAME'] . ' ' . G::LoadTranslation('ID_IN') . ' ' . SYS_SYS . ')' : '';
+                $header = $oHeadPublisher->printHeader();
+            }
+            $footer = '';
+            if (strpos($_SERVER['REQUEST_URI'], '/login/login') !== false) {
+                if ( defined('SYS_SYS') ) {
+                    $footer = "| System Information |
";
+                }
+                $footer .= "
Copyright � 2003-2008 Colosa, Inc. All rights reserved.";
+            }
+
+            //menu
+            global $G_MAIN_MENU;
+            global $G_SUB_MENU;
+            global $G_MENU_SELECTED;
+            global $G_SUB_MENU_SELECTED;
+            global $G_ID_MENU_SELECTED;
+            global $G_ID_SUB_MENU_SELECTED;
+
+            $oMenu = new Menu();
+            $menus = $oMenu->generateArrayForTemplate ( $G_MAIN_MENU,'SelectedMenu', 'mainMenu',$G_MENU_SELECTED, $G_ID_MENU_SELECTED );
+            $smarty->assign('menus', $menus  );
+
+            $oSubMenu = new Menu();
+            $subMenus = $oSubMenu->generateArrayForTemplate ( $G_SUB_MENU,'selectedSubMenu', 'subMenu',$G_SUB_MENU_SELECTED, $G_ID_SUB_MENU_SELECTED );
+            $smarty->assign('subMenus', $subMenus  );
+
+            $smarty->assign('user',   isset($_SESSION['USR_USERNAME']) ? $_SESSION['USR_USERNAME'] : '');
+            $smarty->assign('pipe',   isset($_SESSION['USR_USERNAME']) ? ' | ' : '');
+            $smarty->assign('logout', G::LoadTranslation('ID_LOGOUT'));
+            $smarty->assign('header', $header );
+            $smarty->assign('tpl_menu', PATH_TEMPLATE . 'menu.html' );
+            $smarty->assign('tpl_submenu', PATH_TEMPLATE . 'submenu.html' );
+
+            if (class_exists('PMPluginRegistry')) {
+                $oPluginRegistry = &PMPluginRegistry::getSingleton();
+                $sCompanyLogo = $oPluginRegistry->getCompanyLogo ( '/images/processmaker.logo.jpg' );
+            }
+            else
+            $sCompanyLogo = '/images/processmaker.logo.jpg';
+
+            $smarty->assign('logo_company', $sCompanyLogo );
+            $smarty->force_compile=$forceTemplateCompile;
+            $smarty->display($layoutFileTracker['basename']);
+        }
+        break;
+    default://Render a common page
+        if (! defined('DB_SYSTEM_INFORMATION'))
+        define('DB_SYSTEM_INFORMATION', 1);
+
+        G::verifyPath(PATH_SMARTY_C, true);
+        G::verifyPath(PATH_SMARTY_CACHE, true);
+
+        // put full path to Smarty.class.php
+        require_once (PATH_THIRDPARTY . 'smarty/libs/Smarty.class.php');
+
+        $smarty = new Smarty();
+
+
+        $smarty->compile_dir = PATH_SMARTY_C;
+        $smarty->cache_dir = PATH_SMARTY_CACHE;
+        $smarty->config_dir = PATH_THIRDPARTY . 'smarty/configs';
+
+        $oHeadPublisher = & headPublisher::getSingleton();
+
+        global $G_ENABLE_BLANK_SKIN;
+
+        //To setup en extJS Theme for this Skin
+        G::LoadClass('serverConfiguration');
+        $oServerConf =& serverConf::getSingleton();
+        $extSkin=$oServerConf->getProperty("extSkin");
+        if(!$extSkin) $extSkin=array();
+        $extSkin[SYS_SKIN]="xtheme-gray";
+        $oServerConf->setProperty("extSkin",$extSkin);
+        //End of extJS Theme setup
+
+        //G::pr($oHeadPublisher);
+        if (isset($G_ENABLE_BLANK_SKIN) && $G_ENABLE_BLANK_SKIN) {
+            $smarty->template_dir = $layoutFileBlank['dirname'];
+            $smarty->force_compile=$forceTemplateCompile;
+            $smarty->display($layoutFileBlank['basename']);
+        }
+        else {
+            $smarty->template_dir = $layoutFile['dirname'];
+
+            $header = '';
+            if (isset($oHeadPublisher)) {
+                $oHeadPublisher->title = isset($_SESSION['USR_USERNAME']) ? '(' . $_SESSION['USR_USERNAME'] . ' ' . G::LoadTranslation('ID_IN') . ' ' . SYS_SYS . ')' : '';
+                $header = $oHeadPublisher->printHeader();
+                $header .= $oHeadPublisher->getExtJsStylesheets($cssFileName);
+
+            }
+            $footer = '';
+            if (strpos($_SERVER['REQUEST_URI'], '/login/login') !== false) {
+                if (DB_SYSTEM_INFORMATION == 1) {
+                    $footer = "| System Information |
";
+                }
+
+                $freeOfChargeText = "";
+                if (! defined('SKIP_FREE_OF_CHARGE_TEXT'))
+                $freeOfChargeText = "Supplied free of charge with no support, certification, warranty, 
maintenance nor indemnity by Colosa and its Certified Partners.";
+                if(class_exists('pmLicenseManager')) $freeOfChargeText="";
+                $footer .= "
Copyright © 2003-" . date('Y') . " Colosa, Inc. All rights reserved.
 $freeOfChargeText " . "

";
+            }
+
+            //menu
+            global $G_MAIN_MENU;
+            global $G_SUB_MENU;
+            global $G_MENU_SELECTED;
+            global $G_SUB_MENU_SELECTED;
+            global $G_ID_MENU_SELECTED;
+            global $G_ID_SUB_MENU_SELECTED;
+
+            $oMenu = new Menu();
+            $menus = $oMenu->generateArrayForTemplate($G_MAIN_MENU, 'SelectedMenu', 'mainMenu', $G_MENU_SELECTED, $G_ID_MENU_SELECTED);
+            $smarty->assign('menus', $menus);
+
+            $oSubMenu = new Menu();
+            $subMenus = $oSubMenu->generateArrayForTemplate($G_SUB_MENU, 'selectedSubMenu', 'subMenu', $G_SUB_MENU_SELECTED, $G_ID_SUB_MENU_SELECTED);
+            $smarty->assign('subMenus', $subMenus);
+
+            if (! defined('NO_DISPLAY_USERNAME')) {
+                define('NO_DISPLAY_USERNAME', 0);
+            }
+            if (NO_DISPLAY_USERNAME == 0) {
+                $smarty->assign('userfullname', isset($_SESSION['USR_FULLNAME']) ? $_SESSION['USR_FULLNAME'] : '');
+                $smarty->assign('user', isset($_SESSION['USR_USERNAME']) ? '(' . $_SESSION['USR_USERNAME'] . ')' : '');
+                $smarty->assign('rolename', isset($_SESSION['USR_ROLENAME']) ? $_SESSION['USR_ROLENAME'] . '' : '');
+                $smarty->assign('pipe', isset($_SESSION['USR_USERNAME']) ? ' | ' : '');
+                $smarty->assign('logout', G::LoadTranslation('ID_LOGOUT'));
+                $smarty->assign('workspace', defined('SYS_SYS')?SYS_SYS: '');
+                $uws = (isset($_SESSION['USR_ROLENAME']) && $_SESSION['USR_ROLENAME'] != '')? strtolower(G::LoadTranslation('ID_WORKSPACE_USING')): G::LoadTranslation('ID_WORKSPACE_USING');
+                $smarty->assign('workspace_label', $uws);
+                $smarty->assign('udate', G::getformatedDate(date('Y-m-d'), 'M d, yyyy', SYS_LANG));
+
+            }
+            if(class_exists('pmLicenseManager')){
+                $pmLicenseManagerO =& pmLicenseManager::getSingleton();
+                $expireIn=$pmLicenseManagerO->getExpireIn();
+                $expireInLabel=$pmLicenseManagerO->getExpireInLabel();
+                //if($expireIn<=30){
+                $smarty->assign('msgVer', '
  ');
+                //}
+            }
+
+            if (defined('SYS_SYS'))
+            $logout = '/sys' . SYS_SYS . '/' . SYS_LANG . '/' . SYS_SKIN . '/login/login';
+            else
+            $logout = '/sys/' . SYS_LANG . '/' . SYS_SKIN . '/login/login';
+
+            $smarty->assign('linklogout', $logout);
+            $smarty->assign('header', $header);
+            $smarty->assign('footer', $footer);
+            $smarty->assign('tpl_menu', PATH_TEMPLATE . 'menu.html');
+            $smarty->assign('tpl_submenu', PATH_TEMPLATE . 'submenu.html');
+            G::LoadClass( 'replacementLogo' );
+            $oLogoR = new replacementLogo();
+            if(defined("SYS_SYS")){
+                $aFotoSelect   = $oLogoR->getNameLogo((isset($_SESSION['USER_LOGGED']))?$_SESSION['USER_LOGGED']:'');
+                if ( is_array ( $aFotoSelect ) ) {
+                    $sFotoSelect   = trim($aFotoSelect['DEFAULT_LOGO_NAME']);
+                    $sWspaceSelect = trim($aFotoSelect['WORKSPACE_LOGO_NAME']);
+                }
+            }
+
+            if (class_exists('PMPluginRegistry')) {
+                $oPluginRegistry = &PMPluginRegistry::getSingleton();
+                if ( isset($sFotoSelect) && $sFotoSelect!='' && !(strcmp($sWspaceSelect,SYS_SYS)) ){
+                    $sCompanyLogo = $oPluginRegistry->getCompanyLogo($sFotoSelect);
+                    $sCompanyLogo= "/sys".SYS_SYS."/".SYS_LANG."/".SYS_SKIN."/setup/showLogoFile.php?id=".G::encrypt($sCompanyLogo,"imagen");
+                }
+                else {
+                    $sCompanyLogo = $oPluginRegistry->getCompanyLogo('/images/processmaker.logo.jpg');
+                }
+            }
+            else {
+                $sCompanyLogo = '/images/processmaker.logo.jpg';
+            }
+
+            $smarty->assign('logo_company', $sCompanyLogo);
+
+            $smarty->force_compile=$forceTemplateCompile;
+            $smarty->display($layoutFile['basename']);
+        }
+        break;
+}
+?>
\ No newline at end of file
diff --git a/workflow/engine/templates/setup/skinList.html b/workflow/engine/templates/setup/skinList.html
new file mode 100755
index 000000000..432f567b5
--- /dev/null
+++ b/workflow/engine/templates/setup/skinList.html
@@ -0,0 +1,3 @@
+

+

+

diff --git a/workflow/engine/templates/setup/skinList.js b/workflow/engine/templates/setup/skinList.js
new file mode 100755
index 000000000..ea6bda9bf
--- /dev/null
+++ b/workflow/engine/templates/setup/skinList.js
@@ -0,0 +1,384 @@
+/*
+ * @author: Qennix
+ * Feb 22nd, 2011
+ */
+
+//Keyboard Events
+new Ext.KeyMap(document, [
+   {
+	 key: Ext.EventObject.F5,
+     fn: function(keycode, e) {
+    	if (! e.ctrlKey) {
+    		if (Ext.isIE) {
+            // IE6 doesn't allow cancellation of the F5 key, so trick it into
+            // thinking some other key was pressed (backspace in this case)
+    			e.browserEvent.keyCode = 8;
+    		}
+    		e.stopEvent();
+    		document.location = document.location;
+    	}else{
+    		Ext.Msg.alert('Refresh', 'You clicked: CTRL-F5');
+    	}
+    }
+}
+   ,
+{
+	key: Ext.EventObject.DELETE,
+	fn: function(k,e){
+		iGrid = Ext.getCmp('infoGrid');
+		rowSelected = iGrid.getSelectionModel().getSelected();
+		if (rowSelected){
+			DeleteButtonAction();
+		}
+	}
+},
+{
+	key: Ext.EventObject.F2,
+	fn: function(k,e){
+		iGrid = Ext.getCmp('infoGrid');
+		rowSelected = iGrid.getSelectionModel().getSelected();
+		if (rowSelected){
+			EditCalendarAction();
+		}
+	}
+}
+]);
+
+var store;
+var cmodel;
+var infoGrid;
+var viewport;
+var smodel;
+
+var newButton;
+var editButton;
+var deleteButton;
+var copyButton;
+var searchButton;
+
+var searchText;
+var contextMenu;
+var pageSize;
+
+var cal_default = '00000000000000000000000000000001';
+
+Ext.onReady(function(){
+    Ext.QuickTips.init();
+    
+    pageSize = parseInt(CONFIG.pageSize);
+    
+    newButton = new Ext.Action({
+    	text: _('ID_NEW'),
+    	iconCls: 'button_menu_ext ss_sprite  ss_add',
+    	handler: NewCalendarAction
+    });
+    
+    editButton = new Ext.Action({
+    	text: _('ID_EDIT'),
+    	iconCls: 'button_menu_ext ss_sprite  ss_pencil',
+    	handler: EditCalendarAction,
+    	disabled: true	
+    });
+    
+    deleteButton = new Ext.Action({
+    	text: _('ID_DELETE'),
+    	iconCls: 'button_menu_ext ss_sprite  ss_delete',
+    	handler: DeleteButtonAction,
+    	disabled: true
+    });
+    
+    copyButton = new Ext.Action({
+    	text: _('ID_COPY'),
+    	iconCls: 'button_menu_ext ss_sprite ss_calendar_add',
+    	handler: CopyButtonAction,
+    	disabled: true
+    });
+    
+    importButton = new Ext.Action({
+    	text: _('ID_IMPORT'),
+    	iconCls: 'button_menu_ext ss_sprite ss_basket_put',
+    	//handler: CopyButtonAction,
+    	disabled: true
+    });
+    exportButton = new Ext.Action({
+    	text: _('ID_EXPORT'),
+    	iconCls: 'button_menu_ext ss_sprite ss_basket_go',
+    	//handler: CopyButtonAction,
+    	disabled: true
+    });
+    searchButton = new Ext.Action({
+    	text: _('ID_SEARCH'),
+    	handler: DoSearch
+    });
+    
+    contextMenu = new Ext.menu.Menu({
+    	items: [editButton, deleteButton,'-',exportButton]
+    });
+    
+    searchText = new Ext.form.TextField ({
+        id: 'searchTxt',
+        ctCls:'pm_search_text_field',
+        allowBlank: true,
+        width: 150,
+        emptyText: _('ID_ENTER_SEARCH_TERM'),
+        listeners: {
+          specialkey: function(f,e){
+            if (e.getKey() == e.ENTER) {
+            	DoSearch();
+            }
+          },
+          focus: function(f,e) {
+       	   			var row = infoGrid.getSelectionModel().getSelected();
+       	   			infoGrid.getSelectionModel().deselectRow(infoGrid.getStore().indexOf(row));
+          		 }
+        }
+    });
+    
+    clearTextButton = new Ext.Action({
+    	text: 'X',
+    	ctCls:'pm_search_x_button',
+    	handler: GridByDefault
+    });
+    
+   
+    smodel = new Ext.grid.RowSelectionModel({
+    	singleSelect: true,
+    	listeners:{
+    		rowselect: function(sm){
+    			editButton.enable();
+    			rowSelected = infoGrid.getSelectionModel().getSelected();
+    			(rowSelected.data.CALENDAR_UID == cal_default) ? deleteButton.disable() : deleteButton.enable();
+    			copyButton.enable();
+    		},
+    		rowdeselect: function(sm){
+    			editButton.disable();
+    			deleteButton.disable();
+    			copyButton.disable();
+    		}
+    	}
+    });
+    
+    store = new Ext.data.GroupingStore( {
+        proxy : new Ext.data.HttpProxy({
+            url: 'skin_Ajax?action=skinList'
+          }),
+    	reader : new Ext.data.JsonReader( {
+    		root: 'cals',
+    		totalProperty: 'total_cals',
+    		fields : [
+    		    {name : 'CALENDAR_UID'},
+    		    {name : 'CALENDAR_NAME'},
+    		    {name : 'CALENDAR_DESCRIPTION'},
+    		    {name : 'CALENDAR_STATUS'},
+    		    {name : 'TOTAL_USERS', type: 'int'},
+    		    {name : 'TOTAL_PROCESS', type: 'int'},
+    		    {name : 'TOTAL_TASKS', type: 'int'}
+    		    ]
+    	})
+    });
+    
+    cmodel = new Ext.grid.ColumnModel({
+        defaults: {
+            width: 50,
+            sortable: true
+        },
+        columns: [
+            {id:'CALENDAR_UID', dataIndex: 'CALENDAR_UID', hidden:true, hideable:false},
+            {header: _('ID_NAME'), dataIndex: 'CALENDAR_NAME', width: 200, align:'left'},
+            {header: _('ID_DESCRIPTION'), dataIndex: 'CALENDAR_DESCRIPTION', width: 200, align:'left'},
+            {header: _('ID_STATUS'), dataIndex: 'CALENDAR_STATUS', width: 130, align:'center', renderer: render_status},
+            {header: _('ID_USERS'), dataIndex: 'TOTAL_USERS', width: 69, align:'center'},
+            {header: _('ID_PROCESSES'), dataIndex: 'TOTAL_PROCESS', width: 69, align:'center'},
+            {header: _('ID_TASKS'), dataIndex: 'TOTAL_TASKS', width: 69, align:'center'}
+            ]
+    });
+    
+    storePageSize = new Ext.data.SimpleStore({
+        fields: ['size'],
+         data: [['20'],['30'],['40'],['50'],['100']],
+         autoLoad: true
+      });
+        
+    comboPageSize = new Ext.form.ComboBox({
+      typeAhead     : false,
+      mode          : 'local',
+      triggerAction : 'all',
+      store: storePageSize,
+        valueField: 'size',
+        displayField: 'size',
+        width: 50,
+        editable: false,
+        listeners:{
+          select: function(c,d,i){
+            UpdatePageConfig(d.data['size']);
+            bbarpaging.pageSize = parseInt(d.data['size']);
+            bbarpaging.moveFirst();
+          }
+        }
+      });
+        
+      comboPageSize.setValue(pageSize);
+      
+      bbarpaging = new Ext.PagingToolbar({
+        pageSize: pageSize,
+        store: store,
+        displayInfo: true,
+        displayMsg: _('ID_GRID_PAGE_DISPLAYING_CALENDAR_MESSAGE') + '    ',
+        emptyMsg: _('ID_GRID_PAGE_NO_CALENDAR_MESSAGE'),
+        items: ['-',_('ID_PAGE_SIZE')+':',comboPageSize]
+      });
+    
+    
+    infoGrid = new Ext.grid.GridPanel({
+    	region: 'center',
+    	layout: 'fit',
+    	id: 'infoGrid',
+    	height:100,
+    	autoWidth : true,
+    	stateful : true,
+    	stateId : 'grid',
+    	enableColumnResize: true,
+    	enableHdMenu: true,
+    	frame:false,
+    	//iconCls:'icon-grid',
+    	columnLines: false,
+    	viewConfig: {
+    		forceFit:true
+    	},
+    	title : _('ID_SKINS'),
+    	store: store,
+    	cm: cmodel,
+    	sm: smodel,
+    	tbar: [newButton, '-', editButton, deleteButton,'-',copyButton,importButton,exportButton, {xtype: 'tbfill'}, searchText,clearTextButton,searchButton],
+    	bbar: bbarpaging,
+    	listeners: {
+    		rowdblclick: EditCalendarAction
+    	},
+    	view: new Ext.grid.GroupingView({
+    		forceFit:true,
+    		groupTextTpl: '{text}'
+    	})
+    });
+    
+    infoGrid.on('rowcontextmenu', 
+    		function (grid, rowIndex, evt) {
+        		var sm = grid.getSelectionModel();
+        		sm.selectRow(rowIndex, sm.isSelected(rowIndex));
+    		},
+    		this
+    );
+    
+    infoGrid.on('contextmenu', function(evt){evt.preventDefault();}, this);
+    infoGrid.addListener('rowcontextmenu',onMessageContextMenu, this);
+    infoGrid.store.load();
+
+    viewport = new Ext.Viewport({
+    	layout: 'fit',
+    	autoScroll: false,
+    	items: [
+    	   infoGrid
+    	]
+    });
+});
+
+//Funtion Handles Context Menu Opening
+onMessageContextMenu = function (grid, rowIndex, e) {
+    e.stopEvent();
+    var coords = e.getXY();
+    contextMenu.showAt([coords[0], coords[1]]);
+};
+
+//Do Nothing Function
+DoNothing = function(){};
+
+//Open New Calendar
+NewCalendarAction = function(){
+	location.href = 'calendarEdit';
+};
+
+//Load Grid By Default
+GridByDefault = function(){
+	searchText.reset();
+	infoGrid.store.load();
+};
+
+//Do Search Function
+DoSearch = function(){
+   infoGrid.store.load({params: {textFilter: searchText.getValue()}});	
+};
+
+//Edit Calendar Action
+EditCalendarAction = function(){
+  rowSelected = infoGrid.getSelectionModel().getSelected();
+  if (rowSelected){
+	  location.href = 'calendarEdit?id=' + rowSelected.data.CALENDAR_UID;
+  }
+};
+
+//Delete Button Action
+DeleteButtonAction = function(){
+  rowSelected = infoGrid.getSelectionModel().getSelected();
+  viewport.getEl().mask(_('ID_PROCESSING'));
+  Ext.Ajax.request({
+    url: 'calendar_Ajax',
+    params: {action: 'canDeleteCalendar', CAL_UID: rowSelected.data.CALENDAR_UID},
+    success: function(r,o){
+      viewport.getEl().unmask();
+      var resp = Ext.util.JSON.decode(r.responseText);
+      if (resp.success){
+    	Ext.Msg.confirm(_('ID_CONFIRM'),_('ID_CONFIRM_DELETE_CALENDAR'),
+    	  function(btn, text){
+    		if (btn=='yes'){
+    			viewport.getEl().mask(_('ID_PROCESSING'));
+    	    	Ext.Ajax.request({
+    	    		url: 'calendar_Ajax',
+    	    		params: {action: 'deleteCalendar', CAL_UID: rowSelected.data.CALENDAR_UID},
+    	    		success: function(r,o){
+    	    		  viewport.getEl().unmask();
+    	    		  editButton.disable();
+    	    		  deleteButton.disable();
+    	    		  copyButton.disable();
+    	    		  DoSearch();
+    	    		  PMExt.notify(_('ID_CALENDARS'),_('ID_CALENDAR_SUCCESS_DELETE'));
+    	    		},
+    	    		failure: function(r,o){
+    	    		  viewport.getEl().unmask();
+    	    		}
+    	    	});	
+    		}
+    	  }		
+    	);
+      }else{
+    	 PMExt.error(_('ID_CALENDARS'),_('ID_MSG_CANNOT_DELETE_CALENDAR')); 
+      }	
+    },
+    failure: function(r,o){
+      viewport.getEl().unmask();
+    }
+  });
+};
+
+//Render Status
+render_status = function(v){
+  switch(v){
+  case 'ACTIVE': return '' + _('ID_ACTIVE') + ''; break;
+  case 'INACTIVE': return '' + _('ID_INACTIVE') + '';; break;
+  case 'VACATION': return '' + _('ID_VACATION') + '';; break;
+  }
+};
+
+//Members Button Action
+CopyButtonAction = function(){
+  rowSelected = infoGrid.getSelectionModel().getSelected();
+  if (rowSelected){
+    location.href = 'calendarEdit?cp=1&id=' + rowSelected.data.CALENDAR_UID;
+  }
+};
+
+//Update Page Size Configuration
+UpdatePageConfig = function(pageSize){
+  Ext.Ajax.request({
+  url: 'calendar_Ajax',
+  params: {action:'updatePageSize', size: pageSize}
+  });
+};
\ No newline at end of file
diff --git a/workflow/public_html/index.html b/workflow/public_html/index.html
index 7f9a643e6..d1a08e840 100644
--- a/workflow/public_html/index.html
+++ b/workflow/public_html/index.html
@@ -3,6 +3,6 @@
 Redirector
 
 
-
+
 
-
+
\ No newline at end of file