From 55616696b74061375d1fe526bd38c444764bb223 Mon Sep 17 00:00:00 2001 From: Erik Amaru Ortiz Date: Wed, 4 Apr 2012 18:02:32 -0400 Subject: [PATCH] BUG 8875 "Feature: New ExtJS based Login & Main ProcessMaker inter..." DONE - a complete refactoring on skingEngine bootstrapper, now this is a class - the mvc templatting engine was updated to work perfectly with templates that is using extjs engine - a new "unmodern" was added to contains the new pmos modern main interface --- gulliver/system/class.controller.php | 7 +- gulliver/system/class.g.php | 32 +- gulliver/system/class.headPublisher.php | 6 +- workflow/engine/classes/class.system.php | 30 +- workflow/engine/controllers/adminProxy.php | 6 +- workflow/engine/controllers/installer.php | 10 +- workflow/engine/controllers/main.php | 33 +- workflow/engine/methods/login/sysLogin.php | 2 + workflow/engine/methods/setup/mainAjax.php | 1 + .../skinEngine/base/css/pmos-xtheme-gray.css | 43 +- workflow/engine/skinEngine/skinEngine.php | 504 +- .../uxmodern/baseCss/ext-all-notheme.css | 5150 +++++++++++++ .../skinEngine/uxmodern/baseCss/ext-all.css | 6789 +++++++++++++++++ .../engine/skinEngine/uxmodern/config.xml | 50 + .../engine/skinEngine/uxmodern/css/form.css | 896 +++ .../skinEngine/uxmodern/css/jscolors.css | 59 + .../uxmodern/css/pmos-xtheme-gray.css | 1535 ++++ .../skinEngine/uxmodern/css/printstyle.css | 500 ++ .../engine/skinEngine/uxmodern/css/sprite.css | 931 +++ .../skinEngine/uxmodern/css/sprite_ie.css | 0 .../engine/skinEngine/uxmodern/css/style.css | 3281 ++++++++ .../skinEngine/uxmodern/css/xmlcolors.css | 55 + .../skinEngine/uxmodern/css/xtheme-gray.css | 1654 ++++ .../skinEngine/uxmodern/extJsInitLoad.html | 70 + .../skinEngine/uxmodern/layout-blank.html | 24 + .../skinEngine/uxmodern/layout-extjs.html | 10 + .../uxmodern/layout-pm-modern-login.html} | 53 +- .../uxmodern/layout-pm-modern.html} | 19 +- .../skinEngine/uxmodern/layout-raw.html | 16 + .../skinEngine/uxmodern/layout-submenu.html | 57 + .../skinEngine/uxmodern/layout-tracker.html | 63 + .../engine/skinEngine/uxmodern/layout.html | 77 + workflow/engine/templates/admin/system.js | 6 +- workflow/engine/templates/installer/main.js | 8 +- workflow/engine/templates/main/sysLogin.html | 97 - workflow/public_html/index.html | 2 +- 36 files changed, 21657 insertions(+), 419 deletions(-) create mode 100644 workflow/engine/skinEngine/uxmodern/baseCss/ext-all-notheme.css create mode 100644 workflow/engine/skinEngine/uxmodern/baseCss/ext-all.css create mode 100644 workflow/engine/skinEngine/uxmodern/config.xml create mode 100644 workflow/engine/skinEngine/uxmodern/css/form.css create mode 100644 workflow/engine/skinEngine/uxmodern/css/jscolors.css create mode 100644 workflow/engine/skinEngine/uxmodern/css/pmos-xtheme-gray.css create mode 100644 workflow/engine/skinEngine/uxmodern/css/printstyle.css create mode 100644 workflow/engine/skinEngine/uxmodern/css/sprite.css create mode 100644 workflow/engine/skinEngine/uxmodern/css/sprite_ie.css create mode 100644 workflow/engine/skinEngine/uxmodern/css/style.css create mode 100644 workflow/engine/skinEngine/uxmodern/css/xmlcolors.css create mode 100644 workflow/engine/skinEngine/uxmodern/css/xtheme-gray.css create mode 100644 workflow/engine/skinEngine/uxmodern/extJsInitLoad.html create mode 100644 workflow/engine/skinEngine/uxmodern/layout-blank.html create mode 100644 workflow/engine/skinEngine/uxmodern/layout-extjs.html rename workflow/engine/{templates/main/login.html => skinEngine/uxmodern/layout-pm-modern-login.html} (62%) rename workflow/engine/{templates/main/index.html => skinEngine/uxmodern/layout-pm-modern.html} (65%) create mode 100644 workflow/engine/skinEngine/uxmodern/layout-raw.html create mode 100644 workflow/engine/skinEngine/uxmodern/layout-submenu.html create mode 100644 workflow/engine/skinEngine/uxmodern/layout-tracker.html create mode 100644 workflow/engine/skinEngine/uxmodern/layout.html delete mode 100644 workflow/engine/templates/main/sysLogin.html diff --git a/gulliver/system/class.controller.php b/gulliver/system/class.controller.php index 2d9731a61..4577edb76 100755 --- a/gulliver/system/class.controller.php +++ b/gulliver/system/class.controller.php @@ -238,9 +238,14 @@ class Controller return $this->headPublisher; } + public function setLayout($layout) + { + $this->layout = $layout; + } + public function render($type='mvc') { - G::RenderPage('publish', $type); + G::RenderPage('publish', $type, null, $this->layout); } public function header($header) diff --git a/gulliver/system/class.g.php b/gulliver/system/class.g.php index fc8c90e47..b84caa367 100755 --- a/gulliver/system/class.g.php +++ b/gulliver/system/class.g.php @@ -656,20 +656,33 @@ class G * @param string $strSkin * @return void */ - function RenderPage( $strTemplate = "default", $strSkin = SYS_SKIN , $objContent = NULL ) + function RenderPage( $strTemplate = "default", $strSkin = SYS_SKIN , $objContent = NULL, $layout='') { global $G_CONTENT; global $G_TEMPLATE; global $G_SKIN; + global $G_PUBLISH; + $G_CONTENT = $objContent; $G_TEMPLATE = $strTemplate; $G_SKIN = $strSkin; + //echo 'x'; g::dump($G_PUBLISH); die; + try { - //G::LoadSkin( $strSkin ); - G::skinEngine($strSkin); + ///////G::LoadSkin( $strSkin ); + //G::skinEngine($strSkin); + + $file = G::ExpandPath( "skinEngine" ) . "skinEngine.php"; + include $file; + + $skinEngine = new SkinEngine($G_TEMPLATE, $G_SKIN, $G_CONTENT); + $skinEngine->setLayout($layout); + $skinEngine->dispatch(); + } catch ( Exception $e ) { - $aMessage['MESSAGE'] = $e->getMessage(); + echo $aMessage['MESSAGE'] = $e->getMessage(); + die; global $G_PUBLISH; global $G_MAIN_MENU; global $G_SUB_MENU; @@ -695,8 +708,15 @@ class G } function skinEngine($strSkin){ - $file = G::ExpandPath( "skinEngine" ) . "skinEngine.php"; - require_once( $file ); + // $file = G::ExpandPath( "skinEngine" ) . "skinEngine.php"; + // require_once( $file ); + + $file = G::ExpandPath( "skinEngine" ) . "class.skinEngine.php"; + //die($file); + include $file; + $skinEngine = new SkinEngine(); + $skinEngine->dispatch(); + } /** diff --git a/gulliver/system/class.headPublisher.php b/gulliver/system/class.headPublisher.php index 2c7cb1a16..cdcc52684 100755 --- a/gulliver/system/class.headPublisher.php +++ b/gulliver/system/class.headPublisher.php @@ -539,11 +539,7 @@ class headPublisher { } function getContent() { - if (!isset($this->extJsContent[0])) { - throw new Exception('MVC Error: View template is not set!'); - } - - return $this->extJsContent[0]; + return $this->extJsContent; } /** diff --git a/workflow/engine/classes/class.system.php b/workflow/engine/classes/class.system.php index 2f95a1d3b..ee43d6b42 100755 --- a/workflow/engine/classes/class.system.php +++ b/workflow/engine/classes/class.system.php @@ -1030,26 +1030,32 @@ class System { function updateIndexFile($conf) { - if (!defined('PATH_TPL')) { - throw new Exception('PATH_TPL constant is not defined.'); - } - if (!file_exists(PATH_HTML . 'index.html')) { - if (!is_writable(PATH_HTML)) { - throw new Exception('The public directory is not writable.'); - } + throw new Exception('The public index file "'.PATH_HTML . 'index.html" does not exist!'); } else { if (!is_writable(PATH_HTML . 'index.html')) { - throw new Exception('The public index file is not writable.'); + throw new Exception('The index.html file is not writable on workflow/public_html directory.'); } } - $content = file_get_contents(PATH_TPL . 'index.html.tpl'); - $content = str_replace('{lang}', $conf['lang'], $content); - $content = str_replace('{skin}', $conf['skin'], $content); + $content = file_get_contents(PATH_HTML . 'index.html'); + $result = false; - return (@file_put_contents(PATH_HTML . 'index.html', $content) !== false); + $patt = '//'; + + @preg_match($patt, $content, $match); + + if (is_array($match) && count($match) > 0 && isset($match[1])) { + $newUrl = 'sys/'.$conf['lang'].'/'.$conf['skin'].'/login/login'; + + $newMetaStr = str_replace($match[1], $newUrl, $match[0]); + $newContent = str_replace($match[0], $newMetaStr, $content); + + $result = (@file_put_contents(PATH_HTML . 'index.html', $newContent) !== false); + } + + return $result; } }// end System class diff --git a/workflow/engine/controllers/adminProxy.php b/workflow/engine/controllers/adminProxy.php index 7ce4a2352..f4063eb53 100644 --- a/workflow/engine/controllers/adminProxy.php +++ b/workflow/engine/controllers/adminProxy.php @@ -74,13 +74,11 @@ class adminProxy extends HttpProxyController if ($updateRedirector) { if (!file_exists(PATH_HTML . 'index.html')) { - if (!is_writable(PATH_HTML)) { - throw new Exception('The public directory is not writable.
Please give write permission to file: /workflow/public_html'); - } + throw new Exception('The index.html file is not writable on workflow/public_html directory.'); } else { if (!is_writable(PATH_HTML . 'index.html')) { - throw new Exception('The public index file is not writable.
Please give write permission to file: /workflow/public_html/index.html'); + throw new Exception(G::LoadTranslation('ID_INDEX_NOT_WRITEABLE') . ' /workflow/public_html/index.html'); } } diff --git a/workflow/engine/controllers/installer.php b/workflow/engine/controllers/installer.php index 966c5ed85..ed2b6cd04 100644 --- a/workflow/engine/controllers/installer.php +++ b/workflow/engine/controllers/installer.php @@ -20,7 +20,7 @@ class Installer extends Controller { $this->path_languages = PATH_CORE.'content/languages/'; $this->path_plugins = PATH_CORE.'plugins/'; $this->path_xmlforms = PATH_CORE.'xmlform/'; - $this->path_public = PATH_HOME.'public_html/'; + $this->path_public = PATH_HOME.'public_html/index.html'; $this->path_shared = PATH_TRUNK.'shared/'; $this->path_sep = PATH_SEP; } @@ -34,8 +34,8 @@ class Installer extends Controller { $step2_txt = 'These settings are recommended for PHP in order to ensure full compatibility with ProcessMaker. <> ' . 'However, ProcessMaker still operate if your settings do not quite match the recommended'; - $step3_txt = 'In order for ProcessMaker to function correctly it needs to be able to access or write to certain files or directories.
' . - 'If you see "unwriteable" you need to change the permissions on the file or directory to allow ProcessMaker to write to it.'; + $step3_txt = 'In order for ProcessMaker works correctly it needs to be able to access or write to certain files or directories.
' . + 'Please make sure to change the permissions on the files or directories listed below.'; $step4_txt = 'ProcessMaker stores all of its data in a database. This screen gives the installation program the information needed to create this database.

' . 'If you are installing ProcessMaker on a remote web server, you will need to get this information from your Database Server.
'; $step5_txt = 'ProcessMaker uses a workspaces to store data. Please select a valid workspace name and credentials to log in it. '; @@ -210,6 +210,7 @@ class Installer extends Controller { public function getPermissionInfo() { $this->setResponseType('json'); + $info->notify = ''; // pathConfig $info->pathConfig->message = 'unwriteable'; @@ -229,8 +230,7 @@ class Installer extends Controller { if ( $info->pathXmlforms->result ) $info->pathXmlforms->message = 'writeable'; $info->pathPublic->message = 'unwriteable'; - $info->pathPublic->result = $this->is_dir_writable($_REQUEST['pathPublic']); - if ( $info->pathPublic->result ) $info->pathPublic->message = 'writeable'; + $info->pathPublic->result = is_writable($_REQUEST['pathPublic']); $info->pathShared->message = 'unwriteable'; $info->pathShared->result = $this->is_dir_writable($_REQUEST['pathShared']); diff --git a/workflow/engine/controllers/main.php b/workflow/engine/controllers/main.php index a1bbaaa10..a63b6e57c 100644 --- a/workflow/engine/controllers/main.php +++ b/workflow/engine/controllers/main.php @@ -26,12 +26,8 @@ class Main extends Controller { global $RBAC; $RBAC->requirePermissions('PM_LOGIN'); - $meta = new stdClass; - $this->includeExtJS('main/index'); - $this->includeExtJSLib('ux/ux.menu'); - $this->setView('main/index'); - + // setting variables for template $this->setVar('logo_company', $this->getCompanyLogo()); $this->setVar('userfullname', $this->getUserFullName()); @@ -56,7 +52,14 @@ class Main extends Controller $this->setJSVar('flyNotify', $flyNotify); } - G::RenderPage('publish', 'extJs'); + $this->includeExtJSLib('ux/ux.menu'); + $this->includeExtJS('main/index'); + //$this->setView('main/index'); + + $this->setLayout('pm-modern'); + + $this->afterLoad($httpData); + $this->render(); } function getSystemInfo() @@ -265,7 +268,9 @@ class Main extends Controller $this->setVar('login_script', $loginScript); $this->setVar('login_vars', $this->getHeadPublisher()->getExtJsVariablesScript()); - G::RenderPage('publish', 'plain'); + $this->setLayout('pm-modern-login'); + + $this->render(); } /** @@ -300,7 +305,6 @@ class Main extends Controller $this->includeExtJSLib('ux/virtualkeyboard'); $this->includeExtJS('main/sysLogin'); - $this->setView('main/sysLogin'); $this->setVar('logo_company', $this->getCompanyLogo()); $this->setVar('pmos_version', System::getVersion()); @@ -328,8 +332,9 @@ class Main extends Controller $this->setVar('login_script', $loginScript); $this->setVar('login_vars', $this->getHeadPublisher()->getExtJsVariablesScript()); - G::RenderPage('publish', 'plain'); + $this->setLayout('pm-modern-login'); + $this->render(); } public function sysLoginVerify() @@ -1047,4 +1052,14 @@ class Main extends Controller $msg .= $ntarget; return ($msg); } + + /** + * Execute common reoutes after index() action load + */ + private function afterLoad($httpData) + { + if (isset($httpData->i18) || isset($httpData->i18n)) { + $_SESSION['DEV_FLAG'] = true; + } + } } \ No newline at end of file diff --git a/workflow/engine/methods/login/sysLogin.php b/workflow/engine/methods/login/sysLogin.php index a256af55e..8439fa366 100755 --- a/workflow/engine/methods/login/sysLogin.php +++ b/workflow/engine/methods/login/sysLogin.php @@ -122,6 +122,8 @@ else { $G_PUBLISH->AddContent ( 'xmlform', 'xmlform', 'login/sysLogin', '', $aField, 'sysLogin' ); } +//g::dump($G_PUBLISH); + G::RenderPage ( "publish" ); diff --git a/workflow/engine/methods/setup/mainAjax.php b/workflow/engine/methods/setup/mainAjax.php index a06ded492..00a3b204c 100755 --- a/workflow/engine/methods/setup/mainAjax.php +++ b/workflow/engine/methods/setup/mainAjax.php @@ -46,6 +46,7 @@ switch ($request) { } if (isset($_SESSION['DEV_FLAG']) && $_SESSION['DEV_FLAG'] && $_GET['menu'] == 'settings') { + unset($_SESSION['DEV_FLAG']); $items[] = array( 'id' => 'translations', 'url' => '../tools/main', diff --git a/workflow/engine/skinEngine/base/css/pmos-xtheme-gray.css b/workflow/engine/skinEngine/base/css/pmos-xtheme-gray.css index 9a0d7e0ed..177e8496c 100755 --- a/workflow/engine/skinEngine/base/css/pmos-xtheme-gray.css +++ b/workflow/engine/skinEngine/base/css/pmos-xtheme-gray.css @@ -290,7 +290,10 @@ button.x-btn-text:focus,.x-combo-selected{ background-image:url(/images/user-experience-icon.png) !important; } - +.ICON_SYSTEM { + background-image: url("/images/icons_silk/sprites.png") !important; + background-position:0 -10351px !important +} @@ -1491,4 +1494,42 @@ td.x-cnotes-label { } .replace { display:none; +} + +/** new Ext layouts **/ + +.x-pm-login-body +{ + background: none repeat scroll 0 0 #32405a; + background-image: url("/images/canvastile_bg2.jpg"); +} +#loading-message +{ + padding-left: 10px !important; + color: #fff; + font: bold 10px/1.9 "Lucida Grande",Lucida,Verdana,sans-serif !important; +} +.x-pm-footer +{ + background-image: url("/images/canvastile_bg2.jpg"); + position: absolute; + bottom : 0; +} +.x-pm-footer-text +{ + color: #fff; + font: 8pt Tahoma,sans-serif,MiscFixed; + padding-top: 10px; + padding-bottom: 15px; + padding-left: 3px; + padding-right: 3px; +} +.x-pm-footer-advisetext +{ + color: #fff; + font: 6pt Tahoma,sans-serif,MiscFixed; + padding-top: 0px; + padding-bottom: 15px; + padding-left: 3px; + padding-right: 3px; } \ No newline at end of file diff --git a/workflow/engine/skinEngine/skinEngine.php b/workflow/engine/skinEngine/skinEngine.php index 71a12000a..148be4411 100644 --- a/workflow/engine/skinEngine/skinEngine.php +++ b/workflow/engine/skinEngine/skinEngine.php @@ -1,125 +1,228 @@ + * @author Hugo Loza + */ -$forceTemplateCompile = true; -$skinVariants = array('blank','extjs','raw','tracker','submenu'); +class SkinEngine +{ -// setting default skin -if (!isset($G_SKIN) || $G_SKIN == "") { - $G_SKIN = "classic"; -} + private $layout = ''; + private $template = ''; + private $skin = ''; + private $content = ''; + private $mainSkin = ''; -// deprecated submenu type ""green-submenu"" now is mapped to "submenu" -if ($G_SKIN == "green-submenu") { - $G_SKIN = "submenu"; -} + private $skinFiles = array(); -if (!in_array(strtolower($G_SKIN), $skinVariants)) { - $forceTemplateCompile = true; //Only save in session the main SKIN + private $forceTemplateCompile = true; + private $skinVariants = array(); - if (isset($_SESSION['currentSkin']) && $_SESSION['currentSkin'] != $G_SKIN) { - $forceTemplateCompile = true; + private $skinsBasePath = array(); + private $configurationFile = array(); + private $layoutFile = array(); + private $layoutFileBlank = array(); + private $layoutFileExtjs = array(); + private $layoutFileRaw = array(); + private $layoutFileTracker = array(); + private $layoutFileSubmenu = array(); + + private $cssFileName = ''; + + public function __construct($template, $skin, $content) + { + $this->template = $template; + $this->skin = $skin; + $this->content = $content; + $this->skinVariants = array('blank','extjs','raw','tracker','submenu'); + $this->skinsBasePath = G::ExpandPath("skinEngine"); + + $this->_init(); } - $_SESSION['currentSkin'] = $G_SKIN; -} -else { - $_SESSION['currentSkin'] = SYS_SKIN; - $_SESSION['currentSkinVariant'] = $G_SKIN; -} + private function _init() + { -// setting default skin -if (!isset($_SESSION['currentSkin'])) { - $_SESSION['currentSkin'] = "classic"; -} + // setting default skin + if (!isset($this->skin) || $this->skin == "") { + $this->skin = "classic"; + } -$G_SKIN_MAIN = $_SESSION['currentSkin']; -$skinsBasePath = G::ExpandPath("skinEngine"); + // deprecated submenu type ""green-submenu"" now is mapped to "submenu" + if ($this->skin == "green-submenu") { + $this->skin = "submenu"; + } -//Set defaults "classic" -$configurationFile = $skinsBasePath . 'base' . PATH_SEP . 'config.xml'; -$layoutFile = $skinsBasePath . 'base' . PATH_SEP . 'layout.html'; -$layoutFileBlank = $skinsBasePath . 'base' . PATH_SEP . 'layout-blank.html'; -$layoutFileExtjs = $skinsBasePath . 'base' . PATH_SEP . 'layout-extjs.html'; -$layoutFileRaw = $skinsBasePath . 'base' . PATH_SEP . 'layout-raw.html'; -$layoutFileTracker = $skinsBasePath . 'base' . PATH_SEP . 'layout-tracker.html'; -$layoutFileSubmenu = $skinsBasePath . 'base' . PATH_SEP . 'layout-submenu.html'; + if (!in_array(strtolower($this->skin), $this->skinVariants)) { + $this->forceTemplateCompile = true; //Only save in session the main SKIN -$skinObject = null; + if (isset($_SESSION['currentSkin']) && $_SESSION['currentSkin'] != $this->skin) { + $this->forceTemplateCompile = true; + } + $_SESSION['currentSkin'] = SYS_SKIN; + } + else { + $_SESSION['currentSkin'] = SYS_SKIN; + $_SESSION['currentSkinVariant'] = $this->skin; + } -//Based on requested Skin look if there is any registered with that name -if (strtolower($G_SKIN_MAIN) != "classic") { - if (is_dir($skinsBasePath . $G_SKIN_MAIN)) { // check this skin on core skins path - $skinObject = $skinsBasePath . $G_SKIN_MAIN; + // setting default skin + if (!isset($_SESSION['currentSkin'])) { + $_SESSION['currentSkin'] = "classic"; + } + + $this->mainSkin = $_SESSION['currentSkin']; + + + $skinObject = null; + + //Set defaults "classic" + $configurationFile = $this->skinsBasePath . 'base' . PATH_SEP . 'config.xml'; + $layoutFile = $this->skinsBasePath . 'base' . PATH_SEP . 'layout.html'; + $layoutFileBlank = $this->skinsBasePath . 'base' . PATH_SEP . 'layout-blank.html'; + $layoutFileExtjs = $this->skinsBasePath . 'base' . PATH_SEP . 'layout-extjs.html'; + $layoutFileRaw = $this->skinsBasePath . 'base' . PATH_SEP . 'layout-raw.html'; + $layoutFileTracker = $this->skinsBasePath . 'base' . PATH_SEP . 'layout-tracker.html'; + $layoutFileSubmenu = $this->skinsBasePath . 'base' . PATH_SEP . 'layout-submenu.html'; + + + //Based on requested Skin look if there is any registered with that name + if (strtolower($this->mainSkin) != "classic") { + if (is_dir($this->skinsBasePath . $this->mainSkin)) { // check this skin on core skins path + $skinObject = $this->skinsBasePath . $this->mainSkin; + } + else if (defined('PATH_CUSTOM_SKINS') && is_dir(PATH_CUSTOM_SKINS . $this->mainSkin)) { // check this skin on user skins path + $skinObject = PATH_CUSTOM_SKINS . $this->mainSkin; + } + else { //Skin doesn't exist + $this->mainSkin = "classic"; + } + } + + //This should have an XML definition and a layout html + if ($skinObject && file_exists($skinObject . PATH_SEP . 'config.xml') + && file_exists($skinObject . PATH_SEP . 'layout.html')) { + + $configurationFile = $skinObject . PATH_SEP . 'config.xml'; + $layoutFile = $skinObject . PATH_SEP . 'layout.html'; + + if (file_exists($skinObject . PATH_SEP . 'layout-blank.html')){ + $layoutFileBlank = $skinObject . PATH_SEP . 'layout-blank.html'; + } + if (file_exists($skinObject . PATH_SEP . 'layout-extjs.html')){ + $layoutFileExtjs = $skinObject . PATH_SEP . 'layout-extjs.html' ; + } + if (file_exists($skinObject . PATH_SEP . 'layout-raw.html')){ + $layoutFileRaw = $skinObject . PATH_SEP . 'layout-raw.html'; + } + if (file_exists($skinObject . PATH_SEP . 'layout-tracker.html')){ + $layoutFileTracker = $skinObject . PATH_SEP . 'layout-tracker.html'; + } + if (file_exists($skinObject . PATH_SEP . 'layout-submenu.html')){ + $layoutFileSubmenu = $skinObject . PATH_SEP . 'layout-submenu.html'; + } + } + + $this->layoutFile = pathInfo($layoutFile); + $this->layoutFileBlank = pathInfo($layoutFileBlank); + $this->layoutFileExtjs = pathInfo($layoutFileExtjs); + $this->layoutFileTracker = pathInfo($layoutFileTracker); + $this->layoutFileRaw = pathInfo($layoutFileRaw); + $this->layoutFileSubmenu = pathInfo($layoutFileSubmenu); + + $this->cssFileName = $this->mainSkin; + + if ($this->skin != $this->mainSkin && in_array(strtolower($this->skin), $this->skinVariants)) { + $this->cssFileName .= "-" . $this->skin; + } } - else if (defined('PATH_CUSTOM_SKINS') && is_dir(PATH_CUSTOM_SKINS . $G_SKIN_MAIN)) { // check this skin on user skins path - $skinObject = PATH_CUSTOM_SKINS . $G_SKIN_MAIN; + + public function setLayout($layout) + { + $this->layout = $layout; } - else { //Skin doesn't exist - $G_SKIN_MAIN = "classic"; + + public function dispatch() + { + $skinMethod = '_' . strtolower($this->skin); + + if (!method_exists($this, $skinMethod)) { + $skinMethod = '_default'; + } + + $this->$skinMethod(); } -} -//This should have an XML definition and a layout html -if ($skinObject && file_exists($skinObject . PATH_SEP . 'config.xml') && file_exists($skinObject . PATH_SEP . 'layout.html')) { - $configurationFile = $skinObject . PATH_SEP . 'config.xml'; - $layoutFile = $skinObject . PATH_SEP . 'layout.html'; - - if (file_exists($skinObject . PATH_SEP . 'layout-blank.html')){ - $layoutFileBlank = $skinObject . PATH_SEP . 'layout-blank.html'; + /** + * Skins Alternatives + */ + + private function _raw() + { + require_once PATH_THIRDPARTY . 'smarty/libs/Smarty.class.php'; // put full path to Smarty.class.php + + G::verifyPath ( PATH_SMARTY_C, true ); + G::verifyPath ( PATH_SMARTY_CACHE, true ); + + $smarty = new Smarty(); + $oHeadPublisher =& headPublisher::getSingleton(); + + $smarty->template_dir = $this->layoutFileRaw['dirname']; + $smarty->compile_dir = PATH_SMARTY_C; + $smarty->cache_dir = PATH_SMARTY_CACHE; + $smarty->config_dir = PATH_THIRDPARTY . 'smarty/configs'; + + if (isset($oHeadPublisher)) { + $header = $oHeadPublisher->printRawHeader(); + } + + $smarty->assign('header', $header ); + $smarty->force_compile = $this->forceTemplateCompile; + $smarty->display($this->layoutFileRaw['basename']); } - if (file_exists($skinObject . PATH_SEP . 'layout-extjs.html')){ - $layoutFileExtjs = $skinObject . PATH_SEP . 'layout-extjs.html' ; + + private function _plain() + { + $oHeadPublisher = & headPublisher::getSingleton(); + echo $oHeadPublisher->renderExtJs(); } - if (file_exists($skinObject . PATH_SEP . 'layout-raw.html')){ - $layoutFileRaw = $skinObject . PATH_SEP . 'layout-raw.html'; + + private function _extjs() + { + G::LoadClass('serverConfiguration'); + $oServerConf =& serverConf::getSingleton(); + $oHeadPublisher =& headPublisher::getSingleton(); + + if( $oHeadPublisher->extJsInit === true){ + $header = $oHeadPublisher->getExtJsVariablesScript(); + $styles = $oHeadPublisher->getExtJsStylesheets($this->cssFileName); + $body = $oHeadPublisher->getExtJsScripts(); + + $templateFile = G::ExpandPath( "skinEngine" ).'base'.PATH_SEP .'extJsInitLoad.html'; + } + else { + $styles = ""; + $header = $oHeadPublisher->getExtJsStylesheets($this->cssFileName); + $header .= $oHeadPublisher->includeExtJs(); + $body = $oHeadPublisher->renderExtJs(); + + $templateFile = $this->layoutFile['dirname'] . PATH_SEP . $this->layoutFileExtjs['basename']; + } + + $template = new TemplatePower($templateFile); + $template->prepare(); + $template->assign('header', $header); + $template->assign('styles', $styles); + $template->assign('bodyTemplate', $body); + + echo $template->getOutputContent(); } - if (file_exists($skinObject . PATH_SEP . 'layout-tracker.html')){ - $layoutFileTracker = $skinObject . PATH_SEP . 'layout-tracker.html'; - } - if (file_exists($skinObject . PATH_SEP . 'layout-submenu.html')){ - $layoutFileSubmenu = $skinObject . PATH_SEP . 'layout-submenu.html'; - } -} -$layoutFile = pathInfo($layoutFile); -$layoutFileBlank = pathInfo($layoutFileBlank); -$layoutFileExtjs = pathInfo($layoutFileExtjs); -$layoutFileTracker = pathInfo($layoutFileTracker); -$layoutFileRaw = pathInfo($layoutFileRaw); -$layoutFileSubmenu = pathInfo($layoutFileSubmenu); - -$cssFileName = $G_SKIN_MAIN; - -if ($G_SKIN != $G_SKIN_MAIN && in_array(strtolower($G_SKIN), $skinVariants)) { - $cssFileName .= "-" . $G_SKIN; -} - -if (isset($_GET['debug'])) { - //Render - print "Requested Skin: $G_SKIN
"; - 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 + private function _blank() + { require_once PATH_THIRDPARTY . 'smarty/libs/Smarty.class.php'; // put full path to Smarty.class.php G::verifyPath(PATH_SMARTY_C, true); @@ -128,27 +231,26 @@ switch (strtolower($G_SKIN)) { $smarty = new Smarty(); $oHeadPublisher =& headPublisher::getSingleton(); - $smarty->template_dir = $layoutFileBlank['dirname']; + $smarty->template_dir = $this->layoutFileBlank['dirname']; $smarty->compile_dir = PATH_SMARTY_C; - $smarty->cache_dir = PATH_SMARTY_CACHE; + $smarty->cache_dir = PATH_SMARTY_CACHE; $smarty->config_dir = PATH_THIRDPARTY . 'smarty/configs'; - if (isset($oHeadPublisher)){ + if (isset($oHeadPublisher)) { $header = $oHeadPublisher->printHeader(); - $header .= $oHeadPublisher->getExtJsStylesheets($cssFileName); + $header .= $oHeadPublisher->getExtJsStylesheets($this->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->force_compile = $this->forceTemplateCompile; - $smarty->display($layoutFileBlank['basename']); - break; - //end case blank' + // display + $smarty->display($this->layoutFileBlank['basename']); + } - case 'submenu'://This is a special template but need main skin styles + private function _submenu() + { require_once PATH_THIRDPARTY . 'smarty/libs/Smarty.class.php'; // put full path to Smarty.class.php global $G_ENABLE_BLANK_SKIN; //menu @@ -168,10 +270,10 @@ switch (strtolower($G_SKIN)) { $smarty = new Smarty(); $oHeadPublisher = & headPublisher::getSingleton(); - $smarty->template_dir = $layoutFileSubmenu['dirname']; - $smarty->compile_dir = PATH_SMARTY_C; - $smarty->cache_dir = PATH_SMARTY_CACHE; - $smarty->config_dir = PATH_THIRDPARTY . 'smarty/configs'; + $smarty->template_dir = $this->layoutFileSubmenu['dirname']; + $smarty->compile_dir = PATH_SMARTY_C; + $smarty->cache_dir = PATH_SMARTY_CACHE; + $smarty->config_dir = PATH_THIRDPARTY . 'smarty/configs'; if (isset($G_ENABLE_BLANK_SKIN) && $G_ENABLE_BLANK_SKIN) { $smarty->display($layoutFileBlank['basename']); @@ -182,7 +284,7 @@ switch (strtolower($G_SKIN)) { 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); + $header .= $oHeadPublisher->getExtJsStylesheets($this->cssFileName); } $footer = ''; @@ -250,79 +352,12 @@ switch (strtolower($G_SKIN)) { } $smarty->assign('logo_company', $sCompanyLogo); - $smarty->display($layoutFileSubmenu['basename']); + $smarty->display($this->layoutFileSubmenu['basename']); } - break; - //end case 'submenu' + } - case 'raw': //This is a special template but need main skin styles - require_once PATH_THIRDPARTY . 'smarty/libs/Smarty.class.php'; // put full path to Smarty.class.php - - G::verifyPath ( PATH_SMARTY_C, true ); - G::verifyPath ( PATH_SMARTY_CACHE, true ); - - $smarty = new Smarty(); - $oHeadPublisher =& headPublisher::getSingleton(); - - $smarty->template_dir = $layoutFileRaw['dirname']; - $smarty->compile_dir = PATH_SMARTY_C; - $smarty->cache_dir = PATH_SMARTY_CACHE; - $smarty->config_dir = PATH_THIRDPARTY . 'smarty/configs'; - - if (isset($oHeadPublisher)) { - $header = $oHeadPublisher->printRawHeader(); - } - - $smarty->assign('header', $header ); - $smarty->force_compile=$forceTemplateCompile; - $smarty->display($layoutFileRaw['basename']); - break; - //end case 'raw' - - case "plain": - $oHeadPublisher = & headPublisher::getSingleton(); - echo $oHeadPublisher->renderExtJs(); - 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(); - - echo $content; - break; - // end case 'extjs' - - case 'tracker': //This is a special template but need main skin styles + private function _tracker() + { require_once PATH_THIRDPARTY . 'smarty/libs/Smarty.class.php'; // put full path to Smarty.class.php global $G_ENABLE_BLANK_SKIN; @@ -338,8 +373,8 @@ switch (strtolower($G_SKIN)) { $smarty->config_dir = PATH_THIRDPARTY . 'smarty/configs'; if ( isset($G_ENABLE_BLANK_SKIN) && $G_ENABLE_BLANK_SKIN ) { - $smarty->force_compile=$forceTemplateCompile; - $smarty->display($layoutFileBlank['basename']); + $smarty->force_compile = $this->forceTemplateCompile; + $smarty->display($this->layoutFileBlank['basename']); } else { $header = ''; @@ -389,28 +424,47 @@ switch (strtolower($G_SKIN)) { $sCompanyLogo = '/images/processmaker.logo.jpg'; $smarty->assign('logo_company', $sCompanyLogo ); - $smarty->force_compile=$forceTemplateCompile; - $smarty->display($layoutFileTracker['basename']); + $smarty->force_compile = $this->forceTemplateCompile; + $smarty->display($this->layoutFileTracker['basename']); } - break; - //end case 'tracker' + } - case 'mvc': //erik: new mvc templating handler + private function _mvc() + { require_once PATH_THIRDPARTY . 'smarty/libs/Smarty.class.php'; // put full path to Smarty.class.php G::LoadClass('serverConfiguration'); $oServerConf =& serverConf::getSingleton(); $oHeadPublisher =& headPublisher::getSingleton(); $smarty = new Smarty(); - - $smarty->template_dir = PATH_TPL; + $smarty->compile_dir = PATH_SMARTY_C; $smarty->cache_dir = PATH_SMARTY_CACHE; $smarty->config_dir = PATH_THIRDPARTY . 'smarty/configs'; - $viewFile = $oHeadPublisher->getContent(); $viewVars = $oHeadPublisher->getVars(); + // verify if is using extJs engine + if (count($oHeadPublisher->extJsScript) > 0) { + $header = $oHeadPublisher->getExtJsStylesheets($this->cssFileName.'-extJs'); + $header .= $oHeadPublisher->includeExtJs(); + + $smarty->assign('_header', $header); + } + + $contentFiles = $oHeadPublisher->getContent(); + $viewFile = isset($contentFiles[0]) ? $contentFiles[0] : ''; + + if (empty($this->layout)) { + $smarty->template_dir = PATH_TPL; + $tpl = $viewFile; + } + else { + $smarty->template_dir = $this->layoutFile['dirname']; + $tpl = 'layout-'.$this->layout.'.html'; + $smarty->assign('_content_file', $viewFile); + } + if (strpos($viewFile, '.') === false) { $viewFile .= '.html'; } @@ -423,21 +477,24 @@ switch (strtolower($G_SKIN)) { $smarty->force_compile = true; } - $smarty->display(PATH_TPL . $viewFile); - break; - //end case 'mvc' - - default://Render a common page + $smarty->assign('_skin', $this->mainSkin); + + $smarty->display($tpl); + } + + private function _default() + { require_once PATH_THIRDPARTY . 'smarty/libs/Smarty.class.php'; // put full path to Smarty.class.php global $G_ENABLE_BLANK_SKIN; //menu + global $G_PUBLISH; 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; - + if (! defined('DB_SYSTEM_INFORMATION')) { define('DB_SYSTEM_INFORMATION', 1); } @@ -465,22 +522,20 @@ switch (strtolower($G_SKIN)) { $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->template_dir = $this->layoutFileBlank['dirname']; + $smarty->force_compile = $this->forceTemplateCompile; + $smarty->display($layoutFileBlank['basename']); } else { - $smarty->template_dir = $layoutFile['dirname']; - + $smarty->template_dir = $this->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); - + $header .= $oHeadPublisher->getExtJsStylesheets($this->cssFileName); } $footer = ''; @@ -527,11 +582,11 @@ switch (strtolower($G_SKIN)) { } if(class_exists('pmLicenseManager')){ - $pmLicenseManagerO =& pmLicenseManager::getSingleton(); - $expireIn=$pmLicenseManagerO->getExpireIn(); - $expireInLabel=$pmLicenseManagerO->getExpireInLabel(); + $pmLicenseManagerO = &pmLicenseManager::getSingleton(); + $expireIn = $pmLicenseManagerO->getExpireIn(); + $expireInLabel = $pmLicenseManagerO->getExpireInLabel(); //if($expireIn<=30){ - if($expireInLabel!=""){ + if($expireInLabel != ""){ $smarty->assign('msgVer', '  '); } //} @@ -554,17 +609,18 @@ switch (strtolower($G_SKIN)) { $oLogoR = new replacementLogo(); if(defined("SYS_SYS")){ - $aFotoSelect = $oLogoR->getNameLogo((isset($_SESSION['USER_LOGGED']))?$_SESSION['USER_LOGGED']:''); - if ( is_array ( $aFotoSelect ) ) { + $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)) ){ + if ( isset($sFotoSelect) && $sFotoSelect!='' && !(strcmp($sWspaceSelect, SYS_SYS)) ){ $sCompanyLogo = $oPluginRegistry->getCompanyLogo($sFotoSelect); - $sCompanyLogo= "/sys".SYS_SYS."/".SYS_LANG."/".SYS_SKIN."/setup/showLogoFile.php?id=".base64_encode($sCompanyLogo); + $sCompanyLogo = "/sys".SYS_SYS."/".SYS_LANG."/".SYS_SKIN."/setup/showLogoFile.php?id=".base64_encode($sCompanyLogo); } else { $sCompanyLogo = $oPluginRegistry->getCompanyLogo('/images/processmaker.logo.jpg'); @@ -575,10 +631,12 @@ switch (strtolower($G_SKIN)) { } $smarty->assign('logo_company', $sCompanyLogo); + $smarty->force_compile = $this->forceTemplateCompile; - $smarty->force_compile=$forceTemplateCompile; - $smarty->display($layoutFile['basename']); + $smarty->display($this->layoutFile['basename']); } - break; - // end 'default' switch sentence + } + } + + diff --git a/workflow/engine/skinEngine/uxmodern/baseCss/ext-all-notheme.css b/workflow/engine/skinEngine/uxmodern/baseCss/ext-all-notheme.css new file mode 100644 index 000000000..2dc750d1a --- /dev/null +++ b/workflow/engine/skinEngine/uxmodern/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/uxmodern/baseCss/ext-all.css b/workflow/engine/skinEngine/uxmodern/baseCss/ext-all.css new file mode 100644 index 000000000..d299984e1 --- /dev/null +++ b/workflow/engine/skinEngine/uxmodern/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/uxmodern/config.xml b/workflow/engine/skinEngine/uxmodern/config.xml new file mode 100644 index 000000000..0c5ccfe87 --- /dev/null +++ b/workflow/engine/skinEngine/uxmodern/config.xml @@ -0,0 +1,50 @@ + + + + 00000000000000000000000000000001 + Classic + Classic/default skin + ProcessMaker Team + 1.0 + 2011-02-27 + 2011-02-28 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/workflow/engine/skinEngine/uxmodern/css/form.css b/workflow/engine/skinEngine/uxmodern/css/form.css new file mode 100644 index 000000000..8780d5632 --- /dev/null +++ b/workflow/engine/skinEngine/uxmodern/css/form.css @@ -0,0 +1,896 @@ +/** form controls styles form.css */ + +body +{ + color:black; +} +.pm_separator{ + height: -1px; +} +form{ + margin: 0px; +} +INPUT { + font-family: Tahoma, Verdana, Arial, sans-serif ; + font-size: 10pt; +} + +/* Theme processmaker */ +.app_menuRight_container___processmaker +{ + position:absolute; + border:1px solid #868686; + background-color:#FAFAFA; + overflow:hidden; + z-index:10000; +} +.app_menuRight_shadow___processmaker +{ + position:absolute; + border:1px solid black; + background-color:black; + overflow:hidden; + z-index:9999; + opacity:0.2; + filter:alpha(opacity=20); +} +.app_menuRight_separator___processmaker +{ + padding:0; + margin-left:30px; + margin-right:5px; + position:relative; + cursor:default; + border-top:1px solid #C5C5C5; + border-bottom:0px solid red; + overflow:hidden; +} +.app_menuRight_option___processmaker, .app_menuRight_option_over___processmaker, .app_menuRight_optionNull___processmaker + +{ + padding:0px; + margin:0px; + position:relative; + cursor:default; + color:black; + background-color:""; + height:29px; + overflow:hidden; + border:0px solid #FBFFF2; +} +.app_menuRight_option_over___processmaker +{ + //background-image:url(/images/onmouseSilver.jpg); + background-color:#DCF1FC; + background-repeat:repeat-x; +} +.app_menuRight_option_image___processmaker, .app_menuRight_option_image_over___processmaker, .app_menuRight_option_imageNull___processmaker +{ + width :26px; + height :31px; + padding :0px; + position:absolute; + overflow:hidden; + cursor :default; + left :0; + top :0; + background-color:#E9EEEE; + border-right:1px solid #C5C5C5; +} +.app_menuRight_option_image_over___processmaker +{ + background-color:#E9EEEE; + border-right-width:1px; +} +.app_menuRight_option_image_element___processmaker +{ + position:absolute; + top:2; +} +.app_menuRight_option_text___processmaker +{ + padding :0px; + font :normal 8pt Tahoma,MiscFixed; + color :#003366; + position:absolute; + cursor :default; + left :30px; + top :8px; + overflow:hidden; +} +.app_menuRight_optionNull___processmaker +{ + +} +.app_menuRight_option_imageNull___processmaker +{ + width :26px; +} + +/* leimnud.app.menuRight CSS end */ + +/* processmap Theme.Panels begin */ +.panel_containerWindow___processmaker{ + border: 1px solid #C0C0C0; + border: 1px solid #1983BD; + border: 1px solid #66667E; + border:1px solid #AAA; + overflow: hidden; + /*border: 1px solid #5394BF; + border-left:1px solid #8BBDDF; + border-top:1px solid #8BBDDF;*/ +} +.panel_modal___processmaker{ + position:absolute; + background-color:black; + left:0px; + top:0px; +} +.panel_iframe___processmaker{ + width:100%; + height:100%; + position:absolute; + background-color:white; + overflow:hidden; + z-index:1; + top:0px; + left:0px; +} +.panel_backend___processmaker{ + /*width:100%;*/ + height:100%; + position:absolute; + background-color:white; + overflow:hidden; + z-index:1; + top:0px; + left:0px; +} +.panel_frontend___processmaker{ + /*width: 100%;*/ + height: 100%; + position: absolute; + background-color: #E8F2F7; + background-color:#E0DFE3; + /*background-color:#59A5D9;*/ + overflow: hidden; + z-index: 2; + top: 0px; + left: 0px; +} +.panel_titleBar___processmaker{ + position:relative; + height:23px; + overflow:hidden; + background-color:white; + background-image:url("/images/ext/gray/window/top-bottom.png"); + background-repeat:repeat-x; + background-position:0px -1px; + border-bottom:0px solid #DBE0E5; + width:100%; +} +.panel_title___processmaker{ + text-align: center; + width: 100%; + height: 23px; + color: #000; + /*color:#FFF;*/ + font: bold 8pt tahoma, MiscFixed; + padding-left: 5px; + padding-top: 5px; + z-index: 1; + text-shadow:#fff 0px 1px 1px; + color:#444; +} +.panel_close___processmaker{ + position:absolute; + top:4px; + font:normal 0pt tahoma; + padding:0px; + border:0px solid red; + z-index:2; + cursor:pointer; + background:url("/images/ext/gray/panel/tool-sprites.gif") 0 0 no-repeat; +} +.panel_roll___processmaker{ + position:absolute; + top:4; + font:normal 0pt tahoma; + padding:0px; + border:0px solid red; + z-index:2; + cursor:pointer; + background:url(/images/classic/roll.static.gif); + background-repeat:no-repeat; +} +.panel_resize___processmaker{ + position:absolute; + right:1px; + width:11px; + height:11px; + overflow:hidden; + z-index:333333; + bottom:1px; + background:url(/images/classic/panel.resize.11x11.png?rand=234); + background-repeat:no-repeat; +} +.panel_headerBar___processmaker{ + position:relative; + height:25px; + overflow:hidden; + background-color:transparent; +} +.panel_shadow___processmaker{ + position:absolute; + background-color:#000; +} +.panel_tab___processmaker{ + position:absolute; + z-index:3; + padding-bottom: 14px; + overflow-x: scroll; + /*overflow-y: visible;*/ + + +} + + +.panel_tabH___processmaker{ + position:absolute; +} +.panel_tabOptionH___processmaker{ + text-align:center; + font:normal 8pt Tahoma,MiscFixed; + position:absolute; + cursor:pointer; + border:1px solid #919B9C; + background-color:#F9F9F9; + color:black; + height:20px; + max-height:9px; + overflow:hidden; + -moz-border-radius-topleft:5px; + -moz-border-radius-topright:5px; +} +.panel_tabOptionOverH___processmaker{ + cursor:pointer; +} +.panel_tabOptionSelectedH___processmaker, .panel_tabOptionOverH___processmaker, .panel_tabOptionSelectedOverH___processmaker{ + font:normal 8pt Tahoma,MiscFixed; + border: 1px solid #FF9900; + border: 1px solid #919B9C; + border-bottom:1px solid #F9F9F9; + border-top-color:#E68B2C; + background-color: #FBFFF2; + background-color: #F9F9F9; + color:#000000; + text-align: center; + position: absolute; + background-image: url('/images/classic/panel.tabSelected.1x3.gif'); + background-repeat:repeat-x; + background-position:0px -1px; + height:22px; + max-height:10px; + overflow:hidden; +/* -moz-border-radius-topleft:4px; + -moz-border-radius-topright:4px;*/ + +} +.panel_tabOptionSelectedOverH___processmaker{ +} + + + + +.panel_tabOption___processmaker{ + text-align:left; + font:normal 8pt Tahoma,MiscFixed; + border:1px solid #A3A2BC; + border: 1px solid #FF9900; + position:absolute; + background-color:#FFE6BF; + cursor:pointer; + color:black; +} +.panel_tabOptionOver___processmaker{ + font:normal 8pt Tahoma,MiscFixed; + cursor:pointer; + text-align:left; + border:1px solid #FF9900; + color:#666666; + background-color:white; +} +.panel_tabOptionSelected___processmaker, .panel_tabOptionSelectedOver___processmaker{ + font:bold 8pt Tahoma,MiscFixed; + border: 1px solid #FF9900; + border-right:1px solid #FFF; + background-color: #FBFFF2; + color:#000000; + text-align: left; + position: absolute; +} +.panel_tabOptionSelectedOver___processmaker{ + color:#EA560F; + + +} +.panel_content___processmaker{ + position: relative; + color: black; + font: normal 8pt Tahoma,MiscFixed; + text-align: justify; + border: 1px solid #A3A2BC; + border: 1px solid #FF9900; + border: 1px solid #919B9C; + /*border-left:1px solid #1983BD; + border-top:1px solid #1983BD; + border-right:1px solid #59A5D9; + border-bottom:1px solid #59A5D9;*/ + background-color: #E8F2F7; + background-color: #FFFFFF; + background-color: #F9F9F9; + background-color: #FFF; + overflow: auto; + padding-top:15px; +} +.panel_statusBar___processmaker{ + position:relative; + overflow:hidden; + font:normal 8pt Tahoma,MiscFixed; + padding:0px; + margin:0px; + /*background-color:white;*/ + background-color:transparent; + min-height:25px; +} +.panel_status___processmaker +{ + text-align:center; + padding:2; + padding-left:5px; + color:#666666; +} +/* processmap Theme.Panels end */ + + + +/* Theme leimnud.module.grid BEGIN */ +/* gray BEGIN */ +.app_grid_headerBar___gray +{ + font:normal 8pt Tahoma,sans-serif,MiscFixed; + padding:3px; + text-align:center; + border:1px solid #AAA; + /*border:1px solid #FF9D3F;*/ + border-bottom:0px solid red; + background-color:#E8E8E8; + background :url(/images/classic/grid.title.gray.gif); + background-position:0px -10px; +} +.app_grid_table___gray +{ + font :normal 8pt Tahoma,sans-serif; + width :100%; + border-collapse:collapse; + margin :0px; +} +.app_grid_title___gray +{ + font:normal 8pt tahoma,helvetica,sans-serif; + border :1px solid #cbcbcb; + border :1px solid #aaa; + background-color:#D0DEF0; + background :url(/images/classic/grid.title.gray.gif); + text-align :center; + padding :4px; + height :25px; + color :#000; + cursor :default; + background-position:0px 0px; +} +.app_grid_data___gray +{ + padding : 5px; + border : 1px solid #dfdfdf; + color : #333; + overflow: auto; + background-color:#FFF; +} +.app_grid_data___gray select +{ + font:normal 8pt Tahoma,MiscFixed; + width:100%; +} +.app_grid_bg1___gray +{ + background-color:#e0e0e0; + border-color :#cbcbcb; + border-color :#aaa; + text-align:center; + font-size:7pt; + color :#000; + cursor :default; +} +.app_grid_bg2___gray +{ + background-color:#e0e0e0; + border:1px solid #e0e0e0; + text-align:center; + color :#000; +} + +.app_grid_pDf___gray, .app_grid_pDp___gray, .app_grid_pDn___gray, .app_grid_pDl___gray, .app_grid_pDfDisabled___gray, .app_grid_pDpDisabled___gray, .app_grid_pDnDisabled___gray, .app_grid_pDlDisabled___gray +{ + width:16px; + height:16px; + text-decoration:none; + padding-left:7px; + padding-right:7px; + margin-left:3px; + margin-right:3px; + overflow:none; + background-repeat: no-repeat; + font:normal 11px sans-serif; +} +.app_grid_pDf___gray +{ + background:url(/images/classic/module.grid/page-first.gif); +} +.app_grid_pDf___gray:hover +{ + background:url(/images/classic/module.grid/page-first-disabled.gif); +} +.app_grid_pDfDisabled___gray +{ + background:url(/images/classic/module.grid/page-first-disabled.gif); + cursor:default; +} + +.app_grid_pDp___gray +{ + background:url(/images/classic/module.grid/page-prev.gif); +} +.app_grid_pDp___gray:hover +{ + background:url(/images/classic/module.grid/page-prev-disabled.gif); +} +.app_grid_pDpDisabled___gray +{ + background:url(/images/classic/module.grid/page-prev-disabled.gif); + cursor:default; +} + +.app_grid_pDn___gray +{ + background:url(/images/classic/module.grid/page-next.gif); +} +.app_grid_pDn___gray:hover +{ + background:url(/images/classic/module.grid/page-next-disabled.gif); +} +.app_grid_pDnDisabled___gray +{ + background:url(/images/classic/module.grid/page-next-disabled.gif); + cursor:default; +} + +.app_grid_pDl___gray +{ + background:url(/images/classic/module.grid/page-last.gif); +} +.app_grid_pDl___gray:hover +{ + background:url(/images/classic/module.grid/page-last-disabled.gif); +} +.app_grid_pDlDisabled___gray +{ + background:url(/images/classic/module.grid/page-last-disabled.gif); + cursor:default; +} +.app_grid_pDC___gray +{ + width :35px; + height :18px; + margin-left :5px; + margin-right :5px; + border :1px solid #919B9C; + text-align :center; +} +/* gray END */ + + +/* Theme leimnud.module.grid.paginator BEGIN */ +.app_grid_paginatorHeader___gray +{ + font:normal 8pt Tahoma,MiscFixed; + color:black; + padding:10px; + text-align:center; +} +.app_grid_paginatorLink___gray +{ + background-color:#E0E0E0; + padding-left:3px; + padding-right:3px; + margin:2px; + border:1px solid #CBCBCB; + color:black; + cursor:hand; + text-decoration:none; + background :url(/images/classic/grid.title.gray.gif); + background-position:0px -10px; +} +.app_grid_paginatorLink___gray:hover +{ + background-color:#FFF; + border:1px solid #66667E; + color:#66667E; +} +.app_grid_paginatorLinkSelected___gray +{ + background-color:#fff; + padding-left:3px; + padding-right:3px; + margin:2px; + border:1px solid #CBCBCB; + color:black; + cursor:hand; + text-decoration:none; + cursor:default; +} + +/* Theme leimnud.module.app.button BEGIN */ +.module_app_button___gray, .module_app_buttonjs___gray +{ + border:1px solid #afafaf; + margin-left:2px; + cursor:pointer; + background :url(/images/classic/grid.title.gray.gif); + background-position:0px 0px; +} +.module_app_button___gray:hover, .module_app_buttonHover___gray +{ + border:1px solid #AAA; + background-position:0px -8px; +} +.module_app_buttonDisabled___gray +{ + font:normal 8pt Tahoma,sans-serif; + border:1px solid #9f9f9f; + background-position:0px -10px; + color:#9f9f9f; + cursor:default; +} + +/* Theme leimnud.module.app.button END */ +/* Theme leimnud.module.app.input BEGIN */ +.module_app_input___gray +{ + padding:1px; + border:1px solid #AAA; + padding-left:3px; + background: #FFFFFF url(/images/classic/input_back.gif) repeat-x; + background-position:0px 0px; + color :#333333; + font :normal 8pt sans-serif; +} +.module_app_input___gray_readOnly +{ + padding:1px; + border:1px solid #AAA; + padding-left:3px; + background: #EBEBE4;/*#FFFFFF url(/images/classic/input_back.gif) repeat-x;*/ + background-position:0px 0px; + color :#333333; + font :normal 8pt sans-serif; +} +.module_ListBoxView +{ + + color: white; + background:#CCDDFF; + padding:1px; + border:1px solid #AAA; + padding-left:3px; + background-position:0px 0px; + font :normal 8pt sans-serif; +} +.module_app_inputHover___gray +{ + border:1px solid #AAA; +} +.module_app_inputPassed___gray +{ + padding:1px; + border:1px solid green; + padding-left:2px; + padding-right:20px; + background: #FFFFFF url(/images/classic/ok.png) no-repeat; + background-position:99% 50%; + color :#000000; + font :normal 8pt sans-serif; +} +.module_app_inputFailed___gray +{ + border:1px solid red; + padding:1px; + padding-left:2px; + padding-right:20px; + background: #FFFFFF url(/images/classic/failed.png) no-repeat; + background-position:99% 50%; + color :#000000; + font :normal 8pt sans-serif; +} +.module_app_inputFailed_ie___gray +{ + filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=-1, OffY=-1,color=red) progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=1,color=red); +} +.module_app_inputPassed_ie___gray +{ + filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=-1, OffY=-1,color=green) progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=1,color=green); +} +.module_app_inputDisabled___gray +{ + background-color:#f0f0f0; + color:#9f9f9f; +} + +/* Theme leimnud.module.app.input END */ +.module_app_select___gray +{ + font:normal 8pt Tahoma,Sans-serif,MiscFi + border-top-style: double; +xed; + width:100%; +} + +/* Theme leimnud.module.rss BEGIN */ + + +.module_rss_container___gray, .module_rss_title___gray, .module_rss_header___gray, .module_rss_separator___gray, .module_rss_item___gray +{ + border:1px solid #AAA; + text-align:justify; +} + +.module_rss_title___gray, .module_rss_header___gray, .module_rss_itemHeader___gray +{ + background :url(/images/classic/grid.title.gray.gif); +} +.module_rss_itemContainer___gray +{ + border-top:1px solid #cbcbcb; + overflow:hidden; + padding:2px; + background-color:#EEE; + height:1px; +} +.module_rss_container___gray, .module_rss_separator_gray +{ + background-color:#DFDFDF; +} +.module_rss_container___gray +{ + padding:3px; + font:normal 8pt Tahoma,sans-serif,MiscFixed; + width:200px; +} +.module_rss_title___gray +{ + border-bottom-width:0px; + text-align :center; + padding :4px; + color :#000; + cursor :default; + background-position:0px 0px; +} +.module_rss_header___gray +{ + padding:1px; + text-align:right; + border-bottom-width:0px; + background-position:0px -10px; +} +.module_rss_separator___gray +{ + border-bottom-width:0px; + padding:1px; + padding-left:5px; + padding-right:5px; + overflow:hidden; +} +.module_rss_item___gray +{ + border-bottom-width:0px; + overflow:hidden; +} +.module_rss_itemLast___gray +{ + border-bottom-width:1px; +} +.module_rss_itemHeader___gray +{ + padding:5px; + background-position:0px -10px; + position:relative; + cursor:pointer; +} +.module_rss_itemPubDate___gray +{ + color : #808080; + font : normal 7pt Tahoma,sans-serif,MiscFixed; + padding : 5px; +} +.module_rss_itemHr___gray +{ + border-color : #808080; +} +.module_rss_itemTitle___gray +{ + color:#000; +} +.module_rss_itemReaded___gray +{ + color:#7f7f7f; +} +.module_rss_itemOver +{ + background-position:0px -50px; +} +.module_rss_itemButtons___gray +{ + position:absolute; + top:1px; + right:1px; +} +.module_rss_itemDescription___gray +{ + +} +.module_rss_itemLink___gray +{ + text-align:right; + padding-top:10px; +} +/* Theme leimnud.module.rss END */ + +/* toolbar estilo facebook */ + +div#toolbar +{ + position:absolute; + bottom:0px; + width:100%; + height:20px; + z-index:9999999; +} +.toolbar_container +{ + width:100%; + text-align:center; + height:25px; +} +.toolbar_wrapper{ + background-image:url(/images/bar_bg_bw.gif); + background-position:0 -1px; + border:1px solid #B5B5B5; + height:30px; + margin-left:5%; + margin-right:5%; + text-align:left; + padding-top:2px; + padding-bottom:2px; +} +.toolbar_item{ + border-right:1px solid #B5B5B5; + padding-top:3px; + padding-bottom:6px; + padding-right:15px; + padding-left:25px; + position:relative; + display:inline; + text-align:center; +} +.toolbar_item_section{ + position:absolute; + border:1px solid #B5B5B5; + width:150px; + height:300px; + background-color:white; + bottom:21px; + left:-1px; + color:black; + display:none; +} +@media screen + { + div#toolbar + { + position: fixed; + } + /* Don't do this at home */ + * html + { + overflow-y: hidden; + } + * html body + { + overflow-y: auto; + } + * html div#toolbar + { + position: absolute; + } + /* All done. */ + } + + #toolbar a:link,#toolbar a:visited + { + color:#666; + text-decoration:none; + } + #toolbar a:hover{ + color: #000; + } + #toolbar img + { + position:absolute; + left:5px; + top:3px; + } + +/*Botones*/ +.pagedTableDefault .pagedTable .RowLink a,.module_app_button___gray,.button_pm,.module_app_buttonjs___gray,.module_app_buttonDisabled___gray{ + -moz-border-radius:4px;border-radius:4px; + -moz-box-shadow:0 1px 2px rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.2); + background-color:#EEE; + background-image: none; + font-size:10px; + font-weight:400; + text-transform: capitalize; + margin:2px 0; + padding:2px 7px; + text-decoration:none; + line-height: 14px; + font-family: Arial,serif; + border:1px solid #aaa; + background:url("/images/ext/gray/button/btn.gif") repeat-x scroll 0 -1096px transparent; +} +.pagedTableDefault .pagedTable .RowLink a{ + color:#333; + /*cursor:pointer;*/ +} +/*HOVER*/ +.pagedTableDefault .pagedTable .RowLink a:hover,.module_app_button___gray:hover,.button_pm:hover,.module_app_buttonHover___gray, +.module_app_buttonjs___gray.module_app_buttonHover___gray +{ + background-color:#AAA; + border:1px solid #666; + background:url("/images/ext/gray/button/btn.gif") repeat-x scroll 0 -2168px transparent; +} +/*FOCUS*/ +.pagedTableDefault .pagedTable .RowLink a:focus,.module_app_button___gray:focus,.button_pm:focus{ + border:1px solid #45626F; + background:url("/images/ext/gray/button/btn.gif") repeat-x scroll 0 -3240px transparent; +} +/*NO BUTTON*/ +.pagedTableDefault .pagedTable .RowLink a:empty{ + display:none; + margin:0; +} +/*DISABLED*/ +.pagedTableDefault .pagedTable .RowLink a.module_app_buttonDisabled___gray, +.module_app_buttonDisabled___gray +{ + border:1px solid #bbb; + background-position:0 -3240px; + color:#9f9f9f; + cursor:default; +} +.pagedTableDefault .pagedTable .RowLink a.module_app_buttonDisabled___gray:hover, +.module_app_buttonDisabled___gray:hover +{ + background:url("/images/ext/gray/button/btn.gif") repeat-x scroll 0 -3240px transparent; +} + diff --git a/workflow/engine/skinEngine/uxmodern/css/jscolors.css b/workflow/engine/skinEngine/uxmodern/css/jscolors.css new file mode 100644 index 000000000..7c65d7df4 --- /dev/null +++ b/workflow/engine/skinEngine/uxmodern/css/jscolors.css @@ -0,0 +1,59 @@ +html { + cursor: text; +} + +.editbox { + margin: .4em; + padding: 0; + font-family: monospace; + font-size: 10pt; + color: black; +} + +pre.code, .editbox { + color: #666666; +} + +.editbox p { + margin: 0; +} + +span.js-punctuation { + color: #666666; +} + +span.js-operator { + color: #666666; +} + +span.js-keyword { + color: #770088; +} + +span.js-atom { + color: #228811; +} + +span.js-variable { + color: black; +} + +span.js-variabledef { + color: #0000FF; +} + +span.js-localvariable { + color: #004499; +} + +span.js-property { + color: black; +} + +span.js-comment { + color: #AA7700; +} + +span.js-string { + color: #AA2222; +} diff --git a/workflow/engine/skinEngine/uxmodern/css/pmos-xtheme-gray.css b/workflow/engine/skinEngine/uxmodern/css/pmos-xtheme-gray.css new file mode 100644 index 000000000..177e8496c --- /dev/null +++ b/workflow/engine/skinEngine/uxmodern/css/pmos-xtheme-gray.css @@ -0,0 +1,1535 @@ +/*! + * 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("/images/ext/gray/locationbar/location_folder.png") !important; +} +.x-locationbar-back-icon { + background-image: url("/images/ext/gray/locationbar/location_back.png") !important; +} +.x-locationbar-forward-icon { + background-image: url("/images/ext/gray/locationbar/location_forward.png") !important; +} +.x-locationbar-reload-icon { + background-image: url("/images/ext/gray/locationbar/location_reload.png") !important; +} +.x-locationbar .x-btn-menu-arrow-wrap .x-btn-center button { + background:transparent url(/images/ext/gray/locationbar/btn-arrow.gif) no-repeat scroll 0pt 3px; + width: 12px; +} +.x-locationbar .x-btn-menu-active .x-btn-menu-arrow-wrap .x-btn-center button { + 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(/images/ext/gray/locationbar/tb-btn-sprite.gif) repeat-x scroll 0pt -105px; +} + +/*Los botones de EXT solamente s even iguales en los x-form*/ +.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"); +} + +.icon-geometry{ + background-image: url("/images/ToolUseGeometry.png"); +} + + + +/* Cases Styles */ +/** + * Cases Interface styles + */ + +#details-panel .x-panel-body { + padding: 10px; + background: #eee; + color: #555; +} +#details-panel a:link, #details-panel a:visited { + color: #369; +} +#details-panel h2 { + color: #369; + font-size: 15px; +} +#details-panel p { + margin-bottom: 5px; +} + +.x-tree-node-icon{ + width:18px !important; + background-image:url( /images/icons_silk/sprites.png); + height:18px; +} + + +.ICON_FOLDERS { + /*.ss_folder_explore*/ + background-image:url( /images/icons_silk/sprites.png) !important; + background-position:0 -7777px !important; +} + +.x-tab-strip-text.ICON_FOLDERS{ + /*.ss_folder_explore*/ + background-position:0 -7776px !important; +} +.x-tab-strip-inner .x-tab-strip-text.ICON_FOLDERS{ + background-position:0 -7775px !important; +} + +.ICON_CASES_FOLDERS { + /*background-image: url(/images/icons_silk/cases-inbox.png) !important;*/ +} + +.ICON_CASES_INBOX { + /*ss_folder_page*/ + background-image:url( /images/icons_silk/sprites.png) !important; + background-position:0 -7957px !important; +} + +.ICON_CASES_DRAFT { + /*ss_pencil*/ + background-image:url( /images/icons_silk/sprites.png) !important; + background-position:0 -12439px !important; +} + +.ICON_CASES_SENT { + /*ss_page_white_go*/ + background-image:url( /images/icons_silk/sprites.png) !important; + background-position:0 -11773px !important; +} + +.ICON_CASES_SELFSERVICE { + /*ss_arrow_rotate_anticlockwise */ + background-image:url( /images/icons_silk/sprites.png) !important; + background-position:0 -955px !important; +} + +.ICON_CASES_PAUSED { + /*ss_clock*/ + background-image:url( /images/icons_silk/sprites.png) !important; + background-position:0px -4969px !important; +} + +.ICON_CASES_COMPLETED { + background-image: url(/images/cases-completed1.png) !important; +} + +.ICON_CASES_CANCELLED { + background-image: url(/images/cases-cancelled.png) !important; +} + +.ICON_CASES_FOLDERS { + /*ss_report */ + background-image:url( /images/icons_silk/sprites.png) !important; + background-position:0 -13213px !important; +} + +.ICON_SEARCHS { + background-image: url(/images/cases-search.png) !important; + /*ss_find*/ + /*background-position:0 -7453px !important;*/ +} +.ICON_CASES_SEARCH { + /*ss_page_find*/ + background-image:url( /images/icons_silk/sprites.png) !important; + background-position:0 -11089px !important; +} + +.ICON_ADMIN { + /*ss_user_suit*/ + background-image:url( /images/icons_silk/sprites.png) !important; + background-position:0 -17371px !important; +} + +.ICON_CASES_TO_REVISE { + /*ss_page_white_magnify*/ + background-image:url( /images/icons_silk/sprites.png) !important; + background-position:0 -11881px !important; +} + +.ICON_CASES_TO_REASSIGN { + /*ss_arrow_rotate_clockwise*/ + background-image:url( /images/icons_silk/sprites.png) !important; + background-position:0 -973px !important; +} + +.ICON_CASES_START_PAGE { + /*ss_chart_pie*/ + background-image:url( /images/icons_silk/sprites.png) !important; + background-position:0 -3925px !important; +} +.ICON_CASES_START_CASE { + /*ss_add*/ + background-image:url( /images/icons_silk/sprites.png) !important; + background-position:0 -19px !important; +} +.ICON_CASES_HOME { + /*ss_house*/ + background-image:url(/images/icons_silk/sprites.png) !important; + background-position:0 -8497px !important; +} +.ICON_CONSOLIDATED_CASES{ + /*ss_consolidated_cases*/ + background-image:url(/images/icons_silk/sprites.png) !important; + background-position:0 -18500px !important +} + +.ICON_CASES_DELETE { + background-image:url(/images/delete-16x16.gif) !important; +} + +.ICON_CASES_CANCEL { + background-image:url(/images/deactivate.png) !important; +} + +.ICON_CASES_UNPAUSE { + background-image:url(/images/activate.png) !important; +} + +.ICON_CASES_OPEN { + background-image:url(/images/edit.gif) !important; +} + +.ICON_UX { + background-image:url(/images/user-experience-icon.png) !important; +} + +.ICON_SYSTEM { + background-image: url("/images/icons_silk/sprites.png") !important; + background-position:0 -10351px !important +} + + + +/** + * style for case list grid + */ +.x-grid3-col-openLink { + padding: 1px; + background: #eee; + text-align: center; +} + +.x-grid3-col-openLink a { + color: black; + border-color:#ff0; +} + +.x-grid3-col-openLink a:hover { + background: #0ee; +} + + + + +/*Tables*/ +.x-grid3-cell-inner{} +.x-grid3-row-table{ + padding:0px 0; +} +.x-grid3-row:nth-child(odd) { background-color:#FFF; } +.x-grid3-row:nth-child(even) { background-color:#F6F6F6; } +.x-grid3-row.x-grid3-row-over{ + background: #E0EAEF; + cursor: pointer; +} +.x-grid3-hd-inner{ + font-size:11px; + font-weight: bold; + color:#333; + text-shadow:#fff 0px 1px 1px; +} +.x-grid3-col-openLink,.x-grid3-col-deleteLink{ + background:none; + height: 18px; +} +.x-grid3-col-openLink a:after{ + content:''; +} +.x-grid3-row.x-grid3-row-selected{ + background-color:#F6E095; +} +/*Checkboxes*/ +.grid_with_checkbox .x-grid3-header-offset{ + padding-left:18px !important; +} +.grid_with_checkbox .x-grid3-row{ + background-image:url(/images/icons_silk/unchecked.png) !important; + background-repeat: no-repeat !important; + padding-left:18px !important; +} + +.grid_with_checkbox .x-grid3-row.x-grid3-row-selected{ + background-image:url(/images/icons_silk/checked.png) !important; + background-repeat: no-repeat !important; + padding-left:18px !important; +} + + +/* +Pone en mayúsuclas el texto que se encuentra en el toolbar de arriba +*/ +.x-panel-tbar .x-toolbar-cell{ + text-transform: capitalize; +} + +/*TREE*/ +#ext-gen38.x-tree-root-ct .x-tree-node{ +} + +#ext-gen38.x-tree-root-ct .x-tree-node-el{ + background:#eee; + padding-top:4px; + padding-bottom:4px; + cursor: auto; + border-bottom:1px solid #ddd; + border-top:1px solid #ddd; +} +#ext-gen38.x-tree-root-ct .x-tree-node-leaf{ + background:#fff; + padding-top:0; + padding-bottom:0; + cursor: pointer; + border-bottom:none; + border-top:none; +} +#ext-gen38.x-tree-root-ct .x-tree-node .x-tree-node{ + padding-bottom:0; +} +#ext-gen38.x-tree-root-ct .x-tree-node-over +{ + background:#eee; +} +#ext-gen38.x-tree-root-ct .x-tree-node-leaf{ + padding-left:16px; +} +/*Eliminamos los restos del tree*/ +#ext-gen38.x-tree-root-ct .x-tree-elbow,#ext-gen38.x-tree-root-ct .x-tree-elbow-line,#ext-gen38.x-tree-root-ct .x-tree-elbow-end, +#ext-gen38.x-tree-root-ct .x-tree-node-indent img{ + background:none; + width:0px; +} +/*Cambiamos el menos y más*/ +#ext-gen38.x-tree-root-ct .x-tree-elbow-minus,#ext-gen38.x-tree-root-ct .x-tree-elbow-end-minus{ + background-image:url(/images/icons_silk/sprites.png) !important; + background-position:0 -2395px !important; +} +#ext-gen38.x-tree-root-ct .x-tree-elbow-plus,#ext-gen38.x-tree-root-ct .x-tree-elbow-end-plus{ + background-image:url(/images/icons_silk/sprites.png) !important; + background-position:0 -2359px !important; +} +/*Item selecciondo en el TREE*/ +.x-tree-root-ct .x-tree-selected{ + background:#C3D7DF !important; +} + +/*REFRESHER*/ + +#ext-gen38.x-tree-root-ct .x-tree-node-ct b{ +} +#refreshNotifiers.x-btn{ +} +#ext-gen35.x-panel-tbar-noheader{ + position:absolute; + top:1px; + right:1px; + height:27px; + z-index:1000 !important; + width:28px !important; + border-bottom:1px #ccc solid; +} +#ext-gen35.x-panel-tbar-noheader .x-toolbar-layout-ct{ + width:28px !important; +} +#ext-gen35.x-panel-tbar-noheader .x-toolbar-left .x-toolbar-cell.x-locationbar-location{ + display:none; + /*borra el espacio de la izquierda*/ +} +/* +antes funcionaba. +#ext-gen35.x-panel-tbar-noheader .x-toolbar-left{ + display:none; +}*/ +#ext-gen35.x-panel-tbar-noheader .x-toolbar-right{ + text-align: left !important; +} + +/*StartCase*/ +.x-tab-strip-text.ICON_CASES_START_CASE{ + background-position:0px -17px !important; +} +/*Dashboard*/ +.x-tab-strip-text.ICON_CASES_START_PAGE{ + background-position:0px -3923px !important; +} + + +.row_updated{ + /*background:#FFFDEF;*/ + font-weight: bold; +} + +/*STARTCASE RIGHT PANEL*/ +#process-detail-panel .details{} +#process-detail-panel .details .details-info{ + padding:10px; +} +#process-detail-panel .details .details-info table td{ + padding:5px; +} + +.icon-expand-all{ + /*ss_bullet_toggle_plus*/ + background-image:url(/images/icons_silk/sprites.png) !important; + background-position:0 -2359px !important; +} +.icon-collapse-all{ + /*ss_bullet_toggle_minus*/ + background-image:url(/images/icons_silk/sprites.png) !important; + background-position:0 -2395px !important; +} +#startCaseTreePanel .x-tree-elbow-end-minus, +#startCaseTreePanel .x-tree-elbow-end-plus, +#startCaseTreePanel .x-tree-elbow-minus, +#startCaseTreePanel .x-tree-elbow-plus, +#startCaseTreePanel .x-tree-elbow-line, +#startCaseTreePanel .x-tree-node-indent{ + display:none; +} + + +/*Search Button*/ +.pm_search_x_button{ + /*margin-left:-21px;*/ + display:block; + width:16px; + height:20px; + margin-top:1px; + margin-right:3px; +} +.ext-ie .pm_search_x_button {margin-top:0px !important} +.pm_search_x_button .x-btn-over .x-btn-mc +{ + background:transparent; +} +.pm_search_x_button .x-btn-ml,.pm_search_x_button .x-btn-mr, +.pm_search_x_button .x-btn-tc,.pm_search_x_button .x-btn-tl,.pm_search_x_button .x-btn-tr, +.pm_search_x_button .x-btn-bc,.pm_search_x_button .x-btn-bl,.pm_search_x_button .x-btn-br +{ + display:none !important; +} +.pm_search_x_button button{ + background:url(/images/icons_silk/search_x_button.png) no-repeat; + text-indent: -10000px; + width:16px !important; + height:20px !important; + display:block; + margin:0; + padding:0; +} +.pm_search_text_field input{ + border-right:none !important; +} +.ext-ie8 .pm_search_text_field input {margin-top:1px !important} + +.pm_search_text_field input:focus,.pm_search_text_field .x-form-focus{ + border:1px solid #c1c1c1 !important; + border-right:none !important; +} + +.ICON_STEPS { + background-image:url(/images/steps.png) !important; +} + +.ICON_ASSIGN_TASK { + background-image:url(/images/flechav1A.png) !important; +} + + +/* CSS BPMN */ +#x-shapes p { + type:none; + margin-left:9px; +} + +#x-shapes-task { + height: 25; + padding: 0px 2px 2px 0px; +} + +#x-shapes-startEvent { + height: 25; + padding:0px 2px 2px 0px; +} + +#x-shapes-interEvent { + height: 25; + padding:0px 2px 2px 0px; +} + +#x-shapes-endEvent { + height: 25; + padding:0px 2px 2px 0px; +} + +#x-shapes-gateways { + height: 25; + padding:0px 2px 2px 0px; +} + +#x-shapes-dataobject { + height: 25; + padding:0px 2px 2px 0px; +} + +#x-shapes-group { + height: 25; + padding:0px 2px 2px 0px; +} + +#x-shapes-annotation { + height: 25; + padding:0px 2px 2px 0px; +} + +#x-shapes-pool { + height: 25; + padding:0px 2px 2px 0px; +} + +#x-shapes-lane { + height: 25; + padding:0px 2px 2px 0px; +} + +#x-shapes-milestone { + height: 25; + padding:0px 2px 2px 0px; +} + +#x-shapes-sequence { + height: 25; + padding:0px 2px 2px 0px; +} + +#x-shapes-association { + height: 25; + padding:0px 2px 2px 0px; +} + +#x-shapes-message { + height: 25; + padding:0px 2px 2px 0px; +} + +.toolbar-item{ + display: table-cell; + background-color:#fff; + width : 50px !important; + height: 25px !important; + + border: 1px; + border-style: solid; + border-color: #ccc; + + font-size: 12px; + padding: 1px 1px 1px 1px; + + -moz-border-radius: 7px; + -webkit-border-radius: 20px; + -khtml-border-radius: 20px; + border-radius: 7px; + + vertical-align: middle !important; + text-align:center; +} + +#x-shapes p:hover { + border-left: 1px solid #808080; + border-top: 1px solid #808080; + border-right: 1px solid #ccc; + border-bottom: 1px solid #ccc; + background: #EFEFEF; + border-color: #98bf21; +} + +.btn-panel-pmtoolbar{ + font-size:11px; + font-weight: bold; + width: 50; +} + +.icon-users-adhoc{ + background-image:url('/images/icon-users.png') !important; +} + +.icon-groups-adhoc{ + background-image:url('/images/icon-groups.png') !important; +} + + +/* CSS Setup */ +.pm-tree-node1 { + font: normal 11px Verdana,Arial,Helvetica,sans-serif !important; + + + border: 1px solid #CACACA; + height: 20px; + width: 99%; + color: #666; + vertical-align: middle; + text-decoration: none; + -moz-border-radius:6px; /* Rounded edges in Firefox */ +} + +.ICON_CASES_LIST_SETUP{ + background-image: url(/images/icon-pmcaseslist-conf.png) !important; + width:15px !important; + height:15px !important; +} + + +.ICON_APPCACHEVIEW_SETUP{ + background-image: url(/images/icon-pmappcacheview-rebuild.png) !important; + width:15px !important; + height:15px !important; +} +.ICON_CASES_NOTES { + /*ss_comment*/ + background-image:url( /images/icons_silk/sprites.png) !important; + background-position:0 -4501px !important +} +.ICON_ADDITIONAL_TABLES{ + /*ss_database_table*/ + background-image:url( /images/icons_silk/sprites.png) !important; + background-position:0 -5815px !important; +} +.ICON_PM_TABLES{ + /*ss_database_table*/ + background-image:url( /images/icons_silk/sprites.png) !important; + background-position:0 -5815px !important; +} + + +.ICON_LANGUAGES{ + /*ss_text_dropcaps*/ + background-image: url(/images/icon-languages.png) !important; + width:18px !important; + height:15px !important; +} + + +.ICON_PLUGINS{ + /*ss_plugin*/ + background-image:url( /images/icons_silk/sprites.png) !important; + background-position:0 -12961px !important; +} + +.ICON_UPGRADE{ + /*ss_package_go*/ + background-image:url( /images/icons_silk/sprites.png) !important; + background-position:0 -10873px !important; +} + +.ICON_EMAILS{ + /*ss_email_edit*/ + background-image:url( /images/icons_silk/sprites.png) !important; + background-position:0 -6715px !important; +} + +.ICON_WEBSERVICES{ + /*ss_server_connect*/ + background-image:url( /images/icons_silk/sprites.png) !important; + background-position:0 -14095px !important; +} + +.ICON_SKINS{ + background-image: url(/images/icon-pmskins.png) !important; + width:15px !important; + height:15px !important; +} + +.ICON_LOGO{ + background-image: url(/images/icon-pmlogo-15x15.png) !important; + width:15px !important; + height:15px !important; +} + +.ICON_CLEAR_CACHE{ + background-image: url(/images/icon-pmclear-cache.png) !important; + width:15px !important; + height:15px !important; +} + +.ICON_CALENDAR{ + /*ss_calendar*/ + background-image:url( /images/icons_silk/sprites.png) !important; + background-position:0 -2899px !important; +} + +.ICON_LOG_CASE_SCHEDULER{ + /*ss_timeline_marker*/ + background-image:url( /images/icons_silk/sprites.png) !important; + background-position:0 -17011px !important; +} + +.ICON_PROCESS_CATEGORY{ + /*ss_sitemap_color*/ + background-image:url( /images/icons_silk/sprites.png) !important; + background-position:0 -14833px !important; +} + +.ICON_LOGIN{ + /*ss_key*/ + background-image:url( /images/icons_silk/sprites.png) !important; + background-position:0 -8929px !important; +} + +.ICON_DASHBOARD{ + background-image: url(/images/icon-dashboard.png) !important; + width:15px !important; + height:15px !important; +} + + +/* Language Support module styles*/ +.upload-icon { + background: url('/images/cases-documents.png') no-repeat 0 0 !important; +} + +#fi-button-msg { + border: 2px solid #ccc; + padding: 5px 10px; + background: #eee; + margin: 5px; + float: left; +} + +.ICON_HEARTBEAT{ + /*ss_heart*/ + background-image:url( /images/icons_silk/sprites.png) !important; + background-position:0 -8335px !important; +} + +.ICON_USERS{ + /*ss_user*/ + background-image:url( /images/icons_silk/sprites.png) !important; + background-position:0 -17173px !important; + height:11px; +} + +.ICON_ROLES{ + /*ss_application_key*/ + background-image:url( /images/icons_silk/sprites.png) !important; + background-position:0 -325px !important; +} + +.ICON_GROUPS{ + /*ss_group*/ + background-image:url( /images/icons_silk/sprites.png) !important; + background-position:0 -8173px !important; + height:11px; +} + +.ICON_DEPARTAMENTS{ + /*ss_chart_organisation*/ + background-image:url( /images/icons_silk/sprites.png) !important; + background-position:0 -3871px !important; +} +.ICON_AUTHSOURCES{ + /*ss_key*/ + background-image:url( /images/icons_silk/sprites.png) !important; + background-position:0 -8929px !important; +} + +.x-headBlock{ + background-color: #EEEEEE; +} + +.x-grid-empty{ + text-align: center; + position: absolute; + top: 40%; + left: 40%; + font-size: 15px; + color:black filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); + opacity: .55; + -moz-opacity: .55; +} + + +/** + * --Row Editor UX Lib CSS-- + */ +.ext-ie .x-row-editor .x-form-text { + margin:0 !important; +} +.x-row-editor-header { + height:2px; + overflow:hidden; + background: transparent url(../images/ext/default/row-editor-bg.gif) repeat-x 0 0; +} +.x-row-editor-footer { + height:2px; + overflow:hidden; + background: transparent url(../images/ext/default/row-editor-bg.gif) repeat-x 0 -2px; +} +.ext-ie .x-row-editor-footer { + margin-top:-1px; +} + +.x-row-editor-body { + overflow:hidden; + zoom:1; + background: #ebf2fb; + padding-top:2px; +} +.x-row-editor .x-btns { + position:absolute; + top:28px; + left:20px; + padding-left:5px; + background: transparent url(../images/ext/default/row-editor-btns.gif) no-repeat 0 0; +} +.x-row-editor .x-btns .x-plain-bwrap { + padding-right:5px; + background: transparent url(../images/ext/default/row-editor-btns.gif) no-repeat right -31px; +} +.x-row-editor .x-btns .x-plain-body { + background: transparent url(../images/ext/default/row-editor-btns.gif) repeat-x 0 -62px; + height:31px; +} +.x-row-editor .x-btns .x-table-layout-cell { + padding:3px; +} + +/* Fixes for IE6/7 trigger fields */ +.ext-ie6 .x-row-editor .x-form-field-wrap .x-form-trigger, .ext-ie7 .x-row-editor .x-form-field-wrap .x-form-trigger { + top: 1px; +} + +.ext-ie6 .x-row-editor .x-form-field-trigger-wrap, .ext-ie7 .x-row-editor .x-form-field-trigger-wrap { + margin-top: -1px; +} + +.errorTip .x-tip-body ul{ + list-style-type:disc; + margin-left:15px; +} +.note-item { + font:normal 11px tahoma, arial, helvetica, sans-serif; + padding:3px 3px 3px 3px; + border:1px solid #fff; + border-bottom:1px solid #eeeeee; + white-space:normal; + color:#555; +} +.note-item h3 { + display:block; + font:inherit; + font-weight:bold; + color:#222; +} + +.note-item h3 span { + float: right; + font-weight:normal; + margin:0 0 5px 5px; + width:50px; + display:block; + clear:none; +} + + +/* default-layout */ + +.x-user-bar { + color:#fff; + font-size:8px; + font-weight: bold; +} + +.x-pm-tabmenu { + color: #000 !important; + padding-left: 32px !important; + padding-right: 15px !important; + padding-top: 5px !important; + padding-bottom: 8px !important; + font: 13px "Lucida Grande",Lucida,Verdana,sans-serif !important; +} + +.x-pm-home { + background-image:url(/images/homeIcon.png) !important; +} + +.x-pm-bpmn { + background-image:url(/images/bpmnIcon.png) !important; +} + +.x-pm-designer { + background-image:url(/images/designerIcon.png) !important; +} + +.x-pm-setup { + background-image:url(/images/setupIcon.png) !important; +} + +.x-pm-profile { + background-image:url(/images/profile-icontab.png) !important; +} + +.x-pm-dashboard { + background-image:url(/images/dashboard.png) !important; +} + +.x-pm-toolbars { + background-color: #F0F0F0; + background-image: url("/images/ext/gray/toolbar/bg.gif"); + border-color: #D0D0D0; +} + +.x-pm-logout-icon { + background-image:url(/images/logout.gif); +} + +.x-pm-headerbar1 { + background-color: #32405a; + background-image: url("/images/header_bg.jpg"); + color: #fff; + padding: 0px; + font: 8pt Tahoma,sans-serif,MiscFixed; + font-size: 12px; +} +.x-pm-headerbar2 { + background-color: #000; + background-image: url("/images/canvastile_bg1.jpg"); + color: #fff; + padding: 5px; + font: 8pt Tahoma,sans-serif,MiscFixed; + font-size: 12px; +} + +.headerRightSection +{ + font: 8pt Tahoma,sans-serif,MiscFixed; + color: #fff; +} + +.headerLeftSection +{ + font: 8pt Tahoma,sans-serif,MiscFixed; + color: #fff; +} + +.headerLeftSideBar a:hover { + color: orange; +} + +.headerLeftSideBar a { + font: bold 8pt Tahoma,sans-serif,MiscFixed; + color: #fff; + text-decoration: none; +} + +.headerRightSideBar a:hover { + color: orange; +} + +a.login { + font: 7pt Tahoma,sans-serif,MiscFixed; + color: #00004e; + text-decoration: none; +} + +a.login:hover { + color: blue; +} + +.headerRightSideBar a { + font: 15px Tahoma,sans-serif,MiscFixed; + color: #fff; + text-decoration: none; + vertical-align: top; +} + +.headerRightSideBar +{ + padding-top: 10px; + padding-bottom: 10px; + padding-left: 0px; + padding-right: 5px; + color: #fff; + + display: table-cell; + vertical-align: top !important; +} +#user-avatar +{ + padding-top: 10px; + padding-bottom: 10px; + padding-left: 0px; + padding-right: 10px; + color: #fff; + display: table-cell; + vertical-align: top !important; +} + +.headerRightSideBar label { + font: 9pt Lucida,Verdana,sans-serif,MiscFixed; + color: #fff; + + display: inline-block; + padding-top: 2px; + padding-bottom: 2px; + padding-left: 3px; + padding-right: 3px; +} +.headerLeftSideBar +{ + padding-top: 0px; + padding-bottom: 17px; + padding-left: 0px; + padding-right: 5px; +} +.companyLogo +{ + padding-top: 0px; + padding-bottom: 0px; + padding-left: 10px; + padding-right: 0px; +} + +.ux-auth-warning { + background:url("../images/ext/default/warning.png") no-repeat center left; + padding: 2px; + padding-left:20px; + font-weight:bold; +} +.ux-auth-header-icon { + background: url("../images/ext/default/locked.png") 0 4px no-repeat !important; +} + +/*! + * Ext JS Library 3.3.3 + * Copyright(c) 2006-2011 Sencha Inc. + * licensing@sencha.com + * http://www.sencha.com/license + */ +/* StatusBar - structure */ +.x-statusbar .x-status-text { + cursor: default; +/* + height: 21px; + line-height: 21px; + padding: 0 4px; +*/ +} +.x-statusbar .x-status-busy { + padding-left: 25px !important; + background: transparent no-repeat 3px 2px; +} + +.x-toolbar div.xtb-text + +.x-statusbar .x-status-text-panel { + border-top: 1px solid; + border-right: 1px solid; + border-bottom: 1px solid; + border-left: 1px solid; + padding: 2px 8px 2px 5px; +} + +/* StatusBar word processor example styles */ + +#word-status .x-status-text-panel .spacer { + width: 60px; + font-size:0; + line-height:0; +} +#word-status .x-status-busy { + padding-left: 25px !important; + background: transparent no-repeat 3px 2px; +} +#word-status .x-status-saved { + padding-left: 25px !important; + background: transparent no-repeat 3px 2px; +} + +/* StatusBar form validation example styles */ + +.x-statusbar .x-status-error { + cursor: pointer; + padding-left: 25px !important; + background: transparent no-repeat 3px 2px; +} +.x-statusbar .x-status-valid { + padding-left: 25px !important; + background: transparent no-repeat 3px 2px; +} +.x-status-error-list { + font: 11px tahoma,arial,verdana,sans-serif; + position: absolute; + z-index: 9999; + border-top: 1px solid; + border-right: 1px solid; + border-bottom: 1px solid; + border-left: 1px solid; + padding: 5px 10px; +} +.x-status-error-list li { + cursor: pointer; + list-style: disc; + margin-left: 10px; +} +.x-status-error-list li a { + text-decoration: none; +} +.x-status-error-list li a:hover { + text-decoration: underline; +} + + +/* *********************************************************** */ +/* *********************************************************** */ +/* *********************************************************** */ + + +/* StatusBar - visual */ + +.x-statusbar .x-status-busy { + background-image: url(../images/ext/default/loading.gif); +} +.x-statusbar .x-status-text-panel { + border-color: #99bbe8 #fff #fff #99bbe8; +} + +/* StatusBar word processor example styles */ + +#word-status .x-status-text { + color: #777; +} +#word-status .x-status-busy { + background-image: url(../images/ext/default/saving.gif); +} +#word-status .x-status-saved { + background-image: url(../images/ext/default/saved.png); +} + +/* StatusBar form validation example styles */ + +.x-statusbar .x-status-error { + color: #C33; + background-image: url(../images/ext/default/exclamation.gif); +} +.x-statusbar .x-status-valid { + background-image: url(../images/ext/default/accept.png); +} +.x-status-error-list { + border-color: #C33; +} +.x-status-error-list li a { + color: #15428B; +} + +/** Virtual keyboard UX*/ +.ux-virtualkeyboard-icon { + background-image:url(../images/ext/default/keyboard.png) ! important; +} +.ux-accented-icon { + background-image:url(../images/ext/default/accented.png) ! important; +} +.x-keyboard .x-toolbar{ + border-width: 1px; +} +.x-keyboard .x-panel-body{ + padding:5px; +} + +.x-keyboard .x-panel-body tbody tr td { + margin:0px; + padding:0px 6px 3px 6px; +} +.x-keyboard .x-panel-body tbody tr td div { + text-align:center; + position:relative; + height:0px; +} +table.keys { + height:20px; + white-space:nowrap; + width:100%; + border-spacing: 0 2px 2px 0; +} +table.keyboardInputCenter { + width:auto; + margin:0 auto; +} + +#spacebar{width:150px;} + +table.keys tbody tr td { + vertical-align:middle; + text-align: center; + padding:0px 5px; + white-space:pre; + /*font:normal 11px 'Lucida Console',monospace;*/ + font: .69em Arial, sans-serif; + border-top:1px solid #99BBE8; + border-right:1px solid #15428B; + border-bottom:1px solid #15428B; + border-left:1px solid #99BBE8; + background-color:#D0DEF0; + cursor:default; + min-width:0.75em; + -moz-user-select: none; +} +table.keys tbody tr td.last { + width:99%; + margin:10px; +} +table.keys tbody tr td.alive { + background-color:#ccccdd; +} +table.keys tbody tr td.target { + background-color:#ddddcc; +} +table.keys tbody tr td.hover { + border-top:1px solid #99BBE8; + border-right:1px solid #15428B; + border-bottom:1px solid #15428B; + border-left:1px solid #99BBE8; + background-color:#99BBE8; +} +table.keys tbody tr td.pressed, +table.keys tbody tr td.dead { + border-top:1px solid #15428B; + border-right:1px solid #99BBE8; + border-bottom:1px solid #99BBE8; + border-left:1px solid #15428B; + background-color:#99BBE8; +} + +.keyboardInputInitiator { + margin-left:3px; + vertical-align:middle; + cursor:pointer; +} + +/* BPMN Text Rotation */ +.rotateText { + font-family: Arial; + font-size: 10pt; + display: table; + text-align: center; + /* for firefox, safari, chrome, etc. */ + -webkit-transform: rotate(-90deg); + -moz-transform: rotate(-90deg); + -o-transform: rotate(-90deg);/* For Opera*/ + -khtml-transform: rotate(-90deg);/* For Lunix*/ + /* for ie */ + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); + } + .rotateText p { + display: table-cell; + vertical-align: middle; + } + + .rotateTextIE { + font-family: Arial; + font-size: 10pt; + display: table; + text-align: center; + writing-mode: tb-rl; + filter: flipv fliph; + } + + .normalText{ + font-family: Arial; + font-size: 10pt; + display: table; + text-align: center; + } + + .normalText p{ + display: table-cell; + vertical-align: middle; + } + + .normalTopText{ + font-family: Arial; + font-size: 10pt; + display: table; + text-align: center; + } + + .x-padding-left{ + padding-left: 175px; + } + +.x-pm-startcase-btn { + background-image:url(/images/start.png) !important; + color: #000 !important; + padding-left: 25px !important; + padding-right: 2px !important; + padding-top: 5px !important; + padding-bottom: 8px !important; + font: 12px "Lucida Grande",Lucida,Verdana,sans-serif !important; +} + +.x-pm-notes-btn { + background-image:url(/images/notes.png) !important; + color: #000 !important; + padding-left: 2px !important; + padding-right: 2px !important; + padding-top: 30px !important; + padding-bottom: 5px !important; + font: 12px "Lucida Grande",Lucida,Verdana,sans-serif !important; +} + +.x-toolbar1 .x-btn-tl { background-position: 0 0; } +.x-toolbar1 .x-btn-tr { background-position: -3px 0; } +.x-toolbar1 .x-btn-tc { background-position: 0 -6px; } +.x-toolbar1 .x-btn-ml { background-position: 0 -24px; } +.x-toolbar1 .x-btn-mr { background-position: -3px -24px; } +.x-toolbar1 .x-btn-mc { background-position: 0 -1096px; } +.x-toolbar1 .x-btn-bl { background-position: 0 -3px; } +.x-toolbar1 .x-btn-br { background-position: -3px -3px; } +.x-toolbar1 .x-btn-bc { background-position: 0 -15px; } + +.x-text-plain { font-weight: bold; } + +#oAuth { + background-color: #fff; + text-shadow: #fff 0 1px 0; +} + +#oAuth ul { + position: relative; + display: block; + height: auto; + font-size: 85%; +} + +#oAuth ul li img { + margin-bottom: 1px; +} + +#oAuth ul li { + float: left; + padding: 10px 10px; + margin: 5px; +/* margin: 10px 0 0 25px;*/ + text-align: center; + line-height: 1.25em; + color: #333; + font-family: "Helvetica Neue",sans-serif; + height: 35px; + width: 35px; + overflow: hidden; + border-top: 1px solid transparent; + cursor: pointer; +} + +#oAuth ul li.oAuth-hover { + background-color: #eee; +} + +#oAuth ul li.x-view-selected { + background-color: rgba(100, 100, 100, .15); + -moz-border-radius: 8px; + -webkit-border-radius: 8px; + border-top: 1px solid rgba(0, 0, 0, .15); +} + +#oAuth ul li img { +/* display: block;*/ +} + +#oAuth li strong { + color: #000; + display: block; +} + +#oAuth li span { + color: #999; +} + +/* Case Notes styles */ + +.x-cnotes-source { + border: 1px solid #EDEDED; + background-color: #fff; + cursor: pointer; +} + +.x-cnotes-view td { + font-family: verdana,arial,sans-serif; + font-size: 12px; +} + +td.x-cnotes-label { + /*background-color: #ddd;*/ + border: 1px solid #EDEDED; + font-weight: bold; + text-align: right; + width: 40px; + padding: 0px 3px 0px 0px; +} + +.x-cnotes-over { + background-color:#EBEBEB; + cursor: pointer; +} +.x-cnotes-selected { + background-color: #DFE8F6; + cursor: pointer; +} + +.user-from { + font-size: 12px; + font-weight: bold; +} + +.x-message { + /* top rig top left */ + padding: 5px 5px 5px 10px; + font: 11px arial,tahoma,helvetica,sans-serif; + color: #465070; +} +.replace { + display:none; +} + +/** new Ext layouts **/ + +.x-pm-login-body +{ + background: none repeat scroll 0 0 #32405a; + background-image: url("/images/canvastile_bg2.jpg"); +} +#loading-message +{ + padding-left: 10px !important; + color: #fff; + font: bold 10px/1.9 "Lucida Grande",Lucida,Verdana,sans-serif !important; +} +.x-pm-footer +{ + background-image: url("/images/canvastile_bg2.jpg"); + position: absolute; + bottom : 0; +} +.x-pm-footer-text +{ + color: #fff; + font: 8pt Tahoma,sans-serif,MiscFixed; + padding-top: 10px; + padding-bottom: 15px; + padding-left: 3px; + padding-right: 3px; +} +.x-pm-footer-advisetext +{ + color: #fff; + font: 6pt Tahoma,sans-serif,MiscFixed; + padding-top: 0px; + padding-bottom: 15px; + padding-left: 3px; + padding-right: 3px; +} \ No newline at end of file diff --git a/workflow/engine/skinEngine/uxmodern/css/printstyle.css b/workflow/engine/skinEngine/uxmodern/css/printstyle.css new file mode 100644 index 000000000..f4d071628 --- /dev/null +++ b/workflow/engine/skinEngine/uxmodern/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(../images/ftl.png); + background-color:transparent; +} +.boxTop div.c, .boxTopBlue div.c +{ + top:0px; + right:0px; + background-image:url(../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(../images/ftlL.png); + background-color:transparent; +} +.boxTopPanel div.c +{ + top:0px; + right:0px; + background-image:url(../images/ftrL.png); + background-color:transparent; +} +.boxTopPanel div.b +{ + width:100%; + height:16px; + background: transparent url(../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(../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(../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(../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/uxmodern/css/sprite.css b/workflow/engine/skinEngine/uxmodern/css/sprite.css new file mode 100644 index 000000000..8d2dfc214 --- /dev/null +++ b/workflow/engine/skinEngine/uxmodern/css/sprite.css @@ -0,0 +1,931 @@ +/*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("/images/ext/gray/toolbar/bg.gif") #F0F0F0 !important} + +.button_menu_ext{padding-left:20px !important;height:18px !important;} +.button_large_ext{padding-left:20px !important;height:32px !important;} +.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_bpmn_task-18x18{background-position:1px -18517px !important} +.ss_bpmn_startevent-18x18{background-position:1px -18536px !important} +.ss_bpmn_interevent-18x18{background-position:1px -18554px !important} +.ss_bpmn_endevent-18x18{background-position:1px -18572px !important} +.ss_bpmn_gateway-18x18{background-position:1px -18590px !important} +.ss_bpmn_annotation-18x18{background-position:1px -18608px !important} + +.ss_consolidated_cases{background-position:0 -18500px !important} +.ss_group_suit{background-position:0 -18626px !important} diff --git a/workflow/engine/skinEngine/uxmodern/css/sprite_ie.css b/workflow/engine/skinEngine/uxmodern/css/sprite_ie.css new file mode 100644 index 000000000..e69de29bb diff --git a/workflow/engine/skinEngine/uxmodern/css/style.css b/workflow/engine/skinEngine/uxmodern/css/style.css new file mode 100644 index 000000000..4bd07655f --- /dev/null +++ b/workflow/engine/skinEngine/uxmodern/css/style.css @@ -0,0 +1,3281 @@ +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 :0px; + padding-top: 100px; + text-align :center; +} +.Footer .image +{ + /*background-image: url(/images/classic/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(/images/classic/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(/images/classic/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(/images/classic/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(/images/ext/gray/toolbar/bg.gif); + background-repeat: repeat-x; + /*height: 25px;*/ + left: 46px; + top: 72px; + direction: ltr; + text-align: left; +} + +TD.mainMenu { + background-image: url(/images/classic/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(/images/classic/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('/images/classic/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(/images/classic/ftl.png); + background-color:transparent; +} +.boxTop div.c, .boxTopBlue div.c +{ + top:0px; + right:0px; + background-image:url(/images/classic/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(/images/classic/ftr.blue.gif); + background-color:transparent; +} +.boxTopBlue div.a +{ + background-image:url(/images/classic/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(/images/classic/fbl.png); + background-color:transparent; +} +.boxBottom div.c, .boxBottomBlue div.c +{ + top:0px; + right:0px; + background-image:url(/images/classic/fbr.png); + background-color:transparent; +} +.boxBottom div.b, .boxBottomBlue div.b +{ + width:100%; + height:16px; + border-bottom:1px solid #DADADA; + background: transparent url(/images/classic/fbc.png) repeat-x; +} +/* Box Bottom Model END */ +/* Box Bottom Model Blue BEGIN */ +.boxBottomBlue div.c +{ + background-image:url(/images/classic/fbr.blue.png); + background-color:transparent; +} +.boxBottomBlue div.a +{ + background-image:url(/images/classic/fbl.blue.png); + background-color:transparent; +} +.boxBottomBlue div.b +{ + width:100%; + height:16px; + border-bottom:1px solid #DADADA; + background: transparent url(/images/classic/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(/images/classic/ftlL.png); + background-color:transparent; +} +.boxTopPanel div.c +{ + top:0px; + right:0px; + background-image:url(/images/classic/ftrL.png); + background-color:transparent; +} +.boxTopPanel div.b +{ + width:100%; + height:16px; + background: transparent url(/images/classic/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(/images/classic/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(/images/classic/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(/images/classic/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:#666666; + text-decoration: none; + padding-left: 5px; + font: bold 11px Tahoma,sans-serif, MiscFixed; +} +.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; + background-color:#F2F2F2; + background-image:url("/images/ext/gray/grid/grid3-hrow2.gif"); + background-position: bottom; + vertical-align:middle; +} +.pagedTableDefault .pagedTable .pagedTableHeader img{ + float:left; + margin-top:2px; +} + +} +.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(/images/classic/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(/images/classic/ftr.blue.gif); +} +div.treeParent div.treeParent .boxBottom div.a +{ + background-image:url(/images/classic/fbl.blue.png); +} +div.treeParent div.treeParent .boxBottom div.b +{ + background-image:url(/images/classic/fbc.blue.png); +} +div.treeParent div.treeParent .boxBottom div.c +{ + background-image:url(/images/classic/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; + overflow: auto; + 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("/js/widgets/js-calendar/css/steel/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("/js/widgets/js-calendar/css/steel/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("/js/widgets/js-calendar/css/steel/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("/js/widgets/js-calendar/css/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{ + white-space:nowrap; + 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; +} +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: #fff; + text-align: right; + padding-right: .3em; + font-size: 10pt; + font-family: monospace; + padding-top: .4em; + line-height: normal; +} + +/** erik: Simplified Stylesheet exteded */ +.ux { + background-color: #FFFFFF; + border-bottom: 1px solid #E8E8E8; + border-radius: 5px 5px 5px 5px; + -webkit-border-bottom-left-radius: 5px; + -webkit-border-bottom-right-radius: 5px; + -moz-border-radius: 5px 5px 5px 5px; + border-radius: 5px 5px 5px 5px; + /*-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.6);*/ + /*-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.6);*/ + min-height: 20px; + padding: 12px; +} + +.ux form button { + -moz-border-bottom-colors: none; + -moz-border-image: none; + -moz-border-left-colors: none; + -moz-border-right-colors: none; + -moz-border-top-colors: none; + + background: -moz-linear-gradient(white, #E1E1E1) repeat scroll 0 0 transparent; + background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#E1E1E1)); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#E1E1E1'); /* IE6,IE7 */ + -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#E1E1E1')"; /* IE8 */ + + border-color: -moz-use-text-color -moz-use-text-color #EBEBEB; + border-radius: 4px 4px 4px 4px; + border-style: none none solid; + border-width: medium medium 1px; + box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); + color: #333333; + cursor: pointer; + display: inline-block; + font-family: helvetica,arial,freesans,clean,sans-serif; + font-size: 12px; + font-weight: bold; + height: 34px; + margin-left: 1px; + overflow: visible; + padding: 0 13px; + position: relative; + text-shadow: 1px 1px 0 #FFFFFF; + top: 1px; + white-space: nowrap; +} +.ux form button:hover { + background: -moz-linear-gradient(#0CA6DD, #0770A0) repeat scroll 0 0 transparent; + background: -webkit-gradient(linear, 0 0, 0 100%, from(#0CA6DD), to(#0770A0)); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0CA6DD', endColorstr='#0770A0'); /* IE6,IE7 */ + -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#0CA6DD', endColorstr='#0770A0')"; /* IE8 */ + + border-bottom-color: #0770A0; + color: #FFFFFF; + text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3); +} + +.ux form input[type="submit"] { + -moz-border-bottom-colors: none; + -moz-border-image: none; + -moz-border-left-colors: none; + -moz-border-right-colors: none; + -moz-border-top-colors: none; + + background: -moz-linear-gradient(white, #E1E1E1) repeat scroll 0 0 transparent; + background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#E1E1E1)); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#E1E1E1'); /* IE6,IE7 */ + -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#E1E1E1')"; /* IE8 */ + + border-color: -moz-use-text-color -moz-use-text-color #EBEBEB; + border-radius: 4px 4px 4px 4px; + border-style: none none solid; + border-width: medium medium 1px; + box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); + color: #333333; + cursor: pointer; + display: inline-block; + font-family: helvetica,arial,freesans,clean,sans-serif; + font-size: 12px; + font-weight: bold; + height: 34px; + margin-left: 1px; + overflow: visible; + padding: 0 13px; + position: relative; + text-shadow: 1px 1px 0 #FFFFFF; + top: 1px; + white-space: nowrap; +} +.ux form input[type="submit"]:hover { + background: -moz-linear-gradient(#0CA6DD, #0770A0) repeat scroll 0 0 transparent; + background: -webkit-gradient(linear, 0 0, 0 100%, from(#0CA6DD), to(#0770A0)); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0CA6DD', endColorstr='#0770A0'); /* IE6,IE7 */ + -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#0CA6DD', endColorstr='#0770A0')"; /* IE8 */ + + border-bottom-color: #0770A0; + color: #FFFFFF; + text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3); +} + +.ux h1 { + -moz-border-bottom-colors: none; + -moz-border-image: none; + -moz-border-left-colors: none; + -moz-border-right-colors: none; + -moz-border-top-colors: none; + + background: -moz-linear-gradient(#829AA8, #405A6A) repeat scroll 0 0 transparent; + background: -webkit-gradient(linear, 0 0, 0 100%, from(#829AA8), to(#405A6A)); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#829AA8', endColorstr='#405A6A'); /* IE6,IE7 */ + -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#829AA8', endColorstr='#405A6A')"; /* IE8 */ + + border-color: #677C89 #677C89 #6B808D; + border-radius: 3px 3px 0 0; + border-style: solid; + border-width: 1px; + color: #FFFFFF; + font-size: 16px; + font-weight: bold; + margin: 0; + padding: 8px 18px; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.698); + + border-radius: 5px 5px 0px 0px; + -moz-border-radius: 5px 5px 0px 0px; /* Firefox */ + -webkit-border-radius: 5px 5px 0px 0px; /* Safari, Chrome */ +} + + diff --git a/workflow/engine/skinEngine/uxmodern/css/xmlcolors.css b/workflow/engine/skinEngine/uxmodern/css/xmlcolors.css new file mode 100644 index 000000000..65477a94b --- /dev/null +++ b/workflow/engine/skinEngine/uxmodern/css/xmlcolors.css @@ -0,0 +1,55 @@ +html { + cursor: text; +} + +.editbox { + margin: .4em; + padding: 0; + font-family: monospace; + font-size: 10pt; + color: black; +} + +.editbox p { + margin: 0; +} + +span.xml-tagname { + color: #A0B; +} + +span.xml-attribute { + color: #281; +} + +span.xml-punctuation { + color: black; +} + +span.xml-attname { + color: #00F; +} + +span.xml-comment { + color: #A70; +} + +span.xml-cdata { + color: #48A; +} + +span.xml-processing { + color: #999; +} + +span.xml-entity { + color: #A22; +} + +span.xml-error { + color: #F00 !important; +} + +span.xml-text { + color: black; +} diff --git a/workflow/engine/skinEngine/uxmodern/css/xtheme-gray.css b/workflow/engine/skinEngine/uxmodern/css/xtheme-gray.css new file mode 100644 index 000000000..12557f9d9 --- /dev/null +++ b/workflow/engine/skinEngine/uxmodern/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(/images/ext/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(/images/ext/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(/images/ext/default/shadow-c.png); +} + +.x-shadow .xsml, .x-shadow .xsmr { + background-image: url(/images/ext/default/shadow-lr.png); +} + +.x-shadow .xstl, .x-shadow .xstc, .x-shadow .xstr, .x-shadow .xsbl, .x-shadow .xsbc, .x-shadow .xsbr{ + background-image: url(/images/ext/default/shadow.png); +} + +.loading-indicator { + font-size: 11px; + background-image: url(/images/ext/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(/images/ext/gray/tabs/tab-strip-bg.gif); + border-bottom-color:#d0d0d0; +} + +ul.x-tab-strip-bottom{ + background-color:#dbdbdb; + background-image: url(/images/ext/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(/images/ext/gray/tabs/tabs-sprite.gif); +} + +.x-tab-strip-bottom .x-tab-right { + background-image: url(/images/ext/gray/tabs/tab-btm-inactive-right-bg.gif); +} + +.x-tab-strip-bottom .x-tab-left { + background-image: url(/images/ext/gray/tabs/tab-btm-inactive-left-bg.gif); +} + +.x-tab-strip-bottom .x-tab-strip-over .x-tab-left { + background-image: url(/images/ext/gray/tabs/tab-btm-over-left-bg.gif); +} + +.x-tab-strip-bottom .x-tab-strip-over .x-tab-right { + background-image: url(/images/ext/gray/tabs/tab-btm-over-right-bg.gif); +} + +.x-tab-strip-bottom .x-tab-strip-active .x-tab-right { + background-image: url(/images/ext/gray/tabs/tab-btm-right-bg.gif); +} + +.x-tab-strip-bottom .x-tab-strip-active .x-tab-left { + background-image: url(/images/ext/gray/tabs/tab-btm-left-bg.gif); +} + +.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close { + background-image:url(/images/ext/gray/tabs/tab-close.gif); +} + +.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{ + background-image:url(/images/ext/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(/images/ext/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(/images/ext/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(/images/ext/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(/images/ext/gray/form/trigger.gif); + border-bottom-color:#b5b8c8; +} + +.x-form-field-wrap .x-form-date-trigger{ + background-image: url(/images/ext/gray/form/date-trigger.gif); +} + +.x-form-field-wrap .x-form-clear-trigger{ + background-image: url(/images/ext/gray/form/clear-trigger.gif); +} + +.x-form-field-wrap .x-form-search-trigger{ + background-image: url(/images/ext/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(/images/ext/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(/images/ext/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/ext/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(/images/ext/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(/images/ext/gray/button/btn.gif); +} + +.x-btn-click .x-btn-text, .x-btn-menu-active .x-btn-text, .x-btn-pressed .x-btn-text{ + color:#000; +} + +.x-btn-disabled *{ + color:gray !important; +} + +.x-btn-mc em.x-btn-arrow { + background-image:url(/images/ext/default/button/arrow.gif); +} + +.x-btn-mc em.x-btn-split { + background-image:url(/images/ext/default/button/s-arrow.gif); +} + +.x-btn-over .x-btn-mc em.x-btn-split, .x-btn-click .x-btn-mc em.x-btn-split, .x-btn-menu-active .x-btn-mc em.x-btn-split, .x-btn-pressed .x-btn-mc em.x-btn-split { + background-image:url(/images/ext/gray/button/s-arrow-o.gif); +} + +.x-btn-mc em.x-btn-arrow-bottom { + background-image:url(/images/ext/default/button/s-arrow-b-noline.gif); +} + +.x-btn-mc em.x-btn-split-bottom { + background-image:url(/images/ext/default/button/s-arrow-b.gif); +} + +.x-btn-over .x-btn-mc em.x-btn-split-bottom, .x-btn-click .x-btn-mc em.x-btn-split-bottom, .x-btn-menu-active .x-btn-mc em.x-btn-split-bottom, .x-btn-pressed .x-btn-mc em.x-btn-split-bottom { + background-image:url(/images/ext/gray/button/s-arrow-bo.gif); +} + +.x-btn-group-header { + color: #666; +} + +.x-btn-group-tc { + background-image: url(/images/ext/gray/button/group-tb.gif); +} + +.x-btn-group-tl { + background-image: url(/images/ext/gray/button/group-cs.gif); +} + +.x-btn-group-tr { + background-image: url(/images/ext/gray/button/group-cs.gif); +} + +.x-btn-group-bc { + background-image: url(/images/ext/gray/button/group-tb.gif); +} + +.x-btn-group-bl { + background-image: url(/images/ext/gray/button/group-cs.gif); +} + +.x-btn-group-br { + background-image: url(/images/ext/gray/button/group-cs.gif); +} + +.x-btn-group-ml { + background-image: url(/images/ext/gray/button/group-lr.gif); +} +.x-btn-group-mr { + background-image: url(/images/ext/gray/button/group-lr.gif); +} + +.x-btn-group-notitle .x-btn-group-tc { + background-image: url(/images/ext/gray/button/group-tb.gif); +} +.x-toolbar{ + border-color:#d0d0d0; + background-color:#f0f0f0; + background-image:url(/images/ext/gray/toolbar/bg.gif); +} + +.x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{ + 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/ext/default/button/s-arrow-noline.gif); +} + +.x-toolbar .x-btn-over .x-btn-mc em.x-btn-split, .x-toolbar .x-btn-click .x-btn-mc em.x-btn-split, +.x-toolbar .x-btn-menu-active .x-btn-mc em.x-btn-split, .x-toolbar .x-btn-pressed .x-btn-mc em.x-btn-split +{ + background-image:url(/images/ext/gray/button/s-arrow-o.gif); +} + +.x-toolbar .x-btn-mc em.x-btn-split-bottom { + background-image:url(/images/ext/default/button/s-arrow-b-noline.gif); +} + +.x-toolbar .x-btn-over .x-btn-mc em.x-btn-split-bottom, .x-toolbar .x-btn-click .x-btn-mc em.x-btn-split-bottom, +.x-toolbar .x-btn-menu-active .x-btn-mc em.x-btn-split-bottom, .x-toolbar .x-btn-pressed .x-btn-mc em.x-btn-split-bottom +{ + background-image:url(/images/ext/gray/button/s-arrow-bo.gif); +} + +.x-toolbar .xtb-sep { + background-image: url(/images/ext/default/grid/grid-split.gif); +} + +.x-tbar-page-first{ + background-image: url(/images/ext/gray/grid/page-first.gif) !important; +} + +.x-tbar-loading{ + background-image: url(/images/ext/gray/grid/refresh.gif) !important; +} + +.x-tbar-page-last{ + background-image: url(/images/ext/gray/grid/page-last.gif) !important; +} + +.x-tbar-page-next{ + background-image: url(/images/ext/gray/grid/page-next.gif) !important; +} + +.x-tbar-page-prev{ + background-image: url(/images/ext/gray/grid/page-prev.gif) !important; +} + +.x-item-disabled .x-tbar-loading{ + background-image: url(/images/ext/default/grid/loading.gif) !important; +} + +.x-item-disabled .x-tbar-page-first{ + background-image: url(/images/ext/default/grid/page-first-disabled.gif) !important; +} + +.x-item-disabled .x-tbar-page-last{ + background-image: url(/images/ext/default/grid/page-last-disabled.gif) !important; +} + +.x-item-disabled .x-tbar-page-next{ + background-image: url(/images/ext/default/grid/page-next-disabled.gif) !important; +} + +.x-item-disabled .x-tbar-page-prev{ + background-image: url(/images/ext/default/grid/page-prev-disabled.gif) !important; +} + +.x-paging-info { + color:#444; +} + +.x-toolbar-more-icon { + background-image: url(/images/ext/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(/images/ext/gray/sizer/e-handle.gif); +} + +.x-resizable-over .x-resizable-handle-south, .x-resizable-pinned .x-resizable-handle-south, +.x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north +{ + background-image:url(/images/ext/gray/sizer/s-handle.gif); +} + +.x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north{ + background-image:url(/images/ext/gray/sizer/s-handle.gif); +} +.x-resizable-over .x-resizable-handle-southeast, .x-resizable-pinned .x-resizable-handle-southeast{ + background-image:url(/images/ext/gray/sizer/se-handle.gif); +} +.x-resizable-over .x-resizable-handle-northwest, .x-resizable-pinned .x-resizable-handle-northwest{ + background-image:url(/images/ext/gray/sizer/nw-handle.gif); +} +.x-resizable-over .x-resizable-handle-northeast, .x-resizable-pinned .x-resizable-handle-northeast{ + background-image:url(/images/ext/gray/sizer/ne-handle.gif); +} +.x-resizable-over .x-resizable-handle-southwest, .x-resizable-pinned .x-resizable-handle-southwest{ + background-image:url(/images/ext/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(/images/ext/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/ext/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/ext/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(/images/ext/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(/images/ext/gray/grid/grid3-hrow-over2.gif); + +} + +.sort-asc .x-grid3-sort-icon { + background-image: url(/images/ext/gray/grid/sort_asc.gif); +} + +.sort-desc .x-grid3-sort-icon { + background-image: url(/images/ext/gray/grid/sort_desc.gif); +} + +.x-grid3-cell-text, .x-grid3-hd-text { + color:#000; +} + +.x-grid3-split { + background-image: url(/images/ext/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(/images/ext/gray/grid/grid3-hrow-over2.gif); + border-color:#ACACAC; +} + +.col-move-top{ + background-image:url(/images/ext/gray/grid/col-move-top.gif); +} + +.col-move-bottom{ + background-image:url(/images/ext/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(/images/ext/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(/images/ext/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/ext/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/ext/default/grid/hmenu-asc.gif); +} + +.xg-hmenu-sort-desc .x-menu-item-icon{ + background-image: url(/images/ext/default/grid/hmenu-desc.gif); +} + +.xg-hmenu-lock .x-menu-item-icon{ + background-image: url(/images/ext/default/grid/hmenu-lock.gif); +} + +.xg-hmenu-unlock .x-menu-item-icon{ + background-image: url(/images/ext/default/grid/hmenu-unlock.gif); +} + +.x-grid3-hd-btn { + background-color:#f9f9f9; + background-image:url(/images/ext/gray/grid/grid3-hd-btn.gif); +} + +.x-grid3-body .x-grid3-td-expander { + background-image:url(/images/ext/default/grid/grid3-special-col-bg.gif); +} + +.x-grid3-row-expander { + background-image:url(/images/ext/gray/grid/row-expand-sprite.gif); +} + +.x-grid3-body .x-grid3-td-checker { + background-image: url(/images/ext/default/grid/grid3-special-col-bg.gif); +} + +.x-grid3-row-checker, .x-grid3-hd-checker { + background-image:url(/images/ext/default/grid/row-check-sprite.gif); +} + +.x-grid3-body .x-grid3-td-numberer { + background-image:url(/images/ext/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/ext/default/grid/grid3-special-col-bg.gif); +} + +.x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer, +.x-grid3-body .x-grid3-row-selected .x-grid3-td-checker, +.x-grid3-body .x-grid3-row-selected .x-grid3-td-expander { + background-image:url(/images/ext/gray/grid/grid3-special-col-sel-bg.gif); +} + +.x-grid3-check-col { + background-image:url(/images/ext/default/menu/unchecked.gif); +} + +.x-grid3-check-col-on { + background-image:url(/images/ext/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(/images/ext/gray/grid/group-collapse.gif); + color:#5F5F5F; + font:bold 11px tahoma, arial, helvetica, sans-serif; +} + +.x-grid-group-collapsed .x-grid-group-hd div.x-grid-group-title { + background-image:url(/images/ext/gray/grid/group-expand.gif); +} + +.x-group-by-icon { + background-image:url(/images/ext/default/grid/group-by.gif); +} + +.x-cols-icon { + background-image:url(/images/ext/default/grid/columns.gif); +} + +.x-show-groups-icon { + background-image:url(/images/ext/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(/images/ext/default/dd/drop-no.gif); +} + +.x-dd-drop-ok .x-dd-drop-icon{ + background-image: url(/images/ext/default/dd/drop-yes.gif); +} + +.x-dd-drop-ok-add .x-dd-drop-icon{ + background-image: url(/images/ext/default/dd/drop-add.gif); +} + +.x-view-selector { + background-color:#D6D6D6; + border-color:#888888; +}.x-tree-node-expanded .x-tree-node-icon{ + background-image:url(/images/ext/default/tree/folder-open.gif); +} + +.x-tree-node-leaf .x-tree-node-icon{ + background-image:url(/images/ext/default/tree/leaf.gif); +} + +.x-tree-node-collapsed .x-tree-node-icon{ + background-image:url(/images/ext/default/tree/folder.gif); +} + +.x-tree-node-loading .x-tree-node-icon{ + background-image:url(/images/ext/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(/images/ext/default/tree/elbow.gif); +} + +.x-tree-lines .x-tree-elbow-plus{ + background-image:url(/images/ext/default/tree/elbow-plus.gif); +} + +.x-tree-lines .x-tree-elbow-minus{ + background-image:url(/images/ext/default/tree/elbow-minus.gif); +} + +.x-tree-lines .x-tree-elbow-end{ + background-image:url(/images/ext/default/tree/elbow-end.gif); +} + +.x-tree-lines .x-tree-elbow-end-plus{ + background-image:url(/images/ext/gray/tree/elbow-end-plus.gif); +} + +.x-tree-lines .x-tree-elbow-end-minus{ + background-image:url(/images/ext/gray/tree/elbow-end-minus.gif); +} + +.x-tree-lines .x-tree-elbow-line{ + background-image:url(/images/ext/default/tree/elbow-line.gif); +} + +.x-tree-no-lines .x-tree-elbow-plus{ + background-image:url(/images/ext/default/tree/elbow-plus-nl.gif); +} + +.x-tree-no-lines .x-tree-elbow-minus{ + background-image:url(/images/ext/default/tree/elbow-minus-nl.gif); +} + +.x-tree-no-lines .x-tree-elbow-end-plus{ + background-image:url(/images/ext/gray/tree/elbow-end-plus-nl.gif); +} + +.x-tree-no-lines .x-tree-elbow-end-minus{ + background-image:url(/images/ext/gray/tree/elbow-end-minus-nl.gif); +} + +.x-tree-arrows .x-tree-elbow-plus{ + background-image:url(/images/ext/gray/tree/arrows.gif); +} + +.x-tree-arrows .x-tree-elbow-minus{ + background-image:url(/images/ext/gray/tree/arrows.gif); +} + +.x-tree-arrows .x-tree-elbow-end-plus{ + background-image:url(/images/ext/gray/tree/arrows.gif); +} + +.x-tree-arrows .x-tree-elbow-end-minus{ + background-image:url(/images/ext/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(/images/ext/default/tree/drop-add.gif); +} + +.x-tree-drop-ok-above .x-dd-drop-icon{ + background-image: url(/images/ext/default/tree/drop-over.gif); +} + +.x-tree-drop-ok-below .x-dd-drop-icon{ + background-image: url(/images/ext/default/tree/drop-under.gif); +} + +.x-tree-drop-ok-between .x-dd-drop-icon{ + background-image: url(/images/ext/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(/images/ext/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(/images/ext/gray/toolbar/btn-arrow-light.gif); +} + +.x-date-right a { + background-image: url(/images/ext/gray/shared/right-btn.gif); +} + +.x-date-left a{ + background-image: url(/images/ext/gray/shared/left-btn.gif); +} + +.x-date-inner th { + background-color:#D8D8D8; + background-image: url(/images/ext/gray/panel/white-top-bottom.gif); + border-bottom-color:#AFAFAF; + font:normal 10px arial, helvetica,tahoma,sans-serif; + color:#595959; +} + +.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(/images/ext/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(/images/ext/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(/images/ext/gray/panel/white-top-bottom.gif) 0 -2px; + border-color:#DCDCDC; +} + +.x-date-mp-ybtn a { + background-image:url(/images/ext/gray/panel/tool-sprites.gif); +} + +td.x-date-mp-sep { + border-right-color:#D7D7D7; +}.x-tip .x-tip-close{ + background-image: url(/images/ext/gray/qtip/close.gif); +} + +.x-tip .x-tip-tc, .x-tip .x-tip-tl, .x-tip .x-tip-tr, .x-tip .x-tip-bc, .x-tip .x-tip-bl, .x-tip .x-tip-br, .x-tip .x-tip-ml, .x-tip .x-tip-mr { + background-image: url(/images/ext/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(/images/ext/default/form/error-tip-corners.gif); +} + +.x-form-invalid-tip .x-tip-body { + background-image:url(/images/ext/default/form/exclamation.gif); +} + +.x-tip-anchor { + background-image:url(/images/ext/gray/qtip/tip-anchor-sprite.gif); +}.x-menu { + background-color:#f0f0f0; + background-image:url(/images/ext/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(/images/ext/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(/images/ext/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(/images/ext/default/menu/unchecked.gif); +} + +.x-menu-item-checked .x-menu-item-icon{ + background-image:url(/images/ext/default/menu/checked.gif); +} + +.x-menu-item-checked .x-menu-group-item .x-menu-item-icon{ + background-image:url(/images/ext/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(/images/ext/default/layout/mini-top.gif); +} + +.x-menu-scroller-bottom { + background-image:url(/images/ext/default/layout/mini-bottom.gif); +}.x-box-tl { + background-image: url(/images/ext/default/box/corners.gif); +} + +.x-box-tc { + background-image: url(/images/ext/default/box/tb.gif); +} + +.x-box-tr { + background-image: url(/images/ext/default/box/corners.gif); +} + +.x-box-ml { + background-image: url(/images/ext/default/box/l.gif); +} + +.x-box-mc { + background-color: #eee; + background-image: url(/images/ext/default/box/tb.gif); + font-family: "Myriad Pro","Myriad Web","Tahoma","Helvetica","Arial",sans-serif; + color: #393939; + font-size: 12px; +} + +.x-box-mc h3 { + font-size: 14px; + font-weight: bold; +} + +.x-box-mr { + background-image: url(/images/ext/default/box/r.gif); +} + +.x-box-bl { + background-image: url(/images/ext/default/box/corners.gif); +} + +.x-box-bc { + background-image: url(/images/ext/default/box/tb.gif); +} + +.x-box-br { + background-image: url(/images/ext/default/box/corners.gif); +} + +.x-box-blue .x-box-bl, .x-box-blue .x-box-br, .x-box-blue .x-box-tl, .x-box-blue .x-box-tr { + background-image: url(/images/ext/default/box/corners-blue.gif); +} + +.x-box-blue .x-box-bc, .x-box-blue .x-box-mc, .x-box-blue .x-box-tc { + background-image: url(/images/ext/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/ext/default/box/l-blue.gif); +} + +.x-box-blue .x-box-mr { + background-image: url(/images/ext/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(/images/ext/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(/images/ext/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(/images/ext/gray/panel/top-bottom.gif); +} + +.x-panel-tl, .x-panel-tr, .x-panel-bl, .x-panel-br{ + background-image: url(/images/ext/gray/panel/corners-sprite.gif); + border-bottom-color:#d0d0d0; +} + +.x-panel-bc { + background-image: url(/images/ext/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(/images/ext/gray/panel/left-right.gif); +} + +.x-panel-mr { + background-image: url(/images/ext/gray/panel/left-right.gif); +} + +.x-tool { + background-image:url(/images/ext/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(/images/ext/gray/window/top-bottom.png); +} + +.x-window-tl { + background-image: url(/images/ext/gray/window/left-corners.png); +} + +.x-window-tr { + background-image: url(/images/ext/gray/window/right-corners.png); +} + +.x-window-bc { + background-image: url(/images/ext/gray/window/top-bottom.png); +} + +.x-window-bl { + background-image: url(/images/ext/gray/window/left-corners.png); +} + +.x-window-br { + background-image: url(/images/ext/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(/images/ext/gray/window/left-right.png); +} + +.x-window-mr { + background-image: url(/images/ext/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(/images/ext/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(/images/ext/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(/images/ext/default/layout/mini-left.gif); +} +.x-layout-split-east .x-layout-mini { + background-image:url(/images/ext/default/layout/mini-right.gif); +} +.x-layout-split-north .x-layout-mini { + background-image:url(/images/ext/default/layout/mini-top.gif); +} +.x-layout-split-south .x-layout-mini { + background-image:url(/images/ext/default/layout/mini-bottom.gif); +} + +.x-layout-cmini-west .x-layout-mini { + background-image:url(/images/ext/default/layout/mini-right.gif); +} + +.x-layout-cmini-east .x-layout-mini { + background-image:url(/images/ext/default/layout/mini-left.gif); +} + +.x-layout-cmini-north .x-layout-mini { + background-image:url(/images/ext/default/layout/mini-bottom.gif); +} + +.x-layout-cmini-south .x-layout-mini { + background-image:url(/images/ext/default/layout/mini-top.gif); +} +.x-progress-wrap { + border-color:#8E8E8E; +} + +.x-progress-inner { + background-color:#E7E7E7; + background-image:url(/images/ext/gray/qtip/bg.gif); +} + +.x-progress-bar { + background-color:#BCBCBC; + background-image:url(/images/ext/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(/images/ext/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(/images/ext/default/slider/slider-bg.png); +} + +.x-slider-horz .x-slider-thumb { + background-image:url(/images/ext/gray/slider/slider-thumb.png); +} + +.x-slider-vert, .x-slider-vert .x-slider-end, .x-slider-vert .x-slider-inner { + background-image:url(/images/ext/default/slider/slider-v-bg.png); +} + +.x-slider-vert .x-slider-thumb { + background-image:url(/images/ext/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(/images/ext/default/grid/loading.gif); +} + +.x-window-dlg .ext-mb-info { + background-image:url(/images/ext/gray/window/icon-info.gif); +} + +.x-window-dlg .ext-mb-warning { + background-image:url(/images/ext/gray/window/icon-warning.gif); +} + +.x-window-dlg .ext-mb-question { + background-image:url(/images/ext/gray/window/icon-question.gif); +} + +.x-window-dlg .ext-mb-error { + background-image:url(/images/ext/gray/window/icon-error.gif); +} diff --git a/workflow/engine/skinEngine/uxmodern/extJsInitLoad.html b/workflow/engine/skinEngine/uxmodern/extJsInitLoad.html new file mode 100644 index 000000000..13d7ba79d --- /dev/null +++ b/workflow/engine/skinEngine/uxmodern/extJsInitLoad.html @@ -0,0 +1,70 @@ + + + + + {header} + + + +
+
+
+
+
+ Loading styles and images...
+ + + +
+
+
+ + + + + + + + + {styles} + + {bodyTemplate} + + diff --git a/workflow/engine/skinEngine/uxmodern/layout-blank.html b/workflow/engine/skinEngine/uxmodern/layout-blank.html new file mode 100644 index 000000000..14ed45d3c --- /dev/null +++ b/workflow/engine/skinEngine/uxmodern/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/uxmodern/layout-extjs.html b/workflow/engine/skinEngine/uxmodern/layout-extjs.html new file mode 100644 index 000000000..fb5e52781 --- /dev/null +++ b/workflow/engine/skinEngine/uxmodern/layout-extjs.html @@ -0,0 +1,10 @@ + + + + +{header} + + +{bodyTemplate} + + \ No newline at end of file diff --git a/workflow/engine/templates/main/login.html b/workflow/engine/skinEngine/uxmodern/layout-pm-modern-login.html similarity index 62% rename from workflow/engine/templates/main/login.html rename to workflow/engine/skinEngine/uxmodern/layout-pm-modern-login.html index b562308f6..8b1b6cf3d 100644 --- a/workflow/engine/templates/main/login.html +++ b/workflow/engine/skinEngine/uxmodern/layout-pm-modern-login.html @@ -1,45 +1,8 @@ - - - + + @@ -48,7 +11,7 @@ @@ -91,7 +54,7 @@ -{login_script} -{login_vars} +{$login_script} +{$login_vars} \ No newline at end of file diff --git a/workflow/engine/templates/main/index.html b/workflow/engine/skinEngine/uxmodern/layout-pm-modern.html similarity index 65% rename from workflow/engine/templates/main/index.html rename to workflow/engine/skinEngine/uxmodern/layout-pm-modern.html index eb8c31270..bf3c800d7 100644 --- a/workflow/engine/templates/main/index.html +++ b/workflow/engine/skinEngine/uxmodern/layout-pm-modern.html @@ -1,8 +1,15 @@ + + + + + {$_header} + +
@@ -14,11 +21,11 @@ @@ -27,4 +34,6 @@
- +
- {userfullname} 
- {rolename}  + {$userfullname} 
+ {$rolename} 
- +
- \ No newline at end of file + + + \ No newline at end of file diff --git a/workflow/engine/skinEngine/uxmodern/layout-raw.html b/workflow/engine/skinEngine/uxmodern/layout-raw.html new file mode 100644 index 000000000..94f5ebc0d --- /dev/null +++ b/workflow/engine/skinEngine/uxmodern/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/uxmodern/layout-submenu.html b/workflow/engine/skinEngine/uxmodern/layout-submenu.html new file mode 100644 index 000000000..5cb168d24 --- /dev/null +++ b/workflow/engine/skinEngine/uxmodern/layout-submenu.html @@ -0,0 +1,57 @@ + + + + + {$header} + + + + + + + + + + +
+ + + {if (count($subMenus)>0) } + + + + {/if} + + + + +
+ + + + {if ($exit_editor==1) } + + {/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/uxmodern/layout-tracker.html b/workflow/engine/skinEngine/uxmodern/layout-tracker.html new file mode 100644 index 000000000..211767b1e --- /dev/null +++ b/workflow/engine/skinEngine/uxmodern/layout-tracker.html @@ -0,0 +1,63 @@ + + + + {$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/uxmodern/layout.html b/workflow/engine/skinEngine/uxmodern/layout.html new file mode 100644 index 000000000..86dfa14ed --- /dev/null +++ b/workflow/engine/skinEngine/uxmodern/layout.html @@ -0,0 +1,77 @@ + + + + + + {$header} + + + + + + + + + + + + + +
+ + + + + + + + +
+
+ + {if $user_logged neq ''} + {$msgVer} + {if $switch_interface} + + {/if} + {$logout}  
+     + {/if} + +
+
+
+
+
+ + + + + {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/templates/admin/system.js b/workflow/engine/templates/admin/system.js index 7ea23407e..012cafd30 100644 --- a/workflow/engine/templates/admin/system.js +++ b/workflow/engine/templates/admin/system.js @@ -30,7 +30,7 @@ Ext.onReady(function(){ }); var cmbLang = new Ext.form.ComboBox({ - fieldLabel : _('ID_DEFAULT_LANG'), + fieldLabel : _('ID_DEFAULT_LANGUAGE'), hiddenName : 'default_lang', store : new Ext.data.ArrayStore({ fields: ['ID', 'NAME'], @@ -99,7 +99,7 @@ Ext.onReady(function(){ xtype: 'numberfield', id : 'memory_limit', name : 'memory_limit', - fieldLabel: _('ID_MEMORY_LIMIT') + '(MB) ', + fieldLabel: _('ID_MEMORY_LIMIT'), allowBlank: false, value: sysConf.memory_limit, listeners:{ @@ -160,7 +160,7 @@ function saveSettings() parent.PMExt.notify(_('ID_INFO'),_('ID_SAVED_SUCCESSFULLY')); if(response.restart) { - PMExt.confirm(_('ID_CONFIRM'), 'To take effect the changes you need re login.
Redirect now?', function(){ + PMExt.confirm(_('ID_CONFIRM'), _('ID_SYSTEM_REDIRECT_CONFIRM'), function(){ if (typeof window.parent.parent != 'undefined') window.parent.parent.location.href = '/'; diff --git a/workflow/engine/templates/installer/main.js b/workflow/engine/templates/installer/main.js index 130190606..799517012 100644 --- a/workflow/engine/templates/installer/main.js +++ b/workflow/engine/templates/installer/main.js @@ -90,6 +90,10 @@ Ext.onReady(function(){ Ext.get('pathLogFileSpan').dom.innerHTML = (response.pathLogFile.result ? okImage : badImage); wizard.onClientValidation(1, response.pathConfig.result && response.pathLanguages.result && response.pathPlugins.result && response.pathXmlforms.result && response.pathShared.result && response.pathLogFile.result); wizard.showLoadMask(false); + + if (response.notify != '') { + Ext.msgBoxSlider.msgTopCenter('alert', '', response.notify, 30); + } }, failure: function(){}, params: { @@ -431,7 +435,7 @@ Ext.onReady(function(){ items : [ { border : false, - html:'Directory File Permission', + html:'Directory/File Permission', bodyStyle : 'background:none;padding-top:0px;padding-bottom:5px;font-weight:bold;font-size:1.3em;' }, { @@ -486,7 +490,7 @@ Ext.onReady(function(){ }, { xtype: 'textfield', - fieldLabel: ' Public Directory', + fieldLabel: ' Public Index file', id: 'pathPublic', width: 430, value: path_public, diff --git a/workflow/engine/templates/main/sysLogin.html b/workflow/engine/templates/main/sysLogin.html deleted file mode 100644 index d17590cb6..000000000 --- a/workflow/engine/templates/main/sysLogin.html +++ /dev/null @@ -1,97 +0,0 @@ - - - - - - - - - - -

- - - - - - - - - - -
-
- ProcessMaker Ver. {pmos_version}
- {footer_text} -
-
- {advise_text} -
-
- - - - - - - -{login_script} -{login_vars} - - \ No newline at end of file diff --git a/workflow/public_html/index.html b/workflow/public_html/index.html index d1a08e840..ce0b54b8c 100755 --- a/workflow/public_html/index.html +++ b/workflow/public_html/index.html @@ -3,6 +3,6 @@ Redirector - + \ No newline at end of file